camox 0.43.0 → 0.45.0

package/dist/features/canvas/sidebar/CanvasNavigator.js

@@ -0,0 +1,226 @@
+import { cn } from "../../../lib/utils.js";
+import { previewStore } from "../../preview/previewStore.js";
+import { canvasPagePath } from "../canvasPages.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@camox/ui/button";
+import { ChevronsUpDown, Plus } from "lucide-react";
+import { Command as Command$1, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, commandFilter } from "@camox/ui/command";
+
+//#region src/features/canvas/sidebar/CanvasNavigator.tsx
+/** Blocks behind a bordered toggle, collapsed until opened. */
+function CollapsedBlocks(t0) {
+	const $ = c(14);
+	const { label, children } = t0;
+	const [expanded, setExpanded] = React.useState(false);
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = cn("hover:bg-accent/75 flex w-full cursor-default items-center gap-2 px-3 py-2 text-left text-sm", "focus-visible:rounded-none focus-visible:ring-inset");
+		t2 = () => setExpanded(_temp);
+		t3 = /* @__PURE__ */ jsx(ChevronsUpDown, { className: "text-muted-foreground size-4 shrink-0" });
+		$[0] = t1;
+		$[1] = t2;
+		$[2] = t3;
+	} else {
+		t1 = $[0];
+		t2 = $[1];
+		t3 = $[2];
+	}
+	let t4;
+	if ($[3] !== label) {
+		t4 = /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: label
+		});
+		$[3] = label;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== expanded || $[6] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			"aria-expanded": expanded,
+			className: t1,
+			onClick: t2,
+			children: [t3, t4]
+		});
+		$[5] = expanded;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== children || $[9] !== expanded) {
+		t6 = expanded && /* @__PURE__ */ jsx("div", {
+			className: "border-input border-t p-1",
+			children
+		});
+		$[8] = children;
+		$[9] = expanded;
+		$[10] = t6;
+	} else t6 = $[10];
+	let t7;
+	if ($[11] !== t5 || $[12] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
+			className: "border-input flex flex-col overflow-hidden rounded-lg border shadow-xs",
+			children: [t5, t6]
+		});
+		$[11] = t5;
+		$[12] = t6;
+		$[13] = t7;
+	} else t7 = $[13];
+	return t7;
+}
+function _temp(value) {
+	return !value;
+}
+function canvasItemLabel(item) {
+	return item.kind === "page" ? item.page.title : item.block._internal.title;
+}
+/** Search an item by its label, and a Page by its path too, never by its key. */
+function canvasItemKeywords(item) {
+	const label = canvasItemLabel(item);
+	const path = item.kind === "page" ? canvasPagePath(item.page) : null;
+	return path ? [label, path] : [label];
+}
+/**
+* The Canvas Navigator, shown while nothing is selected: every item of the Canvas,
+* in Canvas order, grouped under its shelf with its count, and a search that takes
+* focus. Pages show with their path; blocks start collapsed, though a search still
+* finds them. Picking an item shows it: the camera goes to it.
+*/
+function CanvasNavigator(t0) {
+	const $ = c(20);
+	const { shelves, selectedKey, onShowItem } = t0;
+	const [search, setSearch] = React.useState("");
+	let t1;
+	if ($[0] !== search) {
+		t1 = search.trim();
+		$[0] = search;
+		$[1] = t1;
+	} else t1 = $[1];
+	const searching = t1 !== "";
+	let t2;
+	if ($[2] !== onShowItem || $[3] !== selectedKey) {
+		t2 = (item) => {
+			const selected = item.key === selectedKey;
+			const path = item.kind === "page" ? canvasPagePath(item.page) : null;
+			return /* @__PURE__ */ jsx(CommandItem, {
+				value: item.key,
+				keywords: canvasItemKeywords(item),
+				"data-checked": selected,
+				"aria-current": selected ? "true" : void 0,
+				onSelect: () => onShowItem(item.key),
+				children: item.kind === "page" ? /* @__PURE__ */ jsxs("div", {
+					className: "flex min-w-0 flex-col py-0.5",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "truncate font-medium",
+						children: canvasItemLabel(item)
+					}), path && /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground truncate font-mono text-xs",
+						children: path
+					})]
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: canvasItemLabel(item)
+				})
+			}, item.key);
+		};
+		$[2] = onShowItem;
+		$[3] = selectedKey;
+		$[4] = t2;
+	} else t2 = $[4];
+	const renderItem = t2;
+	let t3;
+	if ($[5] !== search) {
+		t3 = /* @__PURE__ */ jsx(CommandInput, {
+			placeholder: "Search the Canvas…",
+			autoFocus: true,
+			value: search,
+			onValueChange: setSearch
+		});
+		$[5] = search;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(CommandEmpty, { children: "Nothing found." });
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== renderItem || $[9] !== searching || $[10] !== shelves) {
+		let t6;
+		if ($[12] !== renderItem || $[13] !== searching) {
+			t6 = (shelf) => {
+				const heading = `${shelf.label} (${shelf.items.length})`;
+				if (shelf.key === "shelf:pages") return /* @__PURE__ */ jsxs(CommandGroup, {
+					heading,
+					children: [shelf.items.map(renderItem), /* @__PURE__ */ jsx("div", {
+						className: "p-1",
+						children: /* @__PURE__ */ jsxs(Button, {
+							type: "button",
+							variant: "secondary",
+							className: "w-full",
+							onClick: _temp3,
+							children: [/* @__PURE__ */ jsx(Plus, {}), "Create page"]
+						})
+					})]
+				}, shelf.key);
+				return /* @__PURE__ */ jsx(CommandGroup, {
+					heading: searching ? heading : void 0,
+					children: searching || shelf.items.length === 0 ? shelf.items.map(renderItem) : /* @__PURE__ */ jsx("div", {
+						className: "p-1",
+						children: /* @__PURE__ */ jsx(CollapsedBlocks, {
+							label: `${shelf.items.length} ${shelf.items.length === 1 ? "block" : "blocks"}`,
+							children: shelf.items.map(renderItem)
+						})
+					})
+				}, shelf.key);
+			};
+			$[12] = renderItem;
+			$[13] = searching;
+			$[14] = t6;
+		} else t6 = $[14];
+		t5 = shelves.map(t6);
+		$[8] = renderItem;
+		$[9] = searching;
+		$[10] = shelves;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[15] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(CommandList, {
+			className: "max-h-none flex-1",
+			children: [t4, t5]
+		});
+		$[15] = t5;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[17] !== t3 || $[18] !== t6) {
+		t7 = /* @__PURE__ */ jsx("div", {
+			"data-canvas-navigator": true,
+			className: "flex min-h-0 flex-1 flex-col",
+			children: /* @__PURE__ */ jsxs(Command$1, {
+				className: "rounded-none! bg-transparent",
+				filter: _temp2,
+				children: [t3, t6]
+			})
+		});
+		$[17] = t3;
+		$[18] = t6;
+		$[19] = t7;
+	} else t7 = $[19];
+	return t7;
+}
+function _temp3() {
+	return previewStore.send({ type: "openCreatePageModal" });
+}
+function _temp2(_value, search_0, keywords) {
+	return commandFilter(keywords?.join(" ") ?? "", search_0);
+}
+
+//#endregion
+export { CanvasNavigator };

