sanity 6.1.0 → 6.2.0-next.2

package/lib/index.js

@@ -147,6 +147,7 @@ import last$1 from "lodash-es/last.js";
 import getSlug from "speakingurl";
 import { PortableText as PortableText$1, toPlainText as toPlainText$1 } from "@portabletext/react";
 import { BehaviorPlugin, EventListenerPlugin } from "@portabletext/editor/plugins";
+import { getValue as getValue$1 } from "@portabletext/editor/selectors";
 import { OneLinePlugin } from "@portabletext/plugin-one-line";
 import { defineBehavior, raise, forward } from "@portabletext/editor/behaviors";
 import { isPortableTextBlock, toPlainText } from "@portabletext/toolkit";
@@ -45514,7 +45515,7 @@ const MAX_DOCUMENT_ID_CHUNK_SIZE = 11164, INCLUDE_FIELDS_QUERY = ["_id", "_rev",
   title: "Invalid preview config",
   subtitle: "Check the error log in the console",
   media: /* @__PURE__ */ jsx(WarningOutlineIcon, {})
-};
+}, DOCUMENT_SYSTEM_FIELD = "_system";
 function debounceCollect(fn, wait) {
   let timer2, queue = {}, idx = 0;
   return function(...args) {
@@ -46283,6 +46284,12 @@ function createDocumentPreviewStore({
       _ref: id2
     }, ["_type"], apiConfig, perspective).pipe(map((res) => isRecord$4(res) && typeof res._type == "string" ? res._type : void 0), distinctUntilChanged());
   }
+  function observeDocumentSystemFromId(id2, apiConfig, perspective) {
+    return observePaths2({
+      _type: "reference",
+      _ref: id2
+    }, [DOCUMENT_SYSTEM_FIELD], apiConfig, perspective).pipe(map((res) => isRecord$4(res) && isRecord$4(res[DOCUMENT_SYSTEM_FIELD]) ? res[DOCUMENT_SYSTEM_FIELD] : void 0), distinctUntilChanged());
+  }
   const observeDocumentIdSet = createDocumentIdSetObserver(versionedClient2), observeForPreview = createPreviewObserver({
     observeDocumentTypeFromId,
     observePaths: observePaths2
@@ -46294,6 +46301,7 @@ function createDocumentPreviewStore({
     observePaths: observePaths2,
     observeForPreview,
     observeDocumentTypeFromId,
+    observeDocumentSystemFromId,
     unstable_observeDocumentIdSet: observeDocumentIdSet,
     unstable_observeDocument: observeDocument,
     unstable_observeDocuments: (ids) => combineLatest(ids.map((id2) => observeDocument(id2))),
@@ -46371,7 +46379,7 @@ function _temp$2q(release) {
 function exists(value) {
   return value?._rev;
 }
-const DOCUMENT_STUB_PATHS = ["_id", "_type", "_rev", "_createdAt", "_updatedAt"], NO_VERSIONS = {};
+const DOCUMENT_STUB_PATHS$1 = ["_id", "_type", "_rev", "_createdAt", "_updatedAt", "_system"], NO_VERSIONS = {};
 function useDocumentVersionInfo(documentId) {
   const $ = c(13), documentPreviewStore = useDocumentPreviewStore(), releaseIds = useReleasesIds(useActiveReleases().data).releasesIds;
   let t0;
@@ -46385,15 +46393,15 @@ function useDocumentVersionInfo(documentId) {
   if ($[7] !== documentPreviewStore || $[8] !== draftId || $[9] !== publishedId || $[10] !== releaseIds) {
     const releaseVersions = releaseIds.length > 0 ? combineLatest(Object.fromEntries(releaseIds.map((releaseId) => [releaseId, documentPreviewStore.observePaths({
       _id: getVersionId(publishedId, releaseId)
-    }, DOCUMENT_STUB_PATHS).pipe(map(_temp$2p))]))) : of(NO_VERSIONS);
+    }, DOCUMENT_STUB_PATHS$1).pipe(map(_temp$2p))]))) : of(NO_VERSIONS);
     t3 = combineLatest({
       isLoading: of(!1),
       draft: documentPreviewStore.observePaths({
         _id: draftId
-      }, DOCUMENT_STUB_PATHS).pipe(map(_temp2$Y)),
+      }, DOCUMENT_STUB_PATHS$1).pipe(map(_temp2$Y)),
       published: documentPreviewStore.observePaths({
         _id: publishedId
-      }, DOCUMENT_STUB_PATHS).pipe(map(_temp3$v)),
+      }, DOCUMENT_STUB_PATHS$1).pipe(map(_temp3$v)),
       versions: releaseVersions
     }), $[7] = documentPreviewStore, $[8] = draftId, $[9] = publishedId, $[10] = releaseIds, $[11] = t3;
   } else
