camox 0.17.0 → 0.17.3

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

@@ -1,9 +1,9 @@
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { previewStore } from "../previewStore.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { blockQueries, layoutQueries, pageMutations, pageQueries, projectQueries } from "../../../lib/queries.js";
 import { formatPathSegment } from "../../../lib/utils.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
-import { trackClientEvent } from "../../../lib/analytics-client.js";
 import { PageLocationFieldset } from "./PageLocationFieldset.js";
 import { DebouncedFieldEditor } from "./DebouncedFieldEditor.js";
 import { ShikiMarkdown } from "./ShikiMarkdown.js";
@@ -28,9 +28,9 @@ import { Switch } from "@camox/ui/switch";
 //#region src/features/preview/components/EditPageModal.tsx
 const EditPageModal = () => {
 	const $ = c(3);
-	if ($[0] !== "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59") {
+	if ($[0] !== "1a44c3b62f2d464ddc4fb38012b10897c6c1b331adf4c50075c0f78c681dcec2") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59";
+		$[0] = "1a44c3b62f2d464ddc4fb38012b10897c6c1b331adf4c50075c0f78c681dcec2";
 	}
 	const editingPageId = useSelector(previewStore, _temp);
 	let t0;
@@ -225,10 +225,17 @@ const EditPageModalContent = ({ pageId }) => {
 									children: [/* @__PURE__ */ jsx(Switch, {
 										id: "ai-seo",
 										checked: page.aiSeoEnabled !== false,
-										onCheckedChange: (checked) => setAiSeo.mutate({
-											id: page.id,
-											enabled: checked
-										})
+										onCheckedChange: (checked) => {
+											setAiSeo.mutate({
+												id: page.id,
+												enabled: checked
+											});
+											trackClientEvent("ai_metadata_toggled", {
+												target: "page",
+												enabled: checked,
+												pageId: page.id
+											});
+										}
 									}), /* @__PURE__ */ jsx(Label, {
 										htmlFor: "ai-seo",
 										children: "AI metadata"
@@ -295,9 +302,9 @@ function truncateText(text, maxLen) {
 }
 const SearchEnginePreview = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59") {
+	if ($[0] !== "1a44c3b62f2d464ddc4fb38012b10897c6c1b331adf4c50075c0f78c681dcec2") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59";
+		$[0] = "1a44c3b62f2d464ddc4fb38012b10897c6c1b331adf4c50075c0f78c681dcec2";
 	}
 	const { page, metaTitle, metaDescription } = t0;
 	const url = `${typeof window !== "undefined" ? window.location.origin : ""}${page.fullPath}`;
@@ -380,9 +387,9 @@ const SearchEnginePreview = (t0) => {
 };
 const SocialPreviewSection = (t0) => {
 	const $ = c(23);
-	if ($[0] !== "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59") {
+	if ($[0] !== "1a44c3b62f2d464ddc4fb38012b10897c6c1b331adf4c50075c0f78c681dcec2") {
 		for (let $i = 0; $i < 23; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59";
+		$[0] = "1a44c3b62f2d464ddc4fb38012b10897c6c1b331adf4c50075c0f78c681dcec2";
 	}
 	const { page, metaTitle, metaDescription, layoutId, projectName } = t0;
 	const pageMetaTitle = page.metaTitle ?? page.pathSegment;
@@ -493,9 +500,9 @@ const SocialPreviewSection = (t0) => {
 };
 const PageMarkdownPreview = (t0) => {
 	const $ = c(9);
-	if ($[0] !== "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59") {
+	if ($[0] !== "1a44c3b62f2d464ddc4fb38012b10897c6c1b331adf4c50075c0f78c681dcec2") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "77e099cc2262abd4d5933b5ccdac9b8a465b2ec9734a24e689cb553e1f237c59";
+		$[0] = "1a44c3b62f2d464ddc4fb38012b10897c6c1b331adf4c50075c0f78c681dcec2";
 	}
 	const { pageId, metaTitle, metaDescription } = t0;
 	let t1;

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

@@ -9,9 +9,9 @@ import * as React from "react";
 //#region src/features/preview/components/Overlays.tsx
 const Overlays = (t0) => {
 	const $ = c(15);
-	if ($[0] !== "c0f7c4c8a7e0ca42965ee74bb3077e5ef65c52138c6801bfc431adeaaaed697c") {
+	if ($[0] !== "1bd993485c8b6ef80e5869cbd59723cb7bd4d85cf57877fd5be25c69a7427872") {
 		for (let $i = 0; $i < 15; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "c0f7c4c8a7e0ca42965ee74bb3077e5ef65c52138c6801bfc431adeaaaed697c";
+		$[0] = "1bd993485c8b6ef80e5869cbd59723cb7bd4d85cf57877fd5be25c69a7427872";
 	}
 	const { iframeElement } = t0;
 	const isPageContentSheetOpen = useSelector(previewStore, _temp);
@@ -37,7 +37,8 @@ const Overlays = (t0) => {
 					}
 					previewStore.send({
 						type: "openAddBlockSheet",
-						afterPosition
+						afterPosition,
+						via: "overlay"
 					});
 				}
 			};

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

@@ -1,17 +1,16 @@
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { previewStore, selectionBlockId, selectionField, selectionItemId } from "../previewStore.js";
 import { PreviewSideSheet, Sheet } from "./PreviewSideSheet.js";
 import { actionsStore } from "../../provider/actionsStore.js";
 import { blockMutations, blockQueries, fileQueries, repeatableItemMutations } from "../../../lib/queries.js";
 import { isFileMarker } from "../../../lib/normalized-data.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
-import { trackClientEvent } from "../../../lib/analytics-client.js";
 import { fieldTypesDictionary } from "../../../core/lib/fieldTypes.js";
 import { SingleAssetFieldEditor } from "./AssetFieldEditor.js";
 import { useRepeatableItemActions } from "./useRepeatableItemActions.js";
 import { ItemFieldsEditor, formatFieldName } from "./ItemFieldsEditor.js";
 import { LinkFieldEditor } from "./LinkFieldEditor.js";
 import { MultipleAssetFieldEditor } from "./MultipleAssetFieldEditor.js";
-import { usePreviewedPage } from "../CamoxPreview.js";
 import { Label } from "@camox/ui/label";
 import { useMutation, useQueries, useQuery } from "@tanstack/react-query";
 import { useSelector } from "@xstate/store-react";
@@ -109,7 +108,6 @@ const PageContentSheet = () => {
 	const blockId = selectionBlockId(selection);
 	const currentItemId = selectionItemId(selection);
 	const fieldInfo = selectionField(selection);
-	const page = usePreviewedPage();
 	const { data: blockBundle } = useQuery({
 		...blockQueries.get(blockId),
 		enabled: blockId != null
@@ -219,16 +217,19 @@ const PageContentSheet = () => {
 		assetFieldName,
 		currentSchema
 	]);
+	const sessionDirtyRef = React.useRef(false);
+	const trackedOpenRef = React.useRef(false);
 	React.useEffect(() => {
-		if (isOpen && block) trackClientEvent("content_sheet_opened", {
-			projectId: page?.page.projectId,
-			blockType: block.type
-		});
-	}, [
-		isOpen,
-		block,
-		page?.page.projectId
-	]);
+		if (!isOpen) {
+			trackedOpenRef.current = false;
+			return;
+		}
+		if (trackedOpenRef.current) return;
+		if (!block) return;
+		trackedOpenRef.current = true;
+		sessionDirtyRef.current = false;
+		trackClientEvent("content_sheet_opened", { blockType: block.type });
+	}, [isOpen, block]);
 	const fieldIdPrefix = React.useId();
 	const autoFocusFieldName = React.useMemo(() => {
 		if ((selection?.type === "block-field" || selection?.type === "item-field") && (selection.fieldType === "String" || selection.fieldType === "Embed")) return selection.fieldName;
@@ -269,6 +270,7 @@ const PageContentSheet = () => {
 	}, [blockId, isOpen]);
 	const handleBlockFieldChange = React.useCallback((fieldName, value_1) => {
 		if (!block) return;
+		sessionDirtyRef.current = true;
 		updateContent.mutate({
 			id: block.id,
 			content: { [fieldName]: value_1 }
@@ -276,6 +278,7 @@ const PageContentSheet = () => {
 	}, [block, updateContent]);
 	const handleItemFieldChange = React.useCallback((fieldName_0, value_2) => {
 		if (currentItemId == null) return;
+		sessionDirtyRef.current = true;
 		updateRepeatableContent.mutate({
 			id: currentItemId,
 			content: { [fieldName_0]: value_2 }
@@ -284,6 +287,11 @@ const PageContentSheet = () => {
 	const activeFieldChangeHandler = currentItemId != null ? handleItemFieldChange : handleBlockFieldChange;
 	const handleOpenChange = (open) => {
 		if (open) return;
+		if (block && sessionDirtyRef.current) trackClientEvent("block_edited", {
+			via: "content-sheet",
+			blockType: block.type
+		});
+		sessionDirtyRef.current = false;
 		if (block && autoFocusFieldName) postToIframe({
 			type: "CAMOX_FOCUS_FIELD_END",
 			fieldId: currentItemId != null ? `${block.id}__${currentItemId}__${autoFocusFieldName}` : `${block.id}__${autoFocusFieldName}`
@@ -395,6 +403,7 @@ const PageContentSheet = () => {
 								}), /* @__PURE__ */ jsxs(Select, {
 									value: value_3,
 									onValueChange: (newValue) => {
+										sessionDirtyRef.current = true;
 										updateSettings.mutate({
 											id: block.id,
 											settings: { [field.name]: newValue }
@@ -421,6 +430,7 @@ const PageContentSheet = () => {
 									id: `setting-${field.name}`,
 									checked,
 									onCheckedChange: (newValue_0) => {
+										sessionDirtyRef.current = true;
 										updateSettings.mutate({
 											id: block.id,
 											settings: { [field.name]: newValue_0 }
@@ -451,6 +461,7 @@ const PageContentSheet = () => {
 								}), /* @__PURE__ */ jsxs(Select, {
 									value: value_4,
 									onValueChange: (newValue_1) => {
+										sessionDirtyRef.current = true;
 										updateRepeatableSettings.mutate({
 											id: currentItemId,
 											settings: { [field_0.name]: newValue_1 }
@@ -477,6 +488,7 @@ const PageContentSheet = () => {
 									id: `item-setting-${field_0.name}`,
 									checked: checked_0,
 									onCheckedChange: (newValue_2) => {
+										sessionDirtyRef.current = true;
 										updateRepeatableSettings.mutate({
 											id: currentItemId,
 											settings: { [field_0.name]: newValue_2 }

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

@@ -24,9 +24,9 @@ import { Accordion } from "@base-ui/react/accordion";
 //#region src/features/preview/components/PageTree.tsx
 function useEmbedTitle(url) {
 	const $ = c(4);
-	if ($[0] !== "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903") {
+	if ($[0] !== "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903";
+		$[0] = "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e";
 	}
 	const [title, setTitle] = React.useState(null);
 	let t0;
@@ -59,9 +59,9 @@ function _temp(res) {
 }
 const FieldItem = (t0) => {
 	const $ = c(30);
-	if ($[0] !== "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903") {
+	if ($[0] !== "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e") {
 		for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903";
+		$[0] = "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e";
 	}
 	const { fieldName, value, fieldType, schemaTitle, arrayItemType, isSelected, onFieldClick, onFieldDoubleClick, onMouseEnter, onMouseLeave } = t0;
 	const fetchedEmbedTitle = useEmbedTitle(fieldType === "Embed" ? value : null);
@@ -148,9 +148,9 @@ const FieldItem = (t0) => {
 };
 const BlockFields = (t0) => {
 	const $ = c(5);
-	if ($[0] !== "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903") {
+	if ($[0] !== "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903";
+		$[0] = "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e";
 	}
 	const { block } = t0;
 	const schemaProperties = useCamoxApp().getBlockById(block.type)?._internal.contentSchema.properties;
@@ -252,9 +252,9 @@ const BlockFields = (t0) => {
 };
 function useBlockTreeItem(block, t0) {
 	const $ = c(17);
-	if ($[0] !== "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903") {
+	if ($[0] !== "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903";
+		$[0] = "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e";
 	}
 	const isDragging = t0 === void 0 ? false : t0;
 	const [ellipsisPopoverOpen, setEllipsisPopoverOpen] = React.useState(false);
@@ -336,9 +336,9 @@ function _temp6(state) {
 }
 const BlockTreeItemHeader = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903") {
+	if ($[0] !== "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903";
+		$[0] = "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e";
 	}
 	let children;
 	let className;
@@ -391,9 +391,9 @@ const BlockTreeItemHeader = (t0) => {
 };
 const BlockTreeItemTrigger = (t0) => {
 	const $ = c(5);
-	if ($[0] !== "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903") {
+	if ($[0] !== "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e") {
 		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903";
+		$[0] = "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e";
 	}
 	const { displayText, onClick } = t0;
 	let t1;
@@ -420,9 +420,9 @@ const BlockTreeItemTrigger = (t0) => {
 };
 const BlockTreeItemEllipsis = (t0) => {
 	const $ = c(12);
-	if ($[0] !== "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903") {
+	if ($[0] !== "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e") {
 		for (let $i = 0; $i < 12; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903";
+		$[0] = "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e";
 	}
 	let className;
 	let open;
@@ -468,9 +468,9 @@ const BlockTreeItemEllipsis = (t0) => {
 };
 const BlockTreeItemContent = (t0) => {
 	const $ = c(3);
-	if ($[0] !== "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903") {
+	if ($[0] !== "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903";
+		$[0] = "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e";
 	}
 	const { block } = t0;
 	let t1;
@@ -491,9 +491,9 @@ const animateLayoutChanges = (args) => {
 };
 const SortableBlock = (t0) => {
 	const $ = c(53);
-	if ($[0] !== "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903") {
+	if ($[0] !== "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e") {
 		for (let $i = 0; $i < 53; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903";
+		$[0] = "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e";
 	}
 	const { block } = t0;
 	const [gripPopoverOpen, setGripPopoverOpen] = React.useState(false);
@@ -682,9 +682,9 @@ const SortableBlock = (t0) => {
 };
 const LayoutBlockItem = (t0) => {
 	const $ = c(44);
-	if ($[0] !== "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903") {
+	if ($[0] !== "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e") {
 		for (let $i = 0; $i < 44; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903";
+		$[0] = "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e";
 	}
 	const { block, layoutName } = t0;
 	const camoxApp = useCamoxApp();
@@ -843,9 +843,9 @@ const LayoutBlockItem = (t0) => {
 };
 const PageTree = () => {
 	const $ = c(47);
-	if ($[0] !== "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903") {
+	if ($[0] !== "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e") {
 		for (let $i = 0; $i < 47; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "79ab6b120b2bb787a1048ac6df2d27952726deab51bb8be3775e9053c83d0903";
+		$[0] = "3438c79b953b86993bcb0e3d161fc8842fabb36537be7c6172ce394e67f78c7e";
 	}
 	const page = usePreviewedPage();
 	const { pageBlocks, beforeBlocks: layoutBeforeBlocks, afterBlocks: layoutAfterBlocks } = usePageBlocks(page);
@@ -1082,7 +1082,10 @@ function _temp9(block_3) {
 	return /* @__PURE__ */ jsx(SortableBlock, { block: block_3 }, String(block_3.id));
 }
 function _temp0() {
-	return previewStore.send({ type: "openAddBlockSheet" });
+	return previewStore.send({
+		type: "openAddBlockSheet",
+		via: "page-tree"
+	});
 }
 
 //#endregion

package/dist/features/preview/previewStore.js

@@ -1,3 +1,4 @@
+import { trackClientEvent } from "../../lib/telemetry-client.js";
 import { toast } from "@camox/ui/toaster";
 import { createStore } from "@xstate/store-react";
 
@@ -27,6 +28,7 @@ const previewStore = createStore({
 		isSidebarOpen: true,
 		isPageContentSheetOpen: false,
 		isAddBlockSheetOpen: false,
+		addBlockSource: null,
 		isAgentChatSheetOpen: false,
 		isCreatePageModalOpen: false,
 		editingPageId: null,
@@ -44,14 +46,18 @@ const previewStore = createStore({
 			if (context.isPresentationMode) return context;
 			enqueue.effect(() => {
 				toast("Press ⌘ + Enter to restore Camox Studio", { duration: 2500 });
+				trackClientEvent("presentation_mode_toggled", { enabled: true });
 			});
 			return {
 				...context,
 				isPresentationMode: true
 			};
 		},
-		exitPresentationMode: (context) => {
+		exitPresentationMode: (context, _, enqueue) => {
 			if (!context.isPresentationMode) return context;
+			enqueue.effect(() => {
+				trackClientEvent("presentation_mode_toggled", { enabled: false });
+			});
 			return {
 				...context,
 				isPresentationMode: false
@@ -185,12 +191,14 @@ const previewStore = createStore({
 		openAddBlockSheet: (context, event) => ({
 			...context,
 			isAddBlockSheetOpen: true,
+			addBlockSource: event.via ?? null,
 			peekedBlock: null,
 			peekedBlockPosition: event.afterPosition ?? null
 		}),
 		closeAddBlockSheet: (context) => ({
 			...context,
 			isAddBlockSheetOpen: false,
+			addBlockSource: null,
 			peekedBlock: null,
 			peekedBlockPosition: null
 		}),
@@ -228,10 +236,14 @@ const previewStore = createStore({
 			...context,
 			isPageContentSheetOpen: false
 		}),
-		openAgentChatSheet: (context) => ({
-			...context,
-			isAgentChatSheetOpen: true
-		}),
+		openAgentChatSheet: (context, _, enqueue) => {
+			if (context.isAgentChatSheetOpen) return context;
+			enqueue.effect(() => trackClientEvent("agent_chat_opened"));
+			return {
+				...context,
+				isAgentChatSheetOpen: true
+			};
+		},
 		closeAgentChatSheet: (context) => ({
 			...context,
 			isAgentChatSheetOpen: false
@@ -244,10 +256,14 @@ const previewStore = createStore({
 			...context,
 			isCreatePageModalOpen: false
 		}),
-		openEditPageModal: (context, event) => ({
-			...context,
-			editingPageId: event.pageId
-		}),
+		openEditPageModal: (context, event, enqueue) => {
+			if (context.editingPageId === event.pageId) return context;
+			enqueue.effect(() => trackClientEvent("page_editor_opened", { pageId: event.pageId }));
+			return {
+				...context,
+				editingPageId: event.pageId
+			};
+		},
 		closeEditPageModal: (context) => ({
 			...context,
 			editingPageId: null

package/dist/features/provider/CamoxProvider.js

@@ -1,3 +1,4 @@
+import { identifyProject, identifyUser } from "../../lib/telemetry-client.js";
 import { AuthContext, createCamoxAuthClient, useAuthActions, useAuthContext, useProcessOtt, useSignInRedirect } from "../../lib/auth.js";
 import { initApiClient } from "../../lib/api-client.js";
 import { projectQueries } from "../../lib/queries.js";
@@ -18,58 +19,51 @@ import { ReactQueryDevtools } from "@tanstack/react-query-devtools/production";
 import studioCssUrl from "virtual:camox-studio-css";
 
 //#region src/features/provider/CamoxProvider.tsx
-const AuthenticatedCamoxProvider = (t0) => {
-	const $ = c(9);
-	if ($[0] !== "4aa858f2d01b8522f136fc586f47d0bfc585b3ef0680197aead771149ae36446") {
-		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4aa858f2d01b8522f136fc586f47d0bfc585b3ef0680197aead771149ae36446";
-	}
-	const { children } = t0;
+const AuthenticatedCamoxProvider = ({ children }) => {
 	useAdminShortcuts();
 	useCommandPaletteActions();
 	useThemeActions();
 	useAuthActions();
 	useNavbarActions();
 	usePreviewPagesActions();
-	const { apiUrl, projectSlug } = React.useContext(AuthContext);
-	let t1;
-	if ($[1] !== projectSlug) {
-		t1 = projectQueries.getBySlug(projectSlug);
-		$[1] = projectSlug;
-		$[2] = t1;
-	} else t1 = $[2];
-	const { data: project } = useQuery(t1);
+	const { authClient, apiUrl, projectSlug, environmentName } = React.useContext(AuthContext);
+	const { data: session } = authClient.useSession();
+	const user = session?.user;
+	const { data: project } = useQuery(projectQueries.getBySlug(projectSlug));
 	useProjectRoom(apiUrl, project?.id);
+	React.useEffect(() => {
+		if (!user) return;
+		identifyUser({
+			userId: user.id,
+			email: user.email,
+			name: user.name
+		});
+	}, [user]);
+	React.useEffect(() => {
+		if (!project) return;
+		identifyProject({
+			projectId: project.id,
+			projectSlug,
+			projectName: project.name,
+			environmentName
+		});
+	}, [
+		project,
+		projectSlug,
+		environmentName
+	]);
 	const { theme } = useApplyTheme();
-	let t2;
-	if ($[3] !== theme) {
-		t2 = /* @__PURE__ */ jsx(Toaster, { theme });
-		$[3] = theme;
-		$[4] = t2;
-	} else t2 = $[4];
-	let t3;
-	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(CommandPalette, {});
-		$[5] = t3;
-	} else t3 = $[5];
-	let t4;
-	if ($[6] !== children || $[7] !== t2) {
-		t4 = /* @__PURE__ */ jsxs(Fragment, { children: [
-			children,
-			t2,
-			t3
-		] });
-		$[6] = children;
-		$[7] = t2;
-		$[8] = t4;
-	} else t4 = $[8];
-	return t4;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		children,
+		/* @__PURE__ */ jsx(Toaster, { theme }),
+		/* @__PURE__ */ jsx(CommandPalette, {})
+	] });
 };
 const UnauthenticatedCamoxProvider = (t0) => {
 	const $ = c(17);
-	if ($[0] !== "4aa858f2d01b8522f136fc586f47d0bfc585b3ef0680197aead771149ae36446") {
+	if ($[0] !== "b5981d9bd712f25eeda6cbcda49d6423a2b369fb23cae3edd8e4fd78a92731e5") {
 		for (let $i = 0; $i < 17; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4aa858f2d01b8522f136fc586f47d0bfc585b3ef0680197aead771149ae36446";
+		$[0] = "b5981d9bd712f25eeda6cbcda49d6423a2b369fb23cae3edd8e4fd78a92731e5";
 	}
 	const { children } = t0;
 	const signInRedirect = useSignInRedirect();

package/dist/features/routes/pageRoute.js

@@ -1,6 +1,6 @@
 import { seedBlockCaches } from "../../lib/normalized-data.js";
 import { CamoxPreview, PageContent } from "../preview/CamoxPreview.js";
-import { trackEvent } from "../../lib/analytics.js";
+import { trackEvent } from "../../lib/telemetry.js";
 import { c } from "react/compiler-runtime";
 import { notFound } from "@tanstack/react-router";
 import { jsx } from "react/jsx-runtime";
@@ -143,9 +143,9 @@ function createPageHead(camoxApp) {
 }
 const PageRouteComponent = () => {
 	const $ = c(2);
-	if ($[0] !== "868ae726f7b5958b542919849be1144cc4a493498385015b5825d8132609202a") {
+	if ($[0] !== "af05e19496b4a2096f4315eaed68c6a75307af2bf2159c4789e0b818ba1bd1c7") {
 		for (let $i = 0; $i < 2; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "868ae726f7b5958b542919849be1144cc4a493498385015b5825d8132609202a";
+		$[0] = "af05e19496b4a2096f4315eaed68c6a75307af2bf2159c4789e0b818ba1bd1c7";
 	}
 	let t0;
 	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {

package/dist/features/studio/CamoxStudio.js

@@ -1,3 +1,4 @@
+import { trackClientEvent } from "../../lib/telemetry-client.js";
 import { useAuthState, useSignInRedirect } from "../../lib/auth.js";
 import { Navbar } from "./components/Navbar.js";
 import { c } from "react/compiler-runtime";
@@ -7,10 +8,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/features/studio/CamoxStudio.tsx
 const CamoxStudio = (t0) => {
-	const $ = c(10);
-	if ($[0] !== "974cf0d1f779b675cbbe8c8d600e9d789e2718cb2b7aaea29f2828cbe4b25895") {
-		for (let $i = 0; $i < 10; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "974cf0d1f779b675cbbe8c8d600e9d789e2718cb2b7aaea29f2828cbe4b25895";
+	const $ = c(14);
+	if ($[0] !== "a3859231f360f8aeee5cc1cb82b7375ae6b37024c558809efb60b3f2fac33069") {
+		for (let $i = 0; $i < 14; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "a3859231f360f8aeee5cc1cb82b7375ae6b37024c558809efb60b3f2fac33069";
 	}
 	const { children } = t0;
 	const { isAuthenticated, isLoading: isLoadingAuth } = useAuthState();
@@ -37,30 +38,49 @@ const CamoxStudio = (t0) => {
 		t2 = $[5];
 	}
 	React.useEffect(t1, t2);
+	const hasTrackedOpenRef = React.useRef(false);
+	let t3;
+	let t4;
+	if ($[6] !== isAuthenticated || $[7] !== pathname) {
+		t3 = () => {
+			if (!isAuthenticated || hasTrackedOpenRef.current) return;
+			hasTrackedOpenRef.current = true;
+			trackClientEvent("studio_opened", { route: pathname });
+		};
+		t4 = [isAuthenticated, pathname];
+		$[6] = isAuthenticated;
+		$[7] = pathname;
+		$[8] = t3;
+		$[9] = t4;
+	} else {
+		t3 = $[8];
+		t4 = $[9];
+	}
+	React.useEffect(t3, t4);
 	if (pathname === "cmx-studio") {
-		let t3;
-		if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-			t3 = /* @__PURE__ */ jsx(Navigate, { to: "/" });
-			$[6] = t3;
-		} else t3 = $[6];
-		return t3;
+		let t5;
+		if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+			t5 = /* @__PURE__ */ jsx(Navigate, { to: "/" });
+			$[10] = t5;
+		} else t5 = $[10];
+		return t5;
 	}
 	if (!isAuthenticated) return null;
-	let t3;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx(Navbar, {});
-		$[7] = t3;
-	} else t3 = $[7];
-	let t4;
-	if ($[8] !== children) {
-		t4 = /* @__PURE__ */ jsxs("div", {
+	let t5;
+	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ jsx(Navbar, {});
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== children) {
+		t6 = /* @__PURE__ */ jsxs("div", {
 			className: "bg-background flex h-screen flex-col overflow-hidden",
-			children: [t3, children]
+			children: [t5, children]
 		});
-		$[8] = children;
-		$[9] = t4;
-	} else t4 = $[9];
-	return t4;
+		$[12] = children;
+		$[13] = t6;
+	} else t6 = $[13];
+	return t6;
 };
 
 //#endregion

package/dist/features/vite/vite.d.ts

@@ -6,8 +6,8 @@ interface CamoxPluginOptions {
   projectSlug: string;
   /** Secret used to authenticate definition sync requests with the API */
   syncSecret: string;
-  /** Disable PostHog analytics collection (default: false) */
-  disableAnalytics?: boolean;
+  /** Disable PostHog telemetry collection (default: false) */
+  disableTelemetry?: boolean;
   /** Internal options (intended for Camox contributors in development, not for public use) */
   _internal?: {
     /** URL of the Camox API backend, used for data fetching */apiUrl?: string; /** URL of the Camox authentication backend (default: https://camox.ai) */