package/dist/features/canvas/sidebar/CanvasSidebar.js

@@ -0,0 +1,60 @@
+import { CanvasSidebarFrame } from "./CanvasSidebarFrame.js";
+import { CreatePageModal } from "../../preview/components/CreatePageModal.js";
+import { CanvasNavigator } from "./CanvasNavigator.js";
+import { CatalogBlockInspector } from "./CatalogBlockInspector.js";
+import { PageInspector } from "./PageInspector.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/features/canvas/sidebar/CanvasSidebar.tsx
+/**
+* The sidebar beside the Canvas. Without a selection, it shows the Canvas Navigator;
+* with one, the Canvas Inspector of the selected Page or block of the Block Catalog.
+*/
+function CanvasSidebar(t0) {
+	const $ = c(12);
+	const { page, catalog, navigator, onShowWholeCanvas, onRenamePage, owner: t1, pageRecord } = t0;
+	const owner = t1 === void 0 ? null : t1;
+	const t2 = catalog?.block._internal.title ?? page?.title ?? "Canvas navigator";
+	let t3;
+	if ($[0] !== catalog || $[1] !== navigator || $[2] !== onRenamePage || $[3] !== onShowWholeCanvas || $[4] !== owner || $[5] !== page || $[6] !== pageRecord) {
+		t3 = catalog ? /* @__PURE__ */ jsx(CatalogBlockInspector, {
+			block: catalog.block,
+			projectId: catalog.projectId,
+			onBack: onShowWholeCanvas
+		}) : page ? /* @__PURE__ */ jsx(PageInspector, {
+			page,
+			owner,
+			pageRecord,
+			onBack: onShowWholeCanvas,
+			onRenamePage
+		}) : /* @__PURE__ */ jsx(CanvasNavigator, { ...navigator });
+		$[0] = catalog;
+		$[1] = navigator;
+		$[2] = onRenamePage;
+		$[3] = onShowWholeCanvas;
+		$[4] = owner;
+		$[5] = page;
+		$[6] = pageRecord;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(CreatePageModal, {});
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t2 || $[10] !== t3) {
+		t5 = /* @__PURE__ */ jsxs(CanvasSidebarFrame, {
+			label: t2,
+			children: [t3, t4]
+		});
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t5;
+	} else t5 = $[11];
+	return t5;
+}
+
+//#endregion
+export { CanvasSidebar };

