camox 0.33.1 → 0.35.0

package/dist/features/preview/CamoxPreview.js

@@ -1,13 +1,14 @@
+import { useLocation, useNavigate } from "../navigation/navigation.js";
 import { actionsStore } from "../provider/actionsStore.js";
 import { useIsAuthenticated, useProjectSlug } from "../../lib/auth.js";
 import { getApiClient } from "../../lib/api-client.js";
-import { blockQueries, pageQueries, projectQueries } from "../../lib/queries.js";
-import { cn } from "../../lib/utils.js";
-import { previewStore } from "./previewStore.js";
 import { NormalizedDataProvider, seedBlockCaches, usePageBlocks } from "../../lib/normalized-data.js";
 import { BlockErrorBoundary } from "./components/BlockErrorBoundary.js";
+import { blockQueries, pageQueries, projectQueries } from "../../lib/queries.js";
+import { cn } from "../../lib/utils.js";
 import { useCamoxApp } from "../provider/components/CamoxAppContext.js";
 import { Navbar } from "../studio/components/Navbar.js";
+import { previewStore } from "./previewStore.js";
 import { CreatePageModal } from "./components/CreatePageModal.js";
 import { DraftSwitchDialog } from "./components/DraftSwitchDialog.js";
 import { pageFullQueryFn } from "./previewQueryFns.js";
@@ -17,11 +18,10 @@ import { PreviewPanel } from "./components/PreviewPanel.js";
 import { RightSidebar } from "./components/RightSidebar.js";
 import { c } from "react/compiler-runtime";
 import { keepPreviousData, useQuery, useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
-import { useLocation, useNavigate } 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 { useSelector } from "@xstate/store-react";
+import { queryKeys } from "@camox/api-contract/query-keys";
 
 //#region src/features/preview/CamoxPreview.tsx
 /**
@@ -51,9 +51,9 @@ function pageStructureQueryFn(path, projectSlug, source) {
 }
 function usePreviewedPage() {
 	const $ = c(26);
-	if ($[0] !== "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3") {
+	if ($[0] !== "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772") {
 		for (let $i = 0; $i < 26; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3";
+		$[0] = "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772";
 	}
 	const { pathname } = useLocation();
 	const queryClient = useQueryClient();
@@ -150,9 +150,9 @@ function _temp(state) {
 }
 const BlockRenderer = (t0) => {
 	const $ = c(23);
-	if ($[0] !== "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3") {
+	if ($[0] !== "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772") {
 		for (let $i = 0; $i < 23; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3";
+		$[0] = "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772";
 	}
 	const { blockId, mode, showAddBlockTop, showAddBlockBottom } = t0;
 	const previewSource = useSelector(previewStore, _temp3);
@@ -295,9 +295,9 @@ const PageContent = () => {
 };
 function useHydrateDraftCache() {
 	const $ = c(7);
-	if ($[0] !== "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3") {
+	if ($[0] !== "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772") {
 		for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3";
+		$[0] = "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772";
 	}
 	const isAuthenticated = useIsAuthenticated();
 	const queryClient = useQueryClient();
@@ -348,9 +348,9 @@ function useHydrateDraftCache() {
 function _temp4() {}
 const CamoxPreview = (t0) => {
 	const $ = c(35);
-	if ($[0] !== "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3") {
+	if ($[0] !== "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772") {
 		for (let $i = 0; $i < 35; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3";
+		$[0] = "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772";
 	}
 	const { children } = t0;
 	const isAuthenticated = useIsAuthenticated();
@@ -561,9 +561,9 @@ const CamoxPreview = (t0) => {
 };
 function usePreviewPagesActions() {
 	const $ = c(13);
-	if ($[0] !== "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3") {
+	if ($[0] !== "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "368878cc357f559a41241bfa8387ebbcf6457dabf75b71445e9ead672ed8deb3";
+		$[0] = "670b66d6cc9d1448ea3caf37ecbbb00789310266338f543cbce54775c049c772";
 	}
 	const navigate = useNavigate();
 	const { pathname } = useLocation();

package/dist/features/preview/EditablePageContent.js

@@ -0,0 +1,3 @@
+import { PageContent } from "./CamoxPreview.js";
+
+export {  };

package/dist/features/preview/EditablePageExperience.js

@@ -0,0 +1,24 @@
+import { CamoxPreview, PageContent } from "./CamoxPreview.js";
+import { AuthenticatedCamoxProvider } from "../provider/AuthenticatedCamoxProvider.js";
+import { CompleteBlockEditingRuntimeProvider } from "../../core/editing/CompleteBlockEditingRuntime.js";
+import "./EditablePageContent.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/features/preview/EditablePageExperience.tsx
+function EditablePageExperience(t0) {
+	const $ = c(2);
+	if ($[0] !== "62fa8b2b4207f6a9197bd7473308418337b4719a942b8cb83f05f5f584c962c9") {
+		for (let $i = 0; $i < 2; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "62fa8b2b4207f6a9197bd7473308418337b4719a942b8cb83f05f5f584c962c9";
+	}
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(AuthenticatedCamoxProvider, { children: /* @__PURE__ */ jsx(CompleteBlockEditingRuntimeProvider, { children: /* @__PURE__ */ jsx(CamoxPreview, { children: /* @__PURE__ */ jsx(PageContent, {}) }) }) });
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+}
+
+//#endregion
+export { EditablePageExperience };

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

