camox 0.41.1 → 0.42.0

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

@@ -0,0 +1,194 @@
+import { useAuthContext } from "../../../lib/auth.js";
+import { previewStore } from "../previewStore.js";
+import { previewCommentsStore, revealCommentTarget } from "../previewCommentsStore.js";
+import { CommentHeader } from "./CommentHeader.js";
+import { CommentTargetQuote } from "./CommentTargetQuote.js";
+import { SidebarSection, SidebarSectionContent, SidebarSectionHeader } from "./SidebarSection.js";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useSelector } from "@xstate/store-react";
+import { Button } from "@camox/ui/button";
+import { ArrowUp, X } from "lucide-react";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea } from "@camox/ui/input-group";
+
+//#region src/features/preview/components/AttachedComments.tsx
+function resizeComposer(element) {
+	element.style.height = "auto";
+	element.style.height = `${element.scrollHeight}px`;
+}
+/** Shared comment list and composer for editors and the Feedback sidebar. */
+function AttachedComments({ pageId, blockId, itemId, fieldName, fieldType, allPageComments = false }) {
+	const { authClient } = useAuthContext();
+	const { data: session } = authClient.useSession();
+	const { comments, draft, activeId, focusTarget } = useSelector(previewCommentsStore, (state) => state.context);
+	const matches = (entry) => entry.pageId === pageId && (allPageComments || entry.target.blockId === blockId && entry.target.itemId === itemId && entry.target.fieldName === fieldName);
+	const attached = comments.filter(matches);
+	const currentDraft = draft && matches(draft) ? draft : null;
+	const selected = attached.find((comment) => comment.id === activeId);
+	const textarea = React.useRef(null);
+	const activeComment = React.useRef(null);
+	const draftTarget = currentDraft?.target;
+	const message = currentDraft?.message ?? "";
+	React.useLayoutEffect(() => {
+		if (textarea.current) resizeComposer(textarea.current);
+	}, [message, pageId]);
+	React.useEffect(() => {
+		const element = textarea.current;
+		if (!element) return;
+		let width = element.clientWidth;
+		const observer = new ResizeObserver(() => {
+			if (element.clientWidth === width) return;
+			width = element.clientWidth;
+			resizeComposer(element);
+		});
+		observer.observe(element);
+		return () => observer.disconnect();
+	}, [pageId]);
+	const submit = () => {
+		if (!message.trim()) return;
+		previewCommentsStore.send({
+			type: "postComment",
+			id: crypto.randomUUID(),
+			author: {
+				name: session?.user.name || "You",
+				image: session?.user.image ?? null
+			},
+			createdAt: Date.now()
+		});
+		textarea.current?.focus({ preventScroll: true });
+	};
+	React.useEffect(() => {
+		if (!draftTarget || focusTarget !== draftTarget || !textarea.current) return;
+		textarea.current?.scrollIntoView({ block: "nearest" });
+		textarea.current?.focus({ preventScroll: true });
+		previewCommentsStore.send({ type: "composerFocused" });
+	}, [draftTarget, focusTarget]);
+	React.useEffect(() => {
+		if (!selected) return;
+		activeComment.current?.scrollIntoView({ block: "nearest" });
+	}, [selected]);
+	if (pageId == null) return null;
+	return /* @__PURE__ */ jsxs(SidebarSection, {
+		"aria-label": allPageComments ? "Feedback" : blockId == null ? "Page comments" : fieldName ? `Comments on ${fieldName}` : itemId == null ? "Block comments" : "Item comments",
+		divider: allPageComments ? "none" : "top",
+		children: [allPageComments ? /* @__PURE__ */ jsxs("div", {
+			className: "flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ jsx("h2", {
+				className: "text-base font-semibold",
+				children: "Feedback"
+			}), /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "ghost",
+				size: "icon-sm",
+				"aria-label": "End comment mode",
+				onClick: () => previewStore.send({
+					type: "setCommentMode",
+					enabled: false
+				}),
+				children: /* @__PURE__ */ jsx(X, { className: "text-muted-foreground" })
+			})]
+		}) : /* @__PURE__ */ jsx(SidebarSectionHeader, { children: "Feedback" }), /* @__PURE__ */ jsxs(SidebarSectionContent, { children: [
+			allPageComments && attached.length === 0 && /* @__PURE__ */ jsx("p", {
+				className: "text-muted-foreground text-sm",
+				children: "No feedback yet. Select something on the page to comment on it."
+			}),
+			attached.map((comment_0) => /* @__PURE__ */ jsxs("div", {
+				ref: comment_0.id === activeId ? activeComment : void 0,
+				...allPageComments && {
+					role: "button",
+					tabIndex: 0,
+					className: "hover:bg-card focus-visible:ring-ring rounded-md p-1 outline-none focus-visible:ring-2",
+					onClick: () => {
+						previewCommentsStore.send({
+							type: "selectComment",
+							id: comment_0.id
+						});
+						revealCommentTarget(comment_0.target);
+					},
+					onKeyDown: (event) => {
+						if (event.key !== "Enter" && event.key !== " ") return;
+						event.preventDefault();
+						event.currentTarget.click();
+					}
+				},
+				children: [/* @__PURE__ */ jsx(CommentHeader, {
+					author: comment_0.author,
+					createdAt: comment_0.createdAt
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "pl-8",
+					children: [allPageComments && /* @__PURE__ */ jsx(CommentTargetQuote, {
+						pageId,
+						target: comment_0.target
+					}), /* @__PURE__ */ jsx("p", {
+						className: "text-sm wrap-break-word whitespace-pre-wrap",
+						children: comment_0.message
+					})]
+				})]
+			}, comment_0.id)),
+			allPageComments && /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "secondary",
+				className: "w-full",
+				disabled: attached.length === 0,
+				children: "Send feedback to agent..."
+			}),
+			!allPageComments && /* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(InputGroupTextarea, {
+				ref: textarea,
+				"aria-label": "Comment text",
+				placeholder: "Add a comment",
+				className: "block field-sizing-fixed min-h-0 flex-none overflow-hidden leading-6",
+				rows: 1,
+				value: message,
+				onKeyDown: (event_0) => {
+					if (event_0.key !== "Enter" || event_0.shiftKey || event_0.nativeEvent.isComposing) return;
+					event_0.preventDefault();
+					event_0.stopPropagation();
+					submit();
+				},
+				onChange: (event_1) => {
+					if (!currentDraft) {
+						const fieldId = [
+							blockId,
+							itemId,
+							fieldName
+						].filter((part) => part != null).join("__");
+						previewCommentsStore.send({
+							type: "startComment",
+							pageId,
+							target: {
+								blockId,
+								itemId,
+								fieldName,
+								fieldType,
+								selector: blockId == null ? "body" : fieldName != null ? `[data-camox-field-id="${CSS.escape(fieldId)}"]` : itemId != null ? `[data-camox-repeater-item-id="${itemId}"]` : `[data-camox-block-id="${blockId}"]`,
+								label: blockId == null ? `Page · ${pageId}` : fieldName != null ? `Field · ${fieldName}` : itemId != null ? `Item · ${itemId}` : `Block · ${blockId}`,
+								x: .5,
+								y: .5
+							}
+						});
+					}
+					previewCommentsStore.send({
+						type: "setMessage",
+						message: event_1.target.value
+					});
+				}
+			}), /* @__PURE__ */ jsx(InputGroupAddon, {
+				align: "block-end",
+				className: "justify-end",
+				children: /* @__PURE__ */ jsx(InputGroupButton, {
+					type: "button",
+					size: "icon-sm",
+					variant: "default",
+					className: "rounded-full",
+					"aria-label": "Post comment",
+					disabled: !message.trim(),
+					onClick: submit,
+					children: /* @__PURE__ */ jsx(ArrowUp, { size: 16 })
+				})
+			})] })
+		] })]
+	});
+}
+
+//#endregion
+export { AttachedComments };

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