package/dist/features/canvas/sidebar/CanvasSidebarFrame.js

@@ -0,0 +1,48 @@
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/features/canvas/sidebar/CanvasSidebarFrame.tsx
+/**
+* The Canvas sidebar's own box, beside the Canvas: the Canvas Navigator or the Canvas
+* Inspector, or a stand-in for either, goes in it.
+*/
+function CanvasSidebarFrame(t0) {
+	const $ = c(9);
+	let children;
+	let label;
+	let props;
+	if ($[0] !== t0) {
+		({label, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = label;
+		$[3] = props;
+	} else {
+		children = $[1];
+		label = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = { width: 250 };
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== children || $[6] !== label || $[7] !== props) {
+		t2 = /* @__PURE__ */ jsx("aside", {
+			"aria-label": label,
+			className: "bg-background relative flex shrink-0 flex-col border-r-2",
+			style: t1,
+			...props,
+			children
+		});
+		$[5] = children;
+		$[6] = label;
+		$[7] = props;
+		$[8] = t2;
+	} else t2 = $[8];
+	return t2;
+}
+
+//#endregion
+export { CanvasSidebarFrame };

package/dist/features/canvas/sidebar/CanvasSidebarSkeleton.js

@@ -0,0 +1,39 @@
+import { CanvasInspectorBody, CanvasInspectorHeaderSkeleton } from "./CanvasInspector.js";
+import { CanvasSidebarFrame } from "./CanvasSidebarFrame.js";
+import { CuratedPageSkeleton, LayoutPageSkeleton } from "./PageInspectorSkeleton.js";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/features/canvas/sidebar/CanvasSidebarSkeleton.tsx
+/**
+* Stands in for the Canvas sidebar while the Canvas loads, so the page beside it
+* doesn't shift once the Canvas shows. For a selected Page, it takes the Canvas
+* Inspector's layout. Without one, it is empty but just as wide, so selecting and
+* deselecting on the Canvas never resizes the page frame's place under it.
+*/
+function CanvasSidebarSkeleton(t0) {
+	const $ = c(5);
+	const { page: t1, layoutPage: t2 } = t0;
+	const page = t1 === void 0 ? true : t1;
+	const layoutPage = t2 === void 0 ? false : t2;
+	let t3;
+	if ($[0] !== layoutPage || $[1] !== page) {
+		t3 = page && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CanvasInspectorHeaderSkeleton, {}), /* @__PURE__ */ jsx(CanvasInspectorBody, { children: layoutPage ? /* @__PURE__ */ jsx(LayoutPageSkeleton, {}) : /* @__PURE__ */ jsx(CuratedPageSkeleton, {}) })] });
+		$[0] = layoutPage;
+		$[1] = page;
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== t3) {
+		t4 = /* @__PURE__ */ jsx(CanvasSidebarFrame, {
+			"data-canvas-sidebar-skeleton": true,
+			children: t3
+		});
+		$[3] = t3;
+		$[4] = t4;
+	} else t4 = $[4];
+	return t4;
+}
+
+//#endregion
+export { CanvasSidebarSkeleton };

package/dist/features/canvas/sidebar/CatalogBlockInspector.js