@@ -1,19 +1,19 @@
+import { useLocation } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
+import { usePageBlocks } from "../../../lib/normalized-data.js";
 import { blockMutations, blockQueries, projectQueries } from "../../../lib/queries.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { previewStore } from "../previewStore.js";
-import { usePageBlocks } from "../../../lib/normalized-data.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { useLocation } from "@tanstack/react-router";
-import { useSelector } from "@xstate/store-react";
 import { generateKeyBetween } from "fractional-indexing";
 import * as React from "react";
-import { queryKeys } from "@camox/api-contract/query-keys";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
+import { queryKeys } from "@camox/api-contract/query-keys";
 import { Button } from "@camox/ui/button";
 import { ArrowLeft } from "lucide-react";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@camox/ui/command";
@@ -22,9 +22,9 @@ import { PanelContent } from "@camox/ui/panel";
 //#region src/features/preview/components/AddBlockSidebar.tsx
 const AddBlockSidebar = () => {
 	const $ = c(58);
-	if ($[0] !== "27e7cb036200fff6fa774c3b5c9184e0f19bdb13228e0c714ed0cebcdf6abec5") {
+	if ($[0] !== "e90c6519081e1159c7b7b2dea03fb3f0a6ad85218cb70141acd0c7462b3c8ff5") {
 		for (let $i = 0; $i < 58; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "27e7cb036200fff6fa774c3b5c9184e0f19bdb13228e0c714ed0cebcdf6abec5";
+		$[0] = "e90c6519081e1159c7b7b2dea03fb3f0a6ad85218cb70141acd0c7462b3c8ff5";
 	}
 	const [highlightedValue, setHighlightedValue] = React.useState("");
 	const queryClient = useQueryClient();

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

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

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

@@ -1,75 +1,30 @@
 import { getAuthCookieHeader, getAuthRequestCredentials } from "../../../lib/auth.js";
 import { getApiUrl, getEnvironmentName } from "../../../lib/api-client.js";
+import { isRasterImage, transformImageUrl } from "../../../core/lib/imageTransform.js";
 import { fileMutations, fileQueries } from "../../../lib/queries.js";
 import { trackClientEvent } from "../../../lib/telemetry-client.js";
-import { isRasterImage, transformImageUrl } from "../../../core/lib/imageTransform.js";
 import { UploadDropZone } from "../../content/components/UploadDropZone.js";
 import { DebouncedFieldEditor } from "./DebouncedFieldEditor.js";
+import { Metadata, MetadataRow, formatRelativeTime } from "./Metadata.js";
 import { c } from "react/compiler-runtime";
-import { Label } from "@camox/ui/label";
 import { useMutation, useQuery } from "@tanstack/react-query";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { toast } from "@camox/ui/toaster";
 import { Button } from "@camox/ui/button";
 import { Check, Download, FileIcon, Info, Link, Loader2, Trash2, X } from "lucide-react";
+import { toast } from "@camox/ui/toaster";
 import { Dialog, DialogContent, DialogTitle } from "@camox/ui/dialog";
+import { Label } from "@camox/ui/label";
 import { ButtonGroup } from "@camox/ui/button-group";
 import { Switch } from "@camox/ui/switch";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 
 //#region src/features/preview/components/AssetLightbox.tsx
-function MetadataRow(t0) {
-	const $ = c(9);
-	if ($[0] !== "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553") {
-		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553";
-	}
-	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 shrink-0",
-			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 DeliveredSize(t0) {
 	const $ = c(16);
-	if ($[0] !== "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553") {
+	if ($[0] !== "1dc3a839581aee4dce763fdadc5f599293f7d6288e481a0914cf562382a66ab9") {
 		for (let $i = 0; $i < 16; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553";
+		$[0] = "1dc3a839581aee4dce763fdadc5f599293f7d6288e481a0914cf562382a66ab9";
 	}
 	const { bytes, raw } = t0;
 	if (bytes == null) {
@@ -138,9 +93,9 @@ function DeliveredSize(t0) {
 }
 function DeliveredLabel(t0) {
 	const $ = c(4);
-	if ($[0] !== "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553") {
+	if ($[0] !== "1dc3a839581aee4dce763fdadc5f599293f7d6288e481a0914cf562382a66ab9") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "57c6d07de7206779e7a888ace2e7d9e6b374e2f3c9aed614f5bd25f704694553";
+		$[0] = "1dc3a839581aee4dce763fdadc5f599293f7d6288e481a0914cf562382a66ab9";
 	}
 	const { children } = t0;
 	let t1;
@@ -175,22 +130,6 @@ function DeliveredLabel(t0) {
 	} else t2 = $[3];
 	return t2;
 }
-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");
-}
 function formatFileSize(bytes) {
 	if (bytes < 1024) return `${bytes} B`;
 	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
@@ -555,48 +494,45 @@ const AssetLightbox = ({ open, onOpenChange, fileId }) => {
 										alt: value_0
 									})
 								}),
-								/* @__PURE__ */ jsxs("div", {
-									className: "text-muted-foreground space-y-1 text-sm",
-									children: [
-										/* @__PURE__ */ jsx(MetadataRow, {
-											label: "Format",
-											children: file.mimeType.split("/").pop()?.toUpperCase() ?? "Unknown"
-										}),
-										/* @__PURE__ */ jsx(MetadataRow, {
-											label: "Raw size",
-											children: file.size != null ? formatFileSize(file.size) : "Unknown"
-										}),
-										isImage && deliveredSizes && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MetadataRow, {
-											label: /* @__PURE__ */ jsx(DeliveredLabel, { children: "On phone" }),
-											children: /* @__PURE__ */ jsx(DeliveredSize, {
-												bytes: deliveredSizes.phone,
-												raw: file.size
-											})
-										}), /* @__PURE__ */ jsx(MetadataRow, {
-											label: /* @__PURE__ */ jsx(DeliveredLabel, { children: "On laptop" }),
-											children: /* @__PURE__ */ jsx(DeliveredSize, {
-												bytes: deliveredSizes.laptop,
-												raw: file.size
-											})
-										})] }),
-										/* @__PURE__ */ jsx(MetadataRow, {
-											label: "Created",
-											children: formatRelativeTime(file.createdAt)
-										}),
-										/* @__PURE__ */ jsx(MetadataRow, {
-											label: "Updated",
-											children: formatRelativeTime(file.updatedAt)
-										}),
-										/* @__PURE__ */ jsxs(MetadataRow, {
-											label: "Used in",
-											children: [
-												usageCount == null && "…",
-												usageCount === 0 && "No blocks",
-												usageCount != null && usageCount > 0 && `${usageCount} ${usageCount === 1 ? "block" : "blocks"}`
-											]
+								/* @__PURE__ */ jsxs(Metadata, { children: [
+									/* @__PURE__ */ jsx(MetadataRow, {
+										label: "Format",
+										children: file.mimeType.split("/").pop()?.toUpperCase() ?? "Unknown"
+									}),
+									/* @__PURE__ */ jsx(MetadataRow, {
+										label: "Raw size",
+										children: file.size != null ? formatFileSize(file.size) : "Unknown"
+									}),
+									isImage && deliveredSizes && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(MetadataRow, {
+										label: /* @__PURE__ */ jsx(DeliveredLabel, { children: "On phone" }),
+										children: /* @__PURE__ */ jsx(DeliveredSize, {
+											bytes: deliveredSizes.phone,
+											raw: file.size
 										})
-									]
-								}),
+									}), /* @__PURE__ */ jsx(MetadataRow, {
+										label: /* @__PURE__ */ jsx(DeliveredLabel, { children: "On laptop" }),
+										children: /* @__PURE__ */ jsx(DeliveredSize, {
+											bytes: deliveredSizes.laptop,
+											raw: file.size
+										})
+									})] }),
+									/* @__PURE__ */ jsx(MetadataRow, {
+										label: "Created",
+										children: formatRelativeTime(file.createdAt)
+									}),
+									/* @__PURE__ */ jsx(MetadataRow, {
+										label: "Updated",
+										children: formatRelativeTime(file.updatedAt)
+									}),
+									/* @__PURE__ */ jsxs(MetadataRow, {
+										label: "Used in",
+										children: [
+											usageCount == null && "…",
+											usageCount === 0 && "No blocks",
+											usageCount != null && usageCount > 0 && `${usageCount} ${usageCount === 1 ? "block" : "blocks"}`
+										]
+									})
+								] }),
 								/* @__PURE__ */ jsx("input", {
 									ref: replaceInputRef,
 									type: "file",

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

@@ -1,22 +1,22 @@
 import { actionsStore } from "../../provider/actionsStore.js";
+import { usePageBlocks } from "../../../lib/normalized-data.js";
 import { blockMutations, repeatableItemMutations } from "../../../lib/queries.js";
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { formatShortcut } from "../../../lib/utils.js";
-import { previewStore, selectionItemId } from "../previewStore.js";
-import { usePageBlocks } from "../../../lib/normalized-data.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
+import { previewStore, selectionItemId } from "../previewStore.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { useUpdateBlockPosition } from "./useUpdateBlockPosition.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
-import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import { useMutation } from "@tanstack/react-query";
-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 { Copy, Pen, Settings, 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 { Command, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "@camox/ui/command";
 
 //#region src/features/preview/components/BlockActionsPopover.tsx

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

@@ -1,21 +1,21 @@
+import { useNavigate } from "../../navigation/navigation.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
+import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { previewStore } from "../previewStore.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { PageNicknameField } from "./PageNicknameField.js";
 import { c } from "react/compiler-runtime";
-import { Label } from "@camox/ui/label";
 import { useMutation, useQuery } from "@tanstack/react-query";
-import { useNavigate } from "@tanstack/react-router";
-import { useSelector } from "@xstate/store-react";
 import { useEffect } from "react";
 import { 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 { 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";
 
@@ -27,9 +27,9 @@ const slugifyPathSegment = (nickname) => {
 };
 const CreatePageModal = () => {
 	const $ = c(56);
-	if ($[0] !== "0bdc1cbbe76a506d23a387e0cb27a62f7a2ffc3ace0fcab2f383b3d3afedba17") {
+	if ($[0] !== "195c3824082641033afd94300951785a25a5c10bf582f4f474c373a01e440e23") {
 		for (let $i = 0; $i < 56; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "0bdc1cbbe76a506d23a387e0cb27a62f7a2ffc3ace0fcab2f383b3d3afedba17";
+		$[0] = "195c3824082641033afd94300951785a25a5c10bf582f4f474c373a01e440e23";
 	}
 	const projectSlug = useProjectSlug();
 	const open = useSelector(previewStore, _temp);

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

@@ -1,9 +1,9 @@
 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 * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Label } from "@camox/ui/label";
+import { Input } from "@camox/ui/input";
 import { Textarea } from "@camox/ui/textarea";
 
 //#region src/features/preview/components/DebouncedFieldEditor.tsx

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,13 +1,13 @@
 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 { Kbd } from "@camox/ui/kbd";
 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";
 import { ButtonGroup } from "@camox/ui/button-group";

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";