camox 0.34.0 → 0.35.0

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

@@ -1,7 +1,7 @@
 import { previewStore } from "../previewStore.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
 
 //#region src/features/preview/components/DraftSwitchDialog.tsx

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

@@ -1,12 +1,12 @@
 import { cn } from "../../../lib/utils.js";
-import { isOverlayMessage } from "../overlayMessages.js";
 import { previewStore } from "../previewStore.js";
-import { FORMAT_FLAGS } from "../../../core/lib/modifierFormats.js";
 import { TextLinkPopover } from "../../../core/components/lexical/TextLinkPopover.js";
+import { FORMAT_FLAGS } from "../../../core/lib/modifierFormats.js";
+import { isOverlayMessage } from "../overlayMessages.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { Kbd } from "@camox/ui/kbd";
 import { Button } from "@camox/ui/button";
 import { Bold, Italic } from "lucide-react";

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

@@ -1,8 +1,8 @@
 import { cn } from "../../../lib/utils.js";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
-import { createPortal } from "react-dom";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
 
 //#region src/features/preview/components/Frame.tsx
 const FrameContext = React.createContext({

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

@@ -1,14 +1,14 @@
-import { previewStore } from "../previewStore.js";
 import { isFileMarker, isItemMarker, resolveFileMarker } from "../../../lib/normalized-data.js";
+import { previewStore } from "../previewStore.js";
 import { SidebarLexicalEditor } from "../../../core/components/lexical/SidebarLexicalEditor.js";
 import { RepeatableItemsList } from "./RepeatableItemsList.js";
 import { c } from "react/compiler-runtime";
-import { Input } from "@camox/ui/input";
-import { Label } from "@camox/ui/label";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { FileIcon, ImageIcon, Images, Link2 } from "lucide-react";
+import { Label } from "@camox/ui/label";
 import { useForm } from "@tanstack/react-form";
+import { Input } from "@camox/ui/input";
 
 //#region src/features/preview/components/ItemFieldsEditor.tsx
 const formatFieldName = (fieldName) => {

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

@@ -2,8 +2,8 @@ import { previewStore } from "../previewStore.js";
 import { AddBlockSidebar } from "./AddBlockSidebar.js";
 import { PageNavigatorSidebar } from "./PageNavigatorSidebar.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 
 //#region src/features/preview/components/LeftSidebar.tsx
 const getLeftSidebarRoute = ({ isAddBlockSidebarOpen }) => {

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

@@ -3,14 +3,14 @@ import { pageQueries, projectQueries } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
 import { useDebouncedField } from "../../../hooks/use-debounced-field.js";
 import { c } from "react/compiler-runtime";
-import { Input } from "@camox/ui/input";
-import { Label } from "@camox/ui/label";
-import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import { useQuery } from "@tanstack/react-query";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
 import { Check, ChevronsUpDown } from "lucide-react";
+import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
+import { Label } from "@camox/ui/label";
+import { Input } from "@camox/ui/input";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@camox/ui/command";
 import { Switch } from "@camox/ui/switch";
 import { Tabs, TabsList, TabsTrigger } from "@camox/ui/tabs";

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

@@ -0,0 +1,87 @@
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/features/preview/components/Metadata.tsx
+function Metadata(t0) {
+	const $ = c(3);
+	if ($[0] !== "0cab1dfcfdb2036df169f46d25dd9f41685cc99f911ce3094b6e2273b2fb83fa") {
+		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "0cab1dfcfdb2036df169f46d25dd9f41685cc99f911ce3094b6e2273b2fb83fa";
+	}
+	const { children } = t0;
+	let t1;
+	if ($[1] !== children) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			className: "text-muted-foreground space-y-1 text-sm",
+			children
+		});
+		$[1] = children;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+function MetadataRow(t0) {
+	const $ = c(9);
+	if ($[0] !== "0cab1dfcfdb2036df169f46d25dd9f41685cc99f911ce3094b6e2273b2fb83fa") {
+		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "0cab1dfcfdb2036df169f46d25dd9f41685cc99f911ce3094b6e2273b2fb83fa";
+	}
+	const { label, children } = t0;
+	let t1;
+	if ($[1] !== label) {
+		t1 = /* @__PURE__ */ jsx("span", {
+			className: "shrink-0",
+			children: label
+		});
+		$[1] = label;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx("span", { className: "border-border min-w-0 flex-1 border-b" });
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== children) {
+		t3 = /* @__PURE__ */ jsx("span", {
+			className: "text-foreground min-w-0 truncate",
+			children
+		});
+		$[4] = children;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== t1 || $[7] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("div", {
+			className: "flex items-baseline gap-2",
+			children: [
+				t1,
+				t2,
+				t3
+			]
+		});
+		$[6] = t1;
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	return t4;
+}
+function formatRelativeTime(epochMs) {
+	const now = Temporal.Now.instant();
+	const then = Temporal.Instant.fromEpochMilliseconds(epochMs);
+	const totalSeconds = now.since(then).total("seconds");
+	const rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
+	if (totalSeconds < 60) return rtf.format(-Math.floor(totalSeconds), "second");
+	const totalMinutes = Math.floor(totalSeconds / 60);
+	if (totalMinutes < 60) return rtf.format(-totalMinutes, "minute");
+	const totalHours = Math.floor(totalMinutes / 60);
+	if (totalHours < 24) return rtf.format(-totalHours, "hour");
+	const totalDays = Math.floor(totalHours / 24);
+	if (totalDays < 30) return rtf.format(-totalDays, "day");
+	const totalMonths = Math.floor(totalDays / 30);
+	if (totalMonths < 12) return rtf.format(-totalMonths, "month");
+	return rtf.format(-Math.floor(totalDays / 365), "year");
+}
+
+//#endregion
+export { Metadata, MetadataRow, formatRelativeTime };

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

@@ -1,7 +1,7 @@
 import { useProjectSlug } from "../../../lib/auth.js";
+import { transformImageUrl } from "../../../core/lib/imageTransform.js";
 import { projectQueries } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
-import { transformImageUrl } from "../../../core/lib/imageTransform.js";
 import { UploadDropZone } from "../../content/components/UploadDropZone.js";
 import { useFileUpload } from "../../../hooks/use-file-upload.js";
 import { AssetLightbox } from "./AssetLightbox.js";

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

@@ -1,9 +1,9 @@
-import { useFrame } from "./Frame.js";
-import { isOverlayMessage } from "../overlayMessages.js";
 import { previewStore } from "../previewStore.js";
+import { isOverlayMessage } from "../overlayMessages.js";
+import { useFrame } from "./Frame.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store-react";
 import * as React from "react";
+import { useSelector } from "@xstate/store-react";
 
 //#region src/features/preview/components/OverlayTracker.tsx
 /**

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

@@ -1,10 +1,10 @@
-import { isOverlayMessage } from "../overlayMessages.js";
-import { previewStore } from "../previewStore.js";
 import { usePageBlocks } from "../../../lib/normalized-data.js";
+import { previewStore } from "../previewStore.js";
+import { isOverlayMessage } from "../overlayMessages.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
-import { useSelector } from "@xstate/store-react";
 import * as React from "react";
+import { useSelector } from "@xstate/store-react";
 
 //#region src/features/preview/components/Overlays.tsx
 const Overlays = (t0) => {

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

@@ -1,9 +1,9 @@
+import { isFileMarker } from "../../../lib/normalized-data.js";
 import { blockMutations, blockQueries, fileQueries, repeatableItemMutations } from "../../../lib/queries.js";
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { cn } from "../../../lib/utils.js";
-import { previewStore, selectionBlockId, selectionField, selectionItemId } from "../previewStore.js";
-import { isFileMarker } from "../../../lib/normalized-data.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
+import { previewStore, selectionBlockId, selectionField, selectionItemId } from "../previewStore.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { fieldTypesDictionary } from "../../../core/lib/fieldTypes.js";
 import { SingleAssetFieldEditor } from "./AssetFieldEditor.js";
@@ -11,14 +11,14 @@ import { useRepeatableItemActions } from "./useRepeatableItemActions.js";
 import { ItemFieldsEditor, formatFieldName } from "./ItemFieldsEditor.js";
 import { LinkFieldEditor } from "./LinkFieldEditor.js";
 import { MultipleAssetFieldEditor } from "./MultipleAssetFieldEditor.js";
-import { Label } from "@camox/ui/label";
 import { useMutation, useQueries, useQuery } from "@tanstack/react-query";
-import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { Button } from "@camox/ui/button";
 import { CircleMinus, CirclePlus, CornerLeftUp } from "lucide-react";
 import { Spinner } from "@camox/ui/spinner";
+import { Label } from "@camox/ui/label";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@camox/ui/select";
 import { Switch } from "@camox/ui/switch";
 

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

@@ -1,38 +1,39 @@
 import { useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { blockQueries, layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { PageNicknameField } from "./PageNicknameField.js";
 import { UploadDropZone } from "../../content/components/UploadDropZone.js";
 import { useDebouncedField } from "../../../hooks/use-debounced-field.js";
 import { DebouncedFieldEditor } from "./DebouncedFieldEditor.js";
+import { Metadata, MetadataRow, formatRelativeTime } from "./Metadata.js";
 import { ShikiMarkdown } from "./ShikiMarkdown.js";
 import { c } from "react/compiler-runtime";
-import { Input } from "@camox/ui/input";
-import { Label } from "@camox/ui/label";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "@camox/ui/toaster";
 import { Button } from "@camox/ui/button";
 import { Globe, Info, Pencil, Trash2, Upload } from "lucide-react";
 import { Alert, AlertDescription, AlertTitle } from "@camox/ui/alert";
 import { Spinner } from "@camox/ui/spinner";
+import { toast } from "@camox/ui/toaster";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "@camox/ui/dialog";
+import { Label } from "@camox/ui/label";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@camox/ui/select";
 import { useForm } from "@tanstack/react-form";
 import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText } from "@camox/ui/input-group";
+import { Input } from "@camox/ui/input";
 import { Switch } from "@camox/ui/switch";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 
 //#region src/features/preview/components/PageInfoSidebar.tsx
 const usePageMetadataData = (pageId) => {
 	const $ = c(29);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const projectSlug = useProjectSlug();
 	const camoxApp = useCamoxApp();
@@ -130,10 +131,10 @@ const usePageMetadataData = (pageId) => {
 	return t9;
 };
 const PageInfoSidebar = (t0) => {
-	const $ = c(40);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
-		for (let $i = 0; $i < 40; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+	const $ = c(64);
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
+		for (let $i = 0; $i < 64; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { pageId } = t0;
 	const data = usePageMetadataData(pageId);
@@ -273,77 +274,160 @@ const PageInfoSidebar = (t0) => {
 		$[21] = t13;
 	} else t13 = $[21];
 	let t14;
-	if ($[22] !== t9) {
-		t14 = /* @__PURE__ */ jsxs("div", {
+	if ($[22] !== page.createdAt) {
+		t14 = formatRelativeTime(page.createdAt);
+		$[22] = page.createdAt;
+		$[23] = t14;
+	} else t14 = $[23];
+	let t15;
+	if ($[24] !== t14) {
+		t15 = /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Created",
+			children: t14
+		});
+		$[24] = t14;
+		$[25] = t15;
+	} else t15 = $[25];
+	const t16 = page.createdBy ?? "Unknown";
+	let t17;
+	if ($[26] !== t16) {
+		t17 = /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Created by",
+			children: t16
+		});
+		$[26] = t16;
+		$[27] = t17;
+	} else t17 = $[27];
+	let t18;
+	if ($[28] !== page.updatedAt) {
+		t18 = formatRelativeTime(page.updatedAt);
+		$[28] = page.updatedAt;
+		$[29] = t18;
+	} else t18 = $[29];
+	let t19;
+	if ($[30] !== t18) {
+		t19 = /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Updated",
+			children: t18
+		});
+		$[30] = t18;
+		$[31] = t19;
+	} else t19 = $[31];
+	let t20;
+	if ($[32] !== page.publishedAt) {
+		t20 = page.publishedAt == null ? "Never" : formatRelativeTime(page.publishedAt);
+		$[32] = page.publishedAt;
+		$[33] = t20;
+	} else t20 = $[33];
+	let t21;
+	if ($[34] !== t20) {
+		t21 = /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Published",
+			children: t20
+		});
+		$[34] = t20;
+		$[35] = t21;
+	} else t21 = $[35];
+	let t22;
+	if ($[36] !== page.publishedAt || $[37] !== page.publishedBy) {
+		t22 = page.publishedAt != null && /* @__PURE__ */ jsx(MetadataRow, {
+			label: "Published by",
+			children: page.publishedBy ?? "Unknown"
+		});
+		$[36] = page.publishedAt;
+		$[37] = page.publishedBy;
+		$[38] = t22;
+	} else t22 = $[38];
+	let t23;
+	if ($[39] !== t15 || $[40] !== t17 || $[41] !== t19 || $[42] !== t21 || $[43] !== t22) {
+		t23 = /* @__PURE__ */ jsxs(Metadata, { children: [
+			t15,
+			t17,
+			t19,
+			t21,
+			t22
+		] });
+		$[39] = t15;
+		$[40] = t17;
+		$[41] = t19;
+		$[42] = t21;
+		$[43] = t22;
+		$[44] = t23;
+	} else t23 = $[44];
+	let t24;
+	if ($[45] !== t23 || $[46] !== t9) {
+		t24 = /* @__PURE__ */ jsxs("div", {
 			className: "flex-1 space-y-4 overflow-auto p-2 pt-4",
 			children: [
 				t9,
 				t11,
-				t13
+				t13,
+				t23
 			]
 		});
-		$[22] = t9;
-		$[23] = t14;
-	} else t14 = $[23];
-	let t15;
-	if ($[24] !== isStructureModalOpen || $[25] !== page.id) {
-		t15 = /* @__PURE__ */ jsx(PageStructureModal, {
+		$[45] = t23;
+		$[46] = t9;
+		$[47] = t24;
+	} else t24 = $[47];
+	let t25;
+	if ($[48] !== isStructureModalOpen || $[49] !== page.id) {
+		t25 = /* @__PURE__ */ jsx(PageStructureModal, {
 			open: isStructureModalOpen,
 			onOpenChange: setIsStructureModalOpen,
 			pageId: page.id
 		});
-		$[24] = isStructureModalOpen;
-		$[25] = page.id;
-		$[26] = t15;
-	} else t15 = $[26];
-	let t16;
-	if ($[27] !== isSeoModalOpen || $[28] !== page.id) {
-		t16 = /* @__PURE__ */ jsx(PageSeoModal, {
+		$[48] = isStructureModalOpen;
+		$[49] = page.id;
+		$[50] = t25;
+	} else t25 = $[50];
+	let t26;
+	if ($[51] !== isSeoModalOpen || $[52] !== page.id) {
+		t26 = /* @__PURE__ */ jsx(PageSeoModal, {
 			open: isSeoModalOpen,
 			onOpenChange: setIsSeoModalOpen,
 			pageId: page.id
 		});
-		$[27] = isSeoModalOpen;
-		$[28] = page.id;
-		$[29] = t16;
-	} else t16 = $[29];
-	const t17 = page.metaDescription ?? "";
-	let t18;
-	if ($[30] !== isMarkdownModalOpen || $[31] !== metaTitle || $[32] !== page.id || $[33] !== t17) {
-		t18 = /* @__PURE__ */ jsx(PageMarkdownModal, {
+		$[51] = isSeoModalOpen;
+		$[52] = page.id;
+		$[53] = t26;
+	} else t26 = $[53];
+	const t27 = page.metaDescription ?? "";
+	let t28;
+	if ($[54] !== isMarkdownModalOpen || $[55] !== metaTitle || $[56] !== page.id || $[57] !== t27) {
+		t28 = /* @__PURE__ */ jsx(PageMarkdownModal, {
 			open: isMarkdownModalOpen,
 			onOpenChange: setIsMarkdownModalOpen,
 			pageId: page.id,
 			metaTitle,
-			metaDescription: t17
+			metaDescription: t27
 		});
-		$[30] = isMarkdownModalOpen;
-		$[31] = metaTitle;
-		$[32] = page.id;
-		$[33] = t17;
-		$[34] = t18;
-	} else t18 = $[34];
-	let t19;
-	if ($[35] !== t14 || $[36] !== t15 || $[37] !== t16 || $[38] !== t18) {
-		t19 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			t14,
-			t15,
-			t16,
-			t18
+		$[54] = isMarkdownModalOpen;
+		$[55] = metaTitle;
+		$[56] = page.id;
+		$[57] = t27;
+		$[58] = t28;
+	} else t28 = $[58];
+	let t29;
+	if ($[59] !== t24 || $[60] !== t25 || $[61] !== t26 || $[62] !== t28) {
+		t29 = /* @__PURE__ */ jsxs(Fragment, { children: [
+			t24,
+			t25,
+			t26,
+			t28
 		] });
-		$[35] = t14;
-		$[36] = t15;
-		$[37] = t16;
-		$[38] = t18;
-		$[39] = t19;
-	} else t19 = $[39];
-	return t19;
+		$[59] = t24;
+		$[60] = t25;
+		$[61] = t26;
+		$[62] = t28;
+		$[63] = t29;
+	} else t29 = $[63];
+	return t29;
 };
 const PageNicknameSidebarEditor = (t0) => {
 	const $ = c(21);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { data } = t0;
 	const { page } = data;
@@ -452,9 +536,9 @@ const PageNicknameSidebarEditor = (t0) => {
 };
 const PageLayoutSidebarSelect = (t0) => {
 	const $ = c(30);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { data } = t0;
 	const { page, layouts, camoxApp } = data;
@@ -586,9 +670,9 @@ const PageLayoutSidebarSelect = (t0) => {
 };
 const PageStructureModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	const data = usePageMetadataData(pageId);
@@ -762,9 +846,9 @@ const PageStructureEditor = ({ data, includeNickname = true, includeLayout = tru
 };
 const PageSeoModal = (t0) => {
 	const $ = c(11);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { open, onOpenChange, pageId } = t0;
 	const { page, metaTitle, pageLayoutRecord, project } = usePageMetadataData(pageId);
@@ -809,9 +893,9 @@ const PageSeoModal = (t0) => {
 };
 const PageSeoEditor = (t0) => {
 	const $ = c(43);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 43; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { page, metaTitle, layoutId, projectName } = t0;
 	let t1;
@@ -984,9 +1068,9 @@ const PageSeoEditor = (t0) => {
 };
 const PageMarkdownModal = (t0) => {
 	const $ = c(10);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { open, onOpenChange, pageId, metaTitle, metaDescription } = t0;
 	let t1;
@@ -1029,9 +1113,9 @@ function truncateText(text, maxLen) {
 }
 const SearchEnginePreview = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { page, metaTitle, metaDescription } = t0;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
@@ -1114,9 +1198,9 @@ const SearchEnginePreview = (t0) => {
 };
 const SocialPreviewSection = (t0) => {
 	const $ = c(60);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 60; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
 	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
@@ -1390,9 +1474,9 @@ const SocialPreviewSection = (t0) => {
 };
 const PageMarkdownPreview = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c39febcc5c5794903cee3680a6ac31c541b522c2ffa947517d81cc13746b8b7a";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { pageId, metaTitle, metaDescription } = t0;
 	let t1;

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

@@ -1,6 +1,6 @@
 import { c } from "react/compiler-runtime";
-import { Label } from "@camox/ui/label";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Label } from "@camox/ui/label";
 import { Select, SelectContent, SelectItem, SelectSeparator, SelectTrigger, SelectValue } from "@camox/ui/select";
 import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText } from "@camox/ui/input-group";
 

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

@@ -2,25 +2,25 @@ import { useLocation } from "../../navigation/navigation.js";
 import { actionsStore } from "../../provider/actionsStore.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { pageMutations } from "../../../lib/queries.js";
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { cn } from "../../../lib/utils.js";
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { previewStore } from "../previewStore.js";
 import { pageFullQueryFn } from "../previewQueryFns.js";
 import { PagePicker } from "./PagePicker.js";
 import { PageTree } from "./PageTree.js";
 import { PublishDialog } from "./PublishDialog.js";
 import { c } from "react/compiler-runtime";
-import { Label } from "@camox/ui/label";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { queryKeys } from "@camox/api-contract/query-keys";
-import { toast } from "@camox/ui/toaster";
 import { Button } from "@camox/ui/button";
 import { MoreHorizontal } from "lucide-react";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { toast } from "@camox/ui/toaster";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@camox/ui/dropdown-menu";
+import { Label } from "@camox/ui/label";
 import { PanelContent, PanelHeader } from "@camox/ui/panel";
 import { ButtonGroup } from "@camox/ui/button-group";
 import { Switch } from "@camox/ui/switch";

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

@@ -1,7 +1,7 @@
 import { c } from "react/compiler-runtime";
-import { Input } from "@camox/ui/input";
-import { Label } from "@camox/ui/label";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Label } from "@camox/ui/label";
+import { Input } from "@camox/ui/input";
 
 //#region src/features/preview/components/PageNicknameField.tsx
 const PAGE_NICKNAME_MAX_LENGTH = 80;