@@ -0,0 +1,189 @@
+import { useLocation, useNavigate } from "../../navigation/navigation.js";
+import { reads, useReadQuery } from "../../../lib/studio-reads.js";
+import { useLocalizedPath } from "../../../lib/view-locale.js";
+import { CanvasInspectorBody, CanvasInspectorHeader, CanvasInspectorTitle } from "./CanvasInspector.js";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/features/canvas/sidebar/CatalogBlockInspector.tsx
+function PagesMessage(t0) {
+	const $ = c(3);
+	const { role, children } = t0;
+	let t1;
+	if ($[0] !== children || $[1] !== role) {
+		t1 = /* @__PURE__ */ jsx("p", {
+			role,
+			className: "text-muted-foreground text-sm",
+			children
+		});
+		$[0] = children;
+		$[1] = role;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+/**
+* The Pages holding a placement of the block. Picking one selects it through
+* regular navigation, so the camera flies to it.
+*/
+function PlacementPages(t0) {
+	const $ = c(19);
+	const { block, projectId } = t0;
+	const { search, hash } = useLocation();
+	const localized = useLocalizedPath();
+	const navigate = useNavigate();
+	let t1;
+	if ($[0] !== block._internal.id || $[1] !== projectId) {
+		t1 = reads.pagesUsingBlock({
+			projectId,
+			type: block._internal.id
+		});
+		$[0] = block._internal.id;
+		$[1] = projectId;
+		$[2] = t1;
+	} else t1 = $[2];
+	const pages = useReadQuery(t1);
+	if (pages.isPending) {
+		let t2;
+		if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsx(PagesMessage, {
+				role: "status",
+				children: "Loading pages…"
+			});
+			$[3] = t2;
+		} else t2 = $[3];
+		return t2;
+	}
+	if (pages.error) {
+		let t2;
+		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsx(PagesMessage, {
+				role: "alert",
+				children: "Could not load the pages using this block."
+			});
+			$[4] = t2;
+		} else t2 = $[4];
+		return t2;
+	}
+	if (pages.data.length === 0) {
+		let t2;
+		if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+			t2 = /* @__PURE__ */ jsx(PagesMessage, { children: "No pages use this block yet." });
+			$[5] = t2;
+		} else t2 = $[5];
+		return t2;
+	}
+	let t2;
+	if ($[6] !== hash || $[7] !== localized || $[8] !== navigate || $[9] !== pages.data || $[10] !== search) {
+		let t3;
+		if ($[12] !== hash || $[13] !== localized || $[14] !== navigate || $[15] !== search) {
+			t3 = (page) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				className: "hover:bg-accent focus-visible:ring-ring flex w-full min-w-0 items-baseline justify-between gap-3 rounded-md px-2 py-1.5 text-left text-sm outline-none focus-visible:ring-2",
+				onClick: () => void navigate({ to: `${localized(page.fullPath)}${search}${hash}` }),
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: page.nickname
+				}), /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground truncate",
+					children: page.fullPath
+				})]
+			}) }, page.id);
+			$[12] = hash;
+			$[13] = localized;
+			$[14] = navigate;
+			$[15] = search;
+			$[16] = t3;
+		} else t3 = $[16];
+		t2 = pages.data.map(t3);
+		$[6] = hash;
+		$[7] = localized;
+		$[8] = navigate;
+		$[9] = pages.data;
+		$[10] = search;
+		$[11] = t2;
+	} else t2 = $[11];
+	let t3;
+	if ($[17] !== t2) {
+		t3 = /* @__PURE__ */ jsx("ul", {
+			className: "-mx-2 flex flex-col gap-0.5",
+			children: t2
+		});
+		$[17] = t2;
+		$[18] = t3;
+	} else t3 = $[18];
+	return t3;
+}
+/** A block of the Block Catalog: its description and the Pages holding its placements. */
+function CatalogBlockInspector(t0) {
+	const $ = c(17);
+	const { block, projectId, onBack } = t0;
+	const { title, description } = block._internal;
+	let t1;
+	if ($[0] !== title) {
+		t1 = /* @__PURE__ */ jsx(CanvasInspectorTitle, { children: title });
+		$[0] = title;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== onBack || $[3] !== t1) {
+		t2 = /* @__PURE__ */ jsx(CanvasInspectorHeader, {
+			onBack,
+			children: t1
+		});
+		$[2] = onBack;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== description) {
+		t3 = description && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground text-sm",
+			children: description
+		});
+		$[5] = description;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx("p", {
+			className: "text-sm font-medium",
+			children: "Used on"
+		});
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== block || $[9] !== projectId) {
+		t5 = /* @__PURE__ */ jsxs("section", {
+			className: "space-y-2",
+			children: [t4, /* @__PURE__ */ jsx(PlacementPages, {
+				block,
+				projectId
+			})]
+		});
+		$[8] = block;
+		$[9] = projectId;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== t3 || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsx(CanvasInspectorBody, { children: /* @__PURE__ */ jsxs("div", {
+			className: "flex min-h-0 flex-1 flex-col gap-6 overflow-auto p-4",
+			children: [t3, t5]
+		}) });
+		$[11] = t3;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== t2 || $[15] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, t6] });
+		$[14] = t2;
+		$[15] = t6;
+		$[16] = t7;
+	} else t7 = $[16];
+	return t7;
+}
+
+//#endregion
+export { CatalogBlockInspector };

