camox 0.40.0 → 0.41.1

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

@@ -26,10 +26,10 @@ const slugifyPathSegment = (nickname) => {
 	return trimmedNickname.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 };
 const CreatePageModal = () => {
-	const $ = c(56);
-	if ($[0] !== "1b629d2817a68910dcd0da1c3da2fc0aac9482f6f60a2348db493c3af333db39") {
-		for (let $i = 0; $i < 56; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "1b629d2817a68910dcd0da1c3da2fc0aac9482f6f60a2348db493c3af333db39";
+	const $ = c(59);
+	if ($[0] !== "a489bee2c2bcec31c62ddabbd93e62c3a08c94905cfefce5cfe8476f2f60182f") {
+		for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a489bee2c2bcec31c62ddabbd93e62c3a08c94905cfefce5cfe8476f2f60182f";
 	}
 	const projectSlug = useProjectSlug();
 	const open = useSelector(previewStore, _temp);
@@ -81,21 +81,29 @@ const CreatePageModal = () => {
 		$[12] = t6;
 		$[13] = t7;
 	} else t7 = $[13];
-	const { data: layouts } = useQuery(t7);
+	const { data: allLayouts } = useQuery(t7);
 	const camoxApp = useCamoxApp();
-	const navigate = useNavigate();
 	let t8;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = {
+	if ($[14] !== allLayouts || $[15] !== camoxApp) {
+		t8 = allLayouts?.filter((layout) => camoxApp.getLayoutById(layout.layoutId)?._internal.kind !== "derived");
+		$[14] = allLayouts;
+		$[15] = camoxApp;
+		$[16] = t8;
+	} else t8 = $[16];
+	const layouts = t8;
+	const navigate = useNavigate();
+	let t9;
+	if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = {
 			nickname: "",
 			parentPageId: void 0,
 			pathSegment: "",
 			layoutId: ""
 		};
-		$[14] = t8;
-	} else t8 = $[14];
+		$[17] = t9;
+	} else t9 = $[17];
 	const form = useForm({
-		defaultValues: t8,
+		defaultValues: t9,
 		onSubmit: async (values) => {
 			try {
 				if (!project) {
@@ -129,47 +137,47 @@ const CreatePageModal = () => {
 				form.reset();
 				await new Promise(_temp2);
 				await navigate({ to: fullPath });
-			} catch (t9) {
-				console.error("Failed to create page:", t9);
+			} catch (t10) {
+				console.error("Failed to create page:", t10);
 				toast.error("Could not create page");
 			}
 		}
 	});
-	let t10;
-	if ($[15] !== form || $[16] !== layouts) {
-		t10 = () => {
-			if (layouts && layouts.length > 0 && !form.getFieldValue("layoutId")) form.setFieldValue("layoutId", String(layouts[0].id));
-		};
-		$[15] = form;
-		$[16] = layouts;
-		$[17] = t10;
-	} else t10 = $[17];
 	let t11;
 	if ($[18] !== form || $[19] !== layouts) {
-		t11 = [layouts, form];
+		t11 = () => {
+			if (layouts && layouts.length > 0 && !form.getFieldValue("layoutId")) form.setFieldValue("layoutId", String(layouts[0].id));
+		};
 		$[18] = form;
 		$[19] = layouts;
 		$[20] = t11;
 	} else t11 = $[20];
-	useEffect(t10, t11);
 	let t12;
-	if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Create page" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Fill in the details to create a new page. It will be created as a draft." })] });
-		$[21] = t12;
-	} else t12 = $[21];
+	if ($[21] !== form || $[22] !== layouts) {
+		t12 = [layouts, form];
+		$[21] = form;
+		$[22] = layouts;
+		$[23] = t12;
+	} else t12 = $[23];
+	useEffect(t11, t12);
 	let t13;
