camox 0.26.0 → 0.28.0

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

@@ -12,11 +12,11 @@ import { useMutation, useQuery } from "@tanstack/react-query";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
+import { ButtonGroup } from "@camox/ui/button-group";
 import { Switch } from "@camox/ui/switch";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@camox/ui/tooltip";
 import { Check, Download, FileIcon, Info, Link, Loader2, Trash2, X } from "lucide-react";
 import { Dialog, DialogContent, DialogTitle } from "@camox/ui/dialog";
-import { ButtonGroup } from "@camox/ui/button-group";
 
 //#region src/features/preview/components/AssetLightbox.tsx
 function MetadataRow(t0) {

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

@@ -15,8 +15,8 @@ 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 { Copy, Pen, Settings, Trash2 } from "lucide-react";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
+import { Copy, Pen, Settings, Trash2 } from "lucide-react";
 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

@@ -4,6 +4,7 @@ import { useProjectSlug } from "../../../lib/auth.js";
 import { layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
+import { PageNicknameField } from "./PageNicknameField.js";
 import { Label } from "@camox/ui/label";
 import { toast } from "@camox/ui/toaster";
 import { useMutation, useQuery } from "@tanstack/react-query";
@@ -36,6 +37,7 @@ const CreatePageModal = () => {
 	const navigate = useNavigate();
 	const form = useForm({
 		defaultValues: {
+			nickname: "",
 			parentPageId: void 0,
 			pathSegment: "",
 			layoutId: "",
@@ -47,8 +49,14 @@ const CreatePageModal = () => {
 					toast.error("Project not found");
 					return;
 				}
+				const nickname = values.value.nickname.trim();
+				if (!nickname) {
+					toast.error("Page nickname is required");
+					return;
+				}
 				const createPagePromise = createPage.mutateAsync({
 					projectId: project.id,
+					nickname,
 					pathSegment: values.value.pathSegment,
 					parentPageId: values.value.parentPageId,
 					layoutId: Number(values.value.layoutId),
@@ -94,6 +102,14 @@ const CreatePageModal = () => {
 				},
 				className: "-mx-1 space-y-4 overflow-y-auto px-1 py-2",
 				children: [
+					/* @__PURE__ */ jsx(form.Field, {
+						name: "nickname",
+						children: (field) => /* @__PURE__ */ jsx(PageNicknameField, {
+							value: field.state.value,
+							onChange: field.handleChange,
+							autoFocus: true
+						})
+					}),
 					/* @__PURE__ */ jsx(form.Field, {
 						name: "parentPageId",
 						children: (parentField) => /* @__PURE__ */ jsx(form.Field, {
@@ -103,22 +119,21 @@ const CreatePageModal = () => {
 								onParentPageIdChange: parentField.handleChange,
 								pathSegment: pathField.state.value,
 								onPathSegmentChange: pathField.handleChange,
-								pages,
-								autoFocusPathSegment: true
+								pages
 							})
 						})
 					}),
 					/* @__PURE__ */ jsx(form.Field, {
 						name: "layoutId",
-						children: (field) => /* @__PURE__ */ jsxs("div", {
+						children: (field_0) => /* @__PURE__ */ jsxs("div", {
 							className: "space-y-2",
 							children: [/* @__PURE__ */ jsx(Label, {
 								htmlFor: "layoutId",
 								children: "Layout"
 							}), /* @__PURE__ */ jsxs(Select, {
-								value: field.state.value,
+								value: field_0.state.value,
 								onValueChange: (value_0) => {
-									if (value_0 != null) field.handleChange(value_0);
+									if (value_0 != null) field_0.handleChange(value_0);
 								},
 								disabled: layouts != null && layouts.length <= 1,
 								items: layouts?.map((t) => ({
@@ -134,7 +149,7 @@ const CreatePageModal = () => {
 					}),
 					/* @__PURE__ */ jsx(form.Field, {
 						name: "contentDescription",
-						children: (field_0) => /* @__PURE__ */ jsxs("div", {
+						children: (field_1) => /* @__PURE__ */ jsxs("div", {
 							className: "space-y-2",
 							children: [
 								/* @__PURE__ */ jsx(Label, {
@@ -143,8 +158,8 @@ const CreatePageModal = () => {
 								}),
 								/* @__PURE__ */ jsx(Textarea, {
 									id: "contentDescription",
-									value: field_0.state.value,
-									onChange: (e_0) => field_0.handleChange(e_0.target.value),
+									value: field_1.state.value,
+									onChange: (e_0) => field_1.handleChange(e_0.target.value),
 									placeholder: "What your page will be about"
 								}),
 								/* @__PURE__ */ jsx("p", {

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

@@ -11,9 +11,9 @@ import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
+import { ButtonGroup } from "@camox/ui/button-group";
 import * as Tooltip$1 from "@camox/ui/tooltip";
 import { Bold, CircleMinus, CirclePlus, Italic } from "lucide-react";
-import { ButtonGroup } from "@camox/ui/button-group";
 import { FloatingToolbar } from "@camox/ui/floating-toolbar";
 import { Toggle } from "@camox/ui/toggle";
 

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

@@ -1,6 +1,6 @@
 import { useProjectSlug } from "../../../lib/auth.js";
 import { pageQueries, projectQueries } from "../../../lib/queries.js";
-import { cn, formatPathSegment } from "../../../lib/utils.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";
@@ -25,10 +25,10 @@ const normalizeLinkValue = (value) => {
 	return value;
 };
 const LinkFieldEditor = (t0) => {
-	const $ = c(79);
-	if ($[0] !== "95e7177e7020f25e169b343158727482bdf3b88263993823abf2f5febed7d12e") {
-		for (let $i = 0; $i < 79; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "95e7177e7020f25e169b343158727482bdf3b88263993823abf2f5febed7d12e";
+	const $ = c(74);
+	if ($[0] !== "d6e76ca161ece5e3c3ab2fca39477fdbca4669ce2a59cab1e307374e6d56bc57") {
+		for (let $i = 0; $i < 74; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "d6e76ca161ece5e3c3ab2fca39477fdbca4669ce2a59cab1e307374e6d56bc57";
 	}
 	const { fieldName, linkValue: rawLinkValue, onSave } = t0;
 	let t1;
@@ -104,124 +104,128 @@ const LinkFieldEditor = (t0) => {
 	} else t9 = $[18];
 	const { data: pages } = useQuery(t9);
 	let t10;
+	if ($[19] !== linkValue.pageId || $[20] !== linkValue.type || $[21] !== pages) {
+		t10 = linkValue.type === "page" ? pages?.find((p) => String(p.id) === linkValue.pageId) : null;
+		$[19] = linkValue.pageId;
+		$[20] = linkValue.type;
+		$[21] = pages;
+		$[22] = t10;
+	} else t10 = $[22];
+	const selectedPage = t10;
 	let t11;
-	let t12;
-	let t13;
-	let t14;
-	let t15;
-	if ($[19] !== fieldName || $[20] !== hrefField || $[21] !== linkValue.pageId || $[22] !== linkValue.type || $[23] !== onSave || $[24] !== pagePickerOpen || $[25] !== pages || $[26] !== textField) {
-		const selectedPage = linkValue.type === "page" ? pages?.find((p) => String(p.id) === linkValue.pageId) : null;
-		let t16;
-		if ($[33] !== fieldName || $[34] !== onSave) {
-			t16 = (mode) => {
-				if (mode === "page") onSave(fieldName, {
-					type: "page",
-					text: linkValueRef.current.text,
-					pageId: "",
-					newTab: linkValueRef.current.newTab
-				});
-				else onSave(fieldName, {
-					type: "external",
-					text: linkValueRef.current.text,
-					href: "",
-					newTab: linkValueRef.current.newTab
-				});
-			};
-			$[33] = fieldName;
-			$[34] = onSave;
-			$[35] = t16;
-		} else t16 = $[35];
-		const handleModeChange = t16;
-		let t17;
-		if ($[36] !== fieldName || $[37] !== onSave) {
-			t17 = (pageId) => {
-				onSave(fieldName, {
-					type: "page",
-					text: linkValueRef.current.text,
-					pageId,
-					newTab: linkValueRef.current.newTab
-				});
-				setPagePickerOpen(false);
-			};
-			$[36] = fieldName;
-			$[37] = onSave;
-			$[38] = t17;
-		} else t17 = $[38];
-		const handlePageSelect = t17;
-		t14 = "grid gap-3";
-		const t18 = `${fieldName}-text`;
-		let t19;
-		if ($[39] !== t18) {
-			t19 = /* @__PURE__ */ jsx(Label, {
-				htmlFor: t18,
-				children: "Text"
-			});
-			$[39] = t18;
-			$[40] = t19;
-		} else t19 = $[40];
-		const t20 = `${fieldName}-text`;
-		let t21;
-		if ($[41] !== textField) {
-			t21 = (e) => textField.setValue(e.target.value);
-			$[41] = textField;
-			$[42] = t21;
-		} else t21 = $[42];
-		let t22;
-		if ($[43] !== t20 || $[44] !== t21 || $[45] !== textField.onBlur || $[46] !== textField.onFocus || $[47] !== textField.value) {
-			t22 = /* @__PURE__ */ jsx(Input, {
-				id: t20,
-				value: textField.value,
-				onChange: t21,
-				onFocus: textField.onFocus,
-				onBlur: textField.onBlur,
-				autoFocus: true
-			});
-			$[43] = t20;
-			$[44] = t21;
-			$[45] = textField.onBlur;
-			$[46] = textField.onFocus;
-			$[47] = textField.value;
-			$[48] = t22;
-		} else t22 = $[48];
-		if ($[49] !== t19 || $[50] !== t22) {
-			t15 = /* @__PURE__ */ jsxs("div", {
-				className: "grid gap-1.5",
-				children: [t19, t22]
+	if ($[23] !== fieldName || $[24] !== onSave) {
+		t11 = (mode) => {
+			if (mode === "page") onSave(fieldName, {
+				type: "page",
+				text: linkValueRef.current.text,
+				pageId: "",
+				newTab: linkValueRef.current.newTab
 			});
-			$[49] = t19;
-			$[50] = t22;
-			$[51] = t15;
-		} else t15 = $[51];
-		t10 = "grid gap-1.5";
-		if ($[52] === Symbol.for("react.memo_cache_sentinel")) {
-			t11 = /* @__PURE__ */ jsx(Label, { children: "Destination" });
-			$[52] = t11;
-		} else t11 = $[52];
-		let t23;
-		if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
-			t23 = /* @__PURE__ */ jsxs(TabsList, {
-				className: "w-full",
-				children: [/* @__PURE__ */ jsx(TabsTrigger, {
-					value: "page",
-					children: "Page"
-				}), /* @__PURE__ */ jsx(TabsTrigger, {
-					value: "external",
-					children: "URL"
-				})]
+			else onSave(fieldName, {
+				type: "external",
+				text: linkValueRef.current.text,
+				href: "",
+				newTab: linkValueRef.current.newTab
 			});
-			$[53] = t23;
-		} else t23 = $[53];
-		if ($[54] !== handleModeChange || $[55] !== linkValue.type) {
-			t12 = /* @__PURE__ */ jsx(Tabs, {
-				value: linkValue.type,
-				onValueChange: handleModeChange,
-				children: t23
+		};
+		$[23] = fieldName;
+		$[24] = onSave;
+		$[25] = t11;
+	} else t11 = $[25];
+	const handleModeChange = t11;
+	let t12;
+	if ($[26] !== fieldName || $[27] !== onSave) {
+		t12 = (pageId) => {
+			onSave(fieldName, {
+				type: "page",
+				text: linkValueRef.current.text,
+				pageId,
+				newTab: linkValueRef.current.newTab
 			});
-			$[54] = handleModeChange;
-			$[55] = linkValue.type;
-			$[56] = t12;
-		} else t12 = $[56];
-		t13 = linkValue.type === "page" ? /* @__PURE__ */ jsxs(Popover, {
+			setPagePickerOpen(false);
+		};
+		$[26] = fieldName;
+		$[27] = onSave;
+		$[28] = t12;
+	} else t12 = $[28];
+	const handlePageSelect = t12;
+	const t13 = `${fieldName}-text`;
+	let t14;
+	if ($[29] !== t13) {
+		t14 = /* @__PURE__ */ jsx(Label, {
+			htmlFor: t13,
+			children: "Text"
+		});
+		$[29] = t13;
+		$[30] = t14;
+	} else t14 = $[30];
+	const t15 = `${fieldName}-text`;
+	let t16;
+	if ($[31] !== textField) {
+		t16 = (e) => textField.setValue(e.target.value);
+		$[31] = textField;
+		$[32] = t16;
+	} else t16 = $[32];
+	let t17;
+	if ($[33] !== t15 || $[34] !== t16 || $[35] !== textField.onBlur || $[36] !== textField.onFocus || $[37] !== textField.value) {
+		t17 = /* @__PURE__ */ jsx(Input, {
+			id: t15,
+			value: textField.value,
+			onChange: t16,
+			onFocus: textField.onFocus,
+			onBlur: textField.onBlur,
+			autoFocus: true
+		});
+		$[33] = t15;
+		$[34] = t16;
+		$[35] = textField.onBlur;
+		$[36] = textField.onFocus;
+		$[37] = textField.value;
+		$[38] = t17;
+	} else t17 = $[38];
+	let t18;
+	if ($[39] !== t14 || $[40] !== t17) {
+		t18 = /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-1.5",
+			children: [t14, t17]
+		});
+		$[39] = t14;
+		$[40] = t17;
+		$[41] = t18;
+	} else t18 = $[41];
+	let t19;
+	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
+		t19 = /* @__PURE__ */ jsx(Label, { children: "Destination" });
+		$[42] = t19;
+	} else t19 = $[42];
+	let t20;
+	if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
+		t20 = /* @__PURE__ */ jsxs(TabsList, {
+			className: "w-full",
+			children: [/* @__PURE__ */ jsx(TabsTrigger, {
+				value: "page",
+				children: "Page"
+			}), /* @__PURE__ */ jsx(TabsTrigger, {
+				value: "external",
+				children: "URL"
+			})]
+		});
+		$[43] = t20;
+	} else t20 = $[43];
+	let t21;
+	if ($[44] !== handleModeChange || $[45] !== linkValue.type) {
+		t21 = /* @__PURE__ */ jsx(Tabs, {
+			value: linkValue.type,
+			onValueChange: handleModeChange,
+			children: t20
+		});
+		$[44] = handleModeChange;
+		$[45] = linkValue.type;
+		$[46] = t21;
+	} else t21 = $[46];
+	let t22;
+	if ($[47] !== fieldName || $[48] !== handlePageSelect || $[49] !== hrefField || $[50] !== linkValue.type || $[51] !== pagePickerOpen || $[52] !== pages || $[53] !== selectedPage) {
+		t22 = linkValue.type === "page" ? /* @__PURE__ */ jsxs(Popover, {
 			open: pagePickerOpen,
 			onOpenChange: setPagePickerOpen,
 			children: [/* @__PURE__ */ jsxs(PopoverTrigger, {
@@ -232,7 +236,7 @@ const LinkFieldEditor = (t0) => {
 				}),
 				children: [selectedPage ? /* @__PURE__ */ jsx("span", {
 					className: "truncate",
-					children: selectedPage.metaTitle ?? formatPathSegment(selectedPage.pathSegment)
+					children: selectedPage.nickname
 				}) : /* @__PURE__ */ jsx("span", {
 					className: "text-muted-foreground",
 					children: "Select a page"
@@ -248,7 +252,7 @@ const LinkFieldEditor = (t0) => {
 					onSelect: () => handlePageSelect(String(page.id)),
 					children: [/* @__PURE__ */ jsx(Check, { className: cn("mr-2 size-4", selectedPage?.id === page.id ? "opacity-100" : "opacity-0") }), /* @__PURE__ */ jsxs("div", {
 						className: "flex flex-col",
-						children: [/* @__PURE__ */ jsx("span", { children: page.metaTitle ?? formatPathSegment(page.pathSegment) }), /* @__PURE__ */ jsx("span", {
+						children: [/* @__PURE__ */ jsx("span", { children: page.nickname }), /* @__PURE__ */ jsx("span", {
 							className: "text-muted-foreground font-mono text-xs",
 							children: page.fullPath
 						})]
@@ -264,106 +268,90 @@ const LinkFieldEditor = (t0) => {
 			onFocus: hrefField.onFocus,
 			onBlur: hrefField.onBlur
 		});
-		$[19] = fieldName;
-		$[20] = hrefField;
-		$[21] = linkValue.pageId;
-		$[22] = linkValue.type;
-		$[23] = onSave;
-		$[24] = pagePickerOpen;
-		$[25] = pages;
-		$[26] = textField;
-		$[27] = t10;
-		$[28] = t11;
-		$[29] = t12;
-		$[30] = t13;
-		$[31] = t14;
-		$[32] = t15;
-	} else {
-		t10 = $[27];
-		t11 = $[28];
-		t12 = $[29];
-		t13 = $[30];
-		t14 = $[31];
-		t15 = $[32];
-	}
-	let t16;
-	if ($[57] !== t10 || $[58] !== t11 || $[59] !== t12 || $[60] !== t13) {
-		t16 = /* @__PURE__ */ jsxs("div", {
-			className: t10,
+		$[47] = fieldName;
+		$[48] = handlePageSelect;
+		$[49] = hrefField;
+		$[50] = linkValue.type;
+		$[51] = pagePickerOpen;
+		$[52] = pages;
+		$[53] = selectedPage;
+		$[54] = t22;
+	} else t22 = $[54];
+	let t23;
+	if ($[55] !== t21 || $[56] !== t22) {
+		t23 = /* @__PURE__ */ jsxs("div", {
+			className: "grid gap-1.5",
 			children: [
-				t11,
-				t12,
-				t13
+				t19,
+				t21,
+				t22
 			]
 		});
-		$[57] = t10;
-		$[58] = t11;
-		$[59] = t12;
-		$[60] = t13;
-		$[61] = t16;
-	} else t16 = $[61];
-	const t17 = `${fieldName}-newtab`;
-	let t18;
-	if ($[62] !== fieldName || $[63] !== onSave) {
-		t18 = (checked) => {
+		$[55] = t21;
+		$[56] = t22;
+		$[57] = t23;
+	} else t23 = $[57];
+	const t24 = `${fieldName}-newtab`;
+	let t25;
+	if ($[58] !== fieldName || $[59] !== onSave) {
+		t25 = (checked) => {
 			onSave(fieldName, {
 				...linkValueRef.current,
 				newTab: checked
 			});
 		};
-		$[62] = fieldName;
-		$[63] = onSave;
-		$[64] = t18;
-	} else t18 = $[64];
-	let t19;
-	if ($[65] !== linkValue.newTab || $[66] !== t17 || $[67] !== t18) {
-		t19 = /* @__PURE__ */ jsx(Switch, {
-			id: t17,
+		$[58] = fieldName;
+		$[59] = onSave;
+		$[60] = t25;
+	} else t25 = $[60];
+	let t26;
+	if ($[61] !== linkValue.newTab || $[62] !== t24 || $[63] !== t25) {
+		t26 = /* @__PURE__ */ jsx(Switch, {
+			id: t24,
 			checked: linkValue.newTab,
-			onCheckedChange: t18
+			onCheckedChange: t25
 		});
-		$[65] = linkValue.newTab;
-		$[66] = t17;
-		$[67] = t18;
-		$[68] = t19;
-	} else t19 = $[68];
-	const t20 = `${fieldName}-newtab`;
-	let t21;
-	if ($[69] !== t20) {
-		t21 = /* @__PURE__ */ jsx(Label, {
-			htmlFor: t20,
+		$[61] = linkValue.newTab;
+		$[62] = t24;
+		$[63] = t25;
+		$[64] = t26;
+	} else t26 = $[64];
+	const t27 = `${fieldName}-newtab`;
+	let t28;
+	if ($[65] !== t27) {
+		t28 = /* @__PURE__ */ jsx(Label, {
+			htmlFor: t27,
 			children: "Open in new tab"
 		});
-		$[69] = t20;
-		$[70] = t21;
-	} else t21 = $[70];
-	let t22;
-	if ($[71] !== t19 || $[72] !== t21) {
-		t22 = /* @__PURE__ */ jsxs("div", {
+		$[65] = t27;
+		$[66] = t28;
+	} else t28 = $[66];
+	let t29;
+	if ($[67] !== t26 || $[68] !== t28) {
+		t29 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
-			children: [t19, t21]
+			children: [t26, t28]
 		});
-		$[71] = t19;
-		$[72] = t21;
-		$[73] = t22;
-	} else t22 = $[73];
-	let t23;
-	if ($[74] !== t14 || $[75] !== t15 || $[76] !== t16 || $[77] !== t22) {
-		t23 = /* @__PURE__ */ jsxs("form", {
-			className: t14,
+		$[67] = t26;
+		$[68] = t28;
+		$[69] = t29;
+	} else t29 = $[69];
+	let t30;
+	if ($[70] !== t18 || $[71] !== t23 || $[72] !== t29) {
+		t30 = /* @__PURE__ */ jsxs("form", {
+			className: "grid gap-3",
 			children: [
-				t15,
-				t16,
-				t22
+				t18,
+				t23,
+				t29
 			]
 		});
-		$[74] = t14;
-		$[75] = t15;
-		$[76] = t16;
-		$[77] = t22;
-		$[78] = t23;
-	} else t23 = $[78];
-	return t23;
+		$[70] = t18;
+		$[71] = t23;
+		$[72] = t29;
+		$[73] = t30;
+	} else t30 = $[73];
+	return t30;
 };
 
 //#endregion

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

@@ -19,10 +19,10 @@ import { useSelector } from "@xstate/store-react";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@camox/ui/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@camox/ui/dropdown-menu";
 import { Switch } from "@camox/ui/switch";
 import { CircleMinus, CirclePlus, CornerLeftUp } from "lucide-react";
 import { Spinner } from "@camox/ui/spinner";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@camox/ui/dropdown-menu";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@camox/ui/select";
 import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@camox/ui/breadcrumb";
 

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

@@ -1,4 +1,3 @@
-import { formatPathSegment } from "../../../lib/utils.js";
 import { c } from "react/compiler-runtime";
 import { Label } from "@camox/ui/label";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -9,9 +8,9 @@ import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText } from "@c
 const NO_PARENT_VALUE = "__no_parent__";
 const PageLocationFieldset = (t0) => {
 	const $ = c(62);
-	if ($[0] !== "b2799a1c747cb3d8810eb257f36745e1b5fcbbfe8659b68c9d233a42301c1eca") {
+	if ($[0] !== "02f031bb7bf6362841b0de76209d1faf3d13d10e565f795a27672b32d20e2ce2") {
 		for (let $i = 0; $i < 62; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "b2799a1c747cb3d8810eb257f36745e1b5fcbbfe8659b68c9d233a42301c1eca";
+		$[0] = "02f031bb7bf6362841b0de76209d1faf3d13d10e565f795a27672b32d20e2ce2";
 	}
 	const { parentPageId, onParentPageIdChange, pathSegment, onPathSegmentChange, disabled, pages, excludePageId, autoFocusPathSegment } = t0;
 	let t1;
@@ -237,7 +236,7 @@ function _temp(page_1) {
 		value: String(page_1.id),
 		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col items-start",
-			children: [/* @__PURE__ */ jsx("span", { children: page_1.metaTitle ?? formatPathSegment(page_1.pathSegment) }), /* @__PURE__ */ jsx("span", {
+			children: [/* @__PURE__ */ jsx("span", { children: page_1.nickname }), /* @__PURE__ */ jsx("span", {
 				className: "text-muted-foreground font-mono text-xs [[data-slot=select-value]_&]:hidden",
 				children: page_1.fullPath
 			})]