camox 0.16.1 → 0.17.1

package/dist/core/components/lexical/InlineLexicalEditor.js

@@ -8,6 +8,7 @@ import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { LexicalComposer } from "@lexical/react/LexicalComposer";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
 import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { COMMAND_PRIORITY_LOW, INSERT_LINE_BREAK_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND } from "lexical";
@@ -15,9 +16,9 @@ import { COMMAND_PRIORITY_LOW, INSERT_LINE_BREAK_COMMAND, KEY_ENTER_COMMAND, KEY
 //#region src/core/components/lexical/InlineLexicalEditor.tsx
 function ExternalStateSync(t0) {
 	const $ = c(8);
-	if ($[0] !== "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e") {
+	if ($[0] !== "d55dc2470e7a8239785b31acd1a520713ae4ab4b2286f30664666de45ce709b6") {
 		for (let $i = 0; $i < 8; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e";
+		$[0] = "d55dc2470e7a8239785b31acd1a520713ae4ab4b2286f30664666de45ce709b6";
 	}
 	const { externalState } = t0;
 	const [editor] = useLexicalComposerContext();
@@ -74,9 +75,9 @@ function ExternalStateSync(t0) {
 }
 function EscapeHandler() {
 	const $ = c(4);
-	if ($[0] !== "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e") {
+	if ($[0] !== "d55dc2470e7a8239785b31acd1a520713ae4ab4b2286f30664666de45ce709b6") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e";
+		$[0] = "d55dc2470e7a8239785b31acd1a520713ae4ab4b2286f30664666de45ce709b6";
 	}
 	const [editor] = useLexicalComposerContext();
 	let t0;
@@ -99,9 +100,9 @@ function EscapeHandler() {
 }
 function EnterAsLineBreakHandler() {
 	const $ = c(4);
-	if ($[0] !== "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e") {
+	if ($[0] !== "d55dc2470e7a8239785b31acd1a520713ae4ab4b2286f30664666de45ce709b6") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e";
+		$[0] = "d55dc2470e7a8239785b31acd1a520713ae4ab4b2286f30664666de45ce709b6";
 	}
 	const [editor] = useLexicalComposerContext();
 	let t0;
@@ -125,9 +126,9 @@ function EnterAsLineBreakHandler() {
 }
 function FocusBlurHandler(t0) {
 	const $ = c(6);
-	if ($[0] !== "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e") {
+	if ($[0] !== "d55dc2470e7a8239785b31acd1a520713ae4ab4b2286f30664666de45ce709b6") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e";
+		$[0] = "d55dc2470e7a8239785b31acd1a520713ae4ab4b2286f30664666de45ce709b6";
 	}
 	const { onFocus, onBlur } = t0;
 	const [editor] = useLexicalComposerContext();
@@ -163,22 +164,27 @@ function FocusBlurHandler(t0) {
 function InlineLexicalEditor({ initialState, externalState, onChange, onFocus, onBlur }) {
 	const { window: iframeWindow } = useFrame();
 	const timerRef = React.useRef(null);
-	const isDirtyRef = React.useRef(false);
+	const isFocusedRef = React.useRef(false);
+	const editedDuringFocusRef = React.useRef(false);
 	const config = React.useMemo(() => createEditorConfig(initialState), []);
 	const handleChange = React.useCallback((editorState) => {
-		if (!isDirtyRef.current) return;
+		if (!isFocusedRef.current) return;
+		editedDuringFocusRef.current = true;
 		if (timerRef.current) clearTimeout(timerRef.current);
 		timerRef.current = window.setTimeout(() => {
 			onChange(lexicalStateToMarkdown(editorState.toJSON()));
 		}, 300);
 	}, [onChange]);
 	const handleFocus = React.useCallback(() => {
-		isDirtyRef.current = true;
+		isFocusedRef.current = true;
+		editedDuringFocusRef.current = false;
 		onFocus();
 	}, [onFocus]);
 	const handleBlur = React.useCallback(() => {
-		isDirtyRef.current = false;
-		onBlur();
+		isFocusedRef.current = false;
+		const wasEdited = editedDuringFocusRef.current;
+		editedDuringFocusRef.current = false;
+		onBlur(wasEdited);
 	}, [onBlur]);
 	React.useEffect(() => {
 		return () => {
@@ -193,6 +199,7 @@ function InlineLexicalEditor({ initialState, externalState, onChange, onFocus, o
 				ErrorBoundary: LexicalErrorBoundary
 			}),
 			/* @__PURE__ */ jsx(OnChangePlugin, { onChange: handleChange }),
+			/* @__PURE__ */ jsx(HistoryPlugin, {}),
 			/* @__PURE__ */ jsx(ExternalStateSync, { externalState }),
 			/* @__PURE__ */ jsx(EscapeHandler, {}),
 			/* @__PURE__ */ jsx(EnterAsLineBreakHandler, {}),
@@ -206,9 +213,9 @@ function InlineLexicalEditor({ initialState, externalState, onChange, onFocus, o
 }
 function LexicalErrorBoundary(t0) {
 	const $ = c(3);
-	if ($[0] !== "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e") {
+	if ($[0] !== "d55dc2470e7a8239785b31acd1a520713ae4ab4b2286f30664666de45ce709b6") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "501972792dc9ac4710accbc9f8bc483460af3c973ab4f8c292c292dcf4408e7e";
+		$[0] = "d55dc2470e7a8239785b31acd1a520713ae4ab4b2286f30664666de45ce709b6";
 	}
 	const { children } = t0;
 	let t1;

package/dist/core/components/lexical/SidebarLexicalEditor.js

@@ -6,6 +6,7 @@ import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { LexicalComposer } from "@lexical/react/LexicalComposer";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
+import { HistoryPlugin } from "@lexical/react/LexicalHistoryPlugin";
 import { OnChangePlugin } from "@lexical/react/LexicalOnChangePlugin";
 import { RichTextPlugin } from "@lexical/react/LexicalRichTextPlugin";
 import { COMMAND_PRIORITY_LOW, INSERT_LINE_BREAK_COMMAND, KEY_ENTER_COMMAND } from "lexical";
@@ -14,9 +15,9 @@ import { ContentEditable } from "@lexical/react/LexicalContentEditable";
 //#region src/core/components/lexical/SidebarLexicalEditor.tsx
 function EnterAsLineBreakHandler() {
 	const $ = c(4);
-	if ($[0] !== "88f4e45c0dd3fbedb327bd420bf55680acba533a2c5c538f49f6920a8e97fd83") {
+	if ($[0] !== "9a1f0240935b013c9ac987c70099d7838c89696e79ef991f24c440416afce1d4") {
 		for (let $i = 0; $i < 4; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "88f4e45c0dd3fbedb327bd420bf55680acba533a2c5c538f49f6920a8e97fd83";
+		$[0] = "9a1f0240935b013c9ac987c70099d7838c89696e79ef991f24c440416afce1d4";
 	}
 	const [editor] = useLexicalComposerContext();
 	let t0;
@@ -40,9 +41,9 @@ function EnterAsLineBreakHandler() {
 }
 function ExternalStateSync(t0) {
 	const $ = c(6);
-	if ($[0] !== "88f4e45c0dd3fbedb327bd420bf55680acba533a2c5c538f49f6920a8e97fd83") {
+	if ($[0] !== "9a1f0240935b013c9ac987c70099d7838c89696e79ef991f24c440416afce1d4") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "88f4e45c0dd3fbedb327bd420bf55680acba533a2c5c538f49f6920a8e97fd83";
+		$[0] = "9a1f0240935b013c9ac987c70099d7838c89696e79ef991f24c440416afce1d4";
 	}
 	const { value, isSyncingRef } = t0;
 	const [editor] = useLexicalComposerContext();
@@ -110,6 +111,7 @@ function SidebarLexicalEditor({ id, value, onChange, onFocus, onBlur }) {
 				ErrorBoundary: LexicalErrorBoundary
 			}),
 			/* @__PURE__ */ jsx(OnChangePlugin, { onChange: handleChange }),
+			/* @__PURE__ */ jsx(HistoryPlugin, {}),
 			/* @__PURE__ */ jsx(ExternalStateSync, {
 				value,
 				isSyncingRef
@@ -120,9 +122,9 @@ function SidebarLexicalEditor({ id, value, onChange, onFocus, onBlur }) {
 }
 function LexicalErrorBoundary(t0) {
 	const $ = c(3);
-	if ($[0] !== "88f4e45c0dd3fbedb327bd420bf55680acba533a2c5c538f49f6920a8e97fd83") {
+	if ($[0] !== "9a1f0240935b013c9ac987c70099d7838c89696e79ef991f24c440416afce1d4") {
 		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "88f4e45c0dd3fbedb327bd420bf55680acba533a2c5c538f49f6920a8e97fd83";
+		$[0] = "9a1f0240935b013c9ac987c70099d7838c89696e79ef991f24c440416afce1d4";
 	}
 	const { children } = t0;
 	let t1;

package/dist/core/createBlock.js

@@ -1,3 +1,4 @@
+import { trackClientEvent } from "../lib/telemetry-client.js";
 import { previewStore } from "../features/preview/previewStore.js";
 import { useIsPreviewSheetOpen } from "../features/preview/components/PreviewSideSheet.js";
 import { useProjectSlug } from "../lib/auth.js";
@@ -245,9 +246,14 @@ function createBlock(options) {
 			name,
 			repeaterContext?.itemId
 		]);
-		const handleBlur = React.useCallback(() => {
+		const handleBlur = React.useCallback((wasEdited) => {
 			setIsEditorFocused(false);
-		}, []);
+			if (wasEdited) trackClientEvent("block_edited", {
+				via: "inline-lexical",
+				blockType: options.id,
+				field: String(name)
+			});
+		}, [name]);
 		const handleMouseEnter = () => {
 			if (isContentEditable) setIsHovered(true);
 		};
@@ -275,9 +281,9 @@ function createBlock(options) {
 	};
 	const Embed = (t0) => {
 		const $ = c(59);
-		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
+		if ($[0] !== "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321") {
 			for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
+			$[0] = "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -525,9 +531,9 @@ function createBlock(options) {
 	};
 	const Link = (t0) => {
 		const $ = c(38);
-		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
+		if ($[0] !== "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321") {
 			for (let $i = 0; $i < 38; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
+			$[0] = "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -766,9 +772,9 @@ function createBlock(options) {
 	};
 	const Image = (t0) => {
 		const $ = c(22);
-		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
+		if ($[0] !== "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321") {
 			for (let $i = 0; $i < 22; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
+			$[0] = "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -884,9 +890,9 @@ function createBlock(options) {
 	};
 	const File = (t0) => {
 		const $ = c(9);
-		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
+		if ($[0] !== "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321") {
 			for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
+			$[0] = "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -921,9 +927,9 @@ function createBlock(options) {
 	};
 	const RepeaterItemWrapper = (t0) => {
 		const $ = c(9);
-		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
+		if ($[0] !== "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321") {
 			for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
+			$[0] = "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321";
 		}
 		const { itemId, blockId, mode, children } = t0;
 		const isContentEditable = useIsEditable(mode);
@@ -964,9 +970,9 @@ function createBlock(options) {
 	};
 	const RepeaterHoverProvider = (t0) => {
 		const $ = c(7);
-		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
+		if ($[0] !== "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321") {
 			for (let $i = 0; $i < 7; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
+			$[0] = "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321";
 		}
 		const { blockId, fieldName, children } = t0;
 		const isContentEditable = useIsEditable("site");
@@ -997,9 +1003,9 @@ function createBlock(options) {
 	};
 	const Repeater = (t0) => {
 		const $ = c(30);
-		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
+		if ($[0] !== "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321") {
 			for (let $i = 0; $i < 30; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
+			$[0] = "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321";
 		}
 		const { name, children } = t0;
 		const blockContext = React.use(Context);
@@ -1140,9 +1146,9 @@ function createBlock(options) {
 	};
 	const BlockComponent = (t0) => {
 		const $ = c(70);
-		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
+		if ($[0] !== "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321") {
 			for (let $i = 0; $i < 70; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
+			$[0] = "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321";
 		}
 		const { blockData, mode, isFirstBlock, showAddBlockTop, showAddBlockBottom, addBlockAfterPosition } = t0;
 		const isContentEditable = useIsEditable(mode);
@@ -1442,9 +1448,9 @@ function createBlock(options) {
 	*/
 	const Detached = (t0) => {
 		const $ = c(31);
-		if ($[0] !== "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf") {
+		if ($[0] !== "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321") {
 			for (let $i = 0; $i < 31; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-			$[0] = "0821d9358337304686019b44ab594c54818420d4b9313ae3430dbfd8e6246bcf";
+			$[0] = "50c74140b2fc3c96e656363dba6d1b89943fa30a4545390a9b1121f213cb8321";
 		}
 		const { children } = t0;
 		const ctx = React.use(Context);

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

@@ -1,10 +1,10 @@
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { previewStore } from "../previewStore.js";
 import { PreviewSideSheet, Sheet } from "./PreviewSideSheet.js";
 import { useProjectSlug } from "../../../lib/auth.js";
 import { blockMutations, blockQueries, projectQueries } from "../../../lib/queries.js";
 import { usePageBlocks } from "../../../lib/normalized-data.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
-import { trackClientEvent } from "../../../lib/analytics-client.js";
 import { usePreviewedPage } from "../CamoxPreview.js";
 import { c } from "react/compiler-runtime";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
@@ -18,10 +18,10 @@ import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, Command
 
 //#region src/features/preview/components/AddBlockSheet.tsx
 const AddBlockSheet = () => {
-	const $ = c(59);
-	if ($[0] !== "894d300254ebf5c7f95deeb5f42b80dba7f6945707872f83eac91b9d226ff2bb") {
-		for (let $i = 0; $i < 59; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "894d300254ebf5c7f95deeb5f42b80dba7f6945707872f83eac91b9d226ff2bb";
+	const $ = c(60);
+	if ($[0] !== "eaa0318b13b193e792904949c4da8d4db94d4d7cfdb3255f0c3d4b505c4a3f1f") {
+		for (let $i = 0; $i < 60; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "eaa0318b13b193e792904949c4da8d4db94d4d7cfdb3255f0c3d4b505c4a3f1f";
 	}
 	const [highlightedValue, setHighlightedValue] = React.useState("");
 	const queryClient = useQueryClient();
@@ -163,8 +163,9 @@ const AddBlockSheet = () => {
 	const pageCounts = t8;
 	const isOpen = useSelector(previewStore, _temp4);
 	const peekedBlockPosition = useSelector(previewStore, _temp5);
+	const addBlockSource = useSelector(previewStore, _temp6);
 	let t9;
-	if ($[17] !== createBlock || $[18] !== page || $[19] !== pageBlocks_0 || $[20] !== peekedBlockPosition) {
+	if ($[17] !== addBlockSource || $[18] !== createBlock || $[19] !== page || $[20] !== pageBlocks_0 || $[21] !== peekedBlockPosition) {
 		t9 = async (block_0) => {
 			if (!page) return;
 			const afterPosition_0 = peekedBlockPosition === "" ? "" : peekedBlockPosition ?? pageBlocks_0[pageBlocks_0.length - 1]?.position;
@@ -178,8 +179,8 @@ const AddBlockSheet = () => {
 				repeatableItems: bundle.repeatableItems
 			});
 			trackClientEvent("block_added", {
-				projectId: page.page.projectId,
-				blockType: block_0._internal.id
+				blockType: block_0._internal.id,
+				via: addBlockSource ?? "unknown"
 			});
 			previewStore.send({
 				type: "focusCreatedBlock",
@@ -187,15 +188,16 @@ const AddBlockSheet = () => {
 			});
 			previewStore.send({ type: "exitPeekedBlock" });
 		};
-		$[17] = createBlock;
-		$[18] = page;
-		$[19] = pageBlocks_0;
-		$[20] = peekedBlockPosition;
-		$[21] = t9;
-	} else t9 = $[21];
+		$[17] = addBlockSource;
+		$[18] = createBlock;
+		$[19] = page;
+		$[20] = pageBlocks_0;
+		$[21] = peekedBlockPosition;
+		$[22] = t9;
+	} else t9 = $[22];
 	const handleAddBlock = t9;
 	let t10;
-	if ($[22] !== pageBlocks_0 || $[23] !== peekedBlockPosition) {
+	if ($[23] !== pageBlocks_0 || $[24] !== peekedBlockPosition) {
 		t10 = (block_1) => {
 			const afterPosition_1 = peekedBlockPosition === "" ? "" : peekedBlockPosition ?? pageBlocks_0[pageBlocks_0.length - 1]?.position;
 			previewStore.send({
@@ -204,10 +206,10 @@ const AddBlockSheet = () => {
 				afterPosition: afterPosition_1
 			});
 		};
-		$[22] = pageBlocks_0;
-		$[23] = peekedBlockPosition;
-		$[24] = t10;
-	} else t10 = $[24];
+		$[23] = pageBlocks_0;
+		$[24] = peekedBlockPosition;
+		$[25] = t10;
+	} else t10 = $[25];
 	const handlePreviewBlock = t10;
 	const handleValueChange = (value) => {
 		setHighlightedValue(value);
@@ -215,73 +217,73 @@ const AddBlockSheet = () => {
 		if (block_2) handlePreviewBlock(block_2);
 		else previewStore.send({ type: "clearPeekedBlock" });
 	};
-	const handleOpenChange = _temp6;
+	const handleOpenChange = _temp7;
 	let t11;
 	let t12;
-	if ($[25] !== isOpen) {
+	if ($[26] !== isOpen) {
 		t11 = () => {
 			if (isOpen) setHighlightedValue("");
 		};
 		t12 = [isOpen];
-		$[25] = isOpen;
-		$[26] = t11;
-		$[27] = t12;
+		$[26] = isOpen;
+		$[27] = t11;
+		$[28] = t12;
 	} else {
-		t11 = $[26];
-		t12 = $[27];
+		t11 = $[27];
+		t12 = $[28];
 	}
 	React.useEffect(t11, t12);
 	let t13;
-	if ($[28] !== pageCounts || $[29] !== totalCounts) {
+	if ($[29] !== pageCounts || $[30] !== totalCounts) {
 		t13 = (blockId_0) => {
 			const total = totalCounts[blockId_0] ?? 0;
 			if (total === 0) return "Never used";
 			const page_0 = pageCounts[blockId_0] ?? "none";
 			return `${total} use${total > 1 ? "s" : ""} (${page_0} here)`;
 		};
-		$[28] = pageCounts;
-		$[29] = totalCounts;
-		$[30] = t13;
-	} else t13 = $[30];
+		$[29] = pageCounts;
+		$[30] = totalCounts;
+		$[31] = t13;
+	} else t13 = $[31];
 	const displayCount = t13;
 	const T0 = PreviewSideSheet;
 	const t14 = "flex flex-col gap-0";
 	let t15;
-	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
 		t15 = /* @__PURE__ */ jsxs(Sheet.SheetHeader, {
 			className: "border-border border-b",
 			children: [/* @__PURE__ */ jsx(Sheet.SheetTitle, { children: "Add new block" }), /* @__PURE__ */ jsx(Sheet.SheetDescription, { children: "Search and select a block to add to the page." })]
 		});
-		$[31] = t15;
-	} else t15 = $[31];
+		$[32] = t15;
+	} else t15 = $[32];
 	const t16 = "flex-1 overflow-auto p-2";
 	const T1 = Command;
 	const t17 = "overflow-visible";
-	const t18 = _temp7;
+	const t18 = _temp8;
 	let t19;
-	if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
 		t19 = /* @__PURE__ */ jsx(CommandInput, {
 			placeholder: "Search blocks...",
 			autoFocus: true
 		});
-		$[32] = t19;
-	} else t19 = $[32];
+		$[33] = t19;
+	} else t19 = $[33];
 	const T2 = CommandList;
 	const t20 = "mt-1 max-h-full";
 	let t21;
-	if ($[33] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
 		t21 = /* @__PURE__ */ jsx(CommandEmpty, { children: "No blocks found." });
-		$[33] = t21;
-	} else t21 = $[33];
+		$[34] = t21;
+	} else t21 = $[34];
 	const T3 = CommandGroup;
 	let t22;
-	if ($[34] !== totalCounts) {
+	if ($[35] !== totalCounts) {
 		t22 = (a, b_3) => (totalCounts[b_3._internal.id] ?? 0) - (totalCounts[a._internal.id] ?? 0);
-		$[34] = totalCounts;
-		$[35] = t22;
-	} else t22 = $[35];
+		$[35] = totalCounts;
+		$[36] = t22;
+	} else t22 = $[36];
 	let t23;
-	if ($[36] !== displayCount || $[37] !== handleAddBlock) {
+	if ($[37] !== displayCount || $[38] !== handleAddBlock) {
 		t23 = (block_3) => /* @__PURE__ */ jsx(CommandItem, {
 			value: block_3._internal.title,
 			onSelect: () => {
@@ -296,31 +298,31 @@ const AddBlockSheet = () => {
 				})]
 			})
 		}, block_3._internal.id);
-		$[36] = displayCount;
-		$[37] = handleAddBlock;
-		$[38] = t23;
-	} else t23 = $[38];
+		$[37] = displayCount;
+		$[38] = handleAddBlock;
+		$[39] = t23;
+	} else t23 = $[39];
 	const t24 = availableBlocks.sort(t22).map(t23);
 	let t25;
-	if ($[39] !== T3 || $[40] !== t24) {
+	if ($[40] !== T3 || $[41] !== t24) {
 		t25 = /* @__PURE__ */ jsx(T3, { children: t24 });
-		$[39] = T3;
-		$[40] = t24;
-		$[41] = t25;
-	} else t25 = $[41];
+		$[40] = T3;
+		$[41] = t24;
+		$[42] = t25;
+	} else t25 = $[42];
 	let t26;
-	if ($[42] !== T2 || $[43] !== t21 || $[44] !== t25) {
+	if ($[43] !== T2 || $[44] !== t21 || $[45] !== t25) {
 		t26 = /* @__PURE__ */ jsxs(T2, {
 			className: t20,
 			children: [t21, t25]
 		});
-		$[42] = T2;
-		$[43] = t21;
-		$[44] = t25;
-		$[45] = t26;
-	} else t26 = $[45];
+		$[43] = T2;
+		$[44] = t21;
+		$[45] = t25;
+		$[46] = t26;
+	} else t26 = $[46];
 	let t27;
-	if ($[46] !== T1 || $[47] !== handleValueChange || $[48] !== highlightedValue || $[49] !== t18 || $[50] !== t19 || $[51] !== t26) {
+	if ($[47] !== T1 || $[48] !== handleValueChange || $[49] !== highlightedValue || $[50] !== t18 || $[51] !== t19 || $[52] !== t26) {
 		t27 = /* @__PURE__ */ jsx("div", {
 			className: t16,
 			children: /* @__PURE__ */ jsxs(T1, {
@@ -331,29 +333,29 @@ const AddBlockSheet = () => {
 				children: [t19, t26]
 			})
 		});
-		$[46] = T1;
-		$[47] = handleValueChange;
-		$[48] = highlightedValue;
-		$[49] = t18;
-		$[50] = t19;
-		$[51] = t26;
-		$[52] = t27;
-	} else t27 = $[52];
+		$[47] = T1;
+		$[48] = handleValueChange;
+		$[49] = highlightedValue;
+		$[50] = t18;
+		$[51] = t19;
+		$[52] = t26;
+		$[53] = t27;
+	} else t27 = $[53];
 	let t28;
-	if ($[53] !== T0 || $[54] !== handleOpenChange || $[55] !== isOpen || $[56] !== t15 || $[57] !== t27) {
+	if ($[54] !== T0 || $[55] !== handleOpenChange || $[56] !== isOpen || $[57] !== t15 || $[58] !== t27) {
 		t28 = /* @__PURE__ */ jsxs(T0, {
 			open: isOpen,
 			onOpenChange: handleOpenChange,
 			className: t14,
 			children: [t15, t27]
 		});
-		$[53] = T0;
-		$[54] = handleOpenChange;
-		$[55] = isOpen;
-		$[56] = t15;
-		$[57] = t27;
-		$[58] = t28;
-	} else t28 = $[58];
+		$[54] = T0;
+		$[55] = handleOpenChange;
+		$[56] = isOpen;
+		$[57] = t15;
+		$[58] = t27;
+		$[59] = t28;
+	} else t28 = $[59];
 	return t28;
 };
 function _temp(state) {
@@ -371,10 +373,13 @@ function _temp4(state_0) {
 function _temp5(state_1) {
 	return state_1.context.peekedBlockPosition;
 }
-function _temp6(open) {
+function _temp6(state_2) {
+	return state_2.context.addBlockSource;
+}
+function _temp7(open) {
 	if (!open) previewStore.send({ type: "closeAddBlockSheet" });
 }
-function _temp7(e) {
+function _temp8(e) {
 	if (e.key === "Escape") previewStore.send({ type: "closeAddBlockSheet" });
 }
 

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

@@ -1,3 +1,4 @@
+import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { getAuthCookieHeader } from "../../../lib/auth.js";
 import { getApiUrl, getEnvironmentName } from "../../../lib/api-client.js";
 import { fileMutations, fileQueries } from "../../../lib/queries.js";
@@ -19,9 +20,9 @@ import { ButtonGroup } from "@camox/ui/button-group";
 //#region src/features/preview/components/AssetLightbox.tsx
 function MetadataRow(t0) {
 	const $ = c(9);
-	if ($[0] !== "05f9e0872c77757727f460fb2be404c5141b1efde25a7aff370b8c6c80f3014c") {
+	if ($[0] !== "37940925d91368c87c0e95d97da969b420d7241705fd90761ebca29def086c1e") {
 		for (let $i = 0; $i < 9; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "05f9e0872c77757727f460fb2be404c5141b1efde25a7aff370b8c6c80f3014c";
+		$[0] = "37940925d91368c87c0e95d97da969b420d7241705fd90761ebca29def086c1e";
 	}
 	const { label, children } = t0;
 	let t1;
@@ -344,10 +345,18 @@ const AssetLightbox = ({ open, onOpenChange, fileId }) => {
 									children: [/* @__PURE__ */ jsx(Switch, {
 										id: "ai-metadata",
 										checked: file.aiMetadataEnabled !== false,
-										onCheckedChange: (checked) => setAiMetadata.mutate({
-											id: fileId,
-											enabled: checked
-										})
+										onCheckedChange: (checked) => {
+											setAiMetadata.mutate({
+												id: fileId,
+												enabled: checked
+											});
+											trackClientEvent("ai_metadata_toggled", {
+												target: "file",
+												enabled: checked,
+												fileId,
+												mimeType: file.mimeType
+											});
+										}
 									}), /* @__PURE__ */ jsx(Label, {
 										htmlFor: "ai-metadata",
 										children: "AI metadata"