@fileverse-dev/ddoc 3.2.9-sg-1 → 3.2.9-sg-3

package/dist/index.es.js

@@ -53301,7 +53301,7 @@ const Vp = (e) => {
       "data-testid": a ? `comment-card-${a}` : "comment-card",
       onClick: k,
       className: Ke(
-        "flex flex-col gap-[4px] group comment-card",
+        "flex flex-col gap-[4px] group/card comment-card",
         o && "opacity-70",
         d ? "p-3 pb-0" : "px-3"
       ),
@@ -53319,7 +53319,7 @@ const Vp = (e) => {
                   "div",
                   {
                     className: Ke(
-                      !M && "opacity-0 group-hover:opacity-100",
+                      !M && "opacity-0 group-hover/card:opacity-100",
                       "flex  gap-[4px]"
                     ),
                     children: [
@@ -186556,7 +186556,7 @@ const lte = ({
       className: Ke(
         "relative flex cursor-pointer  flex-col w-full mt-[8px] pb-[12px] box-border transition-all color-border-default rounded-[12px]",
         r && a !== e.id && "hidden",
-        e.id === n && (r || !b) ? "color-bg-default border" : "hover:color-bg-default-hover bg-[#00000005] ",
+        e.id === n && (r || !b) ? "color-bg-default border" : "hover:color-bg-default-hover color-bg-transparent ",
         ((v = e.replies) == null ? void 0 : v.length) > 0 && "gap-0",
         o && e.resolved ? "color-bg-default color-border-default" : r && e.resolved && "color-bg-default-hover",
         r && e.resolved && "border"
@@ -187686,9 +187686,9 @@ const lte = ({
       )
     }
   );
-}, ute = 8, OGe = 48;
+}, ute = 8, OGe = 48, IGe = 48;
 var vr = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Anchor = 1] = "Anchor", e[e.Viewport = 2] = "Viewport", e[e.Height = 4] = "Height", e[e.Visibility = 8] = "Visibility", e))(vr || {});
-const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured && e.anchorTop !== null && e.height > 0, t8 = (e) => e === null ? null : Math.round(e), k_ = (e) => e.lastCommittedTranslateY ?? e.anchorTop ?? null, n8 = (e) => e.invalidationFlags !== 0, r8 = (e, t) => t8(t) !== e.lastCommittedTranslateY, o8 = (e, t) => {
+const RGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured && e.anchorTop !== null && e.height > 0, t8 = (e) => e === null ? null : Math.round(e), k_ = (e) => e.lastCommittedTranslateY ?? e.anchorTop ?? null, n8 = (e) => e.invalidationFlags !== 0, r8 = (e, t) => t8(t) !== e.lastCommittedTranslateY, o8 = (e, t) => {
   e.set(t.floatingCardId, {
     translateY: k_(t),
     isVisible: !1
@@ -187704,7 +187704,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
 }, dte = (e, t) => {
   const n = cte(t);
   return n ? e === null ? n.bottom : Math.max(e, n.bottom) : e;
-}, RGe = ({
+}, LGe = ({
   floatingCards: e,
   focusedFloatingCardId: t,
   firstInvalidatedIndex: n,
@@ -187759,16 +187759,16 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
     stopIndex: d,
     usedFocusedLayout: !0
   };
-}, LGe = ({
+}, UGe = ({
   floatingCards: e,
   recomputeStartIndex: t,
-  firstInvalidatedIndex: n = IGe,
+  firstInvalidatedIndex: n = RGe,
   lastInvalidatedIndex: r,
   gap: o = ute,
   focusedFloatingCardId: i
 }) => {
   if (i) {
-    const l = RGe({
+    const l = LGe({
       floatingCards: e,
       focusedFloatingCardId: i,
       firstInvalidatedIndex: n,
@@ -187815,7 +187815,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
     stopIndex: e.length - 1,
     usedFocusedLayout: !1
   };
-}, UGe = 1, yx = (e) => e.type === "draft" ? {
+}, PGe = 1, yx = (e) => e.type === "draft" ? {
   anchorId: e.draftId,
   anchorType: "draft"
 } : e.type === "suggestion-draft" ? {
@@ -187824,21 +187824,21 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
 } : {
   anchorId: e.commentId,
   anchorType: "thread"
-}, PGe = (e) => typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/"/g, '\\"'), zGe = ({
+}, zGe = (e) => typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/"/g, '\\"'), $Ge = ({
   anchorId: e,
   anchorType: t
 }) => {
   let n = "data-comment-id";
-  return t === "draft" && (n = "data-draft-comment-id"), t === "suggestion-draft" && (n = "data-suggestion-id"), `[${n}="${PGe(e)}"]`;
-}, $Ge = ({
+  return t === "draft" && (n = "data-draft-comment-id"), t === "suggestion-draft" && (n = "data-suggestion-id"), `[${n}="${zGe(e)}"]`;
+}, HGe = ({
   editorRoot: e,
   anchorId: t,
   anchorType: n
 }) => Array.from(
   e.querySelectorAll(
-    zGe({ anchorId: t, anchorType: n })
+    $Ge({ anchorId: t, anchorType: n })
   )
-), HGe = (e, t) => {
+), WGe = (e, t) => {
   let n = null;
   return t.forEach((r) => {
     try {
@@ -187853,18 +187853,18 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
   } catch {
     return null;
   }
-}, WGe = (e, t) => e.length !== t.length ? !1 : e.every(
+}, qGe = (e, t) => e.length !== t.length ? !1 : e.every(
   (n, r) => n === t[r]
 ), rL = (e, t) => e.lastSeenEditorRoot === t && e.elements.length > 0 && e.elements.every(
   (n) => n.isConnected && t.contains(n)
-), qGe = ({
+), VGe = ({
   cachedRect: e,
   scrollTop: t,
   containerTop: n
 }) => ({
   top: e.top - (t - e.scrollTop) + (e.containerTop - n),
   height: e.height
-}), VGe = ({
+}), KGe = ({
   elements: e,
   viewportTop: t,
   viewportBottom: n
@@ -187882,7 +187882,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
     height: Math.max(1, s - i),
     intersectsViewport: o
   };
-}, KGe = (e, t) => e === t ? 0 : e === null ? 1 : t === null ? -1 : e - t, GGe = ({
+}, GGe = (e, t) => e === t ? 0 : e === null ? 1 : t === null ? -1 : e - t, XGe = ({
   previousOrderedFloatingCardIds: e,
   nextFloatingCards: t,
   getPos: n
@@ -187893,7 +187893,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
       l
     ])
   ), o = t.map((a) => a.floatingCardId).sort((a, l) => {
-    const u = KGe(n(a), n(l));
+    const u = GGe(n(a), n(l));
     if (u !== 0)
       return u;
     const c = (r.get(a) ?? Number.POSITIVE_INFINITY) - (r.get(l) ?? Number.POSITIVE_INFINITY);
@@ -187913,7 +187913,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
     orderedFloatingCardIds: o,
     firstChangedIndex: i
   };
-}, oL = (e, t) => e.length !== t.length ? !1 : e.every((n, r) => n === t[r]), XGe = (e) => ({
+}, oL = (e, t) => e.length !== t.length ? !1 : e.every((n, r) => n === t[r]), YGe = (e) => ({
   floatingCardId: e.floatingCardId,
   anchorTop: e.anchorTop,
   height: e.height,
@@ -187921,7 +187921,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
   isMeasured: e.isMeasured,
   lastCommittedTranslateY: e.lastCommittedTranslateY,
   invalidationFlags: e.invalidationFlags
-}), YGe = () => {
+}), ZGe = () => {
   const e = je(/* @__PURE__ */ new Map()), t = je(/* @__PURE__ */ new Set()), n = je(null), r = je(null), o = Ae((l) => {
     t.current.add(l);
   }, []), i = Ae(
@@ -187969,7 +187969,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
           M.anchorPosition = (B == null ? void 0 : B.pmPos) ?? M.anchorPosition;
           return;
         }
-        const R = $Ge({
+        const R = HGe({
           editorRoot: d,
           anchorId: C,
           anchorType: N
@@ -187994,7 +187994,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
           }), F = !0, M.anchorPosition = (B == null ? void 0 : B.pmPos) ?? M.anchorPosition;
           return;
         }
-        const P = HGe(c, R), H = !B || B.anchorType !== N || B.pmPos !== P || B.lastSeenEditorRoot !== d || !WGe(B.elements, R), $ = {
+        const P = WGe(c, R), H = !B || B.anchorType !== N || B.pmPos !== P || B.lastSeenEditorRoot !== d || !qGe(B.elements, R), $ = {
           floatingCardId: A.floatingCardId,
           anchorId: C,
           anchorType: N,
@@ -188047,7 +188047,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
     resetAnchorRegistry: s,
     syncAnchors: a
   };
-}, ZGe = () => {
+}, JGe = () => {
   const e = je(
     /* @__PURE__ */ new Map()
   ), t = je([]), n = je(/* @__PURE__ */ new Map()), r = je(!0), o = je(/* @__PURE__ */ new Set()), i = je({
@@ -188099,7 +188099,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
           orderedFloatingCardIds: t.current,
           firstChangedIndex: null
         };
-      const w = GGe({
+      const w = XGe({
         previousOrderedFloatingCardIds: t.current,
         nextFloatingCards: v,
         getPos: (k) => u(k).anchorPosition
@@ -188149,7 +188149,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
     []
   ), y = Ae(
     () => t.current.map(
-      (v) => XGe(u(v))
+      (v) => YGe(u(v))
     ),
     [u]
   ), F = Ae(() => {
@@ -188175,23 +188175,23 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
     getFloatingCardLayoutInputs: y,
     resetFloatingCardState: F
   };
-}, JGe = (e) => e instanceof Element ? !!e.closest(
+}, QGe = (e) => e instanceof Element ? !!e.closest(
   '[data-inline-comment-actions-menu], [data-radix-popper-content-wrapper], [data-floating-ui-portal], [role="dialog"]'
-) : !1, QGe = "--floating-comment-container-min-height", Ww = ({
+) : !1, eXe = "--floating-comment-container-min-height", Ww = ({
   top: e,
   bottom: t,
   viewportTop: n,
   viewportBottom: r,
   viewportHeight: o
 }) => {
-  const i = o * UGe;
+  const i = o * PGe;
   return t >= n - i && e <= r + i;
-}, eXe = (e) => e instanceof Node ? e.nodeType === Node.TEXT_NODE ? e.parentElement : e instanceof Element ? e : null : null, tXe = (e, t) => {
-  const n = eXe(e);
+}, tXe = (e) => e instanceof Node ? e.nodeType === Node.TEXT_NODE ? e.parentElement : e instanceof Element ? e : null : null, nXe = (e, t) => {
+  const n = tXe(e);
   return !n || !t ? !1 : !!(t.contains(n) && n.closest(
     '[data-comment-id], [data-draft-comment-id], .inline-comment, mark[data-color="yellow"]'
   ));
-}, nXe = ({
+}, rXe = ({
   blurFloatingCard: e,
   closeFloatingCard: t,
   editor: n,
@@ -188314,7 +188314,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
           ), O(Qe)), Ie.anchorTop = null, Ie.anchorHeight = 0;
           return;
         }
-        let ut = Ze.cachedRect ? qGe({
+        let ut = Ze.cachedRect ? VGe({
           cachedRect: Ze.cachedRect,
           scrollTop: se.scrollTop,
           containerTop: le.top
@@ -188328,7 +188328,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
           viewportHeight: ke
         }), me = Ie.anchorVersion !== Ze.anchorVersion;
         if ((!Ze.cachedRect || Ie.isInViewport || wt || me || !Ie.isMeasured || Oe && wt || Te && Ie.isInViewport) && rL(Ze, re)) {
-          const vt = VGe({
+          const vt = KGe({
             elements: Ze.elements,
             viewportTop: te.top,
             viewportBottom: te.bottom
@@ -188402,7 +188402,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
       ), nn = Math.min(
         k.current.recomputeFromIndex,
         Math.max(A.current.length - 1, 0)
-      ), xt = !!$.current && ee.current && A.current.length > 0, Ct = LGe({
+      ), xt = !!$.current && ee.current && A.current.length > 0, Ct = UGe({
         floatingCards: F(),
         recomputeStartIndex: nn,
         firstInvalidatedIndex: xt ? 0 : pt,
@@ -188439,7 +188439,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
         Math.max(xe, Je)
       );
       Z.current !== Rt && (G.style.setProperty(
-        QGe,
+        eXe,
         `${Rt}px`
       ), Z.current = Rt), b(Ct.stopIndex), k.current.recomputeFromIndex = A.current.length, de.size > 0 && de.forEach((bt) => {
         t(bt);
@@ -188536,10 +188536,10 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
   ]), ef(
     V,
     (T) => {
-      if (!a || !s || JGe(T.target))
+      if (!a || !s || QGe(T.target))
         return;
       const re = Hw(n);
-      tXe(T.target, re) || e(s);
+      nXe(T.target, re) || e(s);
     },
     "mousedown",
     { capture: !0 }
@@ -188685,7 +188685,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
     floatingCardListContainerRef: R,
     registerCardNode: ue
   };
-}, rXe = ({
+}, oXe = ({
   blurFloatingCard: e,
   closeFloatingCard: t,
   editor: n,
@@ -188697,7 +188697,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
   isHidden: l,
   scrollContainerRef: u
 }) => {
-  const c = YGe(), d = ZGe(), { floatingCardListContainerRef: p, registerCardNode: h } = nXe({
+  const c = ZGe(), d = JGe(), { floatingCardListContainerRef: p, registerCardNode: h } = rXe({
     blurFloatingCard: e,
     closeFloatingCard: t,
     editor: n,
@@ -188716,7 +188716,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
     mountedFloatingCardIds: d.mountedFloatingCardIds,
     registerCardNode: h
   };
-}, oXe = () => {
+}, iXe = () => {
   const e = Ne((a) => a.blurFloatingCard), t = Ne((a) => a.closeFloatingCard), n = Ne((a) => a.floatingCards), r = Ne(
     (a) => a.isDesktopFloatingEnabled
   ), o = Et(
@@ -188746,7 +188746,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
     focusedFloatingCardId: s,
     isDesktopFloatingEnabled: r
   };
-}, iXe = ({
+}, sXe = ({
   editor: e,
   editorWrapperRef: t,
   scrollContainerRef: n,
@@ -188760,11 +188760,11 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
     floatingCards: l,
     focusedFloatingCardId: u,
     isDesktopFloatingEnabled: c
-  } = oXe(), {
+  } = iXe(), {
     floatingCardListContainerRef: d,
     mountedFloatingCardIds: p,
     registerCardNode: h
-  } = rXe({
+  } = oXe({
     blurFloatingCard: o,
     closeFloatingCard: i,
     editor: e,
@@ -188787,7 +188787,7 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
     registerCardNode: h,
     shouldRender: g
   };
-}, pte = 300, sXe = (e) => e instanceof Element ? !!e.closest(
+}, pte = 300, aXe = (e) => e instanceof Element ? !!e.closest(
   'button, [role="button"], a, [data-inline-comment-actions-menu], [data-radix-popper-content-wrapper]'
 ) : !1, lm = lr(({ floatingCardId: e, isHidden: t, isFocused: n, onFocus: r, children: o }, i) => /* @__PURE__ */ x.jsx(
   "div",
@@ -188805,13 +188805,13 @@ const IGe = Number.POSITIVE_INFINITY, db = (e) => e.isVisible && e.isMeasured &&
       opacity: t ? 0 : 1
     },
     onMouseDown: (s) => {
-      sXe(s.target) || r();
+      aXe(s.target) || r();
     },
     children: o
   }
 ));
 lm.displayName = "FloatingCardShell";
-const aXe = ({
+const lXe = ({
   draft: e,
   isHidden: t,
   registerCardNode: n
@@ -188865,11 +188865,11 @@ const aXe = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ x.jsx(lXe, { draftState: o, draft: e })
+        /* @__PURE__ */ x.jsx(uXe, { draftState: o, draft: e })
       ] }) : /* @__PURE__ */ x.jsx(am, { isDraft: !0 })
     }
   ) : null;
-}, lXe = ({
+}, uXe = ({
   draftState: e,
   draft: t
 }) => {
@@ -188914,7 +188914,7 @@ const aXe = ({
       )
     ] })
   ] });
-}, uXe = ({
+}, cXe = ({
   card: e,
   isHidden: t,
   registerCardNode: n
@@ -189028,60 +189028,68 @@ const aXe = ({
       ] }) : /* @__PURE__ */ x.jsx(am, { isDraft: !0 })
     }
   );
-}, cXe = ({
+}, dXe = ({
   thread: e,
   comment: t,
   isHidden: n,
-  registerCardNode: r
+  registerCardNode: r,
+  isCollaborationEnabled: o
 }) => {
-  const o = Ne((b) => b.focusFloatingCard), i = Ne((b) => b.focusCommentInEditor), s = Ne((b) => b.isDDocOwner), a = Ne((b) => b.username), l = Ne((b) => b.acceptSuggestion), u = Ne((b) => b.deleteComment), c = Ae(
-    (b) => {
-      r(e.floatingCardId, b);
+  const i = Ne((y) => y.focusFloatingCard), s = Ne((y) => y.focusCommentInEditor), a = Ne((y) => y.isDDocOwner), l = Ne((y) => y.username), u = Ne((y) => y.acceptSuggestion), c = Ne((y) => y.deleteComment), d = Ae(
+    (y) => {
+      r(e.floatingCardId, y);
     },
     [r, e.floatingCardId]
   );
   if (!t) return null;
-  const d = () => {
-    o(e.floatingCardId), !e.isFocused && e.commentId && i(e.commentId);
-  }, p = !!(a && t.username && t.username === a), h = s, f = !s && p, g = () => {
-    e.commentId && l(e.commentId);
-  }, m = () => {
+  const p = () => {
+    i(e.floatingCardId), !e.isFocused && e.commentId && s(e.commentId);
+  }, h = !!(l && t.username && t.username === l), f = a, g = !a && h, m = () => {
     e.commentId && u(e.commentId);
+  }, b = () => {
+    e.commentId && c(e.commentId);
   };
   return /* @__PURE__ */ x.jsx(
     lm,
     {
-      ref: c,
+      ref: d,
       floatingCardId: e.floatingCardId,
       isHidden: n,
       isFocused: e.isFocused,
-      onFocus: d,
+      onFocus: p,
       children: /* @__PURE__ */ x.jsxs("div", { className: "flex group flex-col gap-2 p-3 pb-0", children: [
         /* @__PURE__ */ x.jsx(
-          dXe,
+          pXe,
           {
             username: t.username,
             createdAt: t.createdAt,
-            canAcceptReject: h,
-            canWithdraw: f,
-            onAccept: g,
-            onReject: m
+            canAcceptReject: f,
+            canWithdraw: g,
+            onAccept: m,
+            onReject: b
           }
         ),
-        /* @__PURE__ */ x.jsx("div", { className: "ml-[32px]", children: /* @__PURE__ */ x.jsx(pXe, { comment: t }) }),
+        /* @__PURE__ */ x.jsx("div", { className: "ml-[32px]", children: /* @__PURE__ */ x.jsx(hXe, { comment: t }) }),
         /* @__PURE__ */ x.jsx(
-          hXe,
+          fXe,
           {
             thread: e,
             comment: t,
-            onFocusRequest: d
+            onFocusRequest: p
           }
         ),
-        /* @__PURE__ */ x.jsx(fXe, { thread: e, comment: t })
+        /* @__PURE__ */ x.jsx(
+          gXe,
+          {
+            thread: e,
+            comment: t,
+            isCollaborationEnabled: o
+          }
+        )
       ] })
     }
   );
-}, dXe = ({
+}, pXe = ({
   username: e,
   createdAt: t,
   canAcceptReject: n,
@@ -189102,7 +189110,7 @@ const aXe = ({
       }
     ),
     /* @__PURE__ */ x.jsxs("span", { className: "text-body-sm-bold inline-flex items-center gap-1 whitespace-nowrap", children: [
-      /* @__PURE__ */ x.jsx("p", { className: "truncate max-w-[230px]", children: cf(s.name) }),
+      /* @__PURE__ */ x.jsx("p", { className: "truncate max-w-[86px]", children: cf(s.name) }),
       s.isEns && /* @__PURE__ */ x.jsx("img", { src: df, alt: "verified", className: "w-3.5 h-3.5" })
     ] }),
     /* @__PURE__ */ x.jsx("span", { className: "text-helper-text-sm color-text-secondary whitespace-nowrap", children: t && m3(t) }),
@@ -189141,7 +189149,7 @@ const aXe = ({
       )
     ] })
   ] });
-}, pXe = ({
+}, hXe = ({
   comment: e
 }) => {
   const {
@@ -189190,7 +189198,7 @@ const aXe = ({
       '"'
     ] })
   ] }) : null;
-}, hXe = ({
+}, fXe = ({
   thread: e,
   comment: t,
   onFocusRequest: n
@@ -189232,60 +189240,70 @@ const aXe = ({
       visibleReplies: p
     }
   ) });
-}, fXe = ({
+}, gXe = ({
   thread: e,
-  comment: t
+  comment: t,
+  isCollaborationEnabled: n
 }) => {
-  const n = Ne((m) => m.username), r = Ne((m) => m.isConnected), o = Ne((m) => m.handleAddReply), i = Ne((m) => m.setCommentDrawerOpen), [s, a] = Me(""), [l, u] = Me(!1), c = je(null), d = !t.resolved && !t.deleted, p = !!s.trim(), h = r && (e.isFocused || p), f = Ys(n);
+  const r = Ne((b) => b.username), o = Ne((b) => b.isConnected), i = Ne((b) => b.handleAddReply), s = Ne((b) => b.setCommentDrawerOpen), [a, l] = Me(""), [u, c] = Me(!1), d = je(null), p = !t.resolved && !t.deleted, h = !!a.trim(), f = n ? e.isFocused : o && (e.isFocused || h), g = Ys(r);
   _e(() => {
-    c.current && Qr(c.current);
-  }, [s]);
-  const g = () => {
-    if (!(!e.commentId || !s.trim())) {
-      if (!r) {
-        i == null || i(!0);
+    d.current && Qr(d.current);
+  }, [a]);
+  const m = () => {
+    if (!n && !(!e.commentId || !a.trim())) {
+      if (!o) {
+        s == null || s(!0);
         return;
       }
-      o(e.commentId, s), a(""), u(!1);
+      i(e.commentId, a), l(""), c(!1);
     }
   };
-  return d ? e.isFocused && !r ? /* @__PURE__ */ x.jsx(am, {}) : h ? /* @__PURE__ */ x.jsxs("div", { className: "group", children: [
-    /* @__PURE__ */ x.jsxs("div", { className: "border flex px-[12px] py-[8px] gap-[8px] rounded-[4px] color-bg-default", children: [
-      /* @__PURE__ */ x.jsx(
-        qs,
-        {
-          src: f.isEns ? Pi : `https://api.dicebear.com/9.x/identicon/svg?seed=${encodeURIComponent(
-            f.name || ""
-          )}`,
-          className: "w-[16px] h-[16px]"
-        }
-      ),
-      /* @__PURE__ */ x.jsx(
-        Gu,
-        {
-          ref: c,
-          value: s,
-          onChange: (m) => {
-            a(m.target.value), Qr(m.currentTarget);
-          },
-          onFocus: () => u(!0),
-          onBlur: () => u(!1),
-          onInput: (m) => Qr(m.currentTarget),
-          onKeyDown: (m) => {
-            m.key === "Enter" && (!m.shiftKey || m.metaKey) && (m.preventDefault(), g());
-          },
-          className: "color-bg-default w-full text-body-sm color-text-default !p-0 !border-none h-[20px] max-h-[296px] overflow-y-auto no-scrollbar whitespace-pre-wrap",
-          placeholder: d ? "Add a reply" : "Thread resolved",
-          disabled: !d
-        }
-      )
-    ] }),
+  return p ? e.isFocused && !o && !n ? /* @__PURE__ */ x.jsx(am, {}) : f ? /* @__PURE__ */ x.jsxs("div", { className: "group", children: [
+    /* @__PURE__ */ x.jsxs(
+      "div",
+      {
+        className: Ke(
+          "border flex px-[12px] py-[8px] gap-[8px] rounded-[4px]",
+          n ? "color-bg-disabled" : "color-bg-default"
+        ),
+        children: [
+          /* @__PURE__ */ x.jsx(
+            qs,
+            {
+              src: g.isEns ? Pi : `https://api.dicebear.com/9.x/identicon/svg?seed=${encodeURIComponent(
+                g.name || ""
+              )}`,
+              className: "w-[16px] h-[16px]"
+            }
+          ),
+          /* @__PURE__ */ x.jsx(
+            Gu,
+            {
+              ref: d,
+              value: a,
+              onChange: (b) => {
+                l(b.target.value), Qr(b.currentTarget);
+              },
+              onFocus: () => c(!0),
+              onBlur: () => c(!1),
+              onInput: (b) => Qr(b.currentTarget),
+              onKeyDown: (b) => {
+                b.key === "Enter" && (!b.shiftKey || b.metaKey) && (b.preventDefault(), m());
+              },
+              className: "color-bg-default w-full text-body-sm color-text-default !p-0 !border-none h-[20px] max-h-[296px] overflow-y-auto no-scrollbar whitespace-pre-wrap",
+              placeholder: n ? "Cannot send reply in collaboration mode" : p ? "Add a reply" : "Thread resolved",
+              disabled: !p || n
+            }
+          )
+        ]
+      }
+    ),
     /* @__PURE__ */ x.jsxs(
       "div",
       {
         className: Ke(
           "items-center justify-end gap-2 pt-2",
-          p || l ? "flex" : "hidden"
+          h || u ? "flex" : "hidden"
         ),
         children: [
           /* @__PURE__ */ x.jsx(
@@ -189293,8 +189311,8 @@ const aXe = ({
             {
               variant: "ghost",
               className: "w-20 min-w-20",
-              onClick: (m) => {
-                m.stopPropagation(), a(""), u(!1);
+              onClick: (b) => {
+                b.stopPropagation(), l(""), c(!1);
               },
               children: /* @__PURE__ */ x.jsx("p", { className: "text-body-sm-bold", children: "Cancel" })
             }
@@ -189303,8 +189321,8 @@ const aXe = ({
             Ot,
             {
               className: "w-20 min-w-20",
-              disabled: !s.trim(),
-              onClick: g,
+              disabled: !a.trim() || n,
+              onClick: m,
               children: "Send"
             }
           )
@@ -189312,7 +189330,7 @@ const aXe = ({
       }
     )
   ] }) : null : null;
-}, gXe = ({
+}, mXe = ({
   thread: e,
   comment: t,
   tabName: n,
@@ -189370,7 +189388,7 @@ const aXe = ({
         ),
         e.isFocused && !l && !i && /* @__PURE__ */ x.jsx(am, {}),
         /* @__PURE__ */ x.jsx("div", { className: "px-3", children: /* @__PURE__ */ x.jsx(
-          mXe,
+          bXe,
           {
             comment: t,
             thread: e,
@@ -189389,7 +189407,7 @@ const aXe = ({
       ] })
     }
   );
-}, mXe = ({
+}, bXe = ({
   comment: e,
   thread: t,
   isCollaborationEnabled: n
@@ -189496,7 +189514,7 @@ const aXe = ({
         }
       )
     ] });
-}, bXe = ({
+}, yXe = ({
   editor: e,
   editorWrapperRef: t,
   scrollContainerRef: n,
@@ -189509,7 +189527,7 @@ const aXe = ({
     mountedFloatingCards: l,
     registerCardNode: u,
     shouldRender: c
-  } = iXe({
+  } = sXe({
     editor: e,
     editorWrapperRef: t,
     scrollContainerRef: n,
@@ -189526,12 +189544,14 @@ const aXe = ({
       "data-floating-comment-hidden": o ? "true" : "false",
       style: {
         width: pte,
-        minHeight: "var(--floating-comment-container-min-height, 100%)"
+        boxSizing: "content-box",
+        minHeight: "var(--floating-comment-container-min-height, 100%)",
+        paddingRight: o ? 0 : IGe
       },
       children: l.map((d) => {
         if (d.type === "draft")
           return /* @__PURE__ */ x.jsx(
-            aXe,
+            lXe,
             {
               draft: d,
               isHidden: o,
@@ -189541,7 +189561,7 @@ const aXe = ({
           );
         if (d.type === "suggestion-draft")
           return /* @__PURE__ */ x.jsx(
-            uXe,
+            cXe,
             {
               card: d,
               isHidden: o,
@@ -189553,17 +189573,18 @@ const aXe = ({
           (h) => h.id === d.commentId
         );
         return p != null && p.isSuggestion ? /* @__PURE__ */ x.jsx(
-          cXe,
+          dXe,
           {
             thread: d,
             comment: p,
             tabName: r,
             isHidden: o,
-            registerCardNode: u
+            registerCardNode: u,
+            isCollaborationEnabled: i
           },
           d.floatingCardId
         ) : /* @__PURE__ */ x.jsx(
-          gXe,
+          mXe,
           {
             thread: d,
             comment: p,
@@ -189785,14 +189806,14 @@ const xx = Tt.memo(gte);
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const yXe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), mte = (...e) => e.filter((t, n, r) => !!t && t.trim() !== "" && r.indexOf(t) === n).join(" ").trim();
+const xXe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), mte = (...e) => e.filter((t, n, r) => !!t && t.trim() !== "" && r.indexOf(t) === n).join(" ").trim();
 /**
  * @license lucide-react v0.475.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var xXe = {
+var vXe = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -189809,7 +189830,7 @@ var xXe = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const vXe = lr(
+const FXe = lr(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -189823,7 +189844,7 @@ const vXe = lr(
     "svg",
     {
       ref: l,
-      ...xXe,
+      ...vXe,
       width: t,
       height: t,
       stroke: e,
@@ -189845,10 +189866,10 @@ const vXe = lr(
  */
 const bte = (e, t) => {
   const n = lr(
-    ({ className: r, ...o }, i) => pb(vXe, {
+    ({ className: r, ...o }, i) => pb(FXe, {
       ref: i,
       iconNode: t,
-      className: mte(`lucide-${yXe(e)}`, r),
+      className: mte(`lucide-${xXe(e)}`, r),
       ...o
     })
   );
@@ -189860,7 +189881,7 @@ const bte = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const FXe = [
+const wXe = [
   ["path", { d: "M12 2v4", key: "3427ic" }],
   ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
   ["path", { d: "M18 12h4", key: "wj9ykh" }],
@@ -189869,17 +189890,17 @@ const FXe = [
   ["path", { d: "m4.9 19.1 2.9-2.9", key: "bwix9q" }],
   ["path", { d: "M2 12h4", key: "j09sii" }],
   ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
-], wXe = bte("Loader", FXe);
+], DXe = bte("Loader", wXe);
 /**
  * @license lucide-react v0.475.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const DXe = [
+const kXe = [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
-], kXe = bte("Search", DXe), i8 = ({
+], EXe = bte("Search", kXe), i8 = ({
   emoji: e,
   setEmoji: t,
   isEditing: n,
@@ -190024,7 +190045,7 @@ const DXe = [
         className: Ke("fixed z-50"),
         style: { top: d.top, left: d.left },
         children: /* @__PURE__ */ x.jsxs(
-          EXe,
+          CXe,
           {
             className: Ke(
               "color-bg-default rounded-lg border shadow-md",
@@ -190034,9 +190055,9 @@ const DXe = [
               t(g), s(!1);
             },
             children: [
-              /* @__PURE__ */ x.jsx(CXe, {}),
-              /* @__PURE__ */ x.jsx(TXe, {}),
-              /* @__PURE__ */ x.jsx(jXe, {})
+              /* @__PURE__ */ x.jsx(_Xe, {}),
+              /* @__PURE__ */ x.jsx(jXe, {}),
+              /* @__PURE__ */ x.jsx(BXe, {})
             ]
           }
         )
@@ -190044,7 +190065,7 @@ const DXe = [
     )
   ] });
 };
-function EXe({
+function CXe({
   className: e,
   ...t
 }) {
@@ -190060,7 +190081,7 @@ function EXe({
     }
   );
 }
-function CXe({
+function _Xe({
   className: e,
   ...t
 }) {
@@ -190070,7 +190091,7 @@ function CXe({
       className: Ke("flex h-9 items-center gap-2 border-b px-3", e),
       "data-slot": "emoji-picker-search-wrapper",
       children: [
-        /* @__PURE__ */ x.jsx(kXe, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ x.jsx(EXe, { className: "size-4 shrink-0 opacity-50" }),
         /* @__PURE__ */ x.jsx(
           Xc.Search,
           {
@@ -190083,13 +190104,13 @@ function CXe({
     }
   );
 }
-function _Xe({
+function AXe({
   children: e,
   ...t
 }) {
   return /* @__PURE__ */ x.jsx("div", { ...t, className: "scroll-my-1 px-1", "data-slot": "emoji-picker-row", children: e });
 }
-function AXe({
+function SXe({
   emoji: e,
   className: t,
   ...n
@@ -190107,7 +190128,7 @@ function AXe({
     }
   );
 }
-function SXe({
+function TXe({
   category: e,
   ...t
 }) {
@@ -190121,7 +190142,7 @@ function SXe({
     }
   );
 }
-function TXe({
+function jXe({
   className: e,
   ...t
 }) {
@@ -190137,7 +190158,7 @@ function TXe({
           {
             className: "absolute inset-0 flex items-center justify-center text-muted-foreground",
             "data-slot": "emoji-picker-loading",
-            children: /* @__PURE__ */ x.jsx(wXe, { className: "size-4 animate-spin" })
+            children: /* @__PURE__ */ x.jsx(DXe, { className: "size-4 animate-spin" })
           }
         ),
         /* @__PURE__ */ x.jsx(
@@ -190153,9 +190174,9 @@ function TXe({
           {
             className: "select-none pb-1",
             components: {
-              Row: _Xe,
-              Emoji: AXe,
-              CategoryHeader: SXe
+              Row: AXe,
+              Emoji: SXe,
+              CategoryHeader: TXe
             },
             "data-slot": "emoji-picker-list"
           }
@@ -190164,7 +190185,7 @@ function TXe({
     }
   );
 }
-function jXe({
+function BXe({
   className: e,
   ...t
 }) {
@@ -190184,7 +190205,7 @@ function jXe({
     }
   );
 }
-const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30px] border-radius-sm flex items-center w-full", NXe = (e) => {
+const NXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30px] border-radius-sm flex items-center w-full", MXe = (e) => {
   const {
     attributes: t,
     listeners: n,
@@ -190408,7 +190429,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       ]
     }
   );
-}, MXe = ({
+}, OXe = ({
   name: e,
   emoji: t
 }) => /* @__PURE__ */ x.jsxs(
@@ -190422,14 +190443,14 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       /* @__PURE__ */ x.jsx("span", { className: "text-heading-xsm color-text-default truncate", children: e })
     ]
   }
-), OXe = ({
+), IXe = ({
   item: e
 }) => {
   const [t, n] = Me(!1), r = /* @__PURE__ */ x.jsxs(
     "div",
     {
       "data-testid": `tab-menu-${e.id}`,
-      className: rt(BXe, e.disabled && "!cursor-not-allowed"),
+      className: rt(NXe, e.disabled && "!cursor-not-allowed"),
       onClick: (i) => {
         var s;
         i.stopPropagation(), !e.disabled && ((s = e.onSelect) == null || s.call(e));
@@ -190491,7 +190512,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         className: rt("w-[160px] space-xsm", n),
         children: r.map((o, i) => /* @__PURE__ */ x.jsxs("div", { children: [
           i > 0 && /* @__PURE__ */ x.jsx("hr", { className: "border-t space-x-xsm color-border-default my-[4px] w-full" }),
-          o.map((s) => /* @__PURE__ */ x.jsx(OXe, { item: s }, s.id))
+          o.map((s) => /* @__PURE__ */ x.jsx(IXe, { item: s }, s.id))
         ] }, `section-${i}`))
       }
     )
@@ -190556,7 +190577,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       ] })
     }
   ) });
-}, IXe = ({
+}, RXe = ({
   tabSectionContainer: e,
   ...t
 }) => !e && t.isVersionHistoryMode ? null : e ? vx(/* @__PURE__ */ x.jsx(iL, { ...t }), e) : /* @__PURE__ */ x.jsx(iL, { ...t }), iL = ({
@@ -190731,7 +190752,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                         )
                       ] }) }),
                       /* @__PURE__ */ x.jsx("div", { className: "w-full overflow-y-auto no-scrollbar space-y-1", children: e.map((U, V) => /* @__PURE__ */ x.jsx(
-                        RXe,
+                        LXe,
                         {
                           tab: U,
                           tabIndex: V,
@@ -190769,7 +190790,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
             }
           ),
           /* @__PURE__ */ x.jsx(Mne, { children: E ? /* @__PURE__ */ x.jsx(
-            MXe,
+            OXe,
             {
               emoji: (j == null ? void 0 : j.emoji) ?? "",
               name: (j == null ? void 0 : j.name) ?? ""
@@ -190799,7 +190820,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       }
     )
   ] });
-}, RXe = ({
+}, LXe = ({
   tab: e,
   tabIndex: t,
   tabCount: n,
@@ -190826,7 +190847,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
   const w = n > 1;
   return /* @__PURE__ */ x.jsxs("div", { className: "w-full flex flex-col gap-2", children: [
     /* @__PURE__ */ x.jsx(
-      NXe,
+      MXe,
       {
         id: e.id,
         tabId: e.id,
@@ -190874,7 +190895,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       }
     )
   ] });
-}, LXe = ({
+}, UXe = ({
   tabs: e,
   activeTabId: t,
   setActiveTabId: n,
@@ -191251,7 +191272,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       ]
     }
   );
-}, UXe = ({
+}, PXe = ({
   editor: e,
   hasToC: t,
   items: n,
@@ -191359,7 +191380,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
 }) => {
   const E = or("(max-width:1280px)");
   return l.length ? E ? /* @__PURE__ */ x.jsx(
-    LXe,
+    UXe,
     {
       tabs: l,
       setTabs: u,
@@ -191381,7 +191402,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       isFocusMode: k
     }
   ) : /* @__PURE__ */ x.jsx(
-    IXe,
+    RXe,
     {
       tabs: l,
       setTabs: u,
@@ -191409,7 +191430,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       isFocusMode: k
     }
   ) : /* @__PURE__ */ x.jsx(
-    UXe,
+    PXe,
     {
       editor: e,
       hasToC: t,
@@ -191421,7 +191442,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       orientation: a
     }
   );
-}, PXe = "h-6 bg-gradient-to-r [--from:210,_17%,_98%,_1] [--to:0,_0%,_93%,_1] dark:[--from:0,0%,16%,1] dark:[--to:0,0%,12%,1] from-[hsl(var(--from))] to-[hsl(var(--to))]", Vi = ({ className: e }) => /* @__PURE__ */ x.jsx("div", { className: Ke(PXe, e) }), wte = () => /* @__PURE__ */ x.jsx("div", { className: "flex flex-col gap-8", children: /* @__PURE__ */ x.jsxs(
+}, zXe = "h-6 bg-gradient-to-r [--from:210,_17%,_98%,_1] [--to:0,_0%,_93%,_1] dark:[--from:0,0%,16%,1] dark:[--to:0,0%,12%,1] from-[hsl(var(--from))] to-[hsl(var(--to))]", Vi = ({ className: e }) => /* @__PURE__ */ x.jsx("div", { className: Ke(zXe, e) }), wte = () => /* @__PURE__ */ x.jsx("div", { className: "flex flex-col gap-8", children: /* @__PURE__ */ x.jsxs(
   Ene,
   {
     transition: {
@@ -191477,7 +191498,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       )
     ]
   }
-) }), zXe = ({ editor: e }) => {
+) }), $Xe = ({ editor: e }) => {
   const t = je(!0), n = je([]), r = je(null), o = ({ editor: u }) => {
     if (!t.current || !u.isActive("link")) return !1;
     const c = u.getAttributes("link").href;
@@ -191569,7 +191590,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       ] })
     }
   );
-}, $Xe = ({
+}, HXe = ({
   editor: e,
   ydoc: t,
   tabs: n,
@@ -191615,7 +191636,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       onRegisterExportTrigger: r
     }
   ) });
-}, HXe = ({ onFocusMode: e } = {}) => {
+}, WXe = ({ onFocusMode: e } = {}) => {
   const [t, n] = Me(!1), r = or("(max-width: 1024px)");
   _e(() => {
     const i = (s) => {
@@ -191629,7 +191650,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
     n((i) => (e == null || e(!i), !i));
   };
   return { isFocusMode: t, toggleFocusMode: o };
-}, WXe = ({
+}, qXe = ({
   dropdownOpen: e,
   setDropdownOpen: t,
   zoomLevel: n,
@@ -191705,7 +191726,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       }
     ) })
   ] });
-}, $Ye = lr(
+}, HYe = lr(
   ({
     isPreviewMode: e = !1,
     viewerMode: t,
@@ -191798,7 +191819,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
     ...Lt
   }, Ie) => {
     var M_;
-    const { isFocusMode: $e, toggleFocusMode: Ze } = HXe({
+    const { isFocusMode: $e, toggleFocusMode: Ze } = WXe({
       onFocusMode: (ft) => {
         re && (se == null || se(!1)), U == null || U(ft);
       }
@@ -192049,7 +192070,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       ) || (ft.preventDefault(), yt.commands.focus("end", { scrollIntoView: !1 }));
     }, Kte = () => /* @__PURE__ */ x.jsx(Yh, { children: /* @__PURE__ */ x.jsxs(x.Fragment, { children: [
       $e && /* @__PURE__ */ x.jsx(
-        WXe,
+        qXe,
         {
           dropdownOpen: eu,
           setDropdownOpen: _f,
@@ -192107,7 +192128,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
         }
       ),
       e && yt && /* @__PURE__ */ x.jsx(
-        $Xe,
+        HXe,
         {
           editor: yt,
           ydoc: pp,
@@ -192318,7 +192339,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                                               isCollabDocOwner: r != null && r.enabled ? r.connection.isOwner : !0
                                             }
                                           ),
-                                          /* @__PURE__ */ x.jsx(zXe, { editor: yt })
+                                          /* @__PURE__ */ x.jsx($Xe, { editor: yt })
                                         ] }),
                                         yt && /* @__PURE__ */ x.jsx(
                                           _3e,
@@ -192451,7 +192472,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
                             }
                           ),
                           yt && !$e && /* @__PURE__ */ x.jsx("div", { className: "comment-floating-slot absolute left-full top-0 ml-[12px] overflow-visible", children: /* @__PURE__ */ x.jsx(
-                            bXe,
+                            yXe,
                             {
                               editor: yt,
                               editorWrapperRef: nt,
@@ -192642,7 +192663,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       }
     );
   }
-), qXe = lr(
+), VXe = lr(
   ({
     isPreviewMode: e = !1,
     initialContent: t,
@@ -192878,13 +192899,13 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
       )
     ] });
   }
-), HYe = lr(
+), WYe = lr(
   (e, t) => {
     var i, s;
     const n = !!((i = e.versionHistoryState) != null && i.enabled), r = ((s = e.versionHistoryState) == null ? void 0 : s.versionId) || "default", o = n ? r : "default";
-    return /* @__PURE__ */ x.jsx(qXe, { ...e, ref: t }, o);
+    return /* @__PURE__ */ x.jsx(VXe, { ...e, ref: t }, o);
   }
-), VXe = (e) => {
+), KXe = (e) => {
   const t = () => {
     const p = new hs(), h = () => {
       var b;
@@ -193022,14 +193043,14 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
     getYjsContentFromMarkdown: c,
     getYjsContentFromDocx: d
   };
-}, KXe = [
+}, GXe = [
   "pdf",
   "md",
   "html",
   "txt",
   "odt"
-], GXe = (e) => e !== void 0 && KXe.includes(e), WYe = (e) => {
-  const t = je(null), n = je(!1), [r, o] = Me(null), [i, s] = Me(!1), a = VXe(e), { getEditor: l, setContent: u } = a, c = Ae(
+], XXe = (e) => e !== void 0 && GXe.includes(e), qYe = (e) => {
+  const t = je(null), n = je(!1), [r, o] = Me(null), [i, s] = Me(!1), a = KXe(e), { getEditor: l, setContent: u } = a, c = Ae(
     (_, O) => {
       _ && !_.isDestroyed && _.destroy(), O && !O.isDestroyed && O.destroy();
     },
@@ -193188,7 +193209,7 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
           tabs: M,
           activeTabId: N,
           exportName: B,
-          initialFormat: GXe(_.initialFormat) ? _.initialFormat : "pdf"
+          initialFormat: XXe(_.initialFormat) ? _.initialFormat : "pdf"
         };
         d(L), s(!0);
       } catch (M) {
@@ -193241,18 +193262,18 @@ const BXe = "space-xsm gap-xsm hover:color-bg-default-hover cursor-pointer h-[30
     exportModalProps: E
   };
 }, E_ = { type: "doc", content: [] };
-function XXe(e) {
+function YXe(e) {
   return e && typeof e == "object" && e.type === "doc" && Array.isArray(e.content) ? e : E_;
 }
 function qw(e, t) {
   try {
     const n = N3e(e, t);
-    return XXe(n);
+    return YXe(n);
   } catch {
     return E_;
   }
 }
-function qYe(e) {
+function VYe(e) {
   var n;
   const t = new hs();
   try {
@@ -193296,13 +193317,13 @@ function qYe(e) {
   }
 }
 export {
-  $Ye as DdocEditor,
+  HYe as DdocEditor,
   T3e as DdocExportModal,
   Lx as Editor,
-  HYe as PreviewDdocEditor,
-  qYe as buildVersionDiffSnapshot,
+  WYe as PreviewDdocEditor,
+  VYe as buildVersionDiffSnapshot,
   e3 as handleContentPrint,
   pD as mergeTabAwareYjsUpdates,
-  WYe as useExportHeadlessEditorContent,
-  VXe as useHeadlessEditor
+  qYe as useExportHeadlessEditorContent,
+  KXe as useHeadlessEditor
 };