@@ -3,7 +3,6 @@ import { usePageBlocks } from "../../../lib/normalized-data.js";
 import { blockMutations, repeatableItemMutations } from "../../../lib/queries.js";
 import { formatShortcut } from "../../../lib/utils.js";
 import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
-import { trackClientEvent } from "../../../lib/telemetry-client.js";
 import { previewStore, selectionItemId } from "../previewStore.js";
 import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
 import { useUpdateBlockPosition } from "./useUpdateBlockPosition.js";
@@ -13,7 +12,7 @@ import { useMutation } from "@tanstack/react-query";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useSelector } from "@xstate/store-react";
-import { Copy, Pen, Settings, Trash2 } from "lucide-react";
+import { Copy, Trash2 } from "lucide-react";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@camox/ui/alert-dialog";
 import { Popover, PopoverContent, PopoverTrigger } from "@camox/ui/popover";
 import { toast } from "@camox/ui/toaster";
@@ -22,7 +21,6 @@ import { Command, CommandGroup, CommandInput, CommandItem, CommandList, CommandS
 //#region src/features/preview/components/BlockActionsPopover.tsx
 const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "start", isLayoutBlock, layoutPlacement }) => {
 	const [blockToDelete, setBlockToDelete] = React.useState(null);
-	const camoxApp = useCamoxApp();
 	const page = usePreviewedPage();
 	const { pageBlocks } = usePageBlocks(page);
 	const deleteBlock = useMutation(blockMutations.delete());
@@ -31,10 +29,6 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 	const handleDeleteBlock = async (block_0) => {
 		try {
 			await deleteBlock.mutateAsync({ id: block_0.id });
-			trackClientEvent("block_deleted", {
-				projectId: page?.page.projectId,
-				blockType: block_0.type
-			});
 			toast.success(`Deleted "${block_0.summary || block_0.type}" block`);
 		} catch (error) {
 			console.error("Failed to delete block:", error);
@@ -46,10 +40,6 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 	const handleDuplicateBlock = async (block_1) => {
 		try {
 			await duplicateBlock.mutateAsync({ id: block_1.id });
-			trackClientEvent("block_duplicated", {
-				projectId: page?.page.projectId,
-				blockType: block_1.type
-			});
 			toast.success(`Duplicated "${block_1.summary}" block`);
 		} catch (error_0) {
 			console.error("Failed to duplicate block:", error_0);
@@ -62,15 +52,13 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 		const afterPosition = blockIndex > 0 ? pageBlocks[blockIndex - 1].position : "";
 		previewStore.send({
 			type: "openAddBlockSidebar",
-			afterPosition,
-			via: "popover-above"
+			afterPosition
 		});
 	};
 	const handleAddBlockBelow = (block_3) => {
 		previewStore.send({
 			type: "openAddBlockSidebar",
-			afterPosition: block_3.position,
-			via: "popover-below"
+			afterPosition: block_3.position
 		});
 	};
 	const getBlocksAbove = (block_4) => {
@@ -114,46 +102,11 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 			children: /* @__PURE__ */ jsxs(Command, { children: [/* @__PURE__ */ jsx(CommandInput, { placeholder: "Search actions..." }), /* @__PURE__ */ jsxs(CommandList, {
 				className: "max-h-[350px]",
 				children: [
-					/* @__PURE__ */ jsxs(CommandGroup, { children: [/* @__PURE__ */ jsxs(CommandItem, {
-						className: "justify-between",
-						onSelect: () => {
-							previewStore.send({
-								type: "openBlockContentSheet",
-								blockId: block.id
-							});
-							onOpenChange(false);
-						},
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ jsx(Pen, { className: "h-4 w-4" }), "Edit in form"]
-						}), /* @__PURE__ */ jsx(CommandShortcut, { children: formatShortcut({
-							key: "j",
-							withMeta: true
-						}) })]
-					}), !isLayoutBlock && (() => {
-						const blockDef = camoxApp.getBlockById(block.type);
-						if (!(blockDef?._internal.settingsSchema?.properties && Object.keys(blockDef._internal.settingsSchema.properties).length > 0)) return null;
-						return /* @__PURE__ */ jsx(CommandItem, {
-							className: "justify-between",
-							onSelect: () => {
-								previewStore.send({
-									type: "openBlockContentSheet",
-									blockId: block.id
-								});
-								onOpenChange(false);
-							},
-							children: /* @__PURE__ */ jsxs("div", {
-								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }), "Open settings"]
-							})
-						});
-					})()] }),
-					isLayoutBlock && layoutPlacement === "before" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CommandSeparator, {}), /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
+					isLayoutBlock && layoutPlacement === "before" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
 						onSelect: () => {
 							previewStore.send({
 								type: "openAddBlockSidebar",
-								afterPosition: "",
-								via: "layout-popover-below"
+								afterPosition: ""
 							});
 							onOpenChange(false);
 						},
@@ -161,14 +114,13 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ jsx("span", { className: "w-4" }), "Add block below"]
 						})