-	if ($[22] !== form) {
-		t13 = (e) => {
+	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+		t13 = /* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Create page" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Fill in the details to create a new page. It will be created as a draft." })] });
+		$[24] = t13;
+	} else t13 = $[24];
+	let t14;
+	if ($[25] !== form) {
+		t14 = (e) => {
 			e.preventDefault();
 			e.stopPropagation();
 			form.handleSubmit();
 		};
-		$[22] = form;
-		$[23] = t13;
-	} else t13 = $[23];
-	let t14;
-	if ($[24] !== form) {
-		t14 = (field) => /* @__PURE__ */ jsx(PageNicknameField, {
+		$[25] = form;
+		$[26] = t14;
+	} else t14 = $[26];
+	let t15;
+	if ($[27] !== form) {
+		t15 = (field) => /* @__PURE__ */ jsx(PageNicknameField, {
 			value: field.state.value,
 			onChange: (value_0) => {
 				field.handleChange(value_0);
@@ -178,22 +186,22 @@ const CreatePageModal = () => {
 			},
 			autoFocus: true
 		});
-		$[24] = form;
-		$[25] = t14;
-	} else t14 = $[25];
-	let t15;
-	if ($[26] !== form.Field || $[27] !== t14) {
-		t15 = /* @__PURE__ */ jsx(form.Field, {
-			name: "nickname",
-			children: t14
-		});
-		$[26] = form.Field;
-		$[27] = t14;
+		$[27] = form;
 		$[28] = t15;
 	} else t15 = $[28];
 	let t16;
-	if ($[29] !== form.Field || $[30] !== pages) {
-		t16 = (parentField) => /* @__PURE__ */ jsx(form.Field, {
+	if ($[29] !== form.Field || $[30] !== t15) {
+		t16 = /* @__PURE__ */ jsx(form.Field, {
+			name: "nickname",
+			children: t15
+		});
+		$[29] = form.Field;
+		$[30] = t15;
+		$[31] = t16;
+	} else t16 = $[31];
+	let t17;
+	if ($[32] !== form.Field || $[33] !== pages) {
+		t17 = (parentField) => /* @__PURE__ */ jsx(form.Field, {
 			name: "pathSegment",
 			children: (pathField) => /* @__PURE__ */ jsx(PageLocationFieldset, {
 				parentPageId: parentField.state.value,
@@ -203,23 +211,23 @@ const CreatePageModal = () => {
 				pages
 			})
 		});
-		$[29] = form.Field;
-		$[30] = pages;
-		$[31] = t16;
-	} else t16 = $[31];
-	let t17;
-	if ($[32] !== form.Field || $[33] !== t16) {
-		t17 = /* @__PURE__ */ jsx(form.Field, {
-			name: "parentPageId",
-			children: t16
-		});
 		$[32] = form.Field;
-		$[33] = t16;
+		$[33] = pages;
 		$[34] = t17;
 	} else t17 = $[34];
 	let t18;
-	if ($[35] !== camoxApp || $[36] !== layouts) {
-		t18 = (field_0) => /* @__PURE__ */ jsxs("div", {
+	if ($[35] !== form.Field || $[36] !== t17) {
+		t18 = /* @__PURE__ */ jsx(form.Field, {
+			name: "parentPageId",
+			children: t17
+		});
+		$[35] = form.Field;
+		$[36] = t17;
+		$[37] = t18;
+	} else t18 = $[37];
+	let t19;
+	if ($[38] !== camoxApp || $[39] !== layouts) {
+		t19 = (field_0) => /* @__PURE__ */ jsxs("div", {
 			className: "space-y-2",
 			children: [/* @__PURE__ */ jsx(Label, {
 				htmlFor: "layoutId",
@@ -240,77 +248,77 @@ const CreatePageModal = () => {
 				}, t_0.id)) })]
 			})]
 		});
-		$[35] = camoxApp;
-		$[36] = layouts;
-		$[37] = t18;
-	} else t18 = $[37];
-	let t19;
-	if ($[38] !== form.Field || $[39] !== t18) {
-		t19 = /* @__PURE__ */ jsx(form.Field, {
-			name: "layoutId",
-			children: t18
-		});
-		$[38] = form.Field;
-		$[39] = t18;
+		$[38] = camoxApp;
+		$[39] = layouts;
 		$[40] = t19;
 	} else t19 = $[40];
 	let t20;
-	if ($[41] !== form.state.isSubmitting) {
-		t20 = form.state.isSubmitting && /* @__PURE__ */ jsx(Spinner, {});
-		$[41] = form.state.isSubmitting;
-		$[42] = t20;
-	} else t20 = $[42];
-	const t21 = form.state.isSubmitting && "...";
-	let t22;
-	if ($[43] !== form.state.isSubmitting || $[44] !== t20 || $[45] !== t21) {
-		t22 = /* @__PURE__ */ jsxs(Button, {
+	if ($[41] !== form.Field || $[42] !== t19) {
+		t20 = /* @__PURE__ */ jsx(form.Field, {
+			name: "layoutId",
+			children: t19
+		});
+		$[41] = form.Field;
+		$[42] = t19;
+		$[43] = t20;
+	} else t20 = $[43];
+	let t21;
+	if ($[44] !== form.state.isSubmitting) {
+		t21 = form.state.isSubmitting && /* @__PURE__ */ jsx(Spinner, {});
+		$[44] = form.state.isSubmitting;
+		$[45] = t21;
+	} else t21 = $[45];
+	const t22 = form.state.isSubmitting && "...";
+	let t23;
+	if ($[46] !== form.state.isSubmitting || $[47] !== t21 || $[48] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(Button, {
 			type: "submit",
 			disabled: form.state.isSubmitting,
 			children: [
-				t20,
+				t21,
 				"Create page",
-				t21
+				t22
 			]
 		});
-		$[43] = form.state.isSubmitting;
-		$[44] = t20;
-		$[45] = t21;
-		$[46] = t22;
-	} else t22 = $[46];
-	let t23;
-	if ($[47] !== t13 || $[48] !== t15 || $[49] !== t17 || $[50] !== t19 || $[51] !== t22) {
-		t23 = /* @__PURE__ */ jsxs(DialogContent, {
+		$[46] = form.state.isSubmitting;
+		$[47] = t21;
+		$[48] = t22;
+		$[49] = t23;
+	} else t23 = $[49];
+	let t24;
+	if ($[50] !== t14 || $[51] !== t16 || $[52] !== t18 || $[53] !== t20 || $[54] !== t23) {
+		t24 = /* @__PURE__ */ jsxs(DialogContent, {
 			className: "flex max-h-[90vh] flex-col sm:max-w-lg",
-			children: [t12, /* @__PURE__ */ jsxs("form", {
-				onSubmit: t13,
+			children: [t13, /* @__PURE__ */ jsxs("form", {
+				onSubmit: t14,
 				className: "-mx-1 space-y-4 overflow-y-auto px-1 py-2",
 				children: [
-					t15,
-					t17,
-					t19,
-					t22
+					t16,
+					t18,
+					t20,
+					t23
 				]
 			})]
 		});
-		$[47] = t13;
-		$[48] = t15;
-		$[49] = t17;
-		$[50] = t19;
-		$[51] = t22;
-		$[52] = t23;
-	} else t23 = $[52];
-	let t24;
-	if ($[53] !== open || $[54] !== t23) {
-		t24 = /* @__PURE__ */ jsx(Dialog, {
-			open,
-			onOpenChange: _temp3,
-			children: t23
-		});
-		$[53] = open;
+		$[50] = t14;
+		$[51] = t16;
+		$[52] = t18;
+		$[53] = t20;
 		$[54] = t23;
 		$[55] = t24;
 	} else t24 = $[55];
-	return t24;
+	let t25;
+	if ($[56] !== open || $[57] !== t24) {
+		t25 = /* @__PURE__ */ jsx(Dialog, {
+			open,
+			onOpenChange: _temp3,
+			children: t24
+		});
+		$[56] = open;
+		$[57] = t24;
+		$[58] = t25;
+	} else t25 = $[58];
+	return t25;
 };
 function _temp(state) {
 	return state.context.isCreatePageModalOpen;

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

@@ -0,0 +1,100 @@
+import { useNavigate } from "../../navigation/navigation.js";
+import { routeSegments } from "../../../core/derivedRoutes.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@camox/ui/button";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@camox/ui/dialog";
+import { Label } from "@camox/ui/label";
+import { Input } from "@camox/ui/input";
+
+//#region src/features/preview/components/DerivedLayoutDialog.tsx
+function DerivedLayoutDialog({ layout, projectSlug, currentParams, onClose }) {
+	const navigate = useNavigate();
+	const id = React.useId();
+	const storageKey = `camox:derived-preview:${projectSlug}:${layout._internal.id}`;
+	const [values, setValues] = React.useState(() => {
+		if (currentParams) return currentParams;
+		try {
+			const saved = JSON.parse(sessionStorage.getItem(storageKey) ?? "{}");
+			if (saved && typeof saved === "object" && !Array.isArray(saved)) return Object.fromEntries(Object.entries(saved).filter((entry) => typeof entry[1] === "string"));
+		} catch {}
+		return {};
+	});
+	const [pending, setPending] = React.useState(false);
+	const [error, setError] = React.useState(null);
+	const segments = routeSegments(layout._internal.id);
+	const params = [...new Set(segments.filter((segment) => segment.startsWith("$")).map((segment_0) => segment_0.slice(1)))];
+	const valid = params.every((param) => {
+		const value = values[param]?.trim();
+		return value && !value.includes("/") && value !== "." && value !== "..";
+	});
+	const path = `/${segments.map((segment_1) => {
+		if (!segment_1.startsWith("$")) return encodeURIComponent(segment_1);
+		const value_0 = values[segment_1.slice(1)]?.trim();
+		return value_0 ? encodeURIComponent(value_0) : segment_1;
+	}).join("/")}`;
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: true,
+		onOpenChange: (open) => !open && onClose(),
+		children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs("form", {
+			className: "space-y-4",
+			onSubmit: async (event) => {
+				event.preventDefault();
+				if (!valid || pending) return;
+				try {
+					sessionStorage.setItem(storageKey, JSON.stringify(values));
+				} catch {}
+				setPending(true);
+				setError(null);
+				try {
+					await navigate({ to: path });
+					onClose();
+				} catch {
+					setError("Could not open this preview. Check the parameters and try again.");
+				} finally {
+					setPending(false);
+				}
+			},
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsxs(DialogTitle, { children: ["Preview ", layout._internal.title] }), /* @__PURE__ */ jsx(DialogDescription, { children: "Enter the path parameters for the page you want to preview." })] }),
+				params.map((param_0) => /* @__PURE__ */ jsxs("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ jsx(Label, {
+						htmlFor: `${id}-${param_0}`,
+						children: param_0
+					}), /* @__PURE__ */ jsx(Input, {
+						id: `${id}-${param_0}`,
+						required: true,
+						value: values[param_0] ?? "",
+						onChange: (event_0) => setValues((previous) => ({
+							...previous,
+							[param_0]: event_0.target.value
+						}))
+					})]
+				}, param_0)),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground font-mono text-sm break-all",
+					children: path
+				}),
+				error && /* @__PURE__ */ jsx("p", {
+					role: "alert",
+					className: "text-destructive text-sm",
+					children: error
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "outline",
+					onClick: onClose,
+					children: "Cancel"
+				}), /* @__PURE__ */ jsx(Button, {
+					type: "submit",
+					disabled: !valid || pending,
+					children: pending ? "Opening…" : "Open preview"
+				})] })
+			]
+		}) })
+	});
+}
+
+//#endregion
+export { DerivedLayoutDialog };

