camox 0.43.0 → 0.45.0

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

@@ -1,381 +0,0 @@
-import { useLocation } from "../../navigation/navigation.js";
-import { useProjectSlug } from "../../../lib/auth.js";
-import { usePageBlocks } from "../../../lib/normalized-data.js";
-import { useCamoxApp } from "../../provider/components/CamoxAppContext.js";
-import { blockMutations, blockQueries, projectQueries } from "../../../lib/queries.js";
-import { previewStore } from "../previewStore.js";
-import { useRequireDraftSource } from "../../../core/hooks/useRequireDraftSource.js";
-import { BlockThumbnail } from "./BlockThumbnail.js";
-import { usePreviewedPage } from "../CamoxPreview.js";
-import { c } from "react/compiler-runtime";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { generateKeyBetween } from "fractional-indexing";
-import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useSelector } from "@xstate/store-react";
-import { queryKeys } from "@camox/api-contract/query-keys";
-import { Button } from "@camox/ui/button";
-import { ArrowLeft } from "lucide-react";
-import { Badge } from "@camox/ui/badge";
-import { PanelContent } from "@camox/ui/panel";
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "@camox/ui/command";
-
-//#region src/features/preview/components/AddBlockSidebar.tsx
-const AddBlockSidebar = () => {
-	const $ = c(57);
-	if ($[0] !== "4c8d55ba83f686c7bfc04ce464d348e236b6ed16fb43d0305b13b93cf8de061f") {
-		for (let $i = 0; $i < 57; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "4c8d55ba83f686c7bfc04ce464d348e236b6ed16fb43d0305b13b93cf8de061f";
-	}
-	const [highlightedValue, setHighlightedValue] = React.useState("");
-	const queryClient = useQueryClient();
-	const { pathname } = useLocation();
-	const requireDraft = useRequireDraftSource();
-	let t0;
-	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = blockMutations.create();
-		$[1] = t0;
-	} else t0 = $[1];
-	let t1;
-	if ($[2] !== pathname || $[3] !== queryClient) {
-		t1 = {
-			...t0,
-			onMutate: (variables) => {
-				const pageQueryKey = queryKeys.pages.getByPath(pathname, "draft");
-				const previousPage = queryClient.getQueryData(pageQueryKey);
-				if (!previousPage) return {};
-				const blockIds = previousPage.page.blockIds;
-				const pageBlocks = blockIds.map((id) => queryClient.getQueryData(queryKeys.blocks.get(id, "draft"))?.block).filter(_temp);
-				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 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, "draft"), {
-					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(pathname, "draft"), context.previousPage);
-				if (context?.optimisticId) queryClient.removeQueries({ queryKey: queryKeys.blocks.get(context.optimisticId, "draft") });
-			},
-			onSettled: () => {
-				queryClient.invalidateQueries({ queryKey: queryKeys.pages.getByPath(pathname, "draft") });
-			}
-		};
-		$[2] = pathname;
-		$[3] = queryClient;
-		$[4] = t1;
-	} else t1 = $[4];
-	const createBlock = useMutation(t1);
-	const projectSlug = useProjectSlug();
-	let t2;
-	if ($[5] !== projectSlug) {
-		t2 = projectQueries.getBySlug(projectSlug);
-		$[5] = projectSlug;
-		$[6] = t2;
-	} else t2 = $[6];
-	const { data: project } = useQuery(t2);
-	const availableBlocks = useCamoxApp().getBlocks().filter(_temp2);
-	const page = usePreviewedPage();
-	const { pageBlocks: pageBlocks_0 } = usePageBlocks(page);
-	let t3;
-	if ($[7] !== project?.id) {
-		t3 = blockQueries.getUsageCounts(project?.id ?? 0);
-		$[7] = project?.id;
-		$[8] = t3;
-	} else t3 = $[8];
-	const t4 = !!project;
-	let t5;
-	if ($[9] !== t3 || $[10] !== t4) {
-		t5 = {
-			...t3,
-			enabled: t4
-		};
-		$[9] = t3;
-		$[10] = t4;
-		$[11] = t5;
-	} else t5 = $[11];
-	const { data: t6 } = useQuery(t5);
-	let t7;
-	if ($[12] !== t6) {
-		t7 = t6 === void 0 ? {} : t6;
-		$[12] = t6;
-		$[13] = t7;
-	} else t7 = $[13];
-	const totalCounts = t7;
-	let t8;
-	if ($[14] !== page || $[15] !== 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;
-		}
-		$[14] = page;
-		$[15] = pageBlocks_0;
-		$[16] = t8;
-	} else t8 = $[16];
-	const pageCounts = t8;
-	const peekedBlockPosition = useSelector(previewStore, _temp3);
-	let t9;
-	if ($[17] !== createBlock || $[18] !== page || $[19] !== pageBlocks_0 || $[20] !== peekedBlockPosition || $[21] !== requireDraft) {
-		t9 = async (block_0) => {
-			if (!page) return;
-			if (!requireDraft()) return;
-			const afterPosition_0 = peekedBlockPosition === "" ? "" : peekedBlockPosition ?? pageBlocks_0[pageBlocks_0.length - 1]?.position;
-			const bundle = block_0._internal.getInitialBundle();
-			const { id: blockId } = await createBlock.mutateAsync({
-				pageId: page.page.id,
-				type: block_0._internal.id,
-				content: bundle.content,
-				settings: bundle.settings,
-				afterPosition: afterPosition_0,
-				repeatableItems: bundle.repeatableItems
-			});
-			previewStore.send({
-				type: "focusCreatedBlock",
-				blockId
-			});
-			previewStore.send({ type: "exitPeekedBlock" });
-		};
-		$[17] = createBlock;
-		$[18] = page;
-		$[19] = pageBlocks_0;
-		$[20] = peekedBlockPosition;
-		$[21] = requireDraft;
-		$[22] = t9;
-	} else t9 = $[22];
-	const handleAddBlock = t9;
-	let t10;
-	if ($[23] !== pageBlocks_0 || $[24] !== 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
-			});
-		};
-		$[23] = pageBlocks_0;
-		$[24] = peekedBlockPosition;
-		$[25] = t10;
-	} else t10 = $[25];
-	const handlePreviewBlock = t10;
-	const handleValueChange = (value) => {
-		setHighlightedValue(value);
-		const block_2 = availableBlocks.find((b_2) => b_2._internal.title === value);
-		if (block_2) handlePreviewBlock(block_2);
-		else previewStore.send({ type: "clearPeekedBlock" });
-	};
-	let t11;
-	if ($[26] !== pageCounts || $[27] !== totalCounts) {
-		t11 = (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)`;
-		};
-		$[26] = pageCounts;
-		$[27] = totalCounts;
-		$[28] = t11;
-	} else t11 = $[28];
-	const displayCount = t11;
-	let t12;
-	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = /* @__PURE__ */ jsx("div", {
-			className: "px-2 pt-2",
-			children: /* @__PURE__ */ jsxs(Button, {
-				variant: "ghost",
-				className: "w-full justify-start",
-				onClick: _temp4,
-				children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "text-muted-foreground" }), "Add new block"]
-			})
-		});
-		$[29] = t12;
-	} else t12 = $[29];
-	const T0 = PanelContent;
-	const t13 = "flex min-h-0 grow basis-0 flex-col overflow-hidden px-2 pt-2";
-	const T1 = Command;
-	const t14 = "h-0 min-h-0 flex-1 rounded-none! bg-transparent! p-0!";
-	const t15 = _temp5;
-	let t16;
-	if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
-		t16 = /* @__PURE__ */ jsx(CommandInput, {
-			placeholder: "Search blocks...",
-			className: "px-0 pt-0",
-			autoFocus: true
-		});
-		$[30] = t16;
-	} else t16 = $[30];
-	const T2 = CommandList;
-	const t17 = "mt-2 max-h-none min-h-0 flex-1 pb-2";
-	let t18;
-	if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
-		t18 = /* @__PURE__ */ jsx(CommandEmpty, { children: "No blocks found." });
-		$[31] = t18;
-	} else t18 = $[31];
-	const T3 = CommandGroup;
-	const t19 = "p-0";
-	let t20;
-	if ($[32] !== totalCounts) {
-		t20 = (a, b_3) => (totalCounts[b_3._internal.id] ?? 0) - (totalCounts[a._internal.id] ?? 0);
-		$[32] = totalCounts;
-		$[33] = t20;
-	} else t20 = $[33];
-	let t21;
-	if ($[34] !== displayCount || $[35] !== handleAddBlock) {
-		t21 = (block_3) => /* @__PURE__ */ jsxs(CommandItem, {
-			value: block_3._internal.title,
-			keywords: [block_3._internal.description ?? ""],
-			hideCheck: true,
-			onSelect: () => {
-				handleAddBlock(block_3);
-			},
-			className: "group bg-card data-[selected=true]:border-primary mb-3 flex flex-col items-stretch gap-0 overflow-hidden rounded-lg border-2 p-0 last:mb-0",
-			children: [/* @__PURE__ */ jsx(BlockThumbnail, { block: block_3 }), /* @__PURE__ */ jsxs("div", {
-				className: "border-border flex flex-col gap-1 border-t px-3 py-2",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-between gap-2",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "min-w-0 leading-5 font-medium",
-						children: block_3._internal.title
-					}), block_3._internal.synced && /* @__PURE__ */ jsx(Badge, {
-						variant: "secondary",
-						size: "sm",
-						children: "Synced"
-					})]
-				}), /* @__PURE__ */ jsx("span", {
-					className: "text-muted-foreground text-xs leading-4",
-					children: displayCount(block_3._internal.id)
-				})]
-			})]
-		}, block_3._internal.id);
-		$[34] = displayCount;
-		$[35] = handleAddBlock;
-		$[36] = t21;
-	} else t21 = $[36];
-	const t22 = availableBlocks.sort(t20).map(t21);
-	let t23;
-	if ($[37] !== T3 || $[38] !== t22) {
-		t23 = /* @__PURE__ */ jsx(T3, {
-			className: t19,
-			children: t22
-		});
-		$[37] = T3;
-		$[38] = t22;
-		$[39] = t23;
-	} else t23 = $[39];
-	let t24;
-	if ($[40] !== T2 || $[41] !== t18 || $[42] !== t23) {
-		t24 = /* @__PURE__ */ jsxs(T2, {
-			className: t17,
-			children: [t18, t23]
-		});
-		$[40] = T2;
-		$[41] = t18;
-		$[42] = t23;
-		$[43] = t24;
-	} else t24 = $[43];
-	let t25;
-	if ($[44] !== T1 || $[45] !== handleValueChange || $[46] !== highlightedValue || $[47] !== t15 || $[48] !== t16 || $[49] !== t24) {
-		t25 = /* @__PURE__ */ jsxs(T1, {
-			value: highlightedValue,
-			onValueChange: handleValueChange,
-			className: t14,
-			onKeyDown: t15,
-			children: [t16, t24]
-		});
-		$[44] = T1;
-		$[45] = handleValueChange;
-		$[46] = highlightedValue;
-		$[47] = t15;
-		$[48] = t16;
-		$[49] = t24;
-		$[50] = t25;
-	} else t25 = $[50];
-	let t26;
-	if ($[51] !== T0 || $[52] !== t25) {
-		t26 = /* @__PURE__ */ jsx(T0, {
-			className: t13,
-			children: t25
-		});
-		$[51] = T0;
-		$[52] = t25;
-		$[53] = t26;
-	} else t26 = $[53];
-	let t27;
-	if ($[54] !== t12 || $[55] !== t26) {
-		t27 = /* @__PURE__ */ jsxs(Fragment, { children: [t12, t26] });
-		$[54] = t12;
-		$[55] = t26;
-		$[56] = t27;
-	} else t27 = $[56];
-	return t27;
-};
-function _temp(b) {
-	return b != null;
-}
-function _temp2(b_1) {
-	return !b_1._internal.layoutOnly;
-}
-function _temp3(state) {
-	return state.context.peekedBlockPosition;
-}
-function _temp4() {
-	return previewStore.send({ type: "closeAddBlockSidebar" });
-}
-function _temp5(e) {
-	if (e.key === "Escape") previewStore.send({ type: "closeAddBlockSidebar" });
-}
-
-//#endregion
-export { AddBlockSidebar };

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

@@ -1,194 +0,0 @@
-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/CommentHeader.js

@@ -1,122 +0,0 @@
-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 };