camox 0.33.1 → 0.35.0

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 { useNavigate } from "@tanstack/react-router";
 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] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 29; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[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] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
-		for (let $i = 0; $i < 40; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+	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] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 21; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[0] = "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0";
 	}
 	const { data } = t0;
 	const { page } = data;
@@ -452,9 +536,9 @@ const PageNicknameSidebarEditor = (t0) => {
 };
 const PageLayoutSidebarSelect = (t0) => {
 	const $ = c(30);
-	if ($[0] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[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] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[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] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 11; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[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] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 43; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[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] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[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] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[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] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 60; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[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] !== "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e") {
+	if ($[0] !== "f125b22ca9b1cdd5f8ebaad664afb96f1358e712b847c82ca5543019e76a82a0") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "7c7e91a25652fa060b67c4ffcd921b50c9111bae47d2051cc0eaca87fb060c3e";
+		$[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

@@ -1,26 +1,26 @@
+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 { useLocation } from "@tanstack/react-router";
-import { useSelector } from "@xstate/store-react";
 import * as React from "react";
-import { queryKeys } from "@camox/api-contract/query-keys";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "@camox/ui/toaster";
+import { useSelector } from "@xstate/store-react";
+import { queryKeys } from "@camox/api-contract/query-keys";
 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";
@@ -28,9 +28,9 @@ import { Switch } from "@camox/ui/switch";
 //#region src/features/preview/components/PageNavigatorSidebar.tsx
 const PageNavigatorPublishRow = (t0) => {
 	const $ = c(102);
-	if ($[0] !== "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc") {
+	if ($[0] !== "a5c20885a61abde1950615d7a7429cbcd798dd8fc1df8fe6d4416f9d12ca4827") {
 		for (let $i = 0; $i < 102; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc";
+		$[0] = "a5c20885a61abde1950615d7a7429cbcd798dd8fc1df8fe6d4416f9d12ca4827";
 	}
 	const { page } = t0;
 	const previewSource = useSelector(previewStore, _temp);
@@ -519,9 +519,9 @@ const PageNavigatorPublishRow = (t0) => {
 };
 const PageNavigatorSidebar = (t0) => {
 	const $ = c(8);
-	if ($[0] !== "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc") {
+	if ($[0] !== "a5c20885a61abde1950615d7a7429cbcd798dd8fc1df8fe6d4416f9d12ca4827") {
 		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "45d2cf2507692e470809b2a66fdb8acde974935d21cfa787b831d30fea9141bc";
+		$[0] = "a5c20885a61abde1950615d7a7429cbcd798dd8fc1df8fe6d4416f9d12ca4827";
 	}
 	const { page } = t0;
 	let t1;

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;

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

@@ -1,18 +1,18 @@
+import { useLocation, useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { cn } from "../../../lib/utils.js";
 import { previewStore } from "../previewStore.js";
 import { PageStatusBadge } from "./PageStatusBadge.js";
-import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import { useMutation, useQuery } from "@tanstack/react-query";
-import { useLocation, useNavigate } from "@tanstack/react-router";
-import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "@camox/ui/toaster";
+import { useSelector } from "@xstate/store-react";
 import { Button } from "@camox/ui/button";
 import { Check, ChevronsUpDown, Pencil, Plus, Trash2 } from "lucide-react";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
+import { toast } from "@camox/ui/toaster";
 import { Skeleton } from "@camox/ui/skeleton";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "@camox/ui/command";
 

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

@@ -1,15 +1,15 @@
-import { cn } from "../../../lib/utils.js";
-import { previewStore } from "../previewStore.js";
 import { usePageBlocks } from "../../../lib/normalized-data.js";
+import { cn } from "../../../lib/utils.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { previewStore } from "../previewStore.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { useUpdateBlockPosition } from "./useUpdateBlockPosition.js";
 import { BlockActionsPopover } from "./BlockActionsPopover.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
-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 { Ellipsis, GripVertical, LayoutTemplate, Plus } from "lucide-react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";

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

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

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

@@ -1,17 +1,17 @@
 import { actionsStore } from "../../provider/actionsStore.js";
 import { checkIfInputFocused, cn } from "../../../lib/utils.js";
-import { Frame, useFrame } from "./Frame.js";
 import { previewStore } from "../previewStore.js";
 import { useBlockActionsShortcuts } from "./BlockActionsPopover.js";
 import { FieldOverlayStyles } from "./FieldOverlayStyles.js";
 import { FieldToolbar } from "./FieldToolbar.js";
+import { Frame, useFrame } from "./Frame.js";
 import { Overlays } from "./Overlays.js";
 import { OverlayTracker } from "./OverlayTracker.js";
 import { PreviewToolbar } from "./PreviewToolbar.js";
 import { c } from "react/compiler-runtime";
-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 { PanelContent } from "@camox/ui/panel";
 
 //#region src/features/preview/components/PreviewPanel.tsx

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

@@ -2,11 +2,11 @@ import { actionsStore } from "../../provider/actionsStore.js";
 import { getActionShortcut } from "../../../lib/utils.js";
 import { previewStore } from "../previewStore.js";
 import { c } from "react/compiler-runtime";
-import { Label } from "@camox/ui/label";
-import { useSelector } from "@xstate/store-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { Button } from "@camox/ui/button";
 import { Monitor, Smartphone, Tablet, X } from "lucide-react";
+import { Label } from "@camox/ui/label";
 import { ButtonGroup } from "@camox/ui/button-group";
 import { Switch } from "@camox/ui/switch";
 import * as Tooltip$1 from "@camox/ui/tooltip";

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

@@ -1,11 +1,11 @@
 import { pageMutations } from "../../../lib/queries.js";
 import { trackClientEvent } from "../../../lib/telemetry-client.js";
-import { Label } from "@camox/ui/label";
 import { useMutation } from "@tanstack/react-query";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "@camox/ui/toaster";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { toast } from "@camox/ui/toaster";
+import { Label } from "@camox/ui/label";
 import { Switch } from "@camox/ui/switch";
 
 //#region src/features/preview/components/PublishDialog.tsx

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

@@ -4,8 +4,8 @@ import { previewStore, selectionItemId } from "../previewStore.js";
 import { useRepeatableItemActions } from "./useRepeatableItemActions.js";
 import { c } from "react/compiler-runtime";
 import { useMutation } from "@tanstack/react-query";
-import { useSelector } from "@xstate/store-react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
 import { Button } from "@camox/ui/button";
 import { CircleMinus, CirclePlus, GripVertical } from "lucide-react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";

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

@@ -3,8 +3,8 @@ import { AgentChatSidebar } from "../../agent-chat/components/AgentChatSidebar.j
 import { PageEditorSidebar } from "./PageEditorSidebar.js";
 import { PageInfoSidebar } from "./PageInfoSidebar.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/RightSidebar.tsx
 const getRightSidebarRoute = ({ pageId, selectedBlockId, isAgentChatSidebarOpen }) => {

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

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