package/dist/features/preview/components/DerivedLayoutSidebar.d.ts

@@ -0,0 +1,5 @@
+import { PageRenderInput } from "../../runtime/runtime.js";
+//#region src/features/preview/components/DerivedLayoutSidebar.d.ts
+type DerivedLayoutStructure = NonNullable<PageRenderInput["derived"]>["layout"];
+//#endregion
+export { DerivedLayoutStructure };

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

@@ -0,0 +1,160 @@
+import { useProjectSlug } from "../../../lib/auth.js";
+import { usePageBlocks } from "../../../lib/normalized-data.js";
+import { layoutQueries, projectQueries } from "../../../lib/queries.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { previewStore, selectPreviewSource } from "../previewStore.js";
+import { PagePicker } from "./PagePicker.js";
+import { LayoutBlockItem } from "./PageTree.js";
+import { PublicationRow } from "./PublicationRow.js";
+import { c } from "react/compiler-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
+import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
+import { PanelContent, PanelHeader } from "@camox/ui/panel";
+
+//#region src/features/preview/components/DerivedLayoutSidebar.tsx
+const EMPTY_PAGE = { blockIds: [] };
+function DerivedLayoutSidebar(t0) {
+	const $ = c(32);
+	if ($[0] !== "2c7da8bd37fd1558e1c31149d4435d439cdd1425cb374116d681960617531266") {
+		for (let $i = 0; $i < 32; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "2c7da8bd37fd1558e1c31149d4435d439cdd1425cb374116d681960617531266";
+	}
+	const { layout } = t0;
+	const source = useSelector(previewStore, selectPreviewSource);
+	let t1;
+	if ($[1] !== layout) {
+		t1 = {
+			page: EMPTY_PAGE,
+			layout
+		};
+		$[1] = layout;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { beforeBlocks, afterBlocks } = usePageBlocks(t1, source);
+	const app = useCamoxApp();
+	let t2;
+	if ($[3] !== app || $[4] !== layout.layoutId) {
+		t2 = app.getLayoutById(layout.layoutId)?._internal.title ?? layout.layoutId;
+		$[3] = app;
+		$[4] = layout.layoutId;
+		$[5] = t2;
+	} else t2 = $[5];
+	const layoutName = t2;
+	const projectSlug = useProjectSlug();
+	let t3;
+	if ($[6] !== projectSlug) {
+		t3 = projectQueries.getBySlug(projectSlug);
+		$[6] = projectSlug;
+		$[7] = t3;
+	} else t3 = $[7];
+	const { data: project } = useQuery(t3);
+	let t4;
+	if ($[8] !== project?.id) {
+		t4 = layoutQueries.list(project?.id ?? 0);
+		$[8] = project?.id;
+		$[9] = t4;
+	} else t4 = $[9];
+	const t5 = !!project;
+	let t6;
+	if ($[10] !== t4 || $[11] !== t5) {
+		t6 = {
+			...t4,
+			enabled: t5
+		};
+		$[10] = t4;
+		$[11] = t5;
+		$[12] = t6;
+	} else t6 = $[12];
+	const { data: layouts } = useQuery(t6);
+	let t7;
+	if ($[13] !== layout.id || $[14] !== layouts) {
+		t7 = layouts?.find((item) => item.id === layout.id);
+		$[13] = layout.id;
+		$[14] = layouts;
+		$[15] = t7;
+	} else t7 = $[15];
+	const record = t7;
+	let t8;
+	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx("div", {
+			className: "flex w-full",
+			children: /* @__PURE__ */ jsx(PagePicker, {})
+		});
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== layoutName || $[18] !== record) {
+		t9 = record ? {
+			kind: "layout",
+			layout: record,
+			name: layoutName
+		} : null;
+		$[17] = layoutName;
+		$[18] = record;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(PanelHeader, {
+			className: "flex flex-col gap-2 p-2",
+			children: [t8, /* @__PURE__ */ jsx(PublicationRow, { target: t9 })]
+		});
+		$[20] = t9;
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== afterBlocks || $[23] !== beforeBlocks || $[24] !== layoutName) {
+		t11 = [["Before", beforeBlocks], ["After", afterBlocks]].map((t12) => {
+			const [title, blocks] = t12;
+			return /* @__PURE__ */ jsxs("section", {
+				className: "space-y-1",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "text-muted-foreground px-2 text-xs font-medium",
+					children: title
+				}), blocks.length === 0 ? /* @__PURE__ */ jsxs("p", {
+					className: "text-muted-foreground px-2 py-2 text-sm",
+					children: [
+						"No ",
+						title.toLowerCase(),
+						" blocks"
+					]
+				}) : blocks.map((block) => /* @__PURE__ */ jsx(LayoutBlockItem, {
+					block,
+					layoutName,
+					derived: true
+				}, block.id))]
+			}, title);
+		});
+		$[22] = afterBlocks;
+		$[23] = beforeBlocks;
+		$[24] = layoutName;
+		$[25] = t11;
+	} else t11 = $[25];
+	let t12;
+	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = /* @__PURE__ */ jsxs(Alert, { children: [/* @__PURE__ */ jsx(AlertTitle, { children: "Shared layout blocks" }), /* @__PURE__ */ jsx(AlertDescription, { children: "Changes apply to every page using this layout. The generated page content is managed outside the studio." })] });
+		$[26] = t12;
+	} else t12 = $[26];
+	let t13;
+	if ($[27] !== t11) {
+		t13 = /* @__PURE__ */ jsxs(PanelContent, {
+			className: "flex grow basis-0 flex-col gap-4 overflow-auto p-2",
+			children: [t11, t12]
+		});
+		$[27] = t11;
+		$[28] = t13;
+	} else t13 = $[28];
+	let t14;
+	if ($[29] !== t10 || $[30] !== t13) {
+		t14 = /* @__PURE__ */ jsxs(Fragment, { children: [t10, t13] });
+		$[29] = t10;
+		$[30] = t13;
+		$[31] = t14;
+	} else t14 = $[31];
+	return t14;
+}
+
+//#endregion
+export { DerivedLayoutSidebar };

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