package/dist/features/canvas/sidebar/CuratedPageInspector.js

@@ -0,0 +1,69 @@
+import { useProjectUuid } from "../../../lib/auth.js";
+import { reads, useRead } from "../../../lib/studio-reads.js";
+import { useLocalePath } from "../../../lib/view-locale.js";
+import { AddBlockDialog } from "../../preview/components/AddBlockDialog.js";
+import { PreviewEditingOwnerContext } from "../../preview/previewSelection.js";
+import { PageInfo } from "../../preview/components/PageInfo.js";
+import { PageTree } from "../../preview/components/PageTree.js";
+import { PageOverview } from "./PageOverview.js";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/features/canvas/sidebar/CuratedPageInspector.tsx
+/** A curated page: its blocks, which editors arrange, then what's about the page. */
+function CuratedPageInspector() {
+	const $ = c(11);
+	const pathname = useLocalePath();
+	const projectUuid = useProjectUuid();
+	const owner = React.useContext(PreviewEditingOwnerContext);
+	let t0;
+	if ($[0] !== pathname || $[1] !== projectUuid) {
+		t0 = reads.pageStructure({
+			path: pathname,
+			projectUuid
+		});
+		$[0] = pathname;
+		$[1] = projectUuid;
+		$[2] = t0;
+	} else t0 = $[2];
+	const pageId = useRead(t0).page.id;
+	let t1;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			className: "px-2 pt-5",
+			children: /* @__PURE__ */ jsx(PageTree, { collapsible: true })
+		});
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== pageId) {
+		t2 = /* @__PURE__ */ jsx(PageOverview, { children: /* @__PURE__ */ jsxs("div", {
+			className: "flex min-h-0 flex-1 flex-col overflow-auto",
+			children: [t1, /* @__PURE__ */ jsx(PageInfo, {
+				pageId,
+				scrollable: false
+			})]
+		}) });
+		$[4] = pageId;
+		$[5] = t2;
+	} else t2 = $[5];
+	const t3 = owner?.kind === "page" && owner.pageId === pageId;
+	let t4;
+	if ($[6] !== t3) {
+		t4 = /* @__PURE__ */ jsx(AddBlockDialog, { focusCreatedBlock: t3 });
+		$[6] = t3;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== t2 || $[9] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Fragment, { children: [t2, t4] });
+		$[8] = t2;
+		$[9] = t4;
+		$[10] = t5;
+	} else t5 = $[10];
+	return t5;
+}
+
+//#endregion
+export { CuratedPageInspector };

package/dist/features/canvas/sidebar/DerivedPageInspector.js

@@ -0,0 +1,37 @@
+import { LayoutPageOverview } from "./LayoutPageOverview.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/features/canvas/sidebar/DerivedPageInspector.tsx
+/**
+* A derived page: its layout's blocks, shared by every page of the layout, around content
+* its code generates. A record page's content is its record, edited from the preview.
+*/
+function DerivedPageInspector(t0) {
+	const $ = c(5);
+	const { layoutId, pageRecord } = t0;
+	const t1 = pageRecord ? "Changes to these blocks apply to every page using this layout. Select this page’s content in the preview to edit its record, shared everywhere it appears." : "Changes apply to every page using this layout. The generated page content is managed outside the studio.";
+	let t2;
+	if ($[0] !== t1) {
+		t2 = {
+			title: "Shared layout blocks",
+			description: t1
+		};
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== layoutId || $[3] !== t2) {
+		t3 = /* @__PURE__ */ jsx(LayoutPageOverview, {
+			layoutId,
+			notice: t2
+		});
+		$[2] = layoutId;
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
+	return t3;
+}
+
+//#endregion
+export { DerivedPageInspector };