@@ -46471,6 +46479,7 @@ function useProjectId() {
 }
 const INITIAL_VALUE$3 = {
   data: [],
+  versions: [],
   error: null,
   loading: !0
 }, observableCache = /* @__PURE__ */ new Map(), swr = createSWR({
@@ -46482,23 +46491,60 @@ function useDocumentVersions(props2) {
   } = props2;
   let t0;
   $[0] !== documentId ? (t0 = getPublishedId(documentId), $[0] = documentId, $[1] = t0) : t0 = $[1];
-  const publishedId = t0, dataset = useDataset(), projectId = useProjectId(), documentPreviewStore = useDocumentPreviewStore(), [results, setResults] = useState(INITIAL_VALUE$3);
+  const publishedId = t0, dataset = useDataset(), projectId = useProjectId(), documentPreviewStore = useDocumentPreviewStore(), {
+    data: releases2
+  } = useActiveReleases();
   let t1;
-  $[2] !== dataset || $[3] !== documentPreviewStore || $[4] !== projectId || $[5] !== publishedId ? (t1 = getOrCreateDocumentVersionsObservable({
-    documentPreviewStore,
-    publishedId,
-    projectId,
-    dataset
-  }), $[2] = dataset, $[3] = documentPreviewStore, $[4] = projectId, $[5] = publishedId, $[6] = t1) : t1 = $[6];
-  const observable = t1;
-  let t2, t3;
-  return $[7] !== observable ? (t2 = () => {
-    const subscription = observable.subscribe((result) => {
-      setResults(result);
-    });
-    return () => subscription.unsubscribe();
-  }, t3 = [observable], $[7] = observable, $[8] = t2, $[9] = t3) : (t2 = $[8], t3 = $[9]), useEffect(t2, t3), results;
+  if ($[2] !== dataset || $[3] !== documentPreviewStore || $[4] !== projectId || $[5] !== publishedId || $[6] !== releases2) {
+    let t2;
+    $[8] !== releases2 ? (t2 = (result) => ({
+      ...result,
+      versions: result.versions.map((version2) => ({
+        ...version2,
+        [DOCUMENT_SYSTEM_FIELD]: version2._system?.group ? version2._system : {
+          ...version2._system,
+          ...temporarilyBuildDocumentSystem(version2._id, releases2)
+        }
+      }))
+    }), $[8] = releases2, $[9] = t2) : t2 = $[9], t1 = getOrCreateDocumentVersionsObservable({
+      documentPreviewStore,
+      publishedId,
+      projectId,
+      dataset
+    }).pipe(map$1(t2)), $[2] = dataset, $[3] = documentPreviewStore, $[4] = projectId, $[5] = publishedId, $[6] = releases2, $[7] = t1;
+  } else
+    t1 = $[7];
+  return useObservable(t1, INITIAL_VALUE$3);
 }
+const temporarilyBuildDocumentSystem = (id2, releases2) => {
+  const versionId = getVersionFromId(id2);
+  if (versionId) {
+    const releaseDocument = releases2.find((release) => getReleaseIdFromReleaseDocumentId(release._id) === versionId);
+    return {
+      bundleId: versionId,
+      release: releaseDocument ? {
+        _ref: releaseDocument._id,
+        _weak: !0
+      } : null,
+      variant: null,
+      group: {
+        _ref: getPublishedId(id2),
+        _weak: !0
+      },
+      scopeId: versionId
+    };
+  }
+  return {
+    bundleId: isDraftId(id2) ? "drafts" : null,
+    release: null,
+    variant: null,
+    group: {
+      _ref: getPublishedId(id2),
+      _weak: !0
+    },
+    scopeId: versionId || null
+  };
+}, DOCUMENT_STUB_PATHS = ["_id", "_type", "_rev", "_createdAt", "_updatedAt", "_system"];
 function getOrCreateDocumentVersionsObservable(options) {
   const {
     documentPreviewStore,
@@ -46513,13 +46559,38 @@ function getOrCreateDocumentVersionsObservable(options) {
     apiVersion: RELEASES_STUDIO_CLIENT_OPTIONS.apiVersion
   }).pipe(swr(cacheKey2), map$1(({
     value
-  }) => ({
-    data: value.documentIds,
-    error: null,
-    loading: !1
-  })), catchError$1((error) => of({
+  }) => value.documentIds), switchMap$1((documentIds) => {
+    if (documentIds.length === 0)
+      return of({
+        data: [],
+        versions: [],
+        error: null,
+        loading: !1
+      });
+    const loadingState = {
+      data: documentIds,
+      versions: [],
+      error: null,
+      loading: !0
+    };
+    return combineLatest(documentIds.map((id2) => documentPreviewStore.observePaths({
+      _id: id2
+    }, DOCUMENT_STUB_PATHS).pipe(map$1((versionInfo) => isRecord$4(versionInfo) ? versionInfo : void 0), map$1((versionInfo) => ({
+      _id: id2,
+      _rev: versionInfo?._rev ?? "",
+      _createdAt: versionInfo?._createdAt ?? "",
+      _updatedAt: versionInfo?._updatedAt ?? "",
+      [DOCUMENT_SYSTEM_FIELD]: versionInfo?.[DOCUMENT_SYSTEM_FIELD]
+    }))))).pipe(map$1((versions) => ({
+      data: documentIds,
+      versions,
+      error: null,
+      loading: !1
+    })), startWith$1(loadingState));
+  }), catchError$1((error) => of({
     error,
     data: [],
+    versions: [],
     loading: !1
   })), finalize(() => {
     observableCache.delete(cacheKey2);
@@ -62255,7 +62326,8 @@ function useDocumentForm(options) {
     documentId
   }, $[0] = documentId, $[1] = t1) : t1 = $[1];
   const {
-    data: documentVersions
+    data: documentVersions,
+    loading: documentVersionsLoading
   } = useDocumentVersions(t1);
   useWorkspace();
   let t2;
@@ -62395,7 +62467,7 @@ function useDocumentForm(options) {
     document: docPermissionsInput,
     permission: requiredPermission
   }, $[48] = docPermissionsInput, $[49] = requiredPermission, $[50] = t19) : t19 = $[50];
-  const [permissions, isPermissionsLoading] = useDocumentValuePermissions(t19), isNonExistent = !value?._id, ready = connectionState === "connected" && editState2.ready && !initialValue?.loading;
+  const [permissions, isPermissionsLoading] = useDocumentValuePermissions(t19), isNonExistent = !value?._id, ready = connectionState === "connected" && editState2.ready && !initialValue?.loading && !documentVersionsLoading;
   let t20;
   $[51] !== releases2 || $[52] !== selectedPerspectiveName ? (t20 = getSelectedPerspective(selectedPerspectiveName, releases2), $[51] = releases2, $[52] = selectedPerspectiveName, $[53] = t20) : t20 = $[53];
   const selectedPerspective = t20;
@@ -69913,9 +69985,9 @@ function _temp$1f(t) {
   return t.name === "mention";
 }
 const EditorRefPlugin = forwardRef(function(_, ref) {
-  const $ = c(2), portableTextEditor = usePortableTextEditor(), portableTextEditorRef = useRef(portableTextEditor);
+  const $ = c(3), editor2 = useEditor();
   let t0, t1;
-  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = () => portableTextEditorRef.current, t1 = [], $[0] = t0, $[1] = t1) : (t0 = $[0], t1 = $[1]), useImperativeHandle(ref, t0, t1), null;
+  return $[0] !== editor2 ? (t0 = () => editor2, t1 = [editor2], $[0] = editor2, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useImperativeHandle(ref, t0, t1), null;
 });
 EditorRefPlugin.displayName = "EditorRefPlugin";
 const EMPTY_ARRAY$d = [], SCROLL_INTO_VIEW_OPTIONS = {
@@ -69950,7 +70022,9 @@ const EMPTY_ARRAY$d = [], SCROLL_INTO_VIEW_OPTIONS = {
   let t5;
   $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
     requestAnimationFrame(() => {
-      editorRef.current && PortableTextEditor.focus(editorRef.current);
+      editorRef.current?.send({
+        type: "focus"
+      });
     });
   }, $[1] = t5) : t5 = $[1];
   const requestFocus = t5;
@@ -69971,7 +70045,8 @@ const EMPTY_ARRAY$d = [], SCROLL_INTO_VIEW_OPTIONS = {
   const scrollToEditor = t8;
   let t9;
   $[7] !== onSubmit ? (t9 = () => {
-    onSubmit?.(), resetEditorInstance(), requestFocus(), scrollToEditor();
+    const currentValue = editorRef.current ? getValue$1(editorRef.current.getSnapshot()) : EMPTY_ARRAY$d;
+    onSubmit?.(currentValue), resetEditorInstance(), requestFocus(), scrollToEditor();
   }, $[7] = onSubmit, $[8] = t9) : t9 = $[8];
   const handleSubmit = t9;
   let t10;
@@ -69993,7 +70068,9 @@ const EMPTY_ARRAY$d = [], SCROLL_INTO_VIEW_OPTIONS = {
   $[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t12 = () => ({
     focus: requestFocus,
     blur() {
-      editorRef.current && PortableTextEditor.blur(editorRef.current);
+      editorRef.current?.send({
+        type: "blur"
+      });
     },
     scrollTo: scrollToEditor,
     reset: resetEditorInstance,
@@ -70790,7 +70867,7 @@ const stopPropagation = (e) => e.stopPropagation(), ContextMenuBox = styled(Box)
   useTemporalPhrase: !0
 };
 function CommentsListItemLayout(props2) {
-  const $ = c(152), {
+  const $ = c(151), {
     avatarSize: t0,
     canDelete,
     canEdit,
@@ -70895,41 +70972,41 @@ function CommentsListItemLayout(props2) {
   }, $[34] = _id, $[35] = onReactionSelect, $[36] = t19) : t19 = $[36];
   const handleReactionSelect = t19;
   let t20;
-  $[37] !== _id || $[38] !== onEdit || $[39] !== value ? (t20 = () => {
+  $[37] !== _id || $[38] !== onEdit ? (t20 = (nextValue) => {
     onEdit(_id, {
-      message: value
+      message: nextValue
     }), setIsEditing(!1);
-  }, $[37] = _id, $[38] = onEdit, $[39] = value, $[40] = t20) : t20 = $[40];
+  }, $[37] = _id, $[38] = onEdit, $[39] = t20) : t20 = $[39];
   const handleEditSubmit = t20;
   let t21;
-  $[41] !== _id || $[42] !== comment.status || $[43] !== onStatusChange ? (t21 = () => {
+  $[40] !== _id || $[41] !== comment.status || $[42] !== onStatusChange ? (t21 = () => {
     onStatusChange?.(_id, comment.status === "open" ? "resolved" : "open");
-  }, $[41] = _id, $[42] = comment.status, $[43] = onStatusChange, $[44] = t21) : t21 = $[44];
+  }, $[40] = _id, $[41] = comment.status, $[42] = onStatusChange, $[43] = t21) : t21 = $[43];
   const handleOpenStatusChange = t21;
   let t22;
-  $[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t22 = () => {
+  $[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t22 = () => {
     setIsEditing(_temp3$g);
-  }, $[45] = t22) : t22 = $[45];
+  }, $[44] = t22) : t22 = $[44];
   const toggleEdit = t22;
   let t23;
-  $[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t23 = () => setMenuOpen(!1), $[46] = t23) : t23 = $[46];
+  $[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t23 = () => setMenuOpen(!1), $[45] = t23) : t23 = $[45];
   const handleCloseMenu = t23;
   let t24;
-  $[47] !== hasChanges ? (t24 = (event_0) => {
+  $[46] !== hasChanges ? (t24 = (event_0) => {
     event_0.key === "Escape" && !hasChanges && cancelEdit();
-  }, $[47] = hasChanges, $[48] = t24) : t24 = $[48];
+  }, $[46] = hasChanges, $[47] = t24) : t24 = $[47];
   const handleRootKeyDown = t24;
   useDidUpdate(isEditing, handleCloseMenu);
   let t25;
-  $[49] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t25 = () => [rootElementRef.current], $[49] = t25) : t25 = $[49], useClickOutsideEvent(!hasChanges && cancelEdit, t25);
+  $[48] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t25 = () => [rootElementRef.current], $[48] = t25) : t25 = $[48], useClickOutsideEvent(!hasChanges && cancelEdit, t25);
   let t26;
-  $[50] !== user ? (t26 = user?.displayName ? /* @__PURE__ */ jsx(Text$1, { size: 1, weight: "medium", textOverflow: "ellipsis", title: user.displayName, children: user.displayName }) : /* @__PURE__ */ jsx(TextSkeleton, { size: 1, style: SKELETON_INLINE_STYLE }), $[50] = user, $[51] = t26) : t26 = $[51];
+  $[49] !== user ? (t26 = user?.displayName ? /* @__PURE__ */ jsx(Text$1, { size: 1, weight: "medium", textOverflow: "ellipsis", title: user.displayName, children: user.displayName }) : /* @__PURE__ */ jsx(TextSkeleton, { size: 1, style: SKELETON_INLINE_STYLE }), $[49] = user, $[50] = t26) : t26 = $[50];
   const name = t26, T0 = RootStack$1, t27 = menuOpen ? "true" : "false", t28 = "comments-list-item-layout", t29 = 4, T1 = InnerStack, t30 = 1, T2 = HeaderFlex$4, t31 = "center", t32 = FLEX_GAP, t33 = 1;
   let t34;
-  $[52] !== avatarSize || $[53] !== user || $[54] !== withAvatar ? (t34 = withAvatar && /* @__PURE__ */ jsx(CommentsAvatar, { user, size: avatarSize }), $[52] = avatarSize, $[53] = user, $[54] = withAvatar, $[55] = t34) : t34 = $[55];
+  $[51] !== avatarSize || $[52] !== user || $[53] !== withAvatar ? (t34 = withAvatar && /* @__PURE__ */ jsx(CommentsAvatar, { user, size: avatarSize }), $[51] = avatarSize, $[52] = user, $[53] = withAvatar, $[54] = t34) : t34 = $[54];
   const T3 = Flex, t35 = "column", t36 = 2, t37 = intent ? 2 : 0, T4 = Flex, t38 = "center", t39 = comment.context?.intent ? 0 : 1, t40 = "border", t41 = 1, T5 = Flex, t42 = "flex-end", t43 = 2;
   let t44;
-  $[56] !== name ? (t44 = /* @__PURE__ */ jsx(Box, { flex: 1, children: name }), $[56] = name, $[57] = t44) : t44 = $[57];
+  $[55] !== name ? (t44 = /* @__PURE__ */ jsx(Box, { flex: 1, children: name }), $[55] = name, $[56] = t44) : t44 = $[56];
   const t45 = !displayError && /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 1, children: [
     /* @__PURE__ */ jsx(TimeText, { muted: !0, size: 0, children: /* @__PURE__ */ jsx("time", { dateTime: createdDate.toISOString(), title: formattedCreatedAt, children: createdTimeAgo }) }),
     formattedLastEditAt && editedDate && /* @__PURE__ */ jsx(TimeText, { muted: !0, size: 0, title: formattedLastEditAt, children: /* @__PURE__ */ jsxs("time", { dateTime: editedDate.toISOString(), title: formattedLastEditAt, children: [
@@ -70939,14 +71016,14 @@ function CommentsListItemLayout(props2) {
     ] }) })
   ] });
   let t46;
-  $[58] !== T5 || $[59] !== t44 || $[60] !== t45 ? (t46 = /* @__PURE__ */ jsxs(T5, { align: t42, gap: t43, children: [
+  $[57] !== T5 || $[58] !== t44 || $[59] !== t45 ? (t46 = /* @__PURE__ */ jsxs(T5, { align: t42, gap: t43, children: [
     t44,
     t45
-  ] }), $[58] = T5, $[59] = t44, $[60] = t45, $[61] = t46) : t46 = $[61];
+  ] }), $[57] = T5, $[58] = t44, $[59] = t45, $[60] = t46) : t46 = $[60];
   let t47;
-  $[62] !== T4 || $[63] !== t39 || $[64] !== t46 ? (t47 = /* @__PURE__ */ jsx(T4, { align: t38, paddingBottom: t39, sizing: t40, flex: t41, children: t46 }), $[62] = T4, $[63] = t39, $[64] = t46, $[65] = t47) : t47 = $[65];
+  $[61] !== T4 || $[62] !== t39 || $[63] !== t46 ? (t47 = /* @__PURE__ */ jsx(T4, { align: t38, paddingBottom: t39, sizing: t40, flex: t41, children: t46 }), $[61] = T4, $[62] = t39, $[63] = t46, $[64] = t47) : t47 = $[64];
   let t48;
-  $[66] !== intent || $[67] !== t ? (t48 = intent && /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(IntentText, { muted: !0, size: 0, textOverflow: "ellipsis", children: /* @__PURE__ */ jsx(Translate, { t, i18nKey: "list-item.layout-context", values: {
+  $[65] !== intent || $[66] !== t ? (t48 = intent && /* @__PURE__ */ jsx(Box, { flex: 1, children: /* @__PURE__ */ jsx(IntentText, { muted: !0, size: 0, textOverflow: "ellipsis", children: /* @__PURE__ */ jsx(Translate, { t, i18nKey: "list-item.layout-context", values: {
     title: intent.title,
     intent: "edit"
   }, components: {
@@ -70956,50 +71033,50 @@ function CommentsListItemLayout(props2) {
       } = t492;
       return intent ? /* @__PURE__ */ jsx(IntentLink, { params: intent.params, intent: intent.name, children }) : void 0;
     }
-  } }) }) }), $[66] = intent, $[67] = t, $[68] = t48) : t48 = $[68];
+  } }) }) }), $[65] = intent, $[66] = t, $[67] = t48) : t48 = $[67];
   let t49;
-  $[69] !== T3 || $[70] !== t37 || $[71] !== t47 || $[72] !== t48 ? (t49 = /* @__PURE__ */ jsxs(T3, { direction: t35, gap: t36, paddingY: t37, children: [
+  $[68] !== T3 || $[69] !== t37 || $[70] !== t47 || $[71] !== t48 ? (t49 = /* @__PURE__ */ jsxs(T3, { direction: t35, gap: t36, paddingY: t37, children: [
     t47,
     t48
-  ] }), $[69] = T3, $[70] = t37, $[71] = t47, $[72] = t48, $[73] = t49) : t49 = $[73];
+  ] }), $[68] = T3, $[69] = t37, $[70] = t47, $[71] = t48, $[72] = t49) : t49 = $[72];
   let t50;
-  $[74] !== canDelete || $[75] !== canEdit || $[76] !== comment.status || $[77] !== displayError || $[78] !== handleCopyLink || $[79] !== handleDelete || $[80] !== handleMenuClose || $[81] !== handleMenuOpen || $[82] !== handleOpenStatusChange || $[83] !== handleReactionSelect || $[84] !== isEditing || $[85] !== isParent || $[86] !== mode || $[87] !== onCopyLink || $[88] !== onStatusChange || $[89] !== readOnly || $[90] !== toggleEdit ? (t50 = !isEditing && !displayError && /* @__PURE__ */ jsx(ContextMenuBox, { "data-root-menu": isParent ? "true" : "false", onClick: stopPropagation, children: /* @__PURE__ */ jsx(CommentsListItemContextMenu, { canDelete, canEdit, isParent, mode, onCopyLink: onCopyLink ? handleCopyLink : void 0, onDeleteStart: handleDelete, onEditStart: toggleEdit, onMenuClose: handleMenuClose, onMenuOpen: handleMenuOpen, onReactionSelect: handleReactionSelect, onStatusChange: onStatusChange ? handleOpenStatusChange : void 0, readOnly, status: comment.status }) }), $[74] = canDelete, $[75] = canEdit, $[76] = comment.status, $[77] = displayError, $[78] = handleCopyLink, $[79] = handleDelete, $[80] = handleMenuClose, $[81] = handleMenuOpen, $[82] = handleOpenStatusChange, $[83] = handleReactionSelect, $[84] = isEditing, $[85] = isParent, $[86] = mode, $[87] = onCopyLink, $[88] = onStatusChange, $[89] = readOnly, $[90] = toggleEdit, $[91] = t50) : t50 = $[91];
+  $[73] !== canDelete || $[74] !== canEdit || $[75] !== comment.status || $[76] !== displayError || $[77] !== handleCopyLink || $[78] !== handleDelete || $[79] !== handleMenuClose || $[80] !== handleMenuOpen || $[81] !== handleOpenStatusChange || $[82] !== handleReactionSelect || $[83] !== isEditing || $[84] !== isParent || $[85] !== mode || $[86] !== onCopyLink || $[87] !== onStatusChange || $[88] !== readOnly || $[89] !== toggleEdit ? (t50 = !isEditing && !displayError && /* @__PURE__ */ jsx(ContextMenuBox, { "data-root-menu": isParent ? "true" : "false", onClick: stopPropagation, children: /* @__PURE__ */ jsx(CommentsListItemContextMenu, { canDelete, canEdit, isParent, mode, onCopyLink: onCopyLink ? handleCopyLink : void 0, onDeleteStart: handleDelete, onEditStart: toggleEdit, onMenuClose: handleMenuClose, onMenuOpen: handleMenuOpen, onReactionSelect: handleReactionSelect, onStatusChange: onStatusChange ? handleOpenStatusChange : void 0, readOnly, status: comment.status }) }), $[73] = canDelete, $[74] = canEdit, $[75] = comment.status, $[76] = displayError, $[77] = handleCopyLink, $[78] = handleDelete, $[79] = handleMenuClose, $[80] = handleMenuOpen, $[81] = handleOpenStatusChange, $[82] = handleReactionSelect, $[83] = isEditing, $[84] = isParent, $[85] = mode, $[86] = onCopyLink, $[87] = onStatusChange, $[88] = readOnly, $[89] = toggleEdit, $[90] = t50) : t50 = $[90];
   let t51;
-  $[92] !== T2 || $[93] !== avatarSize || $[94] !== t32 || $[95] !== t34 || $[96] !== t49 || $[97] !== t50 ? (t51 = /* @__PURE__ */ jsxs(T2, { align: t31, gap: t32, flex: t33, $size: avatarSize, children: [
+  $[91] !== T2 || $[92] !== avatarSize || $[93] !== t32 || $[94] !== t34 || $[95] !== t49 || $[96] !== t50 ? (t51 = /* @__PURE__ */ jsxs(T2, { align: t31, gap: t32, flex: t33, $size: avatarSize, children: [
     t34,
     t49,
     t50
-  ] }), $[92] = T2, $[93] = avatarSize, $[94] = t32, $[95] = t34, $[96] = t49, $[97] = t50, $[98] = t51) : t51 = $[98];
+  ] }), $[91] = T2, $[92] = avatarSize, $[93] = t32, $[94] = t34, $[95] = t49, $[96] = t50, $[97] = t51) : t51 = $[97];
   let t52;
-  $[99] !== avatarSize || $[100] !== comment || $[101] !== hasReferencedValue || $[102] !== withAvatar ? (t52 = isTextSelectionComment(comment) && !!comment?.contentSnapshot && /* @__PURE__ */ jsxs(Flex, { gap: FLEX_GAP, marginBottom: 3, children: [
+  $[98] !== avatarSize || $[99] !== comment || $[100] !== hasReferencedValue || $[101] !== withAvatar ? (t52 = isTextSelectionComment(comment) && !!comment?.contentSnapshot && /* @__PURE__ */ jsxs(Flex, { gap: FLEX_GAP, marginBottom: 3, children: [
     withAvatar && /* @__PURE__ */ jsx(SpacerAvatar, { $size: avatarSize }),
     /* @__PURE__ */ jsx(CommentsListItemReferencedValue, { hasReferencedValue, value: comment?.contentSnapshot })
-  ] }), $[99] = avatarSize, $[100] = comment, $[101] = hasReferencedValue, $[102] = withAvatar, $[103] = t52) : t52 = $[103];
+  ] }), $[98] = avatarSize, $[99] = comment, $[100] = hasReferencedValue, $[101] = withAvatar, $[102] = t52) : t52 = $[102];
   let t53;
-  $[104] !== avatarSize || $[105] !== cancelDiscard || $[106] !== confirmDiscard || $[107] !== currentUser || $[108] !== handleEditSubmit || $[109] !== handleInputKeyDown || $[110] !== isEditing || $[111] !== mentionOptions || $[112] !== readOnly || $[113] !== value || $[114] !== withAvatar ? (t53 = isEditing && /* @__PURE__ */ jsxs(Flex, { align: "flex-start", gap: 2, children: [
+  $[103] !== avatarSize || $[104] !== cancelDiscard || $[105] !== confirmDiscard || $[106] !== currentUser || $[107] !== handleEditSubmit || $[108] !== handleInputKeyDown || $[109] !== isEditing || $[110] !== mentionOptions || $[111] !== readOnly || $[112] !== value || $[113] !== withAvatar ? (t53 = isEditing && /* @__PURE__ */ jsxs(Flex, { align: "flex-start", gap: 2, children: [
     withAvatar && /* @__PURE__ */ jsx(SpacerAvatar, { $size: avatarSize }),
     /* @__PURE__ */ jsx(Stack, { flex: 1, children: /* @__PURE__ */ jsx(CommentInput, { currentUser, focusOnMount: !0, mentionOptions, onChange: setValue, onDiscardCancel: cancelDiscard, onDiscardConfirm: confirmDiscard, onKeyDown: handleInputKeyDown, onSubmit: handleEditSubmit, readOnly, ref: commentInputRef, value, withAvatar: !1 }) })
-  ] }), $[104] = avatarSize, $[105] = cancelDiscard, $[106] = confirmDiscard, $[107] = currentUser, $[108] = handleEditSubmit, $[109] = handleInputKeyDown, $[110] = isEditing, $[111] = mentionOptions, $[112] = readOnly, $[113] = value, $[114] = withAvatar, $[115] = t53) : t53 = $[115];
+  ] }), $[103] = avatarSize, $[104] = cancelDiscard, $[105] = confirmDiscard, $[106] = currentUser, $[107] = handleEditSubmit, $[108] = handleInputKeyDown, $[109] = isEditing, $[110] = mentionOptions, $[111] = readOnly, $[112] = value, $[113] = withAvatar, $[114] = t53) : t53 = $[114];
   let t54;
-  $[116] !== avatarSize || $[117] !== isEditing || $[118] !== message || $[119] !== withAvatar ? (t54 = !isEditing && /* @__PURE__ */ jsxs(Flex, { gap: FLEX_GAP, children: [
+  $[115] !== avatarSize || $[116] !== isEditing || $[117] !== message || $[118] !== withAvatar ? (t54 = !isEditing && /* @__PURE__ */ jsxs(Flex, { gap: FLEX_GAP, children: [
     withAvatar && /* @__PURE__ */ jsx(SpacerAvatar, { $size: avatarSize }),
     /* @__PURE__ */ jsx(CommentMessageSerializer, { blocks: message })
-  ] }), $[116] = avatarSize, $[117] = isEditing, $[118] = message, $[119] = withAvatar, $[120] = t54) : t54 = $[120];
+  ] }), $[115] = avatarSize, $[116] = isEditing, $[117] = message, $[118] = withAvatar, $[119] = t54) : t54 = $[119];
   let t55;
-  $[121] !== avatarSize || $[122] !== currentUser || $[123] !== handleReactionSelect || $[124] !== hasReactions || $[125] !== mode || $[126] !== reactions || $[127] !== readOnly || $[128] !== withAvatar ? (t55 = hasReactions && /* @__PURE__ */ jsxs(Flex, { gap: FLEX_GAP, marginTop: 2, children: [
+  $[120] !== avatarSize || $[121] !== currentUser || $[122] !== handleReactionSelect || $[123] !== hasReactions || $[124] !== mode || $[125] !== reactions || $[126] !== readOnly || $[127] !== withAvatar ? (t55 = hasReactions && /* @__PURE__ */ jsxs(Flex, { gap: FLEX_GAP, marginTop: 2, children: [
     withAvatar && /* @__PURE__ */ jsx(SpacerAvatar, { $size: avatarSize }),
     /* @__PURE__ */ jsx(Box, { onClick: stopPropagation, children: /* @__PURE__ */ jsx(CommentReactionsBar, { currentUser, mode, onSelect: handleReactionSelect, reactions, readOnly }) })
-  ] }), $[121] = avatarSize, $[122] = currentUser, $[123] = handleReactionSelect, $[124] = hasReactions, $[125] = mode, $[126] = reactions, $[127] = readOnly, $[128] = withAvatar, $[129] = t55) : t55 = $[129];
+  ] }), $[120] = avatarSize, $[121] = currentUser, $[122] = handleReactionSelect, $[123] = hasReactions, $[124] = mode, $[125] = reactions, $[126] = readOnly, $[127] = withAvatar, $[128] = t55) : t55 = $[128];
   let t56;
-  $[130] !== T1 || $[131] !== displayError || $[132] !== t51 || $[133] !== t52 || $[134] !== t53 || $[135] !== t54 || $[136] !== t55 ? (t56 = /* @__PURE__ */ jsxs(T1, { space: t30, "data-muted": displayError, children: [
+  $[129] !== T1 || $[130] !== displayError || $[131] !== t51 || $[132] !== t52 || $[133] !== t53 || $[134] !== t54 || $[135] !== t55 ? (t56 = /* @__PURE__ */ jsxs(T1, { space: t30, "data-muted": displayError, children: [
     t51,
     t52,
     t53,
     t54,
     t55
-  ] }), $[130] = T1, $[131] = displayError, $[132] = t51, $[133] = t52, $[134] = t53, $[135] = t54, $[136] = t55, $[137] = t56) : t56 = $[137];
+  ] }), $[129] = T1, $[130] = displayError, $[131] = t51, $[132] = t52, $[133] = t53, $[134] = t54, $[135] = t55, $[136] = t56) : t56 = $[136];
   let t57;
-  $[138] !== avatarSize || $[139] !== displayError || $[140] !== handleCreateRetry || $[141] !== hasError || $[142] !== isRetrying || $[143] !== t || $[144] !== withAvatar ? (t57 = displayError && /* @__PURE__ */ jsxs(ErrorFlex, { gap: FLEX_GAP, $size: avatarSize, children: [
+  $[137] !== avatarSize || $[138] !== displayError || $[139] !== handleCreateRetry || $[140] !== hasError || $[141] !== isRetrying || $[142] !== t || $[143] !== withAvatar ? (t57 = displayError && /* @__PURE__ */ jsxs(ErrorFlex, { gap: FLEX_GAP, $size: avatarSize, children: [
     withAvatar && /* @__PURE__ */ jsx(SpacerAvatar, { $size: avatarSize }),
     /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 1, flex: 1, children: [
       /* @__PURE__ */ jsxs(Text$1, { muted: !0, size: 1, children: [
@@ -71008,12 +71085,12 @@ function CommentsListItemLayout(props2) {
       ] }),
       /* @__PURE__ */ jsx(Flex, { hidden: isRetrying, children: /* @__PURE__ */ jsx(RetryCardButton, { __unstable_focusRing: !0, display: "flex", forwardedAs: "button", onClick: handleCreateRetry, padding: 1, radius: 2, tone: "primary", children: /* @__PURE__ */ jsx(Text$1, { size: 1, muted: !0, children: t("list-item.layout-retry") }) }) })
     ] })
-  ] }), $[138] = avatarSize, $[139] = displayError, $[140] = handleCreateRetry, $[141] = hasError, $[142] = isRetrying, $[143] = t, $[144] = withAvatar, $[145] = t57) : t57 = $[145];
+  ] }), $[137] = avatarSize, $[138] = displayError, $[139] = handleCreateRetry, $[140] = hasError, $[141] = isRetrying, $[142] = t, $[143] = withAvatar, $[144] = t57) : t57 = $[144];
   let t58;
-  return $[146] !== T0 || $[147] !== handleRootKeyDown || $[148] !== t27 || $[149] !== t56 || $[150] !== t57 ? (t58 = /* @__PURE__ */ jsxs(T0, { "data-menu-open": t27, "data-testid": t28, onKeyDown: handleRootKeyDown, ref: rootElementRef, space: t29, children: [
+  return $[145] !== T0 || $[146] !== handleRootKeyDown || $[147] !== t27 || $[148] !== t56 || $[149] !== t57 ? (t58 = /* @__PURE__ */ jsxs(T0, { "data-menu-open": t27, "data-testid": t28, onKeyDown: handleRootKeyDown, ref: rootElementRef, space: t29, children: [
     t56,
     t57
-  ] }), $[146] = T0, $[147] = handleRootKeyDown, $[148] = t27, $[149] = t56, $[150] = t57, $[151] = t58) : t58 = $[151], t58;
+  ] }), $[145] = T0, $[146] = handleRootKeyDown, $[147] = t27, $[148] = t56, $[149] = t57, $[150] = t58) : t58 = $[150], t58;
 }
 function _temp3$g(v) {
   return !v;
@@ -71089,7 +71166,7 @@ const ThreadCard = /* @__PURE__ */ styled(Card).attrs({
   displayName: "GhostButton",
   componentId: "sc-niunrr-2"
 })`opacity:0;position:absolute;right:0;top:0;bottom:0;left:0;`, CommentsListItem = memo(function(props2) {
-  const $ = c(113), {
+  const $ = c(112), {
     avatarConfig: t0,
     canReply,
     currentUser,
@@ -71125,9 +71202,9 @@ const ThreadCard = /* @__PURE__ */ styled(Card).attrs({
   $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = () => setMouseOver(!1), $[3] = t4) : t4 = $[3];
   const handleMouseLeave = t4;
   let t5;
-  $[4] !== onReply || $[5] !== parentComment._id || $[6] !== parentComment.status || $[7] !== parentComment.target.path?.field || $[8] !== parentComment.threadId || $[9] !== value ? (t5 = () => {
+  $[4] !== onReply || $[5] !== parentComment._id || $[6] !== parentComment.status || $[7] !== parentComment.target.path?.field || $[8] !== parentComment.threadId ? (t5 = (nextValue) => {
     const nextComment = {
-      message: value,
+      message: nextValue,
       parentCommentId: parentComment._id,
       status: parentComment?.status || "open",
       threadId: parentComment.threadId,
@@ -71137,51 +71214,51 @@ const ThreadCard = /* @__PURE__ */ styled(Card).attrs({
       }
     };
     onReply?.(nextComment), setValue(EMPTY_ARRAY$a);
-  }, $[4] = onReply, $[5] = parentComment._id, $[6] = parentComment.status, $[7] = parentComment.target.path?.field, $[8] = parentComment.threadId, $[9] = value, $[10] = t5) : t5 = $[10];
+  }, $[4] = onReply, $[5] = parentComment._id, $[6] = parentComment.status, $[7] = parentComment.target.path?.field, $[8] = parentComment.threadId, $[9] = t5) : t5 = $[9];
   const handleReplySubmit = t5;
   let t6;
-  $[11] !== hasValue2 ? (t6 = () => {
+  $[10] !== hasValue2 ? (t6 = () => {
     if (!hasValue2) {
       setValue(EMPTY_ARRAY$a);
       return;
     }
     replyInputRef.current?.discardDialogController.open();
-  }, $[11] = hasValue2, $[12] = t6) : t6 = $[12];
+  }, $[10] = hasValue2, $[11] = t6) : t6 = $[11];
   const startDiscard = t6;
   let t7;
-  $[13] !== startDiscard ? (t7 = (event) => {
+  $[12] !== startDiscard ? (t7 = (event) => {
     event.isDefaultPrevented() || event.key === "Escape" && (event.preventDefault(), event.stopPropagation(), startDiscard());
-  }, $[13] = startDiscard, $[14] = t7) : t7 = $[14];
+  }, $[12] = startDiscard, $[13] = t7) : t7 = $[13];
   const handleInputKeyDown = t7;
   let t8;
-  $[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = () => {
+  $[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = () => {
     replyInputRef.current?.discardDialogController.close();
-  }, $[15] = t8) : t8 = $[15];
+  }, $[14] = t8) : t8 = $[14];
   const cancelDiscard = t8;
   let t9;
-  $[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = () => {
+  $[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t9 = () => {
     setValue(EMPTY_ARRAY$a), replyInputRef.current?.discardDialogController.close(), replyInputRef.current?.focus();
-  }, $[16] = t9) : t9 = $[16];
+  }, $[15] = t9) : t9 = $[15];
   const confirmDiscard = t9;
   let t10;
-  $[17] !== isTopLayer || $[18] !== onPathSelect || $[19] !== parentComment.target.path?.field || $[20] !== parentComment.threadId ? (t10 = (e) => {
+  $[16] !== isTopLayer || $[17] !== onPathSelect || $[18] !== parentComment.target.path?.field || $[19] !== parentComment.threadId ? (t10 = (e) => {
     e.stopPropagation(), isTopLayer && onPathSelect?.({
       fieldPath: parentComment.target.path?.field || "",
       origin: "inspector",
       threadId: parentComment.threadId
     });
-  }, $[17] = isTopLayer, $[18] = onPathSelect, $[19] = parentComment.target.path?.field, $[20] = parentComment.threadId, $[21] = t10) : t10 = $[21];
+  }, $[16] = isTopLayer, $[17] = onPathSelect, $[18] = parentComment.target.path?.field, $[19] = parentComment.threadId, $[20] = t10) : t10 = $[20];
   const handleThreadRootClick = t10;
   let t11;
-  $[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t11 = (e_0) => {
+  $[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t11 = (e_0) => {
     e_0.stopPropagation(), setCollapsed(!1);
-  }, $[22] = t11) : t11 = $[22];
+  }, $[21] = t11) : t11 = $[21];
   const handleExpand = t11;
   let t12;
   bb0: {
     if (collapsed) {
       let t132;
-      $[23] !== replies ? (t132 = replies?.slice(-MAX_COLLAPSED_REPLIES), $[23] = replies, $[24] = t132) : t132 = $[24], t12 = t132;
+      $[22] !== replies ? (t132 = replies?.slice(-MAX_COLLAPSED_REPLIES), $[22] = replies, $[23] = t132) : t132 = $[23], t12 = t132;
       break bb0;
     }
     t12 = replies;
@@ -71197,42 +71274,42 @@ const ThreadCard = /* @__PURE__ */ styled(Card).attrs({
   }
   const showCollapseButton = t13, expandButtonText = `${replies?.length - MAX_COLLAPSED_REPLIES} more ${replies?.length - MAX_COLLAPSED_REPLIES === 1 ? "comment" : "comments"}`, t14 = isSelected ? "true" : "false", t15 = mouseOver ? "true" : "false";
   let t16;
-  $[25] !== t ? (t16 = t("list-item.go-to-field-button.aria-label"), $[25] = t, $[26] = t16) : t16 = $[26];
+  $[24] !== t ? (t16 = t("list-item.go-to-field-button.aria-label"), $[24] = t, $[25] = t16) : t16 = $[25];
   let t17;
-  $[27] !== t16 ? (t17 = /* @__PURE__ */ jsx(GhostButton, { "data-ui": "GhostButton", "aria-label": t16 }), $[27] = t16, $[28] = t17) : t17 = $[28];
+  $[26] !== t16 ? (t17 = /* @__PURE__ */ jsx(GhostButton, { "data-ui": "GhostButton", "aria-label": t16 }), $[26] = t16, $[27] = t17) : t17 = $[27];
   const t18 = canReply ? void 0 : 1;
   let t19;
-  $[29] !== parentComment._id ? (t19 = applyCommentIdAttr(parentComment._id), $[29] = parentComment._id, $[30] = t19) : t19 = $[30];
+  $[28] !== parentComment._id ? (t19 = applyCommentIdAttr(parentComment._id), $[28] = parentComment._id, $[29] = t19) : t19 = $[29];
   const t20 = parentComment.authorId === currentUser.id, t21 = parentComment.authorId === currentUser.id, t22 = parentComment._state?.type === "createError", t23 = parentComment.context?.intent, t24 = parentComment._state?.type === "createRetrying";
   let t25;
-  $[31] !== avatarConfig.avatarSize || $[32] !== avatarConfig.parentCommentAvatar || $[33] !== currentUser || $[34] !== hasReferencedValue || $[35] !== mentionOptions || $[36] !== mode || $[37] !== onCopyLink || $[38] !== onCreateRetry || $[39] !== onDelete || $[40] !== onEdit || $[41] !== onKeyDown || $[42] !== onReactionSelect || $[43] !== onStatusChange || $[44] !== parentComment || $[45] !== readOnly || $[46] !== t20 || $[47] !== t21 || $[48] !== t22 || $[49] !== t23 || $[50] !== t24 ? (t25 = /* @__PURE__ */ jsx(CommentsListItemLayout, { avatarSize: avatarConfig.avatarSize, canDelete: t20, canEdit: t21, comment: parentComment, currentUser, hasError: t22, hasReferencedValue, intent: t23, isParent: !0, isRetrying: t24, mentionOptions, mode, onCopyLink, onCreateRetry, onDelete, onEdit, onInputKeyDown: onKeyDown, onReactionSelect, onStatusChange, readOnly, withAvatar: avatarConfig.parentCommentAvatar }), $[31] = avatarConfig.avatarSize, $[32] = avatarConfig.parentCommentAvatar, $[33] = currentUser, $[34] = hasReferencedValue, $[35] = mentionOptions, $[36] = mode, $[37] = onCopyLink, $[38] = onCreateRetry, $[39] = onDelete, $[40] = onEdit, $[41] = onKeyDown, $[42] = onReactionSelect, $[43] = onStatusChange, $[44] = parentComment, $[45] = readOnly, $[46] = t20, $[47] = t21, $[48] = t22, $[49] = t23, $[50] = t24, $[51] = t25) : t25 = $[51];
+  $[30] !== avatarConfig.avatarSize || $[31] !== avatarConfig.parentCommentAvatar || $[32] !== currentUser || $[33] !== hasReferencedValue || $[34] !== mentionOptions || $[35] !== mode || $[36] !== onCopyLink || $[37] !== onCreateRetry || $[38] !== onDelete || $[39] !== onEdit || $[40] !== onKeyDown || $[41] !== onReactionSelect || $[42] !== onStatusChange || $[43] !== parentComment || $[44] !== readOnly || $[45] !== t20 || $[46] !== t21 || $[47] !== t22 || $[48] !== t23 || $[49] !== t24 ? (t25 = /* @__PURE__ */ jsx(CommentsListItemLayout, { avatarSize: avatarConfig.avatarSize, canDelete: t20, canEdit: t21, comment: parentComment, currentUser, hasError: t22, hasReferencedValue, intent: t23, isParent: !0, isRetrying: t24, mentionOptions, mode, onCopyLink, onCreateRetry, onDelete, onEdit, onInputKeyDown: onKeyDown, onReactionSelect, onStatusChange, readOnly, withAvatar: avatarConfig.parentCommentAvatar }), $[30] = avatarConfig.avatarSize, $[31] = avatarConfig.parentCommentAvatar, $[32] = currentUser, $[33] = hasReferencedValue, $[34] = mentionOptions, $[35] = mode, $[36] = onCopyLink, $[37] = onCreateRetry, $[38] = onDelete, $[39] = onEdit, $[40] = onKeyDown, $[41] = onReactionSelect, $[42] = onStatusChange, $[43] = parentComment, $[44] = readOnly, $[45] = t20, $[46] = t21, $[47] = t22, $[48] = t23, $[49] = t24, $[50] = t25) : t25 = $[50];
   let t26;
-  $[52] !== t19 || $[53] !== t25 ? (t26 = /* @__PURE__ */ jsx(Stack, { as: "li", ...t19, children: t25 }), $[52] = t19, $[53] = t25, $[54] = t26) : t26 = $[54];
+  $[51] !== t19 || $[52] !== t25 ? (t26 = /* @__PURE__ */ jsx(Stack, { as: "li", ...t19, children: t25 }), $[51] = t19, $[52] = t25, $[53] = t26) : t26 = $[53];
   let t27;
-  $[55] !== collapsed || $[56] !== expandButtonText || $[57] !== showCollapseButton ? (t27 = showCollapseButton && collapsed && /* @__PURE__ */ jsxs(Flex, { gap: 1, paddingY: 1, sizing: "border", children: [
+  $[54] !== collapsed || $[55] !== expandButtonText || $[56] !== showCollapseButton ? (t27 = showCollapseButton && collapsed && /* @__PURE__ */ jsxs(Flex, { gap: 1, paddingY: 1, sizing: "border", children: [
     /* @__PURE__ */ jsx(SpacerAvatar, {}),
     /* @__PURE__ */ jsx(ExpandButton, { iconRight: ChevronDownIcon, mode: "bleed", onClick: handleExpand, text: expandButtonText })
-  ] }), $[55] = collapsed, $[56] = expandButtonText, $[57] = showCollapseButton, $[58] = t27) : t27 = $[58];
+  ] }), $[54] = collapsed, $[55] = expandButtonText, $[56] = showCollapseButton, $[57] = t27) : t27 = $[57];
   let t28;
-  if ($[59] !== avatarConfig.avatarSize || $[60] !== avatarConfig.threadCommentsAvatar || $[61] !== currentUser || $[62] !== handleInputKeyDown || $[63] !== mentionOptions || $[64] !== mode || $[65] !== onCopyLink || $[66] !== onCreateRetry || $[67] !== onDelete || $[68] !== onEdit || $[69] !== onReactionSelect || $[70] !== parentComment || $[71] !== readOnly || $[72] !== splicedReplies) {
+  if ($[58] !== avatarConfig.avatarSize || $[59] !== avatarConfig.threadCommentsAvatar || $[60] !== currentUser || $[61] !== handleInputKeyDown || $[62] !== mentionOptions || $[63] !== mode || $[64] !== onCopyLink || $[65] !== onCreateRetry || $[66] !== onDelete || $[67] !== onEdit || $[68] !== onReactionSelect || $[69] !== parentComment || $[70] !== readOnly || $[71] !== splicedReplies) {
     let t292;
-    $[74] !== avatarConfig.avatarSize || $[75] !== avatarConfig.threadCommentsAvatar || $[76] !== currentUser || $[77] !== handleInputKeyDown || $[78] !== mentionOptions || $[79] !== mode || $[80] !== onCopyLink || $[81] !== onCreateRetry || $[82] !== onDelete || $[83] !== onEdit || $[84] !== onReactionSelect || $[85] !== parentComment || $[86] !== readOnly ? (t292 = (reply) => /* @__PURE__ */ jsx(Stack, { as: "li", ...applyCommentIdAttr(reply._id), children: /* @__PURE__ */ jsx(CommentsListItemLayout, { avatarSize: avatarConfig.avatarSize, canDelete: reply.authorId === currentUser.id, canEdit: reply.authorId === currentUser.id, comment: reply, currentUser, hasError: reply._state?.type === "createError", isRetrying: reply._state?.type === "createRetrying", intent: commentIntentIfDiffers(parentComment, reply), mentionOptions, mode, onCopyLink, onCreateRetry, onDelete, onEdit, onInputKeyDown: handleInputKeyDown, onReactionSelect, readOnly, withAvatar: avatarConfig.threadCommentsAvatar }) }, reply._id), $[74] = avatarConfig.avatarSize, $[75] = avatarConfig.threadCommentsAvatar, $[76] = currentUser, $[77] = handleInputKeyDown, $[78] = mentionOptions, $[79] = mode, $[80] = onCopyLink, $[81] = onCreateRetry, $[82] = onDelete, $[83] = onEdit, $[84] = onReactionSelect, $[85] = parentComment, $[86] = readOnly, $[87] = t292) : t292 = $[87], t28 = splicedReplies.map(t292), $[59] = avatarConfig.avatarSize, $[60] = avatarConfig.threadCommentsAvatar, $[61] = currentUser, $[62] = handleInputKeyDown, $[63] = mentionOptions, $[64] = mode, $[65] = onCopyLink, $[66] = onCreateRetry, $[67] = onDelete, $[68] = onEdit, $[69] = onReactionSelect, $[70] = parentComment, $[71] = readOnly, $[72] = splicedReplies, $[73] = t28;
+    $[73] !== avatarConfig.avatarSize || $[74] !== avatarConfig.threadCommentsAvatar || $[75] !== currentUser || $[76] !== handleInputKeyDown || $[77] !== mentionOptions || $[78] !== mode || $[79] !== onCopyLink || $[80] !== onCreateRetry || $[81] !== onDelete || $[82] !== onEdit || $[83] !== onReactionSelect || $[84] !== parentComment || $[85] !== readOnly ? (t292 = (reply) => /* @__PURE__ */ jsx(Stack, { as: "li", ...applyCommentIdAttr(reply._id), children: /* @__PURE__ */ jsx(CommentsListItemLayout, { avatarSize: avatarConfig.avatarSize, canDelete: reply.authorId === currentUser.id, canEdit: reply.authorId === currentUser.id, comment: reply, currentUser, hasError: reply._state?.type === "createError", isRetrying: reply._state?.type === "createRetrying", intent: commentIntentIfDiffers(parentComment, reply), mentionOptions, mode, onCopyLink, onCreateRetry, onDelete, onEdit, onInputKeyDown: handleInputKeyDown, onReactionSelect, readOnly, withAvatar: avatarConfig.threadCommentsAvatar }) }, reply._id), $[73] = avatarConfig.avatarSize, $[74] = avatarConfig.threadCommentsAvatar, $[75] = currentUser, $[76] = handleInputKeyDown, $[77] = mentionOptions, $[78] = mode, $[79] = onCopyLink, $[80] = onCreateRetry, $[81] = onDelete, $[82] = onEdit, $[83] = onReactionSelect, $[84] = parentComment, $[85] = readOnly, $[86] = t292) : t292 = $[86], t28 = splicedReplies.map(t292), $[58] = avatarConfig.avatarSize, $[59] = avatarConfig.threadCommentsAvatar, $[60] = currentUser, $[61] = handleInputKeyDown, $[62] = mentionOptions, $[63] = mode, $[64] = onCopyLink, $[65] = onCreateRetry, $[66] = onDelete, $[67] = onEdit, $[68] = onReactionSelect, $[69] = parentComment, $[70] = readOnly, $[71] = splicedReplies, $[72] = t28;
   } else
-    t28 = $[73];
+    t28 = $[72];
   let t29;
-  $[88] !== avatarConfig.avatarSize || $[89] !== avatarConfig.replyAvatar || $[90] !== canReply || $[91] !== currentUser || $[92] !== handleInputKeyDown || $[93] !== handleReplySubmit || $[94] !== mentionOptions || $[95] !== mode || $[96] !== readOnly || $[97] !== t || $[98] !== value ? (t29 = canReply && /* @__PURE__ */ jsx(CommentInput, { avatarSize: avatarConfig.avatarSize, currentUser, expandOnFocus: !0, mentionOptions, onChange: setValue, onDiscardCancel: cancelDiscard, onDiscardConfirm: confirmDiscard, onKeyDown: handleInputKeyDown, onSubmit: handleReplySubmit, placeholder: t(mode === "upsell" ? "compose.reply-placeholder-upsell" : "compose.reply-placeholder"), readOnly: readOnly || mode === "upsell", ref: replyInputRef, value, withAvatar: avatarConfig.replyAvatar }), $[88] = avatarConfig.avatarSize, $[89] = avatarConfig.replyAvatar, $[90] = canReply, $[91] = currentUser, $[92] = handleInputKeyDown, $[93] = handleReplySubmit, $[94] = mentionOptions, $[95] = mode, $[96] = readOnly, $[97] = t, $[98] = value, $[99] = t29) : t29 = $[99];
+  $[87] !== avatarConfig.avatarSize || $[88] !== avatarConfig.replyAvatar || $[89] !== canReply || $[90] !== currentUser || $[91] !== handleInputKeyDown || $[92] !== handleReplySubmit || $[93] !== mentionOptions || $[94] !== mode || $[95] !== readOnly || $[96] !== t || $[97] !== value ? (t29 = canReply && /* @__PURE__ */ jsx(CommentInput, { avatarSize: avatarConfig.avatarSize, currentUser, expandOnFocus: !0, mentionOptions, onChange: setValue, onDiscardCancel: cancelDiscard, onDiscardConfirm: confirmDiscard, onKeyDown: handleInputKeyDown, onSubmit: handleReplySubmit, placeholder: t(mode === "upsell" ? "compose.reply-placeholder-upsell" : "compose.reply-placeholder"), readOnly: readOnly || mode === "upsell", ref: replyInputRef, value, withAvatar: avatarConfig.replyAvatar }), $[87] = avatarConfig.avatarSize, $[88] = avatarConfig.replyAvatar, $[89] = canReply, $[90] = currentUser, $[91] = handleInputKeyDown, $[92] = handleReplySubmit, $[93] = mentionOptions, $[94] = mode, $[95] = readOnly, $[96] = t, $[97] = value, $[98] = t29) : t29 = $[98];
   let t30;
-  $[100] !== innerPadding || $[101] !== t18 || $[102] !== t26 || $[103] !== t27 || $[104] !== t28 || $[105] !== t29 ? (t30 = /* @__PURE__ */ jsxs(Stack, { as: "ul", padding: innerPadding, paddingBottom: t18, space: 4, children: [
+  $[99] !== innerPadding || $[100] !== t18 || $[101] !== t26 || $[102] !== t27 || $[103] !== t28 || $[104] !== t29 ? (t30 = /* @__PURE__ */ jsxs(Stack, { as: "ul", padding: innerPadding, paddingBottom: t18, space: 4, children: [
     t26,
     t27,
     t28,
     t29
-  ] }), $[100] = innerPadding, $[101] = t18, $[102] = t26, $[103] = t27, $[104] = t28, $[105] = t29, $[106] = t30) : t30 = $[106];
+  ] }), $[99] = innerPadding, $[100] = t18, $[101] = t26, $[102] = t27, $[103] = t28, $[104] = t29, $[105] = t30) : t30 = $[105];
   let t31;
-  return $[107] !== handleThreadRootClick || $[108] !== t14 || $[109] !== t15 || $[110] !== t17 || $[111] !== t30 ? (t31 = /* @__PURE__ */ jsxs(StyledThreadCard, { "data-active": t14, "data-hovered": t15, "data-testid": "comments-list-item", "data-ui": "CommentsListItem", onClick: handleThreadRootClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [
+  return $[106] !== handleThreadRootClick || $[107] !== t14 || $[108] !== t15 || $[109] !== t17 || $[110] !== t30 ? (t31 = /* @__PURE__ */ jsxs(StyledThreadCard, { "data-active": t14, "data-hovered": t15, "data-testid": "comments-list-item", "data-ui": "CommentsListItem", onClick: handleThreadRootClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [
     t17,
     t30
-  ] }), $[107] = handleThreadRootClick, $[108] = t14, $[109] = t15, $[110] = t17, $[111] = t30, $[112] = t31) : t31 = $[112], t31;
+  ] }), $[106] = handleThreadRootClick, $[107] = t14, $[108] = t15, $[109] = t17, $[110] = t30, $[111] = t31) : t31 = $[111], t31;
 });
 CommentsListItem.displayName = "Memo(CommentsListItem)";
 function getEmptyStateMessages(t) {
@@ -71288,7 +71365,7 @@ function CommentsListStatus(props2) {
 }
 const EMPTY_PT_ARRAY = [];
 function CreateNewThreadInput(props2) {
-  const $ = c(26), {
+  const $ = c(25), {
     currentUser,
     fieldTitle,
     mentionOptions,
@@ -71302,40 +71379,40 @@ function CreateNewThreadInput(props2) {
     t
   } = useTranslation(commentsLocaleNamespace), [value, setValue] = useState(EMPTY_PT_ARRAY), commentInputHandle = useRef(null);
   let t0;
-  $[0] !== onNewThreadCreate || $[1] !== value ? (t0 = () => {
-    onNewThreadCreate?.(value), setValue(EMPTY_PT_ARRAY);
-  }, $[0] = onNewThreadCreate, $[1] = value, $[2] = t0) : t0 = $[2];
+  $[0] !== onNewThreadCreate ? (t0 = (nextValue) => {
+    onNewThreadCreate?.(nextValue), setValue(EMPTY_PT_ARRAY);
+  }, $[0] = onNewThreadCreate, $[1] = t0) : t0 = $[1];
   const handleSubmit = t0;
   let t1;
-  $[3] !== value ? (t1 = hasCommentMessageValue(value), $[3] = value, $[4] = t1) : t1 = $[4];
+  $[2] !== value ? (t1 = hasCommentMessageValue(value), $[2] = value, $[3] = t1) : t1 = $[3];
   const hasValue2 = t1;
   let t2;
-  $[5] !== hasValue2 ? (t2 = () => {
+  $[4] !== hasValue2 ? (t2 = () => {
     hasValue2 && commentInputHandle.current?.discardDialogController.open();
-  }, $[5] = hasValue2, $[6] = t2) : t2 = $[6];
+  }, $[4] = hasValue2, $[5] = t2) : t2 = $[5];
   const startDiscard = t2;
   let t3;
-  $[7] !== onKeyDown || $[8] !== startDiscard ? (t3 = (event) => {
+  $[6] !== onKeyDown || $[7] !== startDiscard ? (t3 = (event) => {
     event.isDefaultPrevented() || (event.key === "Escape" && (event.preventDefault(), event.stopPropagation(), startDiscard()), onKeyDown && onKeyDown(event));
-  }, $[7] = onKeyDown, $[8] = startDiscard, $[9] = t3) : t3 = $[9];
+  }, $[6] = onKeyDown, $[7] = startDiscard, $[8] = t3) : t3 = $[8];
   const handleInputKeyDown = t3;
   let t4;
-  $[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = () => {
+  $[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = () => {
     setValue(EMPTY_PT_ARRAY), commentInputHandle.current?.discardDialogController.close(), commentInputHandle.current?.focus();
-  }, $[10] = t4) : t4 = $[10];
+  }, $[9] = t4) : t4 = $[9];
   const confirmDiscard = t4;
   let t5;
-  $[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
+  $[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
     commentInputHandle.current?.discardDialogController.close();
-  }, $[11] = t5) : t5 = $[11];
+  }, $[10] = t5) : t5 = $[10];
   const cancelDiscard = t5;
   let t6;
-  $[12] !== fieldTitle || $[13] !== mode || $[14] !== t ? (t6 = mode === "upsell" ? t("compose.add-comment-input-placeholder-upsell") : /* @__PURE__ */ jsx(Translate, { t, i18nKey: "compose.add-comment-input-placeholder", values: {
+  $[11] !== fieldTitle || $[12] !== mode || $[13] !== t ? (t6 = mode === "upsell" ? t("compose.add-comment-input-placeholder-upsell") : /* @__PURE__ */ jsx(Translate, { t, i18nKey: "compose.add-comment-input-placeholder", values: {
     field: fieldTitle
-  } }), $[12] = fieldTitle, $[13] = mode, $[14] = t, $[15] = t6) : t6 = $[15];
+  } }), $[11] = fieldTitle, $[12] = mode, $[13] = t, $[14] = t6) : t6 = $[14];
   const placeholder = t6, t7 = readOnly || mode === "upsell";
   let t8;
-  return $[16] !== currentUser || $[17] !== handleInputKeyDown || $[18] !== handleSubmit || $[19] !== mentionOptions || $[20] !== onBlur || $[21] !== onFocus || $[22] !== placeholder || $[23] !== t7 || $[24] !== value ? (t8 = /* @__PURE__ */ jsx(CommentInput, { currentUser, expandOnFocus: !0, mentionOptions, onBlur, onChange: setValue, onDiscardCancel: cancelDiscard, onDiscardConfirm: confirmDiscard, onKeyDown: handleInputKeyDown, onFocus, onSubmit: handleSubmit, placeholder, readOnly: t7, ref: commentInputHandle, value }), $[16] = currentUser, $[17] = handleInputKeyDown, $[18] = handleSubmit, $[19] = mentionOptions, $[20] = onBlur, $[21] = onFocus, $[22] = placeholder, $[23] = t7, $[24] = value, $[25] = t8) : t8 = $[25], t8;
+  return $[15] !== currentUser || $[16] !== handleInputKeyDown || $[17] !== handleSubmit || $[18] !== mentionOptions || $[19] !== onBlur || $[20] !== onFocus || $[21] !== placeholder || $[22] !== t7 || $[23] !== value ? (t8 = /* @__PURE__ */ jsx(CommentInput, { currentUser, expandOnFocus: !0, mentionOptions, onBlur, onChange: setValue, onDiscardCancel: cancelDiscard, onDiscardConfirm: confirmDiscard, onKeyDown: handleInputKeyDown, onFocus, onSubmit: handleSubmit, placeholder, readOnly: t7, ref: commentInputHandle, value }), $[15] = currentUser, $[16] = handleInputKeyDown, $[17] = handleSubmit, $[18] = mentionOptions, $[19] = onBlur, $[20] = onFocus, $[21] = placeholder, $[22] = t7, $[23] = value, $[24] = t8) : t8 = $[24], t8;
 }
 const HeaderFlex$3 = styled(Flex).withConfig({
   displayName: "HeaderFlex",
@@ -72951,8 +73028,8 @@ function CommentsFieldButton(props2) {
   }, $[0] = addCommentButtonElement, $[1] = onClose, $[2] = open, $[3] = t0) : t0 = $[3];
   const closePopover = t0;
   let t1;
-  $[4] !== closePopover || $[5] !== onCommentAdd ? (t1 = () => {
-    onCommentAdd(), closePopover();
+  $[4] !== closePopover || $[5] !== onCommentAdd ? (t1 = (nextValue) => {
+    onCommentAdd(nextValue), closePopover();
   }, $[4] = closePopover, $[5] = onCommentAdd, $[6] = t1) : t1 = $[6];
   const handleSubmit = t1;
   let t2;
@@ -73088,7 +73165,7 @@ const HighlightDiv = /* @__PURE__ */ styled(motion.div).withConfig({
   componentId: "sc-xeguza-1"
 })`position:relative;&:empty:not([hidden]){display:none;}`;
 function CommentFieldInner(props2) {
-  const $ = c(85), {
+  const $ = c(84), {
     mode
   } = props2, currentUser = useCurrentUser(), {
     element: boundaryElement
@@ -73169,12 +73246,12 @@ function CommentFieldInner(props2) {
   }, $[25] = comments2.data.open, $[26] = handleOpenDialog, $[27] = hasComments, $[28] = isOpen, $[29] = mode, $[30] = onCommentsOpen, $[31] = props2.path, $[32] = scrollToGroup, $[33] = setAuthoringPath, $[34] = setSelectedPath, $[35] = setStatus, $[36] = status, $[37] = stringPath, $[38] = upsellData, $[39] = t8) : t8 = $[39];
   const handleClick = t8;
   let t9;
-  $[40] !== onCommentsOpen || $[41] !== operation || $[42] !== props2.path || $[43] !== resetMessageValue || $[44] !== scrollToGroup || $[45] !== setSelectedPath || $[46] !== setStatus || $[47] !== status || $[48] !== value ? (t9 = () => {
-    if (value) {
+  $[40] !== onCommentsOpen || $[41] !== operation || $[42] !== props2.path || $[43] !== resetMessageValue || $[44] !== scrollToGroup || $[45] !== setSelectedPath || $[46] !== setStatus || $[47] !== status ? (t9 = (nextValue) => {
+    if (nextValue) {
       const newThreadId = uuid(), nextComment = {
         type: "field",
         fieldPath: PathUtils.toString(props2.path),
-        message: value,
+        message: nextValue,
         parentCommentId: void 0,
         status: "open",
         threadId: newThreadId,
@@ -73186,41 +73263,41 @@ function CommentFieldInner(props2) {
         fieldPath: PathUtils.toString(props2.path)
       }), scrollToGroup(newThreadId);
     }
-  }, $[40] = onCommentsOpen, $[41] = operation, $[42] = props2.path, $[43] = resetMessageValue, $[44] = scrollToGroup, $[45] = setSelectedPath, $[46] = setStatus, $[47] = status, $[48] = value, $[49] = t9) : t9 = $[49];
+  }, $[40] = onCommentsOpen, $[41] = operation, $[42] = props2.path, $[43] = resetMessageValue, $[44] = scrollToGroup, $[45] = setSelectedPath, $[46] = setStatus, $[47] = status, $[48] = t9) : t9 = $[48];
   const handleCommentAdd = t9;
   let t10;
-  $[50] !== setAuthoringPath ? (t10 = () => setAuthoringPath(null), $[50] = setAuthoringPath, $[51] = t10) : t10 = $[51];
+  $[49] !== setAuthoringPath ? (t10 = () => setAuthoringPath(null), $[49] = setAuthoringPath, $[50] = t10) : t10 = $[50];
   const handleClose = t10;
   let t11;
-  $[52] !== stringPath ? (t11 = (nextValue) => {
-    setValue(nextValue), messageCache.set(stringPath, nextValue);
-  }, $[52] = stringPath, $[53] = t11) : t11 = $[53];
+  $[51] !== stringPath ? (t11 = (nextValue_0) => {
+    setValue(nextValue_0), messageCache.set(stringPath, nextValue_0);
+  }, $[51] = stringPath, $[52] = t11) : t11 = $[52];
   const handleOnChange = t11;
   let t12;
-  $[54] !== count2 || $[55] !== currentUser || $[56] !== fieldTitle || $[57] !== handleClick || $[58] !== handleClose || $[59] !== handleCommentAdd || $[60] !== handleOnChange || $[61] !== isCreatingDataset || $[62] !== isOpen || $[63] !== mentionOptions || $[64] !== resetMessageValue || $[65] !== value ? (t12 = currentUser && /* @__PURE__ */ jsx(CommentsFieldButton, { count: Number(count2), currentUser, fieldTitle, isCreatingDataset, mentionOptions, onChange: handleOnChange, onClick: handleClick, onClose: handleClose, onCommentAdd: handleCommentAdd, onDiscard: resetMessageValue, open: isOpen, value }), $[54] = count2, $[55] = currentUser, $[56] = fieldTitle, $[57] = handleClick, $[58] = handleClose, $[59] = handleCommentAdd, $[60] = handleOnChange, $[61] = isCreatingDataset, $[62] = isOpen, $[63] = mentionOptions, $[64] = resetMessageValue, $[65] = value, $[66] = t12) : t12 = $[66];
+  $[53] !== count2 || $[54] !== currentUser || $[55] !== fieldTitle || $[56] !== handleClick || $[57] !== handleClose || $[58] !== handleCommentAdd || $[59] !== handleOnChange || $[60] !== isCreatingDataset || $[61] !== isOpen || $[62] !== mentionOptions || $[63] !== resetMessageValue || $[64] !== value ? (t12 = currentUser && /* @__PURE__ */ jsx(CommentsFieldButton, { count: Number(count2), currentUser, fieldTitle, isCreatingDataset, mentionOptions, onChange: handleOnChange, onClick: handleClick, onClose: handleClose, onCommentAdd: handleCommentAdd, onDiscard: resetMessageValue, open: isOpen, value }), $[53] = count2, $[54] = currentUser, $[55] = fieldTitle, $[56] = handleClick, $[57] = handleClose, $[58] = handleCommentAdd, $[59] = handleOnChange, $[60] = isCreatingDataset, $[61] = isOpen, $[62] = mentionOptions, $[63] = resetMessageValue, $[64] = value, $[65] = t12) : t12 = $[65];
   let t13;
-  $[67] !== hasComments || $[68] !== isOpen || $[69] !== t12 ? (t13 = {
+  $[66] !== hasComments || $[67] !== isOpen || $[68] !== t12 ? (t13 = {
     button: t12,
     hasComments,
     isAddingComment: isOpen
-  }, $[67] = hasComments, $[68] = isOpen, $[69] = t12, $[70] = t13) : t13 = $[70];
+  }, $[66] = hasComments, $[67] = isOpen, $[68] = t12, $[69] = t13) : t13 = $[69];
   const internalComments = t13;
   let t14;
-  $[71] !== props2.path ? (t14 = applyCommentsFieldAttr(PathUtils.toString(props2.path)), $[71] = props2.path, $[72] = t14) : t14 = $[72];
+  $[70] !== props2.path ? (t14 = applyCommentsFieldAttr(PathUtils.toString(props2.path)), $[70] = props2.path, $[71] = t14) : t14 = $[71];
   let t15;
-  $[73] !== internalComments || $[74] !== props2 ? (t15 = props2.renderDefault({
+  $[72] !== internalComments || $[73] !== props2 ? (t15 = props2.renderDefault({
     ...props2,
     __internal_comments: internalComments
-  }), $[73] = internalComments, $[74] = props2, $[75] = t15) : t15 = $[75];
+  }), $[72] = internalComments, $[73] = props2, $[74] = t15) : t15 = $[74];
   let t16;
-  $[76] !== isInlineCommentThread || $[77] !== isSelected ? (t16 = isSelected && !isInlineCommentThread && /* @__PURE__ */ jsx(HighlightDiv, { animate: "animate", exit: "exit", initial: "initial", variants: HIGHLIGHT_BLOCK_VARIANTS }), $[76] = isInlineCommentThread, $[77] = isSelected, $[78] = t16) : t16 = $[78];
+  $[75] !== isInlineCommentThread || $[76] !== isSelected ? (t16 = isSelected && !isInlineCommentThread && /* @__PURE__ */ jsx(HighlightDiv, { animate: "animate", exit: "exit", initial: "initial", variants: HIGHLIGHT_BLOCK_VARIANTS }), $[75] = isInlineCommentThread, $[76] = isSelected, $[77] = t16) : t16 = $[77];
   let t17;
-  $[79] !== t16 ? (t17 = /* @__PURE__ */ jsx(AnimatePresence, { children: t16 }), $[79] = t16, $[80] = t17) : t17 = $[80];
+  $[78] !== t16 ? (t17 = /* @__PURE__ */ jsx(AnimatePresence, { children: t16 }), $[78] = t16, $[79] = t17) : t17 = $[79];
   let t18;
-  return $[81] !== t14 || $[82] !== t15 || $[83] !== t17 ? (t18 = /* @__PURE__ */ jsxs(FieldStack, { ...t14, ref: rootRef, children: [
+  return $[80] !== t14 || $[81] !== t15 || $[82] !== t17 ? (t18 = /* @__PURE__ */ jsxs(FieldStack, { ...t14, ref: rootRef, children: [
     t15,
     t17
-  ] }), $[81] = t14, $[82] = t15, $[83] = t17, $[84] = t18) : t18 = $[84], t18;
+  ] }), $[80] = t14, $[81] = t15, $[82] = t17, $[83] = t18) : t18 = $[83], t18;
 }
 function _temp2$o(acc, val) {
   return acc + val;
@@ -73387,7 +73464,7 @@ function CommentsPortableTextInput(props2) {
   return $[2] !== mode || $[3] !== props2 ? (t0 = /* @__PURE__ */ jsx(CommentsPortableTextInputInner, { ...props2, mode }), $[2] = mode, $[3] = props2, $[4] = t0) : t0 = $[4], t0;
 }
 const CommentsPortableTextInputInner = memo(function(props2) {
-  const $ = c(98), {
+  const $ = c(97), {
     mode
   } = props2, currentUser = useCurrentUser(), portal = usePortal(), {
     comments: comments2,
@@ -73448,7 +73525,7 @@ const CommentsPortableTextInputInner = memo(function(props2) {
     t6 = $[12];
   const textComments = t6;
   let t7;
-  $[15] !== fragment || $[16] !== nextCommentSelection || $[17] !== nextCommentValue || $[18] !== onCommentsOpen || $[19] !== operation || $[20] !== scrollToGroup || $[21] !== setSelectedPath || $[22] !== setStatus || $[23] !== status || $[24] !== stringFieldPath ? (t7 = () => {
+  $[15] !== fragment || $[16] !== nextCommentSelection || $[17] !== onCommentsOpen || $[18] !== operation || $[19] !== scrollToGroup || $[20] !== setSelectedPath || $[21] !== setStatus || $[22] !== status || $[23] !== stringFieldPath ? (t7 = (nextValue) => {
     if (!nextCommentSelection || !editorRef.current)
       return;
     const editorValue = PortableTextEditor.getValue(editorRef.current);
@@ -73463,7 +73540,7 @@ const CommentsPortableTextInputInner = memo(function(props2) {
       type: "field",
       contentSnapshot: fragment,
       fieldPath: stringFieldPath,
-      message: nextCommentValue,
+      message: nextValue,
       parentCommentId: void 0,
       reactions: EMPTY_ARRAY$6,
       selection: textSelection,
@@ -73474,20 +73551,20 @@ const CommentsPortableTextInputInner = memo(function(props2) {
       threadId,
       origin: "form"
     }), scrollToGroup(threadId), resetStates();
-  }, $[15] = fragment, $[16] = nextCommentSelection, $[17] = nextCommentValue, $[18] = onCommentsOpen, $[19] = operation, $[20] = scrollToGroup, $[21] = setSelectedPath, $[22] = setStatus, $[23] = status, $[24] = stringFieldPath, $[25] = t7) : t7 = $[25];
+  }, $[15] = fragment, $[16] = nextCommentSelection, $[17] = onCommentsOpen, $[18] = operation, $[19] = scrollToGroup, $[20] = setSelectedPath, $[21] = setStatus, $[22] = status, $[23] = stringFieldPath, $[24] = t7) : t7 = $[24];
   const handleSubmit = t7;
   let t8;
-  $[26] !== getComment || $[27] !== onCommentsOpen || $[28] !== scrollToComment || $[29] !== setSelectedPath ? (t8 = (commentId) => {
+  $[25] !== getComment || $[26] !== onCommentsOpen || $[27] !== scrollToComment || $[28] !== setSelectedPath ? (t8 = (commentId) => {
     const comment_0 = getComment(commentId);
     comment_0 && (setSelectedPath({
       fieldPath: comment_0.target.path?.field || "",
       threadId: comment_0.threadId,
       origin: "form"
     }), onCommentsOpen?.(), scrollToComment(comment_0._id));
-  }, $[26] = getComment, $[27] = onCommentsOpen, $[28] = scrollToComment, $[29] = setSelectedPath, $[30] = t8) : t8 = $[30];
+  }, $[25] = getComment, $[26] = onCommentsOpen, $[27] = scrollToComment, $[28] = setSelectedPath, $[29] = t8) : t8 = $[29];
   const handleDecoratorClick = t8, blurred = useRef(!1);
   let t9;
-  $[31] !== mousePressed ? (t9 = (selection) => {
+  $[30] !== mousePressed ? (t9 = (selection) => {
     const isRangeSelected = selection?.anchor.offset !== selection?.focus.offset;
     if (!getFragment()?.every(isPortableTextTextBlock) || !isRangeSelected) {
       setCanSubmit(!1);
@@ -73498,20 +73575,20 @@ const CommentsPortableTextInputInner = memo(function(props2) {
       return;
     }
     mousePressed || handleSetCurrentSelectionRect(), setCurrentSelection(selection), setCanSubmit(!0);
-  }, $[31] = mousePressed, $[32] = t9) : t9 = $[32];
+  }, $[30] = mousePressed, $[31] = t9) : t9 = $[31];
   const debounceSelectionChange = useDebounceSelectionChange(t9);
   let t10;
-  $[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t10 = () => {
+  $[32] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t10 = () => {
     startTransition(() => setMousePressed(!0));
-  }, $[33] = t10) : t10 = $[33];
+  }, $[32] = t10) : t10 = $[32];
   const handleMouseDown = t10;
   let t11;
-  $[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t11 = () => {
+  $[33] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t11 = () => {
     startTransition(() => setMousePressed(!1)), handleSetCurrentSelectionRect();
-  }, $[34] = t11) : t11 = $[34];
+  }, $[33] = t11) : t11 = $[33];
   const handleMouseUp = t11;
   let t12;
-  $[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t12 = (details) => {
+  $[34] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t12 = (details) => {
     const {
       rangeDecoration,
       newSelection
@@ -73524,10 +73601,10 @@ const CommentsPortableTextInputInner = memo(function(props2) {
         dirty: !0
       }
     } : p));
-  }, $[35] = t12) : t12 = $[35];
+  }, $[34] = t12) : t12 = $[34];
   const handleRangeDecorationMoved = t12;
   let t13;
-  $[36] !== addedCommentsDecorations || $[37] !== getComment || $[38] !== operation ? (t13 = () => {
+  $[35] !== addedCommentsDecorations || $[36] !== getComment || $[37] !== operation ? (t13 = () => {
     const decoratorsToUpdate = addedCommentsDecorations.filter(_temp3$d);
     decoratorsToUpdate.length !== 0 && (decoratorsToUpdate.forEach((decorator_0) => {
       const commentId_1 = decorator_0.payload?.commentId, comment_1 = getComment(commentId_1 || "");
@@ -73536,7 +73613,7 @@ const CommentsPortableTextInputInner = memo(function(props2) {
       const editorValue_0 = PortableTextEditor.getValue(editorRef.current) || EMPTY_ARRAY$6, [updatedDecoration] = buildRangeDecorationSelectionsFromComments({
         comments: [comment_1],
         value: editorValue_0
-      }), nextRange = updatedDecoration?.range ? [updatedDecoration.range] : EMPTY_ARRAY$6, nextValue = updatedDecoration ? [...comment_1.target.path?.selection?.value.filter((r) => r._key !== nextRange[0]?._key).concat(nextRange).flat().sort(_temp4$5) || EMPTY_ARRAY$6] : EMPTY_ARRAY$6, nextComment = {
+      }), nextRange = updatedDecoration?.range ? [updatedDecoration.range] : EMPTY_ARRAY$6, nextValue_0 = updatedDecoration ? [...comment_1.target.path?.selection?.value.filter((r) => r._key !== nextRange[0]?._key).concat(nextRange).flat().sort(_temp4$5) || EMPTY_ARRAY$6] : EMPTY_ARRAY$6, nextComment = {
         target: {
           ...comment_1.target,
           path: {
@@ -73544,7 +73621,7 @@ const CommentsPortableTextInputInner = memo(function(props2) {
             field: comment_1.target.path?.field || "",
             selection: {
               type: "text",
-              value: nextValue
+              value: nextValue_0
             }
           }
         }
@@ -73557,10 +73634,10 @@ const CommentsPortableTextInputInner = memo(function(props2) {
         dirty: !1
       }
     } : p_0).filter(_temp5$3)));
-  }, $[36] = addedCommentsDecorations, $[37] = getComment, $[38] = operation, $[39] = t13) : t13 = $[39];
+  }, $[35] = addedCommentsDecorations, $[36] = getComment, $[37] = operation, $[38] = t13) : t13 = $[38];
   const updateCommentRange = t13;
   let t14;
-  $[40] !== currentHoveredCommentId || $[41] !== handleDecoratorClick || $[42] !== selectedPath?.threadId ? (t14 = (commentsToDecorate) => {
+  $[39] !== currentHoveredCommentId || $[40] !== handleDecoratorClick || $[41] !== selectedPath?.threadId ? (t14 = (commentsToDecorate) => {
     if (!editorRef.current)
       return EMPTY_ARRAY$6;
     const editorValue_1 = PortableTextEditor.getValue(editorRef.current) || EMPTY_ARRAY$6;
@@ -73574,12 +73651,12 @@ const CommentsPortableTextInputInner = memo(function(props2) {
       selectedThreadId: selectedPath?.threadId || null,
       value: editorValue_1
     });
-  }, $[40] = currentHoveredCommentId, $[41] = handleDecoratorClick, $[42] = selectedPath?.threadId, $[43] = t14) : t14 = $[43];
+  }, $[39] = currentHoveredCommentId, $[40] = handleDecoratorClick, $[41] = selectedPath?.threadId, $[42] = t14) : t14 = $[42];
   const handleBuildRangeDecorations = t14;
   let t15;
-  $[44] !== debounceSelectionChange || $[45] !== updateCommentRange ? (t15 = (change) => {
+  $[43] !== debounceSelectionChange || $[44] !== updateCommentRange ? (t15 = (change) => {
     change.type === "mutation" && updateCommentRange(), change.type === "blur" && (blurred.current = !0), change.type === "selection" && debounceSelectionChange(change.selection);
-  }, $[44] = debounceSelectionChange, $[45] = updateCommentRange, $[46] = t15) : t15 = $[46];
+  }, $[43] = debounceSelectionChange, $[44] = updateCommentRange, $[45] = t15) : t15 = $[45];
   const onEditorChange = t15;
   let t16;
   bb0: {
@@ -73588,38 +73665,38 @@ const CommentsPortableTextInputInner = memo(function(props2) {
       break bb0;
     }
     let t172;
-    $[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t172 = (t183) => {
+    $[46] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t172 = (t183) => {
       const {
         children
       } = t183;
       return /* @__PURE__ */ jsx(CommentInlineHighlightSpan, { isAuthoring: !0, ref: setAuthoringDecorationElement, children });
-    }, $[47] = t172) : t172 = $[47];
+    }, $[46] = t172) : t172 = $[46];
     let t182;
-    $[48] !== nextCommentSelection ? (t182 = {
+    $[47] !== nextCommentSelection ? (t182 = {
       component: t172,
       selection: nextCommentSelection
-    }, $[48] = nextCommentSelection, $[49] = t182) : t182 = $[49], t16 = t182;
+    }, $[47] = nextCommentSelection, $[48] = t182) : t182 = $[48], t16 = t182;
   }
   const authoringDecoration = t16, t17 = props2?.rangeDecorations || EMPTY_ARRAY$6;
   let t18;
-  $[50] !== addedCommentsDecorations || $[51] !== authoringDecoration || $[52] !== t17 ? (t18 = [...t17, ...authoringDecoration ? [authoringDecoration] : EMPTY_ARRAY$6, ...addedCommentsDecorations], $[50] = addedCommentsDecorations, $[51] = authoringDecoration, $[52] = t17, $[53] = t18) : t18 = $[53];
+  $[49] !== addedCommentsDecorations || $[50] !== authoringDecoration || $[51] !== t17 ? (t18 = [...t17, ...authoringDecoration ? [authoringDecoration] : EMPTY_ARRAY$6, ...addedCommentsDecorations], $[49] = addedCommentsDecorations, $[50] = authoringDecoration, $[51] = t17, $[52] = t18) : t18 = $[52];
   const rangeDecorations = t18, [currentSelectionIsOverlapping, setCurrentSelectionIsOverlapping] = useState(!1);
   let t19, t20;
-  $[54] !== addedCommentsDecorations || $[55] !== currentSelection ? (t19 = () => {
+  $[53] !== addedCommentsDecorations || $[54] !== currentSelection ? (t19 = () => {
     startTransition(() => setCurrentSelectionIsOverlapping(() => !currentSelection || addedCommentsDecorations.length === 0 ? !1 : addedCommentsDecorations.some((d_0) => {
       if (!editorRef.current)
         return !1;
       const testA = PortableTextEditor.isSelectionsOverlapping(editorRef.current, currentSelection, d_0.selection), testB = PortableTextEditor.isSelectionsOverlapping(editorRef.current, d_0.selection, currentSelection);
       return testA || testB;
     })));
-  }, t20 = [addedCommentsDecorations, currentSelection], $[54] = addedCommentsDecorations, $[55] = currentSelection, $[56] = t19, $[57] = t20) : (t19 = $[56], t20 = $[57]), useEffect(t19, t20);
+  }, t20 = [addedCommentsDecorations, currentSelection], $[53] = addedCommentsDecorations, $[54] = currentSelection, $[55] = t19, $[56] = t20) : (t19 = $[55], t20 = $[56]), useEffect(t19, t20);
   const scrollElement = isFullScreen ? document.body : portal.elements?.documentScrollElement || document.body, boundaryElement = isFullScreen ? portal.elements?.documentScrollElement || document.body : rootElement, t21 = !nextCommentSelection || !authoringDecorationElement;
   let t22;
-  $[58] !== scrollElement || $[59] !== t21 ? (t22 = {
+  $[57] !== scrollElement || $[58] !== t21 ? (t22 = {
     scrollElement,
     disabled: t21,
     selector: '[data-inline-comment-state="authoring"]'
-  }, $[58] = scrollElement, $[59] = t21, $[60] = t22) : t22 = $[60];
+  }, $[57] = scrollElement, $[58] = t21, $[59] = t22) : t22 = $[59];
   const popoverAuthoringReferenceElement = useAuthoringReferenceElement(t22);
   let t23;
   bb1: {
@@ -73628,20 +73705,20 @@ const CommentsPortableTextInputInner = memo(function(props2) {
       break bb1;
     }
     let t242;
-    $[61] !== currentSelectionRect ? (t242 = {
+    $[60] !== currentSelectionRect ? (t242 = {
       getBoundingClientRect: () => currentSelectionRect
-    }, $[61] = currentSelectionRect, $[62] = t242) : t242 = $[62], t23 = t242;
+    }, $[60] = currentSelectionRect, $[61] = t242) : t242 = $[61], t23 = t242;
   }
   const selectionReferenceElement = t23;
   let t24, t25;
-  $[63] !== currentSelection || $[64] !== scrollElement ? (t24 = () => {
+  $[62] !== currentSelection || $[63] !== scrollElement ? (t24 = () => {
     if (currentSelection)
       return scrollElement?.addEventListener("wheel", handleSetCurrentSelectionRect), () => {
         scrollElement?.removeEventListener("wheel", handleSetCurrentSelectionRect);
       };
-  }, t25 = [currentSelection, scrollElement, handleSetCurrentSelectionRect], $[63] = currentSelection, $[64] = scrollElement, $[65] = t24, $[66] = t25) : (t24 = $[65], t25 = $[66]), useEffect(t24, t25);
+  }, t25 = [currentSelection, scrollElement, handleSetCurrentSelectionRect], $[62] = currentSelection, $[63] = scrollElement, $[64] = t24, $[65] = t25) : (t24 = $[64], t25 = $[65]), useEffect(t24, t25);
   let t26, t27;
-  $[67] !== handleBuildRangeDecorations || $[68] !== textComments ? (t26 = () => {
+  $[66] !== handleBuildRangeDecorations || $[67] !== textComments ? (t26 = () => {
     const nextDecorations = handleBuildRangeDecorations(textComments);
     startTransition(() => setAddedCommentsDecorations((current) => nextDecorations.map((nextDecoration_1) => {
       const prevDecoration = current.find((p_2) => p_2.payload?.commentId === nextDecoration_1.payload?.commentId);
@@ -73653,26 +73730,26 @@ const CommentsPortableTextInputInner = memo(function(props2) {
         }
       } : nextDecoration_1;
     })));
-  }, t27 = [handleBuildRangeDecorations, textComments], $[67] = handleBuildRangeDecorations, $[68] = textComments, $[69] = t26, $[70] = t27) : (t26 = $[69], t27 = $[70]), useEffect(t26, t27);
+  }, t27 = [handleBuildRangeDecorations, textComments], $[66] = handleBuildRangeDecorations, $[67] = textComments, $[68] = t26, $[69] = t27) : (t26 = $[68], t27 = $[69]), useEffect(t26, t27);
   const showFloatingButton = !!(currentSelection && canSubmit && selectionReferenceElement && !mousePressed), showFloatingInput = !!(nextCommentSelection && popoverAuthoringReferenceElement);
   let t28;
-  $[71] !== currentUser || $[72] !== handleSubmit || $[73] !== mentionOptions || $[74] !== nextCommentValue || $[75] !== popoverAuthoringReferenceElement || $[76] !== showFloatingInput ? (t28 = showFloatingInput && currentUser && /* @__PURE__ */ jsx(InlineCommentInputPopover, { currentUser, mentionOptions, onChange: setNextCommentValue, onClickOutside: resetStates, onDiscardConfirm: handleCommentDiscardConfirm, onSubmit: handleSubmit, referenceElement: popoverAuthoringReferenceElement, value: nextCommentValue }), $[71] = currentUser, $[72] = handleSubmit, $[73] = mentionOptions, $[74] = nextCommentValue, $[75] = popoverAuthoringReferenceElement, $[76] = showFloatingInput, $[77] = t28) : t28 = $[77];
+  $[70] !== currentUser || $[71] !== handleSubmit || $[72] !== mentionOptions || $[73] !== nextCommentValue || $[74] !== popoverAuthoringReferenceElement || $[75] !== showFloatingInput ? (t28 = showFloatingInput && currentUser && /* @__PURE__ */ jsx(InlineCommentInputPopover, { currentUser, mentionOptions, onChange: setNextCommentValue, onClickOutside: resetStates, onDiscardConfirm: handleCommentDiscardConfirm, onSubmit: handleSubmit, referenceElement: popoverAuthoringReferenceElement, value: nextCommentValue }), $[70] = currentUser, $[71] = handleSubmit, $[72] = mentionOptions, $[73] = nextCommentValue, $[74] = popoverAuthoringReferenceElement, $[75] = showFloatingInput, $[76] = t28) : t28 = $[76];
   let t29;
-  $[78] !== addonDatasetError || $[79] !== currentSelectionIsOverlapping || $[80] !== handleSelectCurrentSelection || $[81] !== selectionReferenceElement || $[82] !== showFloatingButton || $[83] !== showFloatingInput ? (t29 = showFloatingButton && !showFloatingInput && /* @__PURE__ */ jsx(FloatingButtonPopover, { disabled: currentSelectionIsOverlapping || !!addonDatasetError, onClick: handleSelectCurrentSelection, onClickOutside: resetStates, referenceElement: selectionReferenceElement }), $[78] = addonDatasetError, $[79] = currentSelectionIsOverlapping, $[80] = handleSelectCurrentSelection, $[81] = selectionReferenceElement, $[82] = showFloatingButton, $[83] = showFloatingInput, $[84] = t29) : t29 = $[84];
+  $[77] !== addonDatasetError || $[78] !== currentSelectionIsOverlapping || $[79] !== handleSelectCurrentSelection || $[80] !== selectionReferenceElement || $[81] !== showFloatingButton || $[82] !== showFloatingInput ? (t29 = showFloatingButton && !showFloatingInput && /* @__PURE__ */ jsx(FloatingButtonPopover, { disabled: currentSelectionIsOverlapping || !!addonDatasetError, onClick: handleSelectCurrentSelection, onClickOutside: resetStates, referenceElement: selectionReferenceElement }), $[77] = addonDatasetError, $[78] = currentSelectionIsOverlapping, $[79] = handleSelectCurrentSelection, $[80] = selectionReferenceElement, $[81] = showFloatingButton, $[82] = showFloatingInput, $[83] = t29) : t29 = $[83];
   let t30;
-  $[85] !== t29 ? (t30 = /* @__PURE__ */ jsx(AnimatePresence, { children: t29 }), $[85] = t29, $[86] = t30) : t30 = $[86];
+  $[84] !== t29 ? (t30 = /* @__PURE__ */ jsx(AnimatePresence, { children: t29 }), $[84] = t29, $[85] = t30) : t30 = $[85];
   let t31;
-  $[87] !== boundaryElement || $[88] !== t28 || $[89] !== t30 ? (t31 = /* @__PURE__ */ jsxs(BoundaryElementProvider, { element: boundaryElement, children: [
+  $[86] !== boundaryElement || $[87] !== t28 || $[88] !== t30 ? (t31 = /* @__PURE__ */ jsxs(BoundaryElementProvider, { element: boundaryElement, children: [
     t28,
     t30
-  ] }), $[87] = boundaryElement, $[88] = t28, $[89] = t30, $[90] = t31) : t31 = $[90];
+  ] }), $[86] = boundaryElement, $[87] = t28, $[88] = t30, $[89] = t31) : t31 = $[89];
   let t32;
-  $[91] !== onEditorChange || $[92] !== props2 || $[93] !== rangeDecorations ? (t32 = /* @__PURE__ */ jsx(Stack, { ref: setRootElement, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, children: /* @__PURE__ */ jsx(RenderDefaultCommentsPortableTextInputInner, { ...props2, onEditorChange, editorRef, rangeDecorations, onFullScreenChange: setIsFullScreen }) }), $[91] = onEditorChange, $[92] = props2, $[93] = rangeDecorations, $[94] = t32) : t32 = $[94];
+  $[90] !== onEditorChange || $[91] !== props2 || $[92] !== rangeDecorations ? (t32 = /* @__PURE__ */ jsx(Stack, { ref: setRootElement, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, children: /* @__PURE__ */ jsx(RenderDefaultCommentsPortableTextInputInner, { ...props2, onEditorChange, editorRef, rangeDecorations, onFullScreenChange: setIsFullScreen }) }), $[90] = onEditorChange, $[91] = props2, $[92] = rangeDecorations, $[93] = t32) : t32 = $[93];
   let t33;
-  return $[95] !== t31 || $[96] !== t32 ? (t33 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+  return $[94] !== t31 || $[95] !== t32 ? (t33 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
     t31,
     t32
-  ] }), $[95] = t31, $[96] = t32, $[97] = t33) : t33 = $[97], t33;
+  ] }), $[94] = t31, $[95] = t32, $[96] = t33) : t33 = $[96], t33;
 });
 function useDebounceSelectionChange(handleSelectionChange) {
   const $ = c(2);