@univerjs/thread-comment-ui 0.5.0 → 0.5.1

package/lib/es/index.js

@@ -1,30 +1,30 @@
-var Fe = Object.defineProperty;
-var We = (t, e, r) => e in t ? Fe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var B = (t, e, r) => We(t, typeof e != "symbol" ? e + "" : e, r);
-import { Inject as Se, Disposable as ze, UniverInstanceType as he, IUniverInstanceService as Ze, CommandType as _e, DependentOn as Ge, Injector as qe, Plugin as Ke, mergeOverrideWithDependencies as Ye, ICommandService as re, IConfigService as Je, CustomRangeType as Qe, useDependency as x, IMentionIOService as Xe, LocaleService as fe, UserManagerService as pe, generateRandomId as et } from "@univerjs/core";
-import { UniverThreadCommentPlugin as tt, ThreadCommentModel as ye, getDT as nt, AddCommentCommand as rt, UpdateCommentCommand as ot, ResolveCommentCommand as it, DeleteCommentTreeCommand as je, DeleteCommentCommand as st } from "@univerjs/thread-comment";
-import { ISidebarService as Ne, useObservable as F } from "@univerjs/ui";
-import { BehaviorSubject as ge, filter as at, debounceTime as lt } from "rxjs";
-import dt, { forwardRef as A, useRef as ne, createElement as z, useState as k, useImperativeHandle as mt, useMemo as le, useEffect as Ce } from "react";
-import { Mentions as ct, Mention as ht, Button as de, Tooltip as ut, Dropdown as vt, Menu as Ct, MenuItem as Ie, Select as xe } from "@univerjs/design";
-import { DocSelectionManagerService as ft } from "@univerjs/docs";
-import { DocSelectionRenderService as pt } from "@univerjs/docs-ui";
-import { IRenderManagerService as gt } from "@univerjs/engine-render";
-var It = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, bt = (t, e, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? xt(e, r) : e, s = t.length - 1, d; s >= 0; s--)
-    (d = t[s]) && (o = (n ? d(e, r, o) : d(o)) || o);
-  return n && o && It(e, r, o), o;
-}, be = (t, e) => (r, n) => e(r, n, t);
-let q = class extends ze {
-  constructor(e, r) {
+var We = Object.defineProperty;
+var ze = (t, e, n) => e in t ? We(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var B = (t, e, n) => ze(t, typeof e != "symbol" ? e + "" : e, n);
+import { Inject as je, Disposable as qe, UniverInstanceType as he, IUniverInstanceService as Ze, CommandType as Ne, DependentOn as Je, Injector as Ge, Plugin as Ke, mergeOverrideWithDependencies as Ye, ICommandService as ie, IConfigService as Qe, CustomRangeType as Xe, useDependency as _, IMentionIOService as et, LocaleService as pe, UserManagerService as ge, generateRandomId as tt } from "@univerjs/core";
+import { UniverThreadCommentPlugin as nt, ThreadCommentModel as Te, getDT as rt, AddCommentCommand as it, UpdateCommentCommand as ot, ResolveCommentCommand as st, DeleteCommentTreeCommand as Ee, DeleteCommentCommand as at } from "@univerjs/thread-comment";
+import { ISidebarService as Oe, useObservable as F } from "@univerjs/ui";
+import { BehaviorSubject as Ie, filter as lt, debounceTime as dt } from "rxjs";
+import mt, { forwardRef as k, useRef as re, createElement as z, useState as A, useImperativeHandle as ct, useMemo as de, useEffect as fe } from "react";
+import { Mentions as ut, Mention as ht, Button as me, Tooltip as vt, Dropdown as Ct, Menu as ft, MenuItem as xe, Select as be } from "@univerjs/design";
+import { DocSelectionManagerService as pt } from "@univerjs/docs";
+import { DocSelectionRenderService as gt } from "@univerjs/docs-ui";
+import { IRenderManagerService as It } from "@univerjs/engine-render";
+var xt = Object.defineProperty, bt = Object.getOwnPropertyDescriptor, _t = (t, e, n, r) => {
+  for (var i = r > 1 ? void 0 : r ? bt(e, n) : e, s = t.length - 1, d; s >= 0; s--)
+    (d = t[s]) && (i = (r ? d(e, n, i) : d(i)) || i);
+  return r && i && xt(e, n, i), i;
+}, _e = (t, e) => (n, r) => e(n, r, t);
+let J = class extends qe {
+  constructor(e, n) {
     super();
     B(this, "_panelVisible", !1);
-    B(this, "_panelVisible$", new ge(!1));
+    B(this, "_panelVisible$", new Ie(!1));
     B(this, "_activeCommentId");
-    B(this, "_activeCommentId$", new ge(void 0));
+    B(this, "_activeCommentId$", new Ie(void 0));
     B(this, "panelVisible$", this._panelVisible$.asObservable());
     B(this, "activeCommentId$", this._activeCommentId$.asObservable());
-    this._sidebarService = e, this._univerInstanceService = r, this._init(), this.disposeWithMe(() => {
+    this._sidebarService = e, this._univerInstanceService = n, this._init(), this.disposeWithMe(() => {
       this._activeCommentId$.complete(), this._panelVisible$.complete();
     });
   }
@@ -34,7 +34,7 @@ let q = class extends ze {
         e.visible || this.setPanelVisible(!1);
       })
     ), this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(he.UNIVER_SHEET).pipe(at((e) => !e)).subscribe(() => {
+      this._univerInstanceService.getCurrentTypeOfUnit$(he.UNIVER_SHEET).pipe(lt((e) => !e)).subscribe(() => {
         this._sidebarService.close();
       })
     );
@@ -52,59 +52,59 @@ let q = class extends ze {
     this._activeCommentId = e, this._activeCommentId$.next(e);
   }
 };
-q = bt([
-  be(0, Se(Ne)),
-  be(1, Ze)
-], q);
-const St = "thread-comment-panel", _t = "UNIVER_THREAD_COMMENT_UI_PLUGIN", yt = {
+J = _t([
+  _e(0, je(Oe)),
+  _e(1, Ze)
+], J);
+const St = "thread-comment-panel", yt = "UNIVER_THREAD_COMMENT_UI_PLUGIN", jt = {
   id: "thread-comment-ui.operation.toggle-panel",
-  type: _e.OPERATION,
+  type: Ne.OPERATION,
   handler(t) {
-    const e = t.get(Ne), r = t.get(q);
-    return r.panelVisible ? (e.close(), r.setPanelVisible(!1)) : (e.open({
+    const e = t.get(Oe), n = t.get(J);
+    return n.panelVisible ? (e.close(), n.setPanelVisible(!1)) : (e.open({
       header: { title: "threadCommentUI.panel.title" },
       children: { label: St },
       width: 330
-    }), r.setPanelVisible(!0)), !0;
+    }), n.setPanelVisible(!0)), !0;
   }
 }, W = {
   id: "thread-comment-ui.operation.set-active-comment",
-  type: _e.OPERATION,
+  type: Ne.OPERATION,
   handler(t, e) {
-    return t.get(q).setActiveComment(e), !0;
+    return t.get(J).setActiveComment(e), !0;
   }
-}, jt = "thread-comment-ui.config", Nt = {};
-var Te = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, Ot = (t, e, r) => e in t ? Te(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Ut = (t, e, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? Tt(e, r) : e, s = t.length - 1, d; s >= 0; s--)
-    (d = t[s]) && (o = (n ? d(e, r, o) : d(o)) || o);
-  return n && o && Te(e, r, o), o;
-}, ve = (t, e) => (r, n) => e(r, n, t), Oe = (t, e, r) => Ot(t, typeof e != "symbol" ? e + "" : e, r);
-let me = class extends Ke {
-  constructor(t = Nt, e, r, n) {
-    super(), this._config = t, this._injector = e, this._commandService = r, this._configService = n;
-    const { menu: o, ...s } = this._config;
-    o && this._configService.setConfig("menu", o, { merge: !0 }), this._configService.setConfig(jt, s);
+}, Nt = "thread-comment-ui.config", Tt = {};
+var Ue = Object.defineProperty, Et = Object.getOwnPropertyDescriptor, Ot = (t, e, n) => e in t ? Ue(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, Ut = (t, e, n, r) => {
+  for (var i = r > 1 ? void 0 : r ? Et(e, n) : e, s = t.length - 1, d; s >= 0; s--)
+    (d = t[s]) && (i = (r ? d(e, n, i) : d(i)) || i);
+  return r && i && Ue(e, n, i), i;
+}, ve = (t, e) => (n, r) => e(n, r, t), Pe = (t, e, n) => Ot(t, typeof e != "symbol" ? e + "" : e, n);
+let ce = class extends Ke {
+  constructor(t = Tt, e, n, r) {
+    super(), this._config = t, this._injector = e, this._commandService = n, this._configService = r;
+    const { menu: i, ...s } = this._config;
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Nt, s);
   }
   onStarting() {
     var t;
     Ye([
-      [q]
+      [J]
     ], (t = this._config) == null ? void 0 : t.overrides).forEach((e) => {
       this._injector.add(e);
-    }), [yt, W].forEach((e) => {
+    }), [jt, W].forEach((e) => {
       this._commandService.registerCommand(e);
     });
   }
 };
-Oe(me, "pluginName", _t);
-Oe(me, "type", he.UNIVER_UNKNOWN);
-me = Ut([
-  Ge(tt),
-  ve(1, Se(qe)),
-  ve(2, re),
-  ve(3, Je)
-], me);
-var Ue = { exports: {} }, ue = {};
+Pe(ce, "pluginName", yt);
+Pe(ce, "type", he.UNIVER_UNKNOWN);
+ce = Ut([
+  Je(nt),
+  ve(1, je(Ge)),
+  ve(2, ie),
+  ve(3, Qe)
+], ce);
+var Ce = { exports: {} }, te = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -114,190 +114,196 @@ var Ue = { exports: {} }, ue = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Et = dt, Pt = Symbol.for("react.element"), Mt = Symbol.for("react.fragment"), $t = Object.prototype.hasOwnProperty, wt = Et.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Rt = { key: !0, ref: !0, __self: !0, __source: !0 };
-function Ee(t, e, r) {
-  var n, o = {}, s = null, d = null;
-  r !== void 0 && (s = "" + r), e.key !== void 0 && (s = "" + e.key), e.ref !== void 0 && (d = e.ref);
-  for (n in e) $t.call(e, n) && !Rt.hasOwnProperty(n) && (o[n] = e[n]);
-  if (t && t.defaultProps) for (n in e = t.defaultProps, e) o[n] === void 0 && (o[n] = e[n]);
-  return { $$typeof: Pt, type: t, key: s, ref: d, props: o, _owner: wt.current };
+var Se;
+function Pt() {
+  if (Se) return te;
+  Se = 1;
+  var t = mt, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(u, m, y) {
+    var h, v = {}, C = null, b = null;
+    y !== void 0 && (C = "" + y), m.key !== void 0 && (C = "" + m.key), m.ref !== void 0 && (b = m.ref);
+    for (h in m) r.call(m, h) && !s.hasOwnProperty(h) && (v[h] = m[h]);
+    if (u && u.defaultProps) for (h in m = u.defaultProps, m) v[h] === void 0 && (v[h] = m[h]);
+    return { $$typeof: e, type: u, key: C, ref: b, props: v, _owner: i.current };
+  }
+  return te.Fragment = n, te.jsx = d, te.jsxs = d, te;
+}
+var ye;
+function Rt() {
+  return ye || (ye = 1, Ce.exports = Pt()), Ce.exports;
 }
-ue.Fragment = Mt;
-ue.jsx = Ee;
-ue.jsxs = Ee;
-Ue.exports = ue;
-var i = Ue.exports, U = function() {
+var o = Rt(), U = function() {
   return U = Object.assign || function(t) {
-    for (var e, r = 1, n = arguments.length; r < n; r++) {
-      e = arguments[r];
-      for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && (t[o] = e[o]);
+    for (var e, n = 1, r = arguments.length; n < r; n++) {
+      e = arguments[n];
+      for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && (t[i] = e[i]);
     }
     return t;
   }, U.apply(this, arguments);
-}, Ht = function(t, e) {
-  var r = {};
-  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (r[n] = t[n]);
+}, Mt = function(t, e) {
+  var n = {};
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var o = 0, n = Object.getOwnPropertySymbols(t); o < n.length; o++)
-      e.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[o]) && (r[n[o]] = t[n[o]]);
-  return r;
-}, Z = A(function(t, e) {
-  var r = t.icon, n = t.id, o = t.className, s = t.extend, d = Ht(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(o || "").trim(), v = ne("_".concat(At()));
-  return Pe(r, "".concat(n), { defIds: r.defIds, idSuffix: v.current }, U({ ref: e, className: c }, d), s);
+    for (var i = 0, r = Object.getOwnPropertySymbols(t); i < r.length; i++)
+      e.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[i]) && (n[r[i]] = t[r[i]]);
+  return n;
+}, q = k(function(t, e) {
+  var n = t.icon, r = t.id, i = t.className, s = t.extend, d = Mt(t, ["icon", "id", "className", "extend"]), u = "univerjs-icon univerjs-icon-".concat(r, " ").concat(i || "").trim(), m = re("_".concat(Ht()));
+  return Re(n, "".concat(r), { defIds: n.defIds, idSuffix: m.current }, U({ ref: e, className: u }, d), s);
 });
-function Pe(t, e, r, n, o) {
-  return z(t.tag, U(U({ key: e }, Dt(t, r, o)), n), (kt(t, r).children || []).map(function(s, d) {
-    return Pe(s, "".concat(e, "-").concat(t.tag, "-").concat(d), r, void 0, o);
+function Re(t, e, n, r, i) {
+  return z(t.tag, U(U({ key: e }, $t(t, n, i)), r), (wt(t, n).children || []).map(function(s, d) {
+    return Re(s, "".concat(e, "-").concat(t.tag, "-").concat(d), n, void 0, i);
   }));
 }
-function Dt(t, e, r) {
-  var n = U({}, t.attrs);
-  r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1);
-  var o = e.defIds;
-  return !o || o.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(s) {
-    var d = s[0], c = s[1];
-    typeof c == "string" && (n[d] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
-  })), n;
+function $t(t, e, n) {
+  var r = U({}, t.attrs);
+  n != null && n.colorChannel1 && r.fill === "colorChannel1" && (r.fill = n.colorChannel1);
+  var i = e.defIds;
+  return !i || i.length === 0 || (t.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(function(s) {
+    var d = s[0], u = s[1];
+    typeof u == "string" && (r[d] = u.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), r;
 }
-function kt(t, e) {
-  var r, n = e.defIds;
-  return !n || n.length === 0 ? t : t.tag === "defs" && (!((r = t.children) === null || r === void 0) && r.length) ? U(U({}, t), { children: t.children.map(function(o) {
-    return typeof o.attrs.id == "string" && n && n.indexOf(o.attrs.id) > -1 ? U(U({}, o), { attrs: U(U({}, o.attrs), { id: o.attrs.id + e.idSuffix }) }) : o;
+function wt(t, e) {
+  var n, r = e.defIds;
+  return !r || r.length === 0 ? t : t.tag === "defs" && (!((n = t.children) === null || n === void 0) && n.length) ? U(U({}, t), { children: t.children.map(function(i) {
+    return typeof i.attrs.id == "string" && r && r.indexOf(i.attrs.id) > -1 ? U(U({}, i), { attrs: U(U({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
   }) }) : t;
 }
-function At() {
+function Ht() {
   return Math.random().toString(36).substring(2, 8);
 }
-Z.displayName = "UniverIcon";
-var Lt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Me = A(function(t, e) {
-  return z(Z, Object.assign({}, t, {
+q.displayName = "UniverIcon";
+var Dt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Me = k(function(t, e) {
+  return z(q, Object.assign({}, t, {
     id: "delete-single",
     ref: e,
-    icon: Lt
+    icon: Dt
   }));
 });
 Me.displayName = "DeleteSingle";
-var Vt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, $e = A(function(t, e) {
-  return z(Z, Object.assign({}, t, {
+var At = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, $e = k(function(t, e) {
+  return z(q, Object.assign({}, t, {
     id: "increase-single",
     ref: e,
-    icon: Vt
+    icon: At
   }));
 });
 $e.displayName = "IncreaseSingle";
-var Bt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3 9C3.55228 9 4 8.55228 4 8 4 7.44772 3.55228 7 3 7 2.44772 7 2 7.44772 2 8 2 8.55228 2.44772 9 3 9zM8 9C8.55228 9 9 8.55228 9 8 9 7.44772 8.55228 7 8 7 7.44772 7 7 7.44772 7 8 7 8.55228 7.44772 9 8 9zM13 9C13.5523 9 14 8.55228 14 8 14 7.44772 13.5523 7 13 7 12.4477 7 12 7.44772 12 8 12 8.55228 12.4477 9 13 9z" } }] }, we = A(function(t, e) {
-  return z(Z, Object.assign({}, t, {
+var kt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3 9C3.55228 9 4 8.55228 4 8 4 7.44772 3.55228 7 3 7 2.44772 7 2 7.44772 2 8 2 8.55228 2.44772 9 3 9zM8 9C8.55228 9 9 8.55228 9 8 9 7.44772 8.55228 7 8 7 7.44772 7 7 7.44772 7 8 7 8.55228 7.44772 9 8 9zM13 9C13.5523 9 14 8.55228 14 8 14 7.44772 13.5523 7 13 7 12.4477 7 12 7.44772 12 8 12 8.55228 12.4477 9 13 9z" } }] }, we = k(function(t, e) {
+  return z(q, Object.assign({}, t, {
     id: "more-horizontal-single",
     ref: e,
-    icon: Bt
+    icon: kt
   }));
 });
 we.displayName = "MoreHorizontalSingle";
-var Ft = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { stroke: "currentColor", d: "M7.48389 10.3267V12.1905C7.48389 12.7428 7.9316 13.1905 8.48389 13.1905H11.2216L12.2955 14.2644L13.3695 13.1905H14.1593C14.7116 13.1905 15.1593 12.7428 15.1593 12.1905V8.46289C15.1593 7.91061 14.7116 7.46289 14.1593 7.46289H12.2955", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M0.840332 3.73535C0.840332 2.63078 1.73576 1.73535 2.84033 1.73535H10.2955C11.4001 1.73535 12.2955 2.63078 12.2955 3.73535V8.32676C12.2955 9.43132 11.4001 10.3268 10.2955 10.3268H5.6014L4.1695 11.7587L3.05978 10.3268H2.84033C1.73576 10.3268 0.840332 9.43133 0.840332 8.32676V3.73535Z", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M6.41016 6.1311H6.76813M8.91626 6.1311H9.27424M3.90454 6.1311H4.26252", strokeLinecap: "round", strokeWidth: 1.2 } }] }, Re = A(function(t, e) {
-  return z(Z, Object.assign({}, t, {
+var Lt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { stroke: "currentColor", d: "M7.48389 10.3267V12.1905C7.48389 12.7428 7.9316 13.1905 8.48389 13.1905H11.2216L12.2955 14.2644L13.3695 13.1905H14.1593C14.7116 13.1905 15.1593 12.7428 15.1593 12.1905V8.46289C15.1593 7.91061 14.7116 7.46289 14.1593 7.46289H12.2955", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M0.840332 3.73535C0.840332 2.63078 1.73576 1.73535 2.84033 1.73535H10.2955C11.4001 1.73535 12.2955 2.63078 12.2955 3.73535V8.32676C12.2955 9.43132 11.4001 10.3268 10.2955 10.3268H5.6014L4.1695 11.7587L3.05978 10.3268H2.84033C1.73576 10.3268 0.840332 9.43133 0.840332 8.32676V3.73535Z", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M6.41016 6.1311H6.76813M8.91626 6.1311H9.27424M3.90454 6.1311H4.26252", strokeLinecap: "round", strokeWidth: 1.2 } }] }, He = k(function(t, e) {
+  return z(q, Object.assign({}, t, {
     id: "reply-to-comment-single",
     ref: e,
-    icon: Ft
+    icon: Lt
   }));
 });
-Re.displayName = "ReplyToCommentSingle";
-var Wt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6106 15.4036C12.4766 15.4036 15.6106 12.2696 15.6106 8.40356C15.6106 4.53757 12.4766 1.40356 8.6106 1.40356C4.7446 1.40356 1.6106 4.53757 1.6106 8.40356C1.6106 12.2696 4.7446 15.4036 8.6106 15.4036ZM12.3351 6.82773C12.5694 6.59342 12.5694 6.21352 12.3351 5.9792C12.1007 5.74489 11.7208 5.74489 11.4865 5.9792L7.91079 9.55494L6.33506 7.9792C6.10074 7.74489 5.72084 7.74489 5.48653 7.9792C5.25221 8.21352 5.25221 8.59342 5.48653 8.82773L7.48653 10.8277C7.72084 11.062 8.10074 11.062 8.33506 10.8277L12.3351 6.82773Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, He = A(function(t, e) {
-  return z(Z, Object.assign({}, t, {
+He.displayName = "ReplyToCommentSingle";
+var Vt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6106 15.4036C12.4766 15.4036 15.6106 12.2696 15.6106 8.40356C15.6106 4.53757 12.4766 1.40356 8.6106 1.40356C4.7446 1.40356 1.6106 4.53757 1.6106 8.40356C1.6106 12.2696 4.7446 15.4036 8.6106 15.4036ZM12.3351 6.82773C12.5694 6.59342 12.5694 6.21352 12.3351 5.9792C12.1007 5.74489 11.7208 5.74489 11.4865 5.9792L7.91079 9.55494L6.33506 7.9792C6.10074 7.74489 5.72084 7.74489 5.48653 7.9792C5.25221 8.21352 5.25221 8.59342 5.48653 8.82773L7.48653 10.8277C7.72084 11.062 8.10074 11.062 8.33506 10.8277L12.3351 6.82773Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, De = k(function(t, e) {
+  return z(q, Object.assign({}, t, {
     id: "resolved-single",
     ref: e,
-    icon: Wt
+    icon: Vt
   }));
 });
-He.displayName = "ResolvedSingle";
-var zt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "circle", attrs: { cx: 8.73, cy: 8.4, r: 6.4, stroke: "currentColor", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M6.02637 8.40356L8.02637 10.4036L12.0264 6.40356", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }] }, De = A(function(t, e) {
-  return z(Z, Object.assign({}, t, {
+De.displayName = "ResolvedSingle";
+var Bt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "circle", attrs: { cx: 8.73, cy: 8.4, r: 6.4, stroke: "currentColor", strokeWidth: 1.2 } }, { tag: "path", attrs: { stroke: "currentColor", d: "M6.02637 8.40356L8.02637 10.4036L12.0264 6.40356", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.2 } }] }, Ae = k(function(t, e) {
+  return z(q, Object.assign({}, t, {
     id: "solve-single",
     ref: e,
-    icon: zt
+    icon: Bt
   }));
 });
-De.displayName = "SolveSingle";
+Ae.displayName = "SolveSingle";
 function ke(t) {
-  var e, r, n = "";
-  if (typeof t == "string" || typeof t == "number") n += t;
+  var e, n, r = "";
+  if (typeof t == "string" || typeof t == "number") r += t;
   else if (typeof t == "object") if (Array.isArray(t)) {
-    var o = t.length;
-    for (e = 0; e < o; e++) t[e] && (r = ke(t[e])) && (n && (n += " "), n += r);
-  } else for (r in t) t[r] && (n && (n += " "), n += r);
-  return n;
+    var i = t.length;
+    for (e = 0; e < i; e++) t[e] && (n = ke(t[e])) && (r && (r += " "), r += n);
+  } else for (n in t) t[n] && (r && (r += " "), r += n);
+  return r;
 }
-function Zt() {
-  for (var t, e, r = 0, n = "", o = arguments.length; r < o; r++) (t = arguments[r]) && (e = ke(t)) && (n && (n += " "), n += e);
-  return n;
+function Ft() {
+  for (var t, e, n = 0, r = "", i = arguments.length; n < i; n++) (t = arguments[n]) && (e = ke(t)) && (r && (r += " "), r += e);
+  return r;
 }
-const Gt = "univer-thread-comment-editor-buttons", qt = "univer-thread-comment-editor-suggestion", Kt = "univer-thread-comment-editor-suggestionActive", Yt = "univer-thread-comment-editor-suggestion-icon", ce = {
-  threadCommentEditorButtons: Gt,
-  threadCommentEditorSuggestion: qt,
-  threadCommentEditorSuggestionActive: Kt,
-  threadCommentEditorSuggestionIcon: Yt
+const Wt = "univer-thread-comment-editor-buttons", zt = "univer-thread-comment-editor-suggestion", qt = "univer-thread-comment-editor-suggestionActive", Zt = "univer-thread-comment-editor-suggestion-icon", ue = {
+  threadCommentEditorButtons: Wt,
+  threadCommentEditorSuggestion: zt,
+  threadCommentEditorSuggestionActive: qt,
+  threadCommentEditorSuggestionIcon: Zt
 }, Jt = (t) => {
   const e = /@\[(.*?)\]\((.*?)\)|(\w+)/g;
-  let r, n = 0;
-  const o = [];
-  for (; (r = e.exec(t)) !== null; )
-    r.index > n && o.push({
+  let n, r = 0;
+  const i = [];
+  for (; (n = e.exec(t)) !== null; )
+    n.index > r && i.push({
       type: "text",
-      content: t.substring(n, r.index)
-    }), r[1] && r[2] ? o.push({
+      content: t.substring(r, n.index)
+    }), n[1] && n[2] ? i.push({
       type: "mention",
       content: {
-        label: r[1],
-        id: r[2]
+        label: n[1],
+        id: n[2]
       }
-    }) : r[3] && o.push({
+    }) : n[3] && i.push({
       type: "text",
-      content: r[3]
-    }), n = e.lastIndex;
-  return n < t.length && o.push({
+      content: n[3]
+    }), r = e.lastIndex;
+  return r < t.length && i.push({
     type: "text",
-    content: t.substring(n)
-  }), o;
-}, Qt = (t) => t.map((e) => {
+    content: t.substring(r)
+  }), i;
+}, Gt = (t) => t.map((e) => {
   switch (e.type) {
     case "mention":
       return `@[${e.content.label}](${e.content.id})`;
     default:
       return e.content;
   }
-}).join(""), Ae = (t) => {
-  const { dataStream: e, customRanges: r } = t, n = e.length - 2, o = [];
+}).join(""), Le = (t) => {
+  const { dataStream: e, customRanges: n } = t, r = e.length - 2, i = [];
   let s = 0;
-  return r == null || r.forEach((d) => {
-    s < d.startIndex && o.push({
+  return n == null || n.forEach((d) => {
+    s < d.startIndex && i.push({
       type: "text",
       content: e.slice(s, d.startIndex)
-    }), o.push({
+    }), i.push({
       type: "mention",
       content: {
         label: e.slice(d.startIndex, d.endIndex).slice(1, -1),
         id: d.rangeId
       }
     }), s = d.endIndex;
-  }), o.push({
+  }), i.push({
     type: "text",
-    content: e.slice(s, n)
-  }), o;
-}, Le = (t) => {
+    content: e.slice(s, r)
+  }), i;
+}, Ve = (t) => {
   let e = "";
-  const r = [];
-  return t.forEach((n) => {
-    switch (n.type) {
+  const n = [];
+  return t.forEach((r) => {
+    switch (r.type) {
       case "text":
-        e += n.content;
+        e += r.content;
         break;
       case "mention": {
-        const o = e.length;
-        e += `${n.content.label}`;
+        const i = e.length;
+        e += `${r.content.label}`;
         const s = e.length;
-        r.push({
-          rangeId: n.content.id,
-          rangeType: Qe.MENTION,
-          startIndex: o,
+        n.push({
+          rangeId: r.content.id,
+          rangeType: Xe.MENTION,
+          startIndex: i,
           endIndex: s,
           properties: {}
         });
@@ -319,406 +325,406 @@ const Gt = "univer-thread-comment-editor-buttons", qt = "univer-thread-comment-e
       }
     ],
     dataStream: e,
-    customRanges: r
+    customRanges: n
   };
-}, Xt = (t, e, r, n, o) => {
-  var d, c;
+}, Kt = (t, e, n, r, i) => {
+  var d, u;
   const s = (d = t.raw) == null ? void 0 : d.icon;
-  return /* @__PURE__ */ i.jsxs("div", { className: ce.threadCommentEditorSuggestion, children: [
-    s ? /* @__PURE__ */ i.jsx("img", { className: ce.threadCommentEditorSuggestionIcon, src: s }) : null,
-    /* @__PURE__ */ i.jsx("div", { children: (c = t.display) != null ? c : t.id })
+  return /* @__PURE__ */ o.jsxs("div", { className: ue.threadCommentEditorSuggestion, children: [
+    s ? /* @__PURE__ */ o.jsx("img", { className: ue.threadCommentEditorSuggestionIcon, src: s }) : null,
+    /* @__PURE__ */ o.jsx("div", { children: (u = t.display) != null ? u : t.id })
   ] });
-}, Ve = A((t, e) => {
-  var R;
-  const { comment: r, onSave: n, id: o, onCancel: s, autoFocus: d, unitId: c } = t, v = x(Xe), E = x(re), T = x(fe), [f, I] = k({ ...r }), [_, h] = k(!1), p = ne(null), P = x(ft), y = (R = x(gt).getCurrentTypeOfRenderer(he.UNIVER_DOC)) == null ? void 0 : R.with(pt);
-  mt(e, () => ({
-    reply(m) {
-      var g;
-      I({
-        ...r,
-        text: m,
+}, Be = k((t, e) => {
+  var w;
+  const { comment: n, onSave: r, id: i, onCancel: s, autoFocus: d, unitId: u } = t, m = _(et), y = _(ie), h = _(pe), [v, C] = A({ ...n }), [b, f] = A(!1), I = re(null), P = _(pt), N = (w = _(It).getCurrentTypeOfRenderer(he.UNIVER_DOC)) == null ? void 0 : w.with(gt);
+  ct(e, () => ({
+    reply(c) {
+      var x;
+      C({
+        ...n,
+        text: c,
         attachments: []
-      }), (g = p.current) == null || g.inputElement.focus();
+      }), (x = I.current) == null || x.inputElement.focus();
     }
   }));
-  const C = () => {
-    var m;
-    f.text && (n == null || n({
-      ...f,
-      text: f.text
-    }), h(!1), I({ text: void 0 }), (m = p.current) == null || m.inputElement.blur());
+  const g = () => {
+    var c;
+    v.text && (r == null || r({
+      ...v,
+      text: v.text
+    }), f(!1), C({ text: void 0 }), (c = I.current) == null || c.inputElement.blur());
   };
-  return /* @__PURE__ */ i.jsxs("div", { className: ce.threadCommentEditor, onClick: (m) => m.preventDefault(), children: [
-    /* @__PURE__ */ i.jsx(
-      ct,
+  return /* @__PURE__ */ o.jsxs("div", { className: ue.threadCommentEditor, onClick: (c) => c.preventDefault(), children: [
+    /* @__PURE__ */ o.jsx(
+      ut,
       {
-        ref: p,
+        ref: I,
         autoFocus: d,
         style: { width: "100%" },
-        placeholder: T.t("threadCommentUI.editor.placeholder"),
-        value: f != null && f.text ? Qt(Ae(f.text)) : "",
-        onChange: (m) => {
-          m.target.value || I({ ...r, text: void 0 }), I == null || I({ ...r, text: Le(Jt(m.target.value)) });
+        placeholder: h.t("threadCommentUI.editor.placeholder"),
+        value: v != null && v.text ? Gt(Le(v.text)) : "",
+        onChange: (c) => {
+          c.target.value || C({ ...n, text: void 0 }), C == null || C({ ...n, text: Ve(Jt(c.target.value)) });
         },
         onFocus: () => {
-          const m = P.getActiveTextRange();
-          m && m.collapsed && (y == null || y.removeAllRanges()), y == null || y.blur(), h(!0);
+          const c = P.getActiveTextRange();
+          c && c.collapsed && (N == null || N.removeAllRanges()), N == null || N.blur(), f(!0);
         },
-        children: /* @__PURE__ */ i.jsx(
+        children: /* @__PURE__ */ o.jsx(
           ht,
           {
             trigger: "@",
-            data: (m, g) => v.list({ search: m, unitId: c }).then((l) => l.list.map(
-              (M) => M.mentions.map(
-                (b) => ({
-                  id: b.objectId,
-                  display: b.label,
-                  raw: b
+            data: (c, x) => m.list({ search: c, unitId: u }).then((l) => l.list.map(
+              (R) => R.mentions.map(
+                (S) => ({
+                  id: S.objectId,
+                  display: S.label,
+                  raw: S
                 })
               )
-            ).flat()).then(g),
-            displayTransform: (m, g) => `@${g} `,
-            renderSuggestion: Xt
+            ).flat()).then(x),
+            displayTransform: (c, x) => `@${x} `,
+            renderSuggestion: Kt
           },
           "@"
         )
       }
     ),
-    _ ? /* @__PURE__ */ i.jsxs("div", { className: ce.threadCommentEditorButtons, children: [
-      /* @__PURE__ */ i.jsx(
-        de,
+    b ? /* @__PURE__ */ o.jsxs("div", { className: ue.threadCommentEditorButtons, children: [
+      /* @__PURE__ */ o.jsx(
+        me,
         {
           style: { marginRight: 12 },
           onClick: () => {
-            s == null || s(), h(!1), I({ text: void 0 }), E.executeCommand(W.id);
+            s == null || s(), f(!1), C({ text: void 0 }), y.executeCommand(W.id);
           },
-          children: T.t("threadCommentUI.editor.cancel")
+          children: h.t("threadCommentUI.editor.cancel")
         }
       ),
-      /* @__PURE__ */ i.jsx(
-        de,
+      /* @__PURE__ */ o.jsx(
+        me,
         {
           type: "primary",
-          disabled: !f.text,
-          onClick: C,
-          children: T.t(o ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
+          disabled: !v.text,
+          onClick: g,
+          children: h.t(i ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
         }
       )
     ] }) : null
   ] });
-}), en = "univer-thread-comment", tn = "univer-thread-comment-active", nn = "univer-thread-comment-content", rn = "univer-thread-comment-highlight", on = "univer-thread-comment-icon-container", sn = "univer-thread-comment-icon", an = "univer-thread-comment-title", ln = "univer-thread-comment-title-position", dn = "univer-thread-comment-title-highlight", mn = "univer-thread-comment-title-position-text", cn = "univer-thread-comment-username", hn = "univer-thread-comment-item", un = "univer-thread-comment-item-head", vn = "univer-thread-comment-item-title", Cn = "univer-thread-comment-item-title-position", fn = "univer-thread-comment-item-title-highlight", pn = "univer-thread-comment-item-time", gn = "univer-thread-comment-item-content", In = "univer-thread-comment-item-at", u = {
-  threadComment: en,
-  threadCommentActive: tn,
-  threadCommentContent: nn,
-  threadCommentHighlight: rn,
-  threadCommentIconContainer: on,
-  threadCommentIcon: sn,
-  threadCommentTitle: an,
-  threadCommentTitlePosition: ln,
-  threadCommentTitleHighlight: dn,
-  threadCommentTitlePositionText: mn,
-  threadCommentUsername: cn,
-  threadCommentItem: hn,
-  threadCommentItemHead: un,
-  threadCommentItemTitle: vn,
-  threadCommentItemTitlePosition: Cn,
-  threadCommentItemTitleHighlight: fn,
-  threadCommentItemTime: pn,
-  threadCommentItemContent: gn,
-  threadCommentItemAt: In
-}, Be = "__mock__", xn = (t) => {
-  const { item: e, unitId: r, subUnitId: n, editing: o, onEditingChange: s, onReply: d, resolved: c, isRoot: v, onClose: E, onDeleteComment: T } = t, f = x(re), I = x(fe), _ = x(pe), h = _.getUser(e.personId), p = F(_.currentUser$), P = (p == null ? void 0 : p.userID) === e.personId, S = e.id === Be, [y, C] = k(!1), R = () => {
-    (T == null ? void 0 : T(e)) !== !1 && (f.executeCommand(
-      v ? je.id : st.id,
+}), Yt = "univer-thread-comment", Qt = "univer-thread-comment-active", Xt = "univer-thread-comment-content", en = "univer-thread-comment-highlight", tn = "univer-thread-comment-icon-container", nn = "univer-thread-comment-icon", rn = "univer-thread-comment-title", on = "univer-thread-comment-title-position", sn = "univer-thread-comment-title-highlight", an = "univer-thread-comment-title-position-text", ln = "univer-thread-comment-username", dn = "univer-thread-comment-item", mn = "univer-thread-comment-item-head", cn = "univer-thread-comment-item-title", un = "univer-thread-comment-item-title-position", hn = "univer-thread-comment-item-title-highlight", vn = "univer-thread-comment-item-time", Cn = "univer-thread-comment-item-content", fn = "univer-thread-comment-item-at", p = {
+  threadComment: Yt,
+  threadCommentActive: Qt,
+  threadCommentContent: Xt,
+  threadCommentHighlight: en,
+  threadCommentIconContainer: tn,
+  threadCommentIcon: nn,
+  threadCommentTitle: rn,
+  threadCommentTitlePosition: on,
+  threadCommentTitleHighlight: sn,
+  threadCommentTitlePositionText: an,
+  threadCommentUsername: ln,
+  threadCommentItem: dn,
+  threadCommentItemHead: mn,
+  threadCommentItemTitle: cn,
+  threadCommentItemTitlePosition: un,
+  threadCommentItemTitleHighlight: hn,
+  threadCommentItemTime: vn,
+  threadCommentItemContent: Cn,
+  threadCommentItemAt: fn
+}, Fe = "__mock__", pn = (t) => {
+  const { item: e, unitId: n, subUnitId: r, editing: i, onEditingChange: s, onReply: d, resolved: u, isRoot: m, onClose: y, onDeleteComment: h } = t, v = _(ie), C = _(pe), b = _(ge), f = b.getUser(e.personId), I = F(b.currentUser$), P = (I == null ? void 0 : I.userID) === e.personId, j = e.id === Fe, [N, g] = A(!1), w = () => {
+    (h == null ? void 0 : h(e)) !== !1 && (v.executeCommand(
+      m ? Ee.id : at.id,
       {
-        unitId: r,
-        subUnitId: n,
+        unitId: n,
+        subUnitId: r,
         commentId: e.id
       }
-    ), v && (E == null || E()));
+    ), m && (y == null || y()));
   };
-  return /* @__PURE__ */ i.jsxs("div", { className: u.threadCommentItem, onMouseLeave: () => C(!1), onMouseEnter: () => C(!0), children: [
-    /* @__PURE__ */ i.jsx("img", { className: u.threadCommentItemHead, src: h == null ? void 0 : h.avatar }),
-    /* @__PURE__ */ i.jsxs("div", { className: u.threadCommentItemTitle, children: [
-      /* @__PURE__ */ i.jsx("div", { className: u.threadCommentUsername, children: (h == null ? void 0 : h.name) || " " }),
-      /* @__PURE__ */ i.jsxs("div", { children: [
-        S || c ? null : y ? /* @__PURE__ */ i.jsx("div", { className: u.threadCommentIcon, onClick: () => d(h), children: /* @__PURE__ */ i.jsx(Re, {}) }) : null,
-        P && !S && !c ? /* @__PURE__ */ i.jsx(
-          vt,
+  return /* @__PURE__ */ o.jsxs("div", { className: p.threadCommentItem, onMouseLeave: () => g(!1), onMouseEnter: () => g(!0), children: [
+    /* @__PURE__ */ o.jsx("img", { className: p.threadCommentItemHead, src: f == null ? void 0 : f.avatar }),
+    /* @__PURE__ */ o.jsxs("div", { className: p.threadCommentItemTitle, children: [
+      /* @__PURE__ */ o.jsx("div", { className: p.threadCommentUsername, children: (f == null ? void 0 : f.name) || " " }),
+      /* @__PURE__ */ o.jsxs("div", { children: [
+        j || u ? null : N ? /* @__PURE__ */ o.jsx("div", { className: p.threadCommentIcon, onClick: () => d(f), children: /* @__PURE__ */ o.jsx(He, {}) }) : null,
+        P && !j && !u ? /* @__PURE__ */ o.jsx(
+          Ct,
           {
-            overlay: /* @__PURE__ */ i.jsxs(Ct, { children: [
-              /* @__PURE__ */ i.jsx(Ie, { onClick: () => s == null ? void 0 : s(!0), children: I.t("threadCommentUI.item.edit") }, "edit"),
-              /* @__PURE__ */ i.jsx(Ie, { onClick: R, children: I.t("threadCommentUI.item.delete") }, "delete")
+            overlay: /* @__PURE__ */ o.jsxs(ft, { children: [
+              /* @__PURE__ */ o.jsx(xe, { onClick: () => s == null ? void 0 : s(!0), children: C.t("threadCommentUI.item.edit") }, "edit"),
+              /* @__PURE__ */ o.jsx(xe, { onClick: w, children: C.t("threadCommentUI.item.delete") }, "delete")
             ] }),
-            children: /* @__PURE__ */ i.jsx("div", { className: u.threadCommentIcon, children: /* @__PURE__ */ i.jsx(we, {}) })
+            children: /* @__PURE__ */ o.jsx("div", { className: p.threadCommentIcon, children: /* @__PURE__ */ o.jsx(we, {}) })
           }
         ) : null
       ] })
     ] }),
-    /* @__PURE__ */ i.jsx("div", { className: u.threadCommentItemTime, children: e.dT }),
-    o ? /* @__PURE__ */ i.jsx(
-      Ve,
+    /* @__PURE__ */ o.jsx("div", { className: p.threadCommentItemTime, children: e.dT }),
+    i ? /* @__PURE__ */ o.jsx(
+      Be,
       {
         id: e.id,
         comment: e,
         onCancel: () => s == null ? void 0 : s(!1),
         autoFocus: !0,
-        unitId: r,
-        subUnitId: n,
-        onSave: ({ text: m, attachments: g }) => {
-          s == null || s(!1), f.executeCommand(
+        unitId: n,
+        subUnitId: r,
+        onSave: ({ text: c, attachments: x }) => {
+          s == null || s(!1), v.executeCommand(
             ot.id,
             {
-              unitId: r,
-              subUnitId: n,
+              unitId: n,
+              subUnitId: r,
               payload: {
                 commentId: e.id,
-                text: m,
-                attachments: g
+                text: c,
+                attachments: x
               }
             }
           );
         }
       }
-    ) : /* @__PURE__ */ i.jsx("div", { className: u.threadCommentItemContent, children: Ae(e.text).map((m, g) => {
-      switch (m.type) {
+    ) : /* @__PURE__ */ o.jsx("div", { className: p.threadCommentItemContent, children: Le(e.text).map((c, x) => {
+      switch (c.type) {
         case "mention":
-          return /* @__PURE__ */ i.jsxs("a", { className: u.threadCommentItemAt, children: [
+          return /* @__PURE__ */ o.jsxs("a", { className: p.threadCommentItemAt, children: [
             "@",
-            m.content.label,
+            c.content.label,
             " "
-          ] }, g);
+          ] }, x);
         default:
-          return m.content;
+          return c.content;
       }
     }) })
   ] });
-}, bn = (t) => {
-  var ie, Q, X;
+}, gn = (t) => {
+  var se, Q, X;
   const {
     id: e,
-    unitId: r,
-    subUnitId: n,
-    refStr: o,
+    unitId: n,
+    subUnitId: r,
+    refStr: i,
     showEdit: s = !0,
     onClick: d,
-    showHighlight: c,
-    onClose: v,
-    getSubUnitName: E,
-    prefix: T,
-    autoFocus: f,
-    onMouseEnter: I,
-    onMouseLeave: _,
-    onAddComment: h,
-    onDeleteComment: p,
+    showHighlight: u,
+    onClose: m,
+    getSubUnitName: y,
+    prefix: h,
+    autoFocus: v,
+    onMouseEnter: C,
+    onMouseLeave: b,
+    onAddComment: f,
+    onDeleteComment: I,
     onResolve: P
-  } = t, S = x(ye), [y, C] = k(!1), [R, m] = k(""), g = le(() => S.commentUpdate$.pipe(lt(16)), [S]);
-  F(g);
-  const l = e ? S.getCommentWithChildren(r, n, e) : null, M = x(re), b = x(pe), $ = l == null ? void 0 : l.root.resolved, O = F(b.currentUser$), K = ne(null), Y = [
+  } = t, j = _(Te), [N, g] = A(!1), [w, c] = A(""), x = de(() => j.commentUpdate$.pipe(dt(16)), [j]);
+  F(x);
+  const l = e ? j.getCommentWithChildren(n, r, e) : null, R = _(ie), S = _(ge), M = l == null ? void 0 : l.root.resolved, O = F(S.currentUser$), G = re(null), K = [
     ...l ? [l.root] : (
       // mock empty comment
       [{
-        id: Be,
+        id: Fe,
         text: {
           dataStream: `
 \r`
         },
-        personId: (ie = O == null ? void 0 : O.userID) != null ? ie : "",
-        ref: o != null ? o : "",
+        personId: (se = O == null ? void 0 : O.userID) != null ? se : "",
+        ref: i != null ? i : "",
         dT: "",
-        unitId: r,
-        subUnitId: n,
+        unitId: n,
+        subUnitId: r,
         threadId: ""
       }]
     ),
     ...(Q = l == null ? void 0 : l.children) != null ? Q : []
-  ], L = ne(null), H = (j) => {
-    j.stopPropagation(), $ ? M.executeCommand(W.id, {
-      unitId: r,
-      subUnitId: n,
+  ], L = re(null), H = (T) => {
+    T.stopPropagation(), M ? R.executeCommand(W.id, {
+      unitId: n,
+      subUnitId: r,
       commentId: e
-    }) : M.executeCommand(W.id), M.executeCommand(it.id, {
-      unitId: r,
-      subUnitId: n,
+    }) : R.executeCommand(W.id), R.executeCommand(st.id, {
+      unitId: n,
+      subUnitId: r,
       commentId: e,
-      resolved: !$
-    }), P == null || P(!$);
-  }, J = (j) => {
-    j.stopPropagation(), M.executeCommand(W.id), !(l != null && l.root && (p == null ? void 0 : p(l.root)) === !1) && (M.executeCommand(
-      je.id,
+      resolved: !M
+    }), P == null || P(!M);
+  }, Y = (T) => {
+    T.stopPropagation(), R.executeCommand(W.id), !(l != null && l.root && (I == null ? void 0 : I(l.root)) === !1) && (R.executeCommand(
+      Ee.id,
       {
-        unitId: r,
-        subUnitId: n,
+        unitId: n,
+        subUnitId: r,
         commentId: e
       }
-    ), v == null || v());
+    ), m == null || m());
   };
-  Ce(() => _ == null ? void 0 : _(), []);
-  const D = E((X = l == null ? void 0 : l.root.subUnitId) != null ? X : n), oe = s && !R && !$, G = `${o || (l == null ? void 0 : l.root.ref) || ""}${D ? " · " : ""}${D}`;
-  return /* @__PURE__ */ i.jsxs(
+  fe(() => b == null ? void 0 : b(), []);
+  const D = y((X = l == null ? void 0 : l.root.subUnitId) != null ? X : r), oe = s && !w && !M, Z = `${i || (l == null ? void 0 : l.root.ref) || ""}${D ? " · " : ""}${D}`;
+  return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: Zt(u.threadComment, {
-        [u.threadCommentActive]: !$ && (c || y || T === "cell")
+      className: Ft(p.threadComment, {
+        [p.threadCommentActive]: !M && (u || N || h === "cell")
       }),
       onClick: d,
-      id: `${T}-${r}-${n}-${e}`,
+      id: `${h}-${n}-${r}-${e}`,
       onMouseEnter: () => {
-        I == null || I(), C(!0);
+        C == null || C(), g(!0);
       },
       onMouseLeave: () => {
-        _ == null || _(), C(!1);
+        b == null || b(), g(!1);
       },
       children: [
-        !$ && c ? /* @__PURE__ */ i.jsx("div", { className: u.threadCommentHighlight }) : null,
-        /* @__PURE__ */ i.jsxs("div", { className: u.threadCommentTitle, children: [
-          /* @__PURE__ */ i.jsxs("div", { className: u.threadCommentTitlePosition, children: [
-            /* @__PURE__ */ i.jsx("div", { className: u.threadCommentTitleHighlight }),
-            /* @__PURE__ */ i.jsx(ut, { showIfEllipsis: !0, title: G, children: /* @__PURE__ */ i.jsx("div", { className: u.threadCommentTitlePositionText, children: G }) })
+        !M && u ? /* @__PURE__ */ o.jsx("div", { className: p.threadCommentHighlight }) : null,
+        /* @__PURE__ */ o.jsxs("div", { className: p.threadCommentTitle, children: [
+          /* @__PURE__ */ o.jsxs("div", { className: p.threadCommentTitlePosition, children: [
+            /* @__PURE__ */ o.jsx("div", { className: p.threadCommentTitleHighlight }),
+            /* @__PURE__ */ o.jsx(vt, { showIfEllipsis: !0, title: Z, children: /* @__PURE__ */ o.jsx("div", { className: p.threadCommentTitlePositionText, children: Z }) })
           ] }),
-          l ? /* @__PURE__ */ i.jsxs("div", { className: u.threadCommentIconContainer, children: [
-            /* @__PURE__ */ i.jsx(
+          l ? /* @__PURE__ */ o.jsxs("div", { className: p.threadCommentIconContainer, children: [
+            /* @__PURE__ */ o.jsx(
               "div",
               {
                 onClick: H,
-                className: u.threadCommentIcon,
-                style: { color: $ ? "rgb(var(--green-500))" : "" },
-                children: $ ? /* @__PURE__ */ i.jsx(He, {}) : /* @__PURE__ */ i.jsx(De, {})
+                className: p.threadCommentIcon,
+                style: { color: M ? "rgb(var(--green-500))" : "" },
+                children: M ? /* @__PURE__ */ o.jsx(De, {}) : /* @__PURE__ */ o.jsx(Ae, {})
               }
             ),
-            (O == null ? void 0 : O.userID) === l.root.personId ? /* @__PURE__ */ i.jsx("div", { className: u.threadCommentIcon, onClick: J, children: /* @__PURE__ */ i.jsx(Me, {}) }) : null
+            (O == null ? void 0 : O.userID) === l.root.personId ? /* @__PURE__ */ o.jsx("div", { className: p.threadCommentIcon, onClick: Y, children: /* @__PURE__ */ o.jsx(Me, {}) }) : null
           ] }) : null
         ] }),
-        /* @__PURE__ */ i.jsx("div", { className: u.threadCommentContent, ref: L, children: Y.map(
-          (j) => /* @__PURE__ */ i.jsx(
-            xn,
+        /* @__PURE__ */ o.jsx("div", { className: p.threadCommentContent, ref: L, children: K.map(
+          (T) => /* @__PURE__ */ o.jsx(
+            pn,
             {
-              onClose: v,
-              unitId: r,
-              subUnitId: n,
-              item: j,
-              isRoot: j.id === (l == null ? void 0 : l.root.id),
-              editing: R === j.id,
+              onClose: m,
+              unitId: n,
+              subUnitId: r,
+              item: T,
+              isRoot: T.id === (l == null ? void 0 : l.root.id),
+              editing: w === T.id,
               resolved: l == null ? void 0 : l.root.resolved,
-              onEditingChange: (w) => {
-                m(w ? j.id : "");
+              onEditingChange: ($) => {
+                c($ ? T.id : "");
               },
-              onReply: (w) => {
-                w && requestAnimationFrame(() => {
+              onReply: ($) => {
+                $ && requestAnimationFrame(() => {
                   var a;
-                  (a = K.current) == null || a.reply(Le([{
+                  (a = G.current) == null || a.reply(Ve([{
                     type: "mention",
                     content: {
-                      id: w.userID,
-                      label: w.name
+                      id: $.userID,
+                      label: $.name
                     }
                   }]));
                 });
               },
-              onAddComment: h,
-              onDeleteComment: p
+              onAddComment: f,
+              onDeleteComment: I
             },
-            j.id
+            T.id
           )
         ) }),
-        oe ? /* @__PURE__ */ i.jsx("div", { children: /* @__PURE__ */ i.jsx(
-          Ve,
+        oe ? /* @__PURE__ */ o.jsx("div", { children: /* @__PURE__ */ o.jsx(
+          Be,
           {
-            ref: K,
-            unitId: r,
-            subUnitId: n,
-            onSave: async ({ text: j, attachments: w }) => {
+            ref: G,
+            unitId: n,
+            subUnitId: r,
+            onSave: async ({ text: T, attachments: $ }) => {
               const a = {
-                text: j,
-                attachments: w,
-                dT: nt(),
-                id: et(),
-                ref: o,
+                text: T,
+                attachments: $,
+                dT: rt(),
+                id: tt(),
+                ref: i,
                 personId: O == null ? void 0 : O.userID,
                 parentId: l == null ? void 0 : l.root.id,
-                unitId: r,
-                subUnitId: n,
+                unitId: n,
+                subUnitId: r,
                 threadId: l == null ? void 0 : l.root.threadId
               };
-              (h == null ? void 0 : h(a)) !== !1 && (await M.executeCommand(
-                rt.id,
+              (f == null ? void 0 : f(a)) !== !1 && (await R.executeCommand(
+                it.id,
                 {
-                  unitId: r,
-                  subUnitId: n,
+                  unitId: n,
+                  subUnitId: r,
                   comment: a
                 }
               ), L.current && (L.current.scrollTop = L.current.scrollHeight));
             },
-            autoFocus: f || !l,
+            autoFocus: v || !l,
             onCancel: () => {
-              l || v == null || v();
+              l || m == null || m();
             }
           },
-          `${f}`
+          `${v}`
         ) }) : null
       ]
     }
   );
-}, Sn = "univer-thread-comment-panel", _n = "univer-thread-comment", yn = "univer-thread-comment-panel-forms", jn = "univer-select", Nn = "univer-thread-comment-panel-empty", Tn = "univer-thread-comment-panel-add", On = "univer-thread-comment-panel-solved", te = {
-  threadCommentPanel: Sn,
-  threadComment: _n,
-  threadCommentPanelForms: yn,
-  select: jn,
-  threadCommentPanelEmpty: Nn,
-  threadCommentPanelAdd: Tn,
-  threadCommentPanelSolved: On
-}, An = (t) => {
+}, In = "univer-thread-comment-panel", xn = "univer-thread-comment", bn = "univer-thread-comment-panel-forms", _n = "univer-select", Sn = "univer-thread-comment-panel-empty", yn = "univer-thread-comment-panel-add", jn = "univer-thread-comment-panel-solved", ne = {
+  threadCommentPanel: In,
+  threadComment: xn,
+  threadCommentPanelForms: bn,
+  select: _n,
+  threadCommentPanelEmpty: Sn,
+  threadCommentPanelAdd: yn,
+  threadCommentPanelSolved: jn
+}, Hn = (t) => {
   const {
     unitId: e,
-    subUnitId$: r,
-    type: n,
-    onAdd: o,
+    subUnitId$: n,
+    type: r,
+    onAdd: i,
     getSubUnitName: s,
     onResolve: d,
-    sortComments: c,
-    onItemLeave: v,
-    onItemEnter: E,
-    disableAdd: T,
-    tempComment: f,
-    onAddComment: I,
-    onDeleteComment: _,
-    showComments: h
-  } = t, [p, P] = k("all"), [S, y] = k("all"), C = x(fe), R = x(pe), m = x(ye), [g, l] = k(() => m.getUnit(e)), M = x(q), b = F(M.activeCommentId$), $ = F(m.commentUpdate$), O = x(re), K = F(r), Y = ne(!0), L = "panel", H = F(R.currentUser$), J = le(() => {
-    var ae;
-    const a = p === "all" ? g : (ae = g.filter((N) => N.subUnitId === K)) != null ? ae : [], ee = c != null ? c : (N) => N, se = a.map((N) => {
+    sortComments: u,
+    onItemLeave: m,
+    onItemEnter: y,
+    disableAdd: h,
+    tempComment: v,
+    onAddComment: C,
+    onDeleteComment: b,
+    showComments: f
+  } = t, [I, P] = A("all"), [j, N] = A("all"), g = _(pe), w = _(ge), c = _(Te), [x, l] = A(() => c.getUnit(e)), R = _(J), S = F(R.activeCommentId$), M = F(c.commentUpdate$), O = _(ie), G = F(n), K = re(!0), L = "panel", H = F(w.currentUser$), Y = de(() => {
+    var le;
+    const a = I === "all" ? x : (le = x.filter((E) => E.subUnitId === G)) != null ? le : [], ee = u != null ? u : (E) => E, ae = a.map((E) => {
       var V;
-      return { ...N.root, children: (V = N.children) != null ? V : [], users: N.relativeUsers };
+      return { ...E.root, children: (V = E.children) != null ? V : [], users: E.relativeUsers };
     });
-    if (h) {
-      const N = /* @__PURE__ */ new Map();
-      return se.forEach((V) => {
-        N.set(V.id, V);
-      }), [...h, ""].map((V) => N.get(V)).filter(Boolean);
+    if (f) {
+      const E = /* @__PURE__ */ new Map();
+      return ae.forEach((V) => {
+        E.set(V.id, V);
+      }), [...f, ""].map((V) => E.get(V)).filter(Boolean);
     } else
-      return ee(se);
-  }, [h, p, g, c, K]), D = le(() => [
-    ...J.filter((a) => !a.resolved),
-    ...J.filter((a) => a.resolved)
-  ], [J]), oe = le(() => S === "resolved" ? D.filter((a) => a.resolved) : S === "unsolved" ? D.filter((a) => !a.resolved) : S === "concern_me" && H != null && H.userID ? D.filter((a) => a == null ? void 0 : a.users.has(H.userID)) : D, [D, H == null ? void 0 : H.userID, S]), G = f ? [f, ...oe] : oe, ie = G.filter((a) => !a.resolved), Q = G.filter((a) => a.resolved), X = S !== "all" || p !== "all", j = () => {
-    y("all"), P("all");
+      return ee(ae);
+  }, [f, I, x, u, G]), D = de(() => [
+    ...Y.filter((a) => !a.resolved),
+    ...Y.filter((a) => a.resolved)
+  ], [Y]), oe = de(() => j === "resolved" ? D.filter((a) => a.resolved) : j === "unsolved" ? D.filter((a) => !a.resolved) : j === "concern_me" && H != null && H.userID ? D.filter((a) => a == null ? void 0 : a.users.has(H.userID)) : D, [D, H == null ? void 0 : H.userID, j]), Z = v ? [v, ...oe] : oe, se = Z.filter((a) => !a.resolved), Q = Z.filter((a) => a.resolved), X = j !== "all" || I !== "all", T = () => {
+    N("all"), P("all");
   };
-  Ce(() => {
+  fe(() => {
     e && l(
-      m.getUnit(e)
+      c.getUnit(e)
     );
-  }, [e, m, $]), Ce(() => {
-    var N;
-    if (!b)
+  }, [e, c, M]), fe(() => {
+    var E;
+    if (!S)
       return;
-    if (!Y.current) {
-      Y.current = !0;
+    if (!K.current) {
+      K.current = !0;
       return;
     }
-    const { unitId: a, subUnitId: ee, commentId: se } = b, ae = `${L}-${a}-${ee}-${se}`;
-    (N = document.getElementById(ae)) == null || N.scrollIntoView({ block: "center" });
-  }, [b]);
-  const w = (a) => /* @__PURE__ */ i.jsx(
-    bn,
+    const { unitId: a, subUnitId: ee, commentId: ae } = S, le = `${L}-${a}-${ee}-${ae}`;
+    (E = document.getElementById(le)) == null || E.scrollIntoView({ block: "center" });
+  }, [S]);
+  const $ = (a) => /* @__PURE__ */ o.jsx(
+    gn,
     {
       prefix: L,
       getSubUnitName: s,
@@ -726,11 +732,11 @@ const Gt = "univer-thread-comment-editor-buttons", qt = "univer-thread-comment-e
       unitId: a.unitId,
       subUnitId: a.subUnitId,
       refStr: a.ref,
-      type: n,
-      showEdit: (b == null ? void 0 : b.commentId) === a.id,
-      showHighlight: (b == null ? void 0 : b.commentId) === a.id,
+      type: r,
+      showEdit: (S == null ? void 0 : S.commentId) === a.id,
+      showHighlight: (S == null ? void 0 : S.commentId) === a.id,
       onClick: () => {
-        Y.current = !1, a.resolved ? O.executeCommand(W.id) : O.executeCommand(
+        K.current = !1, a.resolved ? O.executeCommand(W.id) : O.executeCommand(
           W.id,
           {
             unitId: a.unitId,
@@ -740,84 +746,84 @@ const Gt = "univer-thread-comment-editor-buttons", qt = "univer-thread-comment-e
           }
         );
       },
-      onMouseEnter: () => E == null ? void 0 : E(a),
-      onMouseLeave: () => v == null ? void 0 : v(a),
-      onAddComment: I,
-      onDeleteComment: _,
+      onMouseEnter: () => y == null ? void 0 : y(a),
+      onMouseLeave: () => m == null ? void 0 : m(a),
+      onAddComment: C,
+      onDeleteComment: b,
       onResolve: (ee) => d == null ? void 0 : d(a.id, ee)
     },
     a.id
   );
-  return /* @__PURE__ */ i.jsxs("div", { className: te.threadCommentPanel, children: [
-    /* @__PURE__ */ i.jsxs("div", { className: te.threadCommentPanelForms, children: [
-      n === he.UNIVER_SHEET ? /* @__PURE__ */ i.jsx(
-        xe,
+  return /* @__PURE__ */ o.jsxs("div", { className: ne.threadCommentPanel, children: [
+    /* @__PURE__ */ o.jsxs("div", { className: ne.threadCommentPanelForms, children: [
+      r === he.UNIVER_SHEET ? /* @__PURE__ */ o.jsx(
+        be,
         {
           borderless: !0,
-          value: p,
+          value: I,
           onChange: (a) => P(a),
           options: [
             {
               value: "current",
-              label: C.t("threadCommentUI.filter.sheet.current")
+              label: g.t("threadCommentUI.filter.sheet.current")
             },
             {
               value: "all",
-              label: C.t("threadCommentUI.filter.sheet.all")
+              label: g.t("threadCommentUI.filter.sheet.all")
             }
           ]
         }
       ) : null,
-      /* @__PURE__ */ i.jsx(
-        xe,
+      /* @__PURE__ */ o.jsx(
+        be,
         {
           borderless: !0,
-          value: S,
-          onChange: (a) => y(a),
+          value: j,
+          onChange: (a) => N(a),
           options: [
             {
               value: "all",
-              label: C.t("threadCommentUI.filter.status.all")
+              label: g.t("threadCommentUI.filter.status.all")
             },
             {
               value: "resolved",
-              label: C.t("threadCommentUI.filter.status.resolved")
+              label: g.t("threadCommentUI.filter.status.resolved")
             },
             {
               value: "unsolved",
-              label: C.t("threadCommentUI.filter.status.unsolved")
+              label: g.t("threadCommentUI.filter.status.unsolved")
             },
             {
               value: "concern_me",
-              label: C.t("threadCommentUI.filter.status.concernMe")
+              label: g.t("threadCommentUI.filter.status.concernMe")
             }
           ]
         }
       )
     ] }),
-    ie.map(w),
-    Q.length ? /* @__PURE__ */ i.jsx("div", { className: te.threadCommentPanelSolved, children: "已解决" }) : null,
-    Q.map(w),
-    G.length ? null : /* @__PURE__ */ i.jsxs("div", { className: te.threadCommentPanelEmpty, children: [
-      X ? C.t("threadCommentUI.panel.filterEmpty") : C.t("threadCommentUI.panel.empty"),
-      X ? /* @__PURE__ */ i.jsx(
-        de,
+    se.map($),
+    Q.length ? /* @__PURE__ */ o.jsx("div", { className: ne.threadCommentPanelSolved, children: "已解决" }) : null,
+    Q.map($),
+    Z.length ? null : /* @__PURE__ */ o.jsxs("div", { className: ne.threadCommentPanelEmpty, children: [
+      X ? g.t("threadCommentUI.panel.filterEmpty") : g.t("threadCommentUI.panel.empty"),
+      X ? /* @__PURE__ */ o.jsx(
+        me,
         {
-          onClick: j,
+          onClick: T,
           type: "link",
-          children: C.t("threadCommentUI.panel.reset")
+          children: g.t("threadCommentUI.panel.reset")
         }
-      ) : /* @__PURE__ */ i.jsxs(
-        de,
+      ) : /* @__PURE__ */ o.jsxs(
+        me,
         {
           id: "thread-comment-add",
-          className: te.threadCommentPanelAdd,
+          className: ne.threadCommentPanelAdd,
           type: "primary",
-          onClick: o,
-          disabled: T,
+          onClick: i,
+          disabled: h,
           children: [
-            /* @__PURE__ */ i.jsx($e, {}),
-            C.t("threadCommentUI.panel.addComment")
+            /* @__PURE__ */ o.jsx($e, {}),
+            g.t("threadCommentUI.panel.addComment")
           ]
         }
       )
@@ -827,9 +833,9 @@ const Gt = "univer-thread-comment-editor-buttons", qt = "univer-thread-comment-e
 export {
   W as SetActiveCommentOperation,
   St as THREAD_COMMENT_PANEL,
-  An as ThreadCommentPanel,
-  q as ThreadCommentPanelService,
-  bn as ThreadCommentTree,
-  yt as ToggleSheetCommentPanelOperation,
-  me as UniverThreadCommentUIPlugin
+  Hn as ThreadCommentPanel,
+  J as ThreadCommentPanelService,
+  gn as ThreadCommentTree,
+  jt as ToggleSheetCommentPanelOperation,
+  ce as UniverThreadCommentUIPlugin
 };