@@ -0,0 +1,57 @@
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
+
+//#region src/features/preview/components/DerivedPageInfoSidebar.tsx
+function DerivedPageInfoSidebar(t0) {
+	const $ = c(8);
+	if ($[0] !== "188f548de856db3a863c0d74a6e937ddbe5a25be65cd852330ec33162eb56ebf") {
+		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "188f548de856db3a863c0d74a6e937ddbe5a25be65cd852330ec33162eb56ebf";
+	}
+	const { layoutId } = t0;
+	const camoxApp = useCamoxApp();
+	let t1;
+	if ($[1] !== camoxApp || $[2] !== layoutId) {
+		t1 = camoxApp.getLayoutById(layoutId);
+		$[1] = camoxApp;
+		$[2] = layoutId;
+		$[3] = t1;
+	} else t1 = $[3];
+	const layoutName = t1?._internal.title ?? layoutId;
+	let t2;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("p", {
+			className: "text-base font-semibold",
+			children: "About this page"
+		});
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(AlertTitle, { children: "Derived page" });
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== layoutName) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "flex-1 space-y-4 p-2 pt-4",
+			children: [t2, /* @__PURE__ */ jsxs(Alert, { children: [t3, /* @__PURE__ */ jsxs(AlertDescription, { children: [
+				"This page is generated using the",
+				" ",
+				/* @__PURE__ */ jsx("strong", {
+					className: "font-semibold italic",
+					children: layoutName
+				}),
+				" layout. Select a shared block in the preview to edit it."
+			] })] })]
+		});
+		$[6] = layoutName;
+		$[7] = t4;
+	} else t4 = $[7];
+	return t4;
+}
+
+//#endregion
+export { DerivedPageInfoSidebar };