camox 0.3.0 → 0.4.0

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

@@ -6,6 +6,7 @@ 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";
 import { useSelector } from "@xstate/store/react";
 import { generateKeyBetween } from "fractional-indexing";
@@ -18,189 +19,365 @@ import { InfoIcon } from "lucide-react";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@camox/ui/command";
 //#region src/features/preview/components/AddBlockSheet.tsx
 var AddBlockSheet = () => {
+	const $ = c(58);
 	const [highlightedValue, setHighlightedValue] = React.useState("");
 	const queryClient = useQueryClient();
 	const { pathname } = useLocation();
-	const pagePathname = useSelector(previewStore, (state) => state.context.peekedPagePathname) ?? pathname;
-	const createBlock = useMutation({
-		...blockMutations.create(),
-		onMutate: (variables) => {
-			const pageQueryKey = queryKeys.pages.getByPath(pagePathname);
-			const previousPage = queryClient.getQueryData(pageQueryKey);
-			if (!previousPage) return {};
-			const blockIds = previousPage.page.blockIds;
-			const pageBlocks = blockIds.map((id) => queryClient.getQueryData(queryKeys.blocks.get(id))?.block).filter((b) => b != null);
-			const { afterPosition } = variables;
-			let position;
-			if (afterPosition == null) {
-				const lastBlock = pageBlocks[pageBlocks.length - 1];
-				position = generateKeyBetween(lastBlock?.position ?? null, null);
-			} else if (afterPosition === "") {
-				const firstBlock = pageBlocks[0];
-				position = generateKeyBetween(null, firstBlock?.position ?? null);
-			} else {
-				let afterIndex = -1;
-				for (let i = pageBlocks.length - 1; i >= 0; i--) if (String(pageBlocks[i].position) <= afterPosition) {
-					afterIndex = i;
-					break;
+	const pagePathname = useSelector(previewStore, _temp) ?? pathname;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = blockMutations.create();
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== pagePathname || $[2] !== queryClient) {
+		t1 = {
+			...t0,
+			onMutate: (variables) => {
+				const pageQueryKey = queryKeys.pages.getByPath(pagePathname);
+				const previousPage = queryClient.getQueryData(pageQueryKey);
+				if (!previousPage) return {};
+				const blockIds = previousPage.page.blockIds;
+				const pageBlocks = blockIds.map((id) => queryClient.getQueryData(queryKeys.blocks.get(id))?.block).filter(_temp2);
+				const { afterPosition } = variables;
+				let position;
+				if (afterPosition == null) {
+					const lastBlock = pageBlocks[pageBlocks.length - 1];
+					position = generateKeyBetween(lastBlock?.position ?? null, null);
+				} else if (afterPosition === "") {
+					const firstBlock = pageBlocks[0];
+					position = generateKeyBetween(null, firstBlock?.position ?? null);
+				} else {
+					let afterIndex = -1;
+					for (let i = pageBlocks.length - 1; i >= 0; i--) if (String(pageBlocks[i].position) <= afterPosition) {
+						afterIndex = i;
+						break;
+					}
+					const nextBlock = afterIndex >= 0 ? pageBlocks[afterIndex + 1] : pageBlocks[0];
+					position = generateKeyBetween(afterIndex >= 0 ? pageBlocks[afterIndex].position : null, nextBlock?.position ?? null);
 				}
-				const nextBlock = afterIndex >= 0 ? pageBlocks[afterIndex + 1] : pageBlocks[0];
-				position = generateKeyBetween(afterIndex >= 0 ? pageBlocks[afterIndex].position : null, nextBlock?.position ?? null);
+				const now = Date.now();
+				const optimisticId = -now;
+				const optimisticBlock = {
+					id: optimisticId,
+					pageId: variables.pageId,
+					layoutId: null,
+					type: variables.type,
+					content: variables.content,
+					settings: variables.settings ?? null,
+					placement: null,
+					summary: "",
+					position,
+					createdAt: now,
+					updatedAt: now
+				};
+				queryClient.setQueryData(queryKeys.blocks.get(optimisticId), {
+					block: optimisticBlock,
+					repeatableItems: [],
+					files: []
+				});
+				const insertIndex = pageBlocks.findIndex((b_0) => b_0.position > position);
+				const newBlockIds = [...blockIds];
+				if (insertIndex === -1) newBlockIds.push(optimisticId);
+				else newBlockIds.splice(insertIndex, 0, optimisticId);
+				queryClient.setQueryData(pageQueryKey, {
+					...previousPage,
+					page: {
+						...previousPage.page,
+						blockIds: newBlockIds
+					}
+				});
+				queryClient.cancelQueries({ queryKey: pageQueryKey });
+				return {
+					previousPage,
+					optimisticId
+				};
+			},
+			onError: (_error, _variables, context) => {
+				if (context?.previousPage) queryClient.setQueryData(queryKeys.pages.getByPath(pagePathname), context.previousPage);
+				if (context?.optimisticId) queryClient.removeQueries({ queryKey: queryKeys.blocks.get(context.optimisticId) });
+			},
+			onSettled: () => {
+				queryClient.invalidateQueries({ queryKey: queryKeys.pages.getByPath(pagePathname) });
 			}
-			const now = Date.now();
-			const optimisticId = -now;
-			const optimisticBlock = {
-				id: optimisticId,
-				pageId: variables.pageId,
-				layoutId: null,
-				type: variables.type,
-				content: variables.content,
-				settings: variables.settings ?? null,
-				placement: null,
-				summary: "",
-				position,
-				createdAt: now,
-				updatedAt: now
-			};
-			queryClient.setQueryData(queryKeys.blocks.get(optimisticId), {
-				block: optimisticBlock,
-				repeatableItems: [],
-				files: []
-			});
-			const insertIndex = pageBlocks.findIndex((b) => b.position > position);
-			const newBlockIds = [...blockIds];
-			if (insertIndex === -1) newBlockIds.push(optimisticId);
-			else newBlockIds.splice(insertIndex, 0, optimisticId);
-			queryClient.setQueryData(pageQueryKey, {
-				...previousPage,
-				page: {
-					...previousPage.page,
-					blockIds: newBlockIds
-				}
-			});
-			queryClient.cancelQueries({ queryKey: pageQueryKey });
-			return {
-				previousPage,
-				optimisticId
-			};
-		},
-		onError: (_error, _variables, context) => {
-			if (context?.previousPage) queryClient.setQueryData(queryKeys.pages.getByPath(pagePathname), context.previousPage);
-			if (context?.optimisticId) queryClient.removeQueries({ queryKey: queryKeys.blocks.get(context.optimisticId) });
-		},
-		onSettled: () => {
-			queryClient.invalidateQueries({ queryKey: queryKeys.pages.getByPath(pagePathname) });
-		}
-	});
+		};
+		$[1] = pagePathname;
+		$[2] = queryClient;
+		$[3] = t1;
+	} else t1 = $[3];
+	const createBlock = useMutation(t1);
 	const projectSlug = useProjectSlug();
-	const { data: project } = useQuery(projectQueries.getBySlug(projectSlug));
-	const availableBlocks = useCamoxApp().getBlocks().filter((b) => !b.layoutOnly);
+	let t2;
+	if ($[4] !== projectSlug) {
+		t2 = projectQueries.getBySlug(projectSlug);
+		$[4] = projectSlug;
+		$[5] = t2;
+	} else t2 = $[5];
+	const { data: project } = useQuery(t2);
+	const availableBlocks = useCamoxApp().getBlocks().filter(_temp3);
 	const page = usePreviewedPage();
-	const { pageBlocks } = usePageBlocks(page);
-	const { data: totalCounts = {} } = useQuery({
-		...blockQueries.getUsageCounts(project?.id ?? 0),
-		enabled: !!project
-	});
-	const pageCounts = React.useMemo(() => {
-		const counts = {};
-		if (!page) return counts;
-		for (const block of pageBlocks) counts[block.type] = (counts[block.type] ?? 0) + 1;
-		return counts;
-	}, [page, pageBlocks]);
-	const isOpen = useSelector(previewStore, (state) => state.context.isAddBlockSheetOpen);
-	const peekedBlockPosition = useSelector(previewStore, (state) => state.context.peekedBlockPosition);
-	const handleAddBlock = async (block) => {
-		if (!page) return;
-		const afterPosition = peekedBlockPosition === "" ? "" : peekedBlockPosition ?? pageBlocks[pageBlocks.length - 1]?.position;
-		const bundle = block.getInitialBundle();
-		const { id: blockId } = await createBlock.mutateAsync({
-			pageId: page.page.id,
-			type: block.id,
-			content: bundle.content,
-			settings: bundle.settings,
-			afterPosition,
-			repeatableItems: bundle.repeatableItems
-		});
-		trackClientEvent("block_added", {
-			projectId: page.page.projectId,
-			blockType: block.id
-		});
-		previewStore.send({
-			type: "focusCreatedBlock",
-			blockId: String(blockId)
-		});
-		previewStore.send({ type: "exitPeekedBlock" });
-	};
-	const handlePreviewBlock = (block) => {
-		const afterPosition = peekedBlockPosition === "" ? "" : peekedBlockPosition ?? pageBlocks[pageBlocks.length - 1]?.position;
-		previewStore.send({
-			type: "setPeekedBlock",
-			block,
-			afterPosition
-		});
-	};
+	const { pageBlocks: pageBlocks_0 } = usePageBlocks(page);
+	let t3;
+	if ($[6] !== project?.id) {
+		t3 = blockQueries.getUsageCounts(project?.id ?? 0);
+		$[6] = project?.id;
+		$[7] = t3;
+	} else t3 = $[7];
+	const t4 = !!project;
+	let t5;
+	if ($[8] !== t3 || $[9] !== t4) {
+		t5 = {
+			...t3,
+			enabled: t4
+		};
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+	} else t5 = $[10];
+	const { data: t6 } = useQuery(t5);
+	let t7;
+	if ($[11] !== t6) {
+		t7 = t6 === void 0 ? {} : t6;
+		$[11] = t6;
+		$[12] = t7;
+	} else t7 = $[12];
+	const totalCounts = t7;
+	let t8;
+	if ($[13] !== page || $[14] !== pageBlocks_0) {
+		bb0: {
+			const counts = {};
+			if (!page) {
+				t8 = counts;
+				break bb0;
+			}
+			for (const block of pageBlocks_0) counts[block.type] = (counts[block.type] ?? 0) + 1;
+			t8 = counts;
+		}
+		$[13] = page;
+		$[14] = pageBlocks_0;
+		$[15] = t8;
+	} else t8 = $[15];
+	const pageCounts = t8;
+	const isOpen = useSelector(previewStore, _temp4);
+	const peekedBlockPosition = useSelector(previewStore, _temp5);
+	let t9;
+	if ($[16] !== createBlock || $[17] !== page || $[18] !== pageBlocks_0 || $[19] !== peekedBlockPosition) {
+		t9 = async (block_0) => {
+			if (!page) return;
+			const afterPosition_0 = peekedBlockPosition === "" ? "" : peekedBlockPosition ?? pageBlocks_0[pageBlocks_0.length - 1]?.position;
+			const bundle = block_0.getInitialBundle();
+			const { id: blockId } = await createBlock.mutateAsync({
+				pageId: page.page.id,
+				type: block_0.id,
+				content: bundle.content,
+				settings: bundle.settings,
+				afterPosition: afterPosition_0,
+				repeatableItems: bundle.repeatableItems
+			});
+			trackClientEvent("block_added", {
+				projectId: page.page.projectId,
+				blockType: block_0.id
+			});
+			previewStore.send({
+				type: "focusCreatedBlock",
+				blockId: String(blockId)
+			});
+			previewStore.send({ type: "exitPeekedBlock" });
+		};
+		$[16] = createBlock;
+		$[17] = page;
+		$[18] = pageBlocks_0;
+		$[19] = peekedBlockPosition;
+		$[20] = t9;
+	} else t9 = $[20];
+	const handleAddBlock = t9;
+	let t10;
+	if ($[21] !== pageBlocks_0 || $[22] !== peekedBlockPosition) {
+		t10 = (block_1) => {
+			const afterPosition_1 = peekedBlockPosition === "" ? "" : peekedBlockPosition ?? pageBlocks_0[pageBlocks_0.length - 1]?.position;
+			previewStore.send({
+				type: "setPeekedBlock",
+				block: block_1,
+				afterPosition: afterPosition_1
+			});
+		};
+		$[21] = pageBlocks_0;
+		$[22] = peekedBlockPosition;
+		$[23] = t10;
+	} else t10 = $[23];
+	const handlePreviewBlock = t10;
 	const handleValueChange = (value) => {
 		setHighlightedValue(value);
-		const block = availableBlocks.find((b) => b.title === value);
-		if (block) handlePreviewBlock(block);
+		const block_2 = availableBlocks.find((b_2) => b_2.title === value);
+		if (block_2) handlePreviewBlock(block_2);
 		else previewStore.send({ type: "clearPeekedBlock" });
 	};
-	const handleOpenChange = (open) => {
-		if (!open) previewStore.send({ type: "closeAddBlockSheet" });
-	};
-	React.useEffect(() => {
-		if (isOpen) setHighlightedValue("");
-	}, [isOpen]);
-	const displayCount = (blockId) => {
-		const total = totalCounts[blockId] ?? 0;
-		if (total === 0) return "Never used";
-		const page = pageCounts[blockId] ?? "none";
-		return `${total} use${total > 1 ? "s" : ""} (${page} here)`;
-	};
-	return /* @__PURE__ */ jsxs(PreviewSideSheet, {
-		open: isOpen,
-		onOpenChange: handleOpenChange,
-		className: "flex flex-col gap-0",
-		children: [/* @__PURE__ */ jsxs(Sheet.SheetHeader, {
+	const handleOpenChange = _temp6;
+	let t11;
+	let t12;
+	if ($[24] !== isOpen) {
+		t11 = () => {
+			if (isOpen) setHighlightedValue("");
+		};
+		t12 = [isOpen];
+		$[24] = isOpen;
+		$[25] = t11;
+		$[26] = t12;
+	} else {
+		t11 = $[25];
+		t12 = $[26];
+	}
+	React.useEffect(t11, t12);
+	let t13;
+	if ($[27] !== pageCounts || $[28] !== 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)`;
+		};
+		$[27] = pageCounts;
+		$[28] = totalCounts;
+		$[29] = t13;
+	} else t13 = $[29];
+	const displayCount = t13;
+	const T0 = PreviewSideSheet;
+	const t14 = "flex flex-col gap-0";
+	let t15;
+	if ($[30] === 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." })]
-		}), /* @__PURE__ */ jsx("div", {
-			className: "flex-1 overflow-auto p-2",
-			children: /* @__PURE__ */ jsxs(Command, {
+		});
+		$[30] = t15;
+	} else t15 = $[30];
+	const t16 = "flex-1 overflow-auto p-2";
+	const T1 = Command;
+	const t17 = "bg-background overflow-visible";
+	const t18 = _temp7;
+	let t19;
+	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+		t19 = /* @__PURE__ */ jsx(CommandInput, {
+			placeholder: "Search blocks...",
+			autoFocus: true,
+			wrapperClassName: "border border-input rounded-md shadow-xs focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]"
+		});
+		$[31] = t19;
+	} else t19 = $[31];
+	const T2 = CommandList;
+	const t20 = "mt-1 max-h-full";
+	let t21;
+	if ($[32] === Symbol.for("react.memo_cache_sentinel")) {
+		t21 = /* @__PURE__ */ jsx(CommandEmpty, { children: "No blocks found." });
+		$[32] = t21;
+	} else t21 = $[32];
+	const T3 = CommandGroup;
+	let t22;
+	if ($[33] !== totalCounts) {
+		t22 = (a, b_3) => (totalCounts[b_3.id] ?? 0) - (totalCounts[a.id] ?? 0);
+		$[33] = totalCounts;
+		$[34] = t22;
+	} else t22 = $[34];
+	let t23;
+	if ($[35] !== displayCount || $[36] !== handleAddBlock) {
+		t23 = (block_3) => /* @__PURE__ */ jsxs(CommandItem, {
+			value: block_3.title,
+			onSelect: () => {
+				handleAddBlock(block_3);
+			},
+			className: "group flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", { children: block_3.title }), /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground block",
+				children: displayCount(block_3.id)
+			})] }), /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+				className: "hidden group-focus-within:flex group-hover:flex",
+				children: /* @__PURE__ */ jsx(InfoIcon, {})
+			}), /* @__PURE__ */ jsx(TooltipContent, {
+				className: "max-w-[300px]",
+				side: "right",
+				children: block_3.description
+			})] })]
+		}, block_3.id);
+		$[35] = displayCount;
+		$[36] = handleAddBlock;
+		$[37] = t23;
+	} else t23 = $[37];
+	const t24 = availableBlocks.sort(t22).map(t23);
+	let t25;
+	if ($[38] !== T3 || $[39] !== t24) {
+		t25 = /* @__PURE__ */ jsx(T3, { children: t24 });
+		$[38] = T3;
+		$[39] = t24;
+		$[40] = t25;
+	} else t25 = $[40];
+	let t26;
+	if ($[41] !== T2 || $[42] !== t21 || $[43] !== t25) {
+		t26 = /* @__PURE__ */ jsxs(T2, {
+			className: t20,
+			children: [t21, t25]
+		});
+		$[41] = T2;
+		$[42] = t21;
+		$[43] = t25;
+		$[44] = t26;
+	} else t26 = $[44];
+	let t27;
+	if ($[45] !== T1 || $[46] !== handleValueChange || $[47] !== highlightedValue || $[48] !== t18 || $[49] !== t19 || $[50] !== t26) {
+		t27 = /* @__PURE__ */ jsx("div", {
+			className: t16,
+			children: /* @__PURE__ */ jsxs(T1, {
 				value: highlightedValue,
 				onValueChange: handleValueChange,
-				className: "bg-background overflow-visible",
-				onKeyDown: (e) => {
-					if (e.key === "Escape") previewStore.send({ type: "closeAddBlockSheet" });
-				},
-				children: [/* @__PURE__ */ jsx(CommandInput, {
-					placeholder: "Search blocks...",
-					autoFocus: true,
-					wrapperClassName: "border border-input rounded-md shadow-xs focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]"
-				}), /* @__PURE__ */ jsxs(CommandList, {
-					className: "mt-1 max-h-full",
-					children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No blocks found." }), /* @__PURE__ */ jsx(CommandGroup, { children: availableBlocks.sort((a, b) => (totalCounts[b.id] ?? 0) - (totalCounts[a.id] ?? 0)).map((block) => /* @__PURE__ */ jsxs(CommandItem, {
-						value: block.title,
-						onSelect: () => {
-							handleAddBlock(block);
-						},
-						className: "group flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", { children: block.title }), /* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground block",
-							children: displayCount(block.id)
-						})] }), /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-							className: "hidden group-focus-within:flex group-hover:flex",
-							children: /* @__PURE__ */ jsx(InfoIcon, {})
-						}), /* @__PURE__ */ jsx(TooltipContent, {
-							className: "max-w-[300px]",
-							side: "right",
-							children: block.description
-						})] })]
-					}, block.id)) })]
-				})]
+				className: t17,
+				onKeyDown: t18,
+				children: [t19, t26]
 			})
-		})]
-	});
+		});
+		$[45] = T1;
+		$[46] = handleValueChange;
+		$[47] = highlightedValue;
+		$[48] = t18;
+		$[49] = t19;
+		$[50] = t26;
+		$[51] = t27;
+	} else t27 = $[51];
+	let t28;
+	if ($[52] !== T0 || $[53] !== handleOpenChange || $[54] !== isOpen || $[55] !== t15 || $[56] !== t27) {
+		t28 = /* @__PURE__ */ jsxs(T0, {
+			open: isOpen,
+			onOpenChange: handleOpenChange,
+			className: t14,
+			children: [t15, t27]
+		});
+		$[52] = T0;
+		$[53] = handleOpenChange;
+		$[54] = isOpen;
+		$[55] = t15;
+		$[56] = t27;
+		$[57] = t28;
+	} else t28 = $[57];
+	return t28;
 };
+function _temp(state) {
+	return state.context.peekedPagePathname;
+}
+function _temp2(b) {
+	return b != null;
+}
+function _temp3(b_1) {
+	return !b_1.layoutOnly;
+}
+function _temp4(state_0) {
+	return state_0.context.isAddBlockSheetOpen;
+}
+function _temp5(state_1) {
+	return state_1.context.peekedBlockPosition;
+}
+function _temp6(open) {
+	if (!open) previewStore.send({ type: "closeAddBlockSheet" });
+}
+function _temp7(e) {
+	if (e.key === "Escape") previewStore.send({ type: "closeAddBlockSheet" });
+}
 //#endregion
 export { AddBlockSheet };

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

@@ -1,24 +1,46 @@
 import { previewStore } from "../previewStore.js";
 import { PreviewSideSheet, Sheet } from "./PreviewSideSheet.js";
+import { c } from "react/compiler-runtime";
 import { useSelector } from "@xstate/store/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/features/preview/components/AgentChatSheet.tsx
 var AgentChatSheet = () => {
-	const isOpen = useSelector(previewStore, (state) => state.context.isAgentChatSheetOpen);
-	const handleOpenChange = (open) => {
-		if (!open) previewStore.send({ type: "closeAgentChatSheet" });
-	};
-	return /* @__PURE__ */ jsxs(PreviewSideSheet, {
-		open: isOpen,
-		onOpenChange: handleOpenChange,
-		children: [/* @__PURE__ */ jsxs(Sheet.SheetHeader, { children: [/* @__PURE__ */ jsx(Sheet.SheetTitle, { children: "Agent Chat" }), /* @__PURE__ */ jsx(Sheet.SheetDescription, { children: "Describe the changes you'd like to make to this page." })] }), /* @__PURE__ */ jsx("div", {
+	const $ = c(4);
+	const isOpen = useSelector(previewStore, _temp);
+	const handleOpenChange = _temp2;
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsxs(Sheet.SheetHeader, { children: [/* @__PURE__ */ jsx(Sheet.SheetTitle, { children: "Agent Chat" }), /* @__PURE__ */ jsx(Sheet.SheetDescription, { children: "Describe the changes you'd like to make to this page." })] });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx("div", {
 			className: "flex flex-1 items-center justify-center p-6",
 			children: /* @__PURE__ */ jsx("p", {
 				className: "text-muted-foreground text-center text-sm",
 				children: "Coming soon"
 			})
-		})]
-	});
+		});
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== isOpen) {
+		t2 = /* @__PURE__ */ jsxs(PreviewSideSheet, {
+			open: isOpen,
+			onOpenChange: handleOpenChange,
+			children: [t0, t1]
+		});
+		$[2] = isOpen;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
 };
+function _temp(state) {
+	return state.context.isAgentChatSheetOpen;
+}
+function _temp2(open) {
+	if (!open) previewStore.send({ type: "closeAgentChatSheet" });
+}
 //#endregion
 export { AgentChatSheet };