-					}) })] }),
-					isLayoutBlock && layoutPlacement === "after" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(CommandSeparator, {}), /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
+					}) }) }),
+					isLayoutBlock && layoutPlacement === "after" && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
 						onSelect: () => {
 							const lastPageBlock = pageBlocks[pageBlocks.length - 1];
 							previewStore.send({
 								type: "openAddBlockSidebar",
-								afterPosition: lastPageBlock?.position,
-								via: "layout-popover-above"
+								afterPosition: lastPageBlock?.position
 							});
 							onOpenChange(false);
 						},
@@ -176,9 +128,8 @@ const BlockActionsPopover = ({ block, children, open, onOpenChange, align = "sta
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ jsx("span", { className: "w-4" }), "Add block above"]
 						})
-					}) })] }),
+					}) }) }),
 					!isLayoutBlock && /* @__PURE__ */ jsxs(Fragment, { children: [
-						/* @__PURE__ */ jsx(CommandSeparator, {}),
 						/* @__PURE__ */ jsxs(CommandGroup, { children: [/* @__PURE__ */ jsxs(CommandItem, {
 							className: "justify-between",
 							onSelect: () => {
@@ -279,9 +230,9 @@ function isLayoutBlockId(page, blockId) {
 }
 function useBlockActionsShortcuts() {
 	const $ = c(20);
-	if ($[0] !== "2439a21a93e7dc68e5e2199bf795bec817fbc1286e567fde9de806e04fd01b64") {
+	if ($[0] !== "a91fc105ded90c35296c42adc5eec1823e26e305818bf9026d22b67a24a3ca04") {
 		for (let $i = 0; $i < 20; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "2439a21a93e7dc68e5e2199bf795bec817fbc1286e567fde9de806e04fd01b64";
+		$[0] = "a91fc105ded90c35296c42adc5eec1823e26e305818bf9026d22b67a24a3ca04";
 	}
 	const camoxApp = useCamoxApp();
 	const page = usePreviewedPage();
@@ -465,8 +416,7 @@ function useBlockActionsShortcuts() {
 						if (!block_2) return;
 						previewStore.send({
 							type: "openAddBlockSidebar",
-							afterPosition: block_2.position,
-							via: "shortcut-below"
+							afterPosition: block_2.position
 						});
 					}
 				},
@@ -488,8 +438,7 @@ function useBlockActionsShortcuts() {
 						const afterPosition_1 = blockIndex > 0 ? pageBlocks[blockIndex - 1].position : "";
 						previewStore.send({
 							type: "openAddBlockSidebar",
-							afterPosition: afterPosition_1,
-							via: "shortcut-above"
+							afterPosition: afterPosition_1
 						});
 					}
 				}

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

@@ -0,0 +1,122 @@
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Avatar, AvatarFallback, AvatarImage } from "@camox/ui/avatar";
+
+//#region src/features/preview/components/CommentHeader.tsx
+function CommentHeader(t0) {
+	const $ = c(27);
+	if ($[0] !== "7228323105605d4be0594558d7e4fb389f5d49bc9cb13e6a90c0c2fc6f9ff60f") {
+		for (let $i = 0; $i < 27; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "7228323105605d4be0594558d7e4fb389f5d49bc9cb13e6a90c0c2fc6f9ff60f";
+	}
+	const { author, createdAt } = t0;
+	const [now, setNow] = React.useState(Date.now);
+	let t1;
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = () => {
+			const timer = window.setInterval(() => setNow(Date.now()), 6e4);
+			return () => window.clearInterval(timer);
+		};
+		t2 = [];
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	React.useEffect(t1, t2);
+	const minutes = Math.max(0, Math.floor((now - createdAt) / 6e4));
+	const age = minutes < 1 ? "now" : minutes < 60 ? `${minutes}m` : minutes < 1440 ? `${Math.floor(minutes / 60)}h` : `${Math.floor(minutes / 1440)}d`;
+	let t3;
+	if ($[3] !== author.name) {
+		t3 = author.name.trim().split(/\s+/).map(_temp).join("").slice(0, 2).toUpperCase();
+		$[3] = author.name;
+		$[4] = t3;
+	} else t3 = $[4];
+	const initials = t3;
+	let t4;
+	if ($[5] !== author.image || $[6] !== author.name) {
+		t4 = author.image && /* @__PURE__ */ jsx(AvatarImage, {
+			src: author.image,
+			alt: author.name
+		});
+		$[5] = author.image;
+		$[6] = author.name;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== initials) {
+		t5 = /* @__PURE__ */ jsx(AvatarFallback, { children: initials });
+		$[8] = initials;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== t4 || $[11] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Avatar, {
+			size: "sm",
+			children: [t4, t5]
+		});
+		$[10] = t4;
+		$[11] = t5;
+		$[12] = t6;
+	} else t6 = $[12];
+	let t7;
+	if ($[13] !== author.name) {
+		t7 = /* @__PURE__ */ jsx("span", {
+			className: "truncate text-sm font-medium",
+			title: author.name,
+			children: author.name
+		});
+		$[13] = author.name;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== createdAt) {
+		t8 = new Date(createdAt).toISOString();
+		$[15] = createdAt;
+		$[16] = t8;
+	} else t8 = $[16];
+	let t9;
+	if ($[17] !== createdAt) {
+		t9 = new Date(createdAt).toLocaleString();
+		$[17] = createdAt;
+		$[18] = t9;
+	} else t9 = $[18];
+	let t10;
+	if ($[19] !== age || $[20] !== t8 || $[21] !== t9) {
+		t10 = /* @__PURE__ */ jsx("time", {
+			className: "text-muted-foreground shrink-0 text-xs",
+			dateTime: t8,
+			title: t9,
+			children: age
+		});
+		$[19] = age;
+		$[20] = t8;
+		$[21] = t9;
+		$[22] = t10;
+	} else t10 = $[22];
+	let t11;
+	if ($[23] !== t10 || $[24] !== t6 || $[25] !== t7) {
+		t11 = /* @__PURE__ */ jsxs("header", {
+			className: "mb-2 flex min-w-0 items-center gap-2",
+			children: [
+				t6,
+				t7,
+				t10
+			]
+		});
+		$[23] = t10;
+		$[24] = t6;
+		$[25] = t7;
+		$[26] = t11;
+	} else t11 = $[26];
+	return t11;
+}
+function _temp(part) {
+	return part[0];
+}
+
+//#endregion
+export { CommentHeader };

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

@@ -0,0 +1,29 @@
+import { AttachedComments } from "./AttachedComments.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/features/preview/components/CommentSidebar.tsx
+function CommentSidebar(t0) {
+	const $ = c(3);
+	if ($[0] !== "d6df60b689386423d40951e6785b3daf7545c90c2ab947b318a4d6c91e5fdf67") {
+		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "d6df60b689386423d40951e6785b3daf7545c90c2ab947b318a4d6c91e5fdf67";
+	}
+	const { pageId } = t0;
+	let t1;
+	if ($[1] !== pageId) {
+		t1 = /* @__PURE__ */ jsx("div", {
+			className: "min-h-0 flex-1 overflow-auto",
+			children: /* @__PURE__ */ jsx(AttachedComments, {
+				pageId,
+				allPageComments: true
+			})
+		});
+		$[1] = pageId;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+
+//#endregion
+export { CommentSidebar };

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

@@ -0,0 +1,166 @@
+import { isLexicalState, lexicalStateToPlainText } from "../../../core/lib/lexicalState.js";
+import { blockQueries, pageQueries } from "../../../lib/queries.js";
+import { c } from "react/compiler-runtime";
+import { useQuery } from "@tanstack/react-query";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/features/preview/components/CommentTargetQuote.tsx
+function Quote(t0) {
+	const $ = c(3);
+	if ($[0] !== "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92") {
+		for (let $i = 0; $i < 3; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92";
+	}
+	const { children } = t0;
+	let t1;
+	if ($[1] !== children) {
+		t1 = /* @__PURE__ */ jsx("blockquote", {
+			className: "text-muted-foreground my-2 border-l-2 border-yellow-600 pl-2 text-sm wrap-break-word whitespace-pre-wrap",
+			children
+		});
+		$[1] = children;
+		$[2] = t1;
+	} else t1 = $[2];
+	return t1;
+}
+function PageQuote(t0) {
+	const $ = c(5);
+	if ($[0] !== "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92") {
+		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92";
+	}
+	const { pageId } = t0;
+	let t1;
+	if ($[1] !== pageId) {
+		t1 = pageQueries.getById(pageId);
+		$[1] = pageId;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { data: page, isPending } = useQuery(t1);
+	const t2 = page?.nickname || (isPending ? "Loading…" : "Page unavailable");
+	let t3;
+	if ($[3] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Quote, { children: t2 });
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
+	return t3;
+}
+function BlockQuote(t0) {
+	const $ = c(19);
+	if ($[0] !== "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92") {
+		for (let $i = 0; $i < 19; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92";
+	}
+	const { target } = t0;
+	let t1;
+	if ($[1] !== target.blockId) {
+		t1 = blockQueries.get(target.blockId);
+		$[1] = target.blockId;
+		$[2] = t1;
+	} else t1 = $[2];
+	const { data: bundle, isPending } = useQuery(t1);
+	if (!bundle) {
+		const t2 = isPending ? "Loading…" : "Content unavailable";
+		let t3;
+		if ($[3] !== t2) {
+			t3 = /* @__PURE__ */ jsx(Quote, { children: t2 });
+			$[3] = t2;
+			$[4] = t3;
+		} else t3 = $[4];
+		return t3;
+	}
+	let t2;
+	if ($[5] !== bundle.block || $[6] !== bundle.repeatableItems || $[7] !== target.itemId) {
+		t2 = target.itemId == null ? bundle.block : bundle.repeatableItems.find((item) => item.id === target.itemId);
+		$[5] = bundle.block;
+		$[6] = bundle.repeatableItems;
+		$[7] = target.itemId;
+		$[8] = t2;
+	} else t2 = $[8];
+	const subject = t2;
+	if (!subject) {
+		let t3;
+		if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+			t3 = /* @__PURE__ */ jsx(Quote, { children: "Content unavailable" });
+			$[9] = t3;
+		} else t3 = $[9];
+		return t3;
+	}
+	if (target.fieldName != null) {
+		const value = subject.content[target.fieldName];
+		if (target.fieldType === "String" || target.fieldType == null) {
+			if (typeof value === "string" || isLexicalState(value)) {
+				let t3;
+				if ($[10] !== value) {
+					t3 = lexicalStateToPlainText(value) || "Empty text";
+					$[10] = value;
+					$[11] = t3;
+				} else t3 = $[11];
+				let t4;
+				if ($[12] !== t3) {
+					t4 = /* @__PURE__ */ jsx(Quote, { children: t3 });
+					$[12] = t3;
+					$[13] = t4;
+				} else t4 = $[13];
+				return t4;
+			}
+			if (value == null && target.fieldType === "String") {
+				let t3;
+				if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+					t3 = /* @__PURE__ */ jsx(Quote, { children: "Empty text" });
+					$[14] = t3;
+				} else t3 = $[14];
+				return t3;
+			}
+		}
+		if (target.fieldType === "Link" && value && typeof value === "object" && "text" in value && typeof value.text === "string") {
+			const t3 = value.text || "Empty link text";
+			let t4;
+			if ($[15] !== t3) {
+				t4 = /* @__PURE__ */ jsx(Quote, { children: t3 });
+				$[15] = t3;
+				$[16] = t4;
+			} else t4 = $[16];
+			return t4;
+		}
+	}
+	const t3 = subject.summary || (target.itemId == null ? "Untitled block" : "Untitled item");
+	let t4;
+	if ($[17] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Quote, { children: t3 });
+		$[17] = t3;
+		$[18] = t4;
+	} else t4 = $[18];
+	return t4;
+}
+function CommentTargetQuote(t0) {
+	const $ = c(5);
+	if ($[0] !== "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92") {
+		for (let $i = 0; $i < 5; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "c7d7da293bb0be577af3f96a804786ef95d893a2ac7e10598c27ec5225cf9e92";
+	}
+	const { pageId, target } = t0;
+	if (target.blockId == null) {
+		let t1;
+		if ($[1] !== pageId) {
+			t1 = /* @__PURE__ */ jsx(PageQuote, { pageId });
+			$[1] = pageId;
+			$[2] = t1;
+		} else t1 = $[2];
+		return t1;
+	}
+	let t1;
+	if ($[3] !== target) {
+		t1 = /* @__PURE__ */ jsx(BlockQuote, { target: {
+			...target,
+			blockId: target.blockId
+		} });
+		$[3] = target;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+}
+
+//#endregion
+export { CommentTargetQuote };