@univerjs/thread-comment-ui 0.16.1 → 0.17.0

package/lib/index.js

@@ -1,20 +1,20 @@
-var He = Object.defineProperty;
-var Ve = (r, e, t) => e in r ? He(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var W = (r, e, t) => Ve(r, typeof e != "symbol" ? e + "" : e, t);
-import { Inject as ye, IUniverInstanceService as je, Disposable as Pe, UniverInstanceType as de, CommandType as _e, DependentOn as Ae, Injector as Be, ICommandService as te, IConfigService as We, Plugin as Ze, merge as Fe, mergeOverrideWithDependencies as ze, LocaleService as he, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ke, BuildTextUtils as ue, DOCS_COMMENT_EDITOR_UNIT_ID_KEY as Ge, Tools as Ye, CustomRangeType as qe, getBodySlice as Je, UserManagerService as fe, generateRandomId as Qe } from "@univerjs/core";
-import { ISidebarService as we, useDependency as N, KeyCode as pe, useObservable as Z, useConfigValue as Xe, UI_PLUGIN_CONFIG_KEY as et } from "@univerjs/ui";
-import { BehaviorSubject as Ce, filter as tt, debounceTime as rt } from "rxjs";
-import { UniverThreadCommentPlugin as nt, ThreadCommentModel as Ne, getDT as it, AddCommentCommand as ot, ResolveCommentCommand as st, DeleteCommentTreeCommand as Se, UpdateCommentCommand as at, DeleteCommentCommand as lt } from "@univerjs/thread-comment";
+var je = Object.defineProperty;
+var Ve = (n, e, t) => e in n ? je(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var W = (n, e, t) => Ve(n, typeof e != "symbol" ? e + "" : e, t);
+import { Inject as _e, IUniverInstanceService as Pe, Disposable as Ae, UniverInstanceType as de, CommandType as we, DependentOn as Be, Injector as We, ICommandService as ne, IConfigService as Ze, Plugin as Fe, merge as ze, mergeOverrideWithDependencies as Ke, LocaleService as fe, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as Ge, BuildTextUtils as ve, DOCS_COMMENT_EDITOR_UNIT_ID_KEY as Ye, Tools as qe, CustomRangeType as Je, getBodySlice as Qe, UserManagerService as pe, generateRandomId as Xe } from "@univerjs/core";
+import { ISidebarService as Ne, useDependency as N, KeyCode as ge, useObservable as Z, useConfigValue as et, UI_PLUGIN_CONFIG_KEY as tt } from "@univerjs/ui";
+import { BehaviorSubject as Ce, filter as nt, debounceTime as rt } from "rxjs";
+import { UniverThreadCommentPlugin as it, ThreadCommentModel as Se, getDT as ot, AddCommentCommand as st, ResolveCommentCommand as at, DeleteCommentTreeCommand as ke, UpdateCommentCommand as lt, DeleteCommentCommand as ct } from "@univerjs/thread-comment";
 import { jsxs as I, jsx as a } from "react/jsx-runtime";
-import { Button as ae, clsx as ve, Tooltip as ct, scrollbarClassName as dt, borderClassName as ut, Dropdown as vt, Select as ge } from "@univerjs/design";
-import { useRef as ee, createElement as z, forwardRef as K, useState as P, useEffect as le, useMemo as X, useImperativeHandle as mt } from "react";
-import { IEditorService as ht, BreakLineCommand as ft, RichTextEditor as pt } from "@univerjs/docs-ui";
-var Ct = Object.getOwnPropertyDescriptor, gt = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ct(e, t) : e, o = r.length - 1, c; o >= 0; o--)
-    (c = r[o]) && (i = c(i) || i);
+import { Button as le, clsx as me, Tooltip as dt, scrollbarClassName as ut, borderClassName as vt, Dropdown as mt, Select as Ie } from "@univerjs/design";
+import { useRef as te, createElement as z, forwardRef as K, useState as P, useEffect as ce, useMemo as ee, useImperativeHandle as ht } from "react";
+import { IEditorService as ft, BreakLineCommand as pt, RichTextEditor as gt } from "@univerjs/docs-ui";
+var Ct = Object.getOwnPropertyDescriptor, It = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ct(e, t) : e, o = n.length - 1, c; o >= 0; o--)
+    (c = n[o]) && (i = c(i) || i);
   return i;
-}, Ie = (r, e) => (t, n) => e(t, n, r);
-let Y = class extends Pe {
+}, xe = (n, e) => (t, r) => e(t, r, n);
+let Y = class extends Ae {
   constructor(e, t) {
     super();
     W(this, "_panelVisible", !1);
@@ -33,7 +33,7 @@ let Y = class extends Pe {
         e.visible || this.setPanelVisible(!1);
       })
     ), this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(de.UNIVER_SHEET).pipe(tt((e) => !e)).subscribe(() => {
+      this._univerInstanceService.getCurrentTypeOfUnit$(de.UNIVER_SHEET).pipe(nt((e) => !e)).subscribe(() => {
         this._sidebarService.close();
       })
     );
@@ -51,109 +51,114 @@ let Y = class extends Pe {
     this._activeCommentId = e, this._activeCommentId$.next(e);
   }
 };
-Y = gt([
-  Ie(0, ye(we)),
-  Ie(1, je)
+Y = It([
+  xe(0, _e(Ne)),
+  xe(1, Pe)
 ], Y);
-const It = "thread-comment-panel", xt = "UNIVER_THREAD_COMMENT_UI_PLUGIN", bt = {
+const xt = "thread-comment-panel", bt = "UNIVER_THREAD_COMMENT_UI_PLUGIN", yt = {
   id: "thread-comment-ui.operation.toggle-panel",
-  type: _e.OPERATION,
-  handler(r) {
-    const e = r.get(we), t = r.get(Y);
+  type: we.OPERATION,
+  handler(n) {
+    const e = n.get(Ne), t = n.get(Y);
     return t.panelVisible ? (e.close(), t.setPanelVisible(!1)) : (e.open({
       header: { title: "threadCommentUI.panel.title" },
-      children: { label: It },
+      children: { label: xt },
       width: 360
     }), t.setPanelVisible(!0)), !0;
   }
 }, F = {
   id: "thread-comment-ui.operation.set-active-comment",
-  type: _e.OPERATION,
-  handler(r, e) {
-    return r.get(Y).setActiveComment(e), !0;
+  type: we.OPERATION,
+  handler(n, e) {
+    return n.get(Y).setActiveComment(e), !0;
   }
-}, yt = "thread-comment-ui.config", xe = {};
-var _t = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, Nt = (r, e, t) => e in r ? _t(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, St = (r, e, t, n) => {
-  for (var i = n > 1 ? void 0 : n ? wt(e, t) : e, o = r.length - 1, c; o >= 0; o--)
-    (c = r[o]) && (i = c(i) || i);
+}, _t = "@univerjs/thread-comment-ui", wt = "0.17.0", $e = {
+  name: _t,
+  version: wt
+}, Nt = "thread-comment-ui.config", be = {};
+var St = Object.defineProperty, kt = Object.getOwnPropertyDescriptor, $t = (n, e, t) => e in n ? St(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, Ut = (n, e, t, r) => {
+  for (var i = r > 1 ? void 0 : r ? kt(e, t) : e, o = n.length - 1, c; o >= 0; o--)
+    (c = n[o]) && (i = c(i) || i);
   return i;
-}, me = (r, e) => (t, n) => e(t, n, r), $e = (r, e, t) => Nt(r, typeof e != "symbol" ? e + "" : e, t);
-let ce = class extends Ze {
-  constructor(r = xe, e, t, n) {
-    super(), this._config = r, this._injector = e, this._commandService = t, this._configService = n;
-    const { menu: i, ...o } = Fe(
+}, he = (n, e) => (t, r) => e(t, r, n), ue = (n, e, t) => $t(n, typeof e != "symbol" ? e + "" : e, t);
+let q = class extends Fe {
+  constructor(n = be, e, t, r) {
+    super(), this._config = n, this._injector = e, this._commandService = t, this._configService = r;
+    const { menu: i, ...o } = ze(
       {},
-      xe,
+      be,
       this._config
     );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(yt, o);
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Nt, o);
   }
   onStarting() {
-    var r;
-    ze([
+    var n;
+    Ke([
       [Y]
-    ], (r = this._config) == null ? void 0 : r.overrides).forEach((e) => {
+    ], (n = this._config) == null ? void 0 : n.overrides).forEach((e) => {
       this._injector.add(e);
-    }), [bt, F].forEach((e) => {
+    }), [yt, F].forEach((e) => {
       this._commandService.registerCommand(e);
     });
   }
 };
-$e(ce, "pluginName", xt);
-$e(ce, "type", de.UNIVER_UNKNOWN);
-ce = St([
-  Ae(nt),
-  me(1, ye(Be)),
-  me(2, te),
-  me(3, We)
-], ce);
-function G({ ref: r, ...e }) {
-  const { icon: t, id: n, className: i, extend: o, ...c } = e, x = `univerjs-icon univerjs-icon-${n} ${i || ""}`.trim(), h = ee(`_${kt()}`);
-  return Ue(t, `${n}`, {
+ue(q, "pluginName", bt);
+ue(q, "packageName", $e.name);
+ue(q, "version", $e.version);
+ue(q, "type", de.UNIVER_UNKNOWN);
+q = Ut([
+  Be(it),
+  he(1, _e(We)),
+  he(2, ne),
+  he(3, Ze)
+], q);
+function G({ ref: n, ...e }) {
+  const { icon: t, id: r, className: i, extend: o, ...c } = e, x = `univerjs-icon univerjs-icon-${r} ${i || ""}`.trim(), h = te(`_${Et()}`);
+  return Ue(t, `${r}`, {
     defIds: t.defIds,
     idSuffix: h.current
   }, {
-    ref: r,
+    ref: n,
     className: x,
     ...c
   }, o);
 }
-function Ue(r, e, t, n, i) {
-  return z(r.tag, {
+function Ue(n, e, t, r, i) {
+  return z(n.tag, {
     key: e,
-    ...$t(r, t, i),
-    ...n
-  }, (Ut(r, t).children || []).map((o, c) => Ue(o, `${e}-${r.tag}-${c}`, t, void 0, i)));
+    ...Tt(n, t, i),
+    ...r
+  }, (Dt(n, t).children || []).map((o, c) => Ue(o, `${e}-${n.tag}-${c}`, t, void 0, i)));
 }
-function $t(r, e, t) {
-  const n = { ...r.attrs };
-  t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1), r.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(([o, c]) => {
-    o === "mask" && typeof c == "string" && (n[o] = c.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
+function Tt(n, e, t) {
+  const r = { ...n.attrs };
+  t != null && t.colorChannel1 && r.fill === "colorChannel1" && (r.fill = t.colorChannel1), n.tag === "mask" && r.id && (r.id = r.id + e.idSuffix), Object.entries(r).forEach(([o, c]) => {
+    o === "mask" && typeof c == "string" && (r[o] = c.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
   });
   const { defIds: i } = e;
-  return !i || i.length === 0 || (r.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(([o, c]) => {
-    typeof c == "string" && (n[o] = c.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
-  })), n;
+  return !i || i.length === 0 || (n.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(([o, c]) => {
+    typeof c == "string" && (r[o] = c.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
+  })), r;
 }
-function Ut(r, e) {
-  var n;
+function Dt(n, e) {
+  var r;
   const { defIds: t } = e;
-  return !t || t.length === 0 ? r : r.tag === "defs" && ((n = r.children) != null && n.length) ? {
-    ...r,
-    children: r.children.map((i) => typeof i.attrs.id == "string" && t && t.includes(i.attrs.id) ? {
+  return !t || t.length === 0 ? n : n.tag === "defs" && ((r = n.children) != null && r.length) ? {
+    ...n,
+    children: n.children.map((i) => typeof i.attrs.id == "string" && t && t.includes(i.attrs.id) ? {
       ...i,
       attrs: {
         ...i.attrs,
         id: i.attrs.id + e.idSuffix
       }
     } : i)
-  } : r;
+  } : n;
 }
-function kt() {
+function Et() {
   return Math.random().toString(36).substring(2, 8);
 }
 G.displayName = "UniverIcon";
-const Tt = {
+const Mt = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -194,15 +199,15 @@ const Tt = {
       }
     }
   ]
-}, ke = K(function(e, t) {
+}, Te = K(function(e, t) {
   return z(G, Object.assign({}, e, {
     id: "delete-icon",
     ref: t,
-    icon: Tt
+    icon: Mt
   }));
 });
-ke.displayName = "DeleteIcon";
-const Dt = {
+Te.displayName = "DeleteIcon";
+const Ot = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -218,15 +223,15 @@ const Dt = {
       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"
     }
   }]
-}, Te = K(function(e, t) {
+}, De = K(function(e, t) {
   return z(G, Object.assign({}, e, {
     id: "increase-icon",
     ref: t,
-    icon: Dt
+    icon: Ot
   }));
 });
-Te.displayName = "IncreaseIcon";
-const Et = {
+De.displayName = "IncreaseIcon";
+const Rt = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -258,15 +263,15 @@ const Et = {
       }
     }
   ]
-}, De = K(function(e, t) {
+}, Ee = K(function(e, t) {
   return z(G, Object.assign({}, e, {
     id: "more-horizontal-icon",
     ref: t,
-    icon: Et
+    icon: Rt
   }));
 });
-De.displayName = "MoreHorizontalIcon";
-const Mt = {
+Ee.displayName = "MoreHorizontalIcon";
+const Lt = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -324,15 +329,15 @@ const Mt = {
       }
     }
   ]
-}, Ee = K(function(e, t) {
+}, Me = K(function(e, t) {
   return z(G, Object.assign({}, e, {
     id: "reply-to-comment-icon",
     ref: t,
-    icon: Mt
+    icon: Lt
   }));
 });
-Ee.displayName = "ReplyToCommentIcon";
-const Ot = {
+Me.displayName = "ReplyToCommentIcon";
+const Ht = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -350,15 +355,15 @@ const Ot = {
       clipRule: "evenodd"
     }
   }]
-}, Me = K(function(e, t) {
+}, Oe = K(function(e, t) {
   return z(G, Object.assign({}, e, {
     id: "resolved-icon",
     ref: t,
-    icon: Ot
+    icon: Ht
   }));
 });
-Me.displayName = "ResolvedIcon";
-const Rt = {
+Oe.displayName = "ResolvedIcon";
+const jt = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -386,51 +391,51 @@ const Rt = {
       strokeWidth: 1.2
     }
   }]
-}, Oe = K(function(e, t) {
+}, Re = K(function(e, t) {
   return z(G, Object.assign({}, e, {
     id: "solve-icon",
     ref: t,
-    icon: Rt
+    icon: jt
   }));
 });
-Oe.displayName = "SolveIcon";
-function be(r) {
+Re.displayName = "SolveIcon";
+function ye(n) {
   return {
     id: "d",
-    body: r,
+    body: n,
     documentStyle: {}
   };
 }
-const Re = K((r, e) => {
+const Le = K((n, e) => {
   var O;
-  const { comment: t, onSave: n, id: i, onCancel: o, autoFocus: c, unitId: x, type: h } = r, S = N(te), U = N(he), [V, k] = P(!1), b = N(ht), u = ee(null), v = h === de.UNIVER_DOC ? Ke : x, [T, y] = P(() => {
+  const { comment: t, onSave: r, id: i, onCancel: o, autoFocus: c, unitId: x, type: h } = n, S = N(ne), $ = N(fe), [j, U] = P(!1), b = N(ft), u = te(null), v = h === de.UNIVER_DOC ? Ge : x, [T, y] = P(() => {
     var d, m, f;
-    return ue.transform.getPlainText((f = (m = (d = u.current) == null ? void 0 : d.getDocumentData().body) == null ? void 0 : m.dataStream) != null ? f : "");
+    return ve.transform.getPlainText((f = (m = (d = u.current) == null ? void 0 : d.getDocumentData().body) == null ? void 0 : m.dataStream) != null ? f : "");
   });
-  le(() => {
+  ce(() => {
     var m, f, _, p;
-    y(ue.transform.getPlainText((_ = (f = (m = u.current) == null ? void 0 : m.getDocumentData().body) == null ? void 0 : f.dataStream) != null ? _ : ""));
+    y(ve.transform.getPlainText((_ = (f = (m = u.current) == null ? void 0 : m.getDocumentData().body) == null ? void 0 : f.dataStream) != null ? _ : ""));
     const d = (p = u.current) == null ? void 0 : p.selectionChange$.subscribe(() => {
       var s, w, A;
-      y(ue.transform.getPlainText((A = (w = (s = u.current) == null ? void 0 : s.getDocumentData().body) == null ? void 0 : w.dataStream) != null ? A : ""));
+      y(ve.transform.getPlainText((A = (w = (s = u.current) == null ? void 0 : s.getDocumentData().body) == null ? void 0 : w.dataStream) != null ? A : ""));
     });
     return () => d == null ? void 0 : d.unsubscribe();
   }, [(O = u.current) == null ? void 0 : O.selectionChange$]);
-  const j = X(() => ({
-    keyCodes: [{ keyCode: pe.ENTER }],
+  const V = ee(() => ({
+    keyCodes: [{ keyCode: ge.ENTER }],
     handler: (d) => {
-      d === pe.ENTER && S.executeCommand(
-        ft.id
+      d === ge.ENTER && S.executeCommand(
+        pt.id
       );
     }
   }), [S]);
-  mt(e, () => ({
+  ht(e, () => ({
     reply(d) {
       var f, _;
       if (!u.current)
         return;
       b.focus((f = u.current.getEditorId()) != null ? f : "");
-      const m = be(d);
+      const m = ye(d);
       (_ = u.current) == null || _.setDocumentData(m, [{
         startOffset: m.body.dataStream.length - 2,
         endOffset: m.body.dataStream.length - 2,
@@ -438,10 +443,10 @@ const Re = K((r, e) => {
       }]);
     }
   }));
-  const C = () => {
+  const g = () => {
     if (u.current) {
-      const d = Ye.deepClone(u.current.getDocumentData().body);
-      k(!1), n == null || n({
+      const d = qe.deepClone(u.current.getDocumentData().body);
+      U(!1), r == null || r({
         ...t,
         text: d
       }), u.current.replaceText(""), setTimeout(() => {
@@ -452,16 +457,16 @@ const Re = K((r, e) => {
   };
   return /* @__PURE__ */ I("div", { onClick: (d) => d.preventDefault(), children: [
     /* @__PURE__ */ a(
-      pt,
+      gt,
       {
         className: "univer-w-full",
         editorRef: u,
-        editorId: Ge,
+        editorId: Ye,
         autoFocus: c,
-        keyboardEventConfig: j,
-        placeholder: U.t("threadCommentUI.editor.placeholder"),
-        initialValue: (t == null ? void 0 : t.text) && be(t.text),
-        onFocusChange: (d) => d && k(d),
+        keyboardEventConfig: V,
+        placeholder: $.t("threadCommentUI.editor.placeholder"),
+        initialValue: (t == null ? void 0 : t.text) && ye(t.text),
+        onFocusChange: (d) => d && U(d),
         isSingle: !1,
         maxHeight: 64,
         onClickOutside: () => {
@@ -471,30 +476,30 @@ const Re = K((r, e) => {
         }
       }
     ),
-    V ? /* @__PURE__ */ I("div", { className: "univer-mt-3 univer-flex univer-flex-row univer-justify-end univer-gap-2", children: [
+    j ? /* @__PURE__ */ I("div", { className: "univer-mt-3 univer-flex univer-flex-row univer-justify-end univer-gap-2", children: [
       /* @__PURE__ */ a(
-        ae,
+        le,
         {
           onClick: () => {
             var d;
-            o == null || o(), k(!1), (d = u.current) == null || d.replaceText("", !0), S.executeCommand(F.id);
+            o == null || o(), U(!1), (d = u.current) == null || d.replaceText("", !0), S.executeCommand(F.id);
           },
-          children: U.t("threadCommentUI.editor.cancel")
+          children: $.t("threadCommentUI.editor.cancel")
         }
       ),
       /* @__PURE__ */ a(
-        ae,
+        le,
         {
           variant: "primary",
           disabled: !T,
-          onClick: C,
-          children: U.t(i ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
+          onClick: g,
+          children: $.t(i ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
         }
       )
     ] }) : null
   ] });
-}), Lt = (r) => {
-  const { dataStream: e, customRanges: t } = r, n = e.endsWith(`\r
+}), Vt = (n) => {
+  const { dataStream: e, customRanges: t } = n, r = e.endsWith(`\r
 `) ? e.length - 2 : e.length, i = [];
   let o = 0;
   return t == null || t.forEach((c) => {
@@ -510,31 +515,31 @@ const Re = K((r, e) => {
     }), o = c.endIndex + 1;
   }), i.push({
     type: "text",
-    content: e.slice(o, n)
+    content: e.slice(o, r)
   }), i;
-}, Ht = (r) => {
-  if (!r)
+}, Pt = (n) => {
+  if (!n)
     return [];
-  const { paragraphs: e = [] } = r;
-  return e.map((t, n) => {
-    const i = n === 0 ? 0 : e[n - 1].startIndex + 1, o = Je(r, i, t.startIndex);
-    return Lt(o);
+  const { paragraphs: e = [] } = n;
+  return e.map((t, r) => {
+    const i = r === 0 ? 0 : e[r - 1].startIndex + 1, o = Qe(n, i, t.startIndex);
+    return Vt(o);
   });
-}, Vt = (r) => {
+}, At = (n) => {
   let e = "";
   const t = [];
-  return r.forEach((n) => {
-    switch (n.type) {
+  return n.forEach((r) => {
+    switch (r.type) {
       case "text":
-        e += n.content;
+        e += r.content;
         break;
       case "mention": {
         const i = e.length;
-        e += n.content.label;
+        e += r.content.label;
         const o = e.length - 1;
         t.push({
-          rangeId: n.content.id,
-          rangeType: qe.MENTION,
+          rangeId: r.content.id,
+          rangeType: Je.MENTION,
           startIndex: i,
           endIndex: o,
           properties: {},
@@ -560,13 +565,13 @@ const Re = K((r, e) => {
     dataStream: e,
     customRanges: t
   };
-}, Le = "__mock__", jt = (r) => {
-  const { item: e, unitId: t, subUnitId: n, editing: i, onEditingChange: o, onReply: c, resolved: x, isRoot: h, onClose: S, onDeleteComment: U, type: V } = r, k = N(te), b = N(he), u = N(fe), v = u.getUser(e.personId), T = Z(u.currentUser$), y = (T == null ? void 0 : T.userID) === e.personId, j = e.id === Le, [C, O] = P(!1), d = Xe(et), m = d == null ? void 0 : d.avatarFallback, f = () => {
-    (U == null ? void 0 : U(e)) !== !1 && (k.executeCommand(
-      h ? Se.id : lt.id,
+}, He = "__mock__", Bt = (n) => {
+  const { item: e, unitId: t, subUnitId: r, editing: i, onEditingChange: o, onReply: c, resolved: x, isRoot: h, onClose: S, onDeleteComment: $, type: j } = n, U = N(ne), b = N(fe), u = N(pe), v = u.getUser(e.personId), T = Z(u.currentUser$), y = (T == null ? void 0 : T.userID) === e.personId, V = e.id === He, [g, O] = P(!1), d = et(tt), m = d == null ? void 0 : d.avatarFallback, f = () => {
+    ($ == null ? void 0 : $(e)) !== !1 && (U.executeCommand(
+      h ? ke.id : ct.id,
       {
         unitId: t,
-        subUnitId: n,
+        subUnitId: r,
         commentId: e.id
       }
     ), h && (S == null || S()));
@@ -584,16 +589,16 @@ const Re = K((r, e) => {
     v ? /* @__PURE__ */ I("div", { className: "univer-mb-1 univer-flex univer-h-6 univer-items-center univer-justify-between", children: [
       /* @__PURE__ */ a("div", { className: "univer-text-sm univer-font-medium univer-leading-5", children: (v == null ? void 0 : v.name) || " " }),
       /* @__PURE__ */ I("div", { children: [
-        j || x ? null : C && v ? /* @__PURE__ */ a(
+        V || x ? null : g && v ? /* @__PURE__ */ a(
           "div",
           {
             className: "univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-sm univer-text-base hover:univer-bg-gray-50",
             onClick: () => c(v),
-            children: /* @__PURE__ */ a(Ee, {})
+            children: /* @__PURE__ */ a(Me, {})
           }
         ) : null,
-        y && !j && !x ? /* @__PURE__ */ a(
-          vt,
+        y && !V && !x ? /* @__PURE__ */ a(
+          mt,
           {
             overlay: /* @__PURE__ */ a("div", { className: "univer-rounded-lg", children: /* @__PURE__ */ I(
               "ul",
@@ -623,7 +628,7 @@ const Re = K((r, e) => {
               "div",
               {
                 className: "univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-sm univer-text-base hover:univer-bg-gray-50",
-                children: /* @__PURE__ */ a(De, {})
+                children: /* @__PURE__ */ a(Ee, {})
               }
             )
           }
@@ -638,21 +643,21 @@ const Re = K((r, e) => {
       }
     ),
     i ? /* @__PURE__ */ a(
-      Re,
+      Le,
       {
-        type: V,
+        type: j,
         id: e.id,
         comment: e,
         onCancel: () => o == null ? void 0 : o(!1),
         autoFocus: !0,
         unitId: t,
-        subUnitId: n,
+        subUnitId: r,
         onSave: ({ text: _, attachments: p }) => {
-          o == null || o(!1), k.executeCommand(
-            at.id,
+          o == null || o(!1), U.executeCommand(
+            lt.id,
             {
               unitId: t,
-              subUnitId: n,
+              subUnitId: r,
               payload: {
                 commentId: e.id,
                 text: _,
@@ -666,91 +671,91 @@ const Re = K((r, e) => {
       "div",
       {
         className: "univer-text-sm univer-text-gray-900 dark:!univer-text-white",
-        children: Ht(e.text).map((_, p) => /* @__PURE__ */ a("div", { className: "univer-break-words", children: _.map((s, w) => s.type === "mention" ? /* @__PURE__ */ I("a", { className: "univer-text-primary-600", children: [
+        children: Pt(e.text).map((_, p) => /* @__PURE__ */ a("div", { className: "univer-break-words", children: _.map((s, w) => s.type === "mention" ? /* @__PURE__ */ I("a", { className: "univer-text-primary-600", children: [
           s.content.label,
           " "
         ] }, w) : s.content) }, p))
       }
     )
   ] });
-}, Pt = (r) => {
-  var se, Q, l;
+}, Wt = (n) => {
+  var ae, X, l;
   const {
     id: e,
     unitId: t,
-    subUnitId: n,
+    subUnitId: r,
     refStr: i,
     showEdit: o = !0,
     onClick: c,
     showHighlight: x,
     onClose: h,
     getSubUnitName: S,
-    prefix: U,
-    autoFocus: V,
-    onMouseEnter: k,
+    prefix: $,
+    autoFocus: j,
+    onMouseEnter: U,
     onMouseLeave: b,
     onAddComment: u,
     onDeleteComment: v,
     onResolve: T,
     type: y,
-    style: j,
-    full: C
-  } = r, O = N(Ne), [d, m] = P(!1), [f, _] = P(""), p = X(() => O.commentUpdate$.pipe(rt(16)), [O]);
+    style: V,
+    full: g
+  } = n, O = N(Se), [d, m] = P(!1), [f, _] = P(""), p = ee(() => O.commentUpdate$.pipe(rt(16)), [O]);
   Z(p);
-  const s = e ? O.getCommentWithChildren(t, n, e) : null, w = N(te), A = N(fe), D = s == null ? void 0 : s.root.resolved, E = Z(A.currentUser$), L = ee(null), q = [
+  const s = e ? O.getCommentWithChildren(t, r, e) : null, w = N(ne), A = N(pe), D = s == null ? void 0 : s.root.resolved, E = Z(A.currentUser$), L = te(null), J = [
     ...s ? [s.root] : (
       // mock empty comment
       [{
-        id: Le,
+        id: He,
         text: {
           dataStream: `
 \r`
         },
-        personId: (se = E == null ? void 0 : E.userID) != null ? se : "",
+        personId: (ae = E == null ? void 0 : E.userID) != null ? ae : "",
         ref: i != null ? i : "",
         dT: "",
         unitId: t,
-        subUnitId: n,
+        subUnitId: r,
         threadId: ""
       }]
     ),
-    ...(Q = s == null ? void 0 : s.children) != null ? Q : []
-  ], R = ee(null), re = (g) => {
-    g.stopPropagation(), D ? w.executeCommand(F.id, {
+    ...(X = s == null ? void 0 : s.children) != null ? X : []
+  ], R = te(null), re = (C) => {
+    C.stopPropagation(), D ? w.executeCommand(F.id, {
       unitId: t,
-      subUnitId: n,
+      subUnitId: r,
       commentId: e
-    }) : w.executeCommand(F.id), w.executeCommand(st.id, {
+    }) : w.executeCommand(F.id), w.executeCommand(at.id, {
       unitId: t,
-      subUnitId: n,
+      subUnitId: r,
       commentId: e,
       resolved: !D
     }), T == null || T(!D);
-  }, J = (g) => {
-    g.stopPropagation(), w.executeCommand(F.id), !(s != null && s.root && (v == null ? void 0 : v(s.root)) === !1) && (w.executeCommand(
-      Se.id,
+  }, Q = (C) => {
+    C.stopPropagation(), w.executeCommand(F.id), !(s != null && s.root && (v == null ? void 0 : v(s.root)) === !1) && (w.executeCommand(
+      ke.id,
       {
         unitId: t,
-        subUnitId: n,
+        subUnitId: r,
         commentId: e
       }
     ), h == null || h());
   };
-  le(() => b == null ? void 0 : b(), []);
-  const ne = S((l = s == null ? void 0 : s.root.subUnitId) != null ? l : n), ie = o && !f && !D, oe = `${i || (s == null ? void 0 : s.root.ref) || ""}${ne ? " · " : ""}${ne}`;
+  ce(() => b == null ? void 0 : b(), []);
+  const ie = S((l = s == null ? void 0 : s.root.subUnitId) != null ? l : r), oe = o && !f && !D, se = `${i || (s == null ? void 0 : s.root.ref) || ""}${ie ? " · " : ""}${ie}`;
   return /* @__PURE__ */ I(
     "div",
     {
-      id: `${U}-${t}-${n}-${e}`,
-      className: ve("univer-relative univer-box-border univer-rounded-md univer-bg-white univer-p-4 dark:!univer-bg-gray-900 dark:!univer-text-white", ut, {
-        "univer-w-[278px]": !C,
-        "univer-w-full": C,
-        "univer-shadow": !D && (x || d || U === "cell")
+      id: `${$}-${t}-${r}-${e}`,
+      className: me("univer-relative univer-box-border univer-rounded-md univer-bg-white univer-p-4 dark:!univer-bg-gray-900 dark:!univer-text-white", vt, {
+        "univer-w-[278px]": !g,
+        "univer-w-full": g,
+        "univer-shadow": !D && (x || d || $ === "cell")
       }),
-      style: j,
+      style: V,
       onClick: c,
       onMouseEnter: () => {
-        k == null || k(), m(!0);
+        U == null || U(), m(!0);
       },
       onMouseLeave: () => {
         b == null || b(), m(!1);
@@ -774,11 +779,11 @@ const Re = K((r, e) => {
                     className: "univer-mr-2 univer-h-3.5 univer-w-[3px] univer-flex-shrink-0 univer-flex-grow-0 univer-rounded-sm univer-bg-yellow-500"
                   }
                 ),
-                /* @__PURE__ */ a(ct, { showIfEllipsis: !0, title: oe, children: /* @__PURE__ */ a(
+                /* @__PURE__ */ a(dt, { showIfEllipsis: !0, title: se, children: /* @__PURE__ */ a(
                   "span",
                   {
                     className: "univer-flex-1 univer-truncate",
-                    children: oe
+                    children: se
                   }
                 ) })
               ] }),
@@ -786,19 +791,19 @@ const Re = K((r, e) => {
                 /* @__PURE__ */ a(
                   "div",
                   {
-                    className: ve("univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-text-base hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-800", {
+                    className: me("univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-text-base hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-800", {
                       "univer-text-green-500": D
                     }),
                     onClick: re,
-                    children: D ? /* @__PURE__ */ a(Me, {}) : /* @__PURE__ */ a(Oe, {})
+                    children: D ? /* @__PURE__ */ a(Oe, {}) : /* @__PURE__ */ a(Re, {})
                   }
                 ),
                 (E == null ? void 0 : E.userID) === s.root.personId ? /* @__PURE__ */ a(
                   "div",
                   {
                     className: "univer-ml-1 univer-inline-flex univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded-[3px] univer-text-base hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-800",
-                    onClick: J,
-                    children: /* @__PURE__ */ a(ke, {})
+                    onClick: Q,
+                    children: /* @__PURE__ */ a(Te, {})
                   }
                 ) : null
               ] })
@@ -809,26 +814,26 @@ const Re = K((r, e) => {
           "div",
           {
             ref: R,
-            className: ve("univer-max-h-80 univer-overflow-y-auto univer-overflow-x-hidden", dt),
-            children: q.map(
-              (g) => /* @__PURE__ */ a(
-                jt,
+            className: me("univer-max-h-80 univer-overflow-y-auto univer-overflow-x-hidden", ut),
+            children: J.map(
+              (C) => /* @__PURE__ */ a(
+                Bt,
                 {
                   unitId: t,
-                  subUnitId: n,
-                  item: g,
-                  isRoot: g.id === (s == null ? void 0 : s.root.id),
-                  editing: f === g.id,
+                  subUnitId: r,
+                  item: C,
+                  isRoot: C.id === (s == null ? void 0 : s.root.id),
+                  editing: f === C.id,
                   resolved: s == null ? void 0 : s.root.resolved,
                   type: y,
                   onClose: h,
                   onEditingChange: (M) => {
-                    _(M ? g.id : "");
+                    _(M ? C.id : "");
                   },
                   onReply: (M) => {
                     M && requestAnimationFrame(() => {
                       var H;
-                      (H = L.current) == null || H.reply(Vt([
+                      (H = L.current) == null || H.reply(At([
                         {
                           type: "mention",
                           content: {
@@ -846,102 +851,102 @@ const Re = K((r, e) => {
                   onAddComment: u,
                   onDeleteComment: v
                 },
-                g.id
+                C.id
               )
             )
           }
         ),
-        ie && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
-          Re,
+        oe && /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(
+          Le,
           {
             ref: L,
             type: y,
             unitId: t,
-            subUnitId: n,
-            onSave: async ({ text: g, attachments: M }) => {
+            subUnitId: r,
+            onSave: async ({ text: C, attachments: M }) => {
               const H = {
-                text: g,
+                text: C,
                 attachments: M,
-                dT: it(),
-                id: Qe(),
+                dT: ot(),
+                id: Xe(),
                 ref: i,
                 personId: E == null ? void 0 : E.userID,
                 parentId: s == null ? void 0 : s.root.id,
                 unitId: t,
-                subUnitId: n,
+                subUnitId: r,
                 threadId: s == null ? void 0 : s.root.threadId
               };
               (u == null ? void 0 : u(H)) !== !1 && (await w.executeCommand(
-                ot.id,
+                st.id,
                 {
                   unitId: t,
-                  subUnitId: n,
+                  subUnitId: r,
                   comment: H
                 }
               ), R.current && (R.current.scrollTop = R.current.scrollHeight));
             },
-            autoFocus: V || !s,
+            autoFocus: j || !s,
             onCancel: () => {
               s || h == null || h();
             }
           },
-          `${V}`
+          `${j}`
         ) })
       ]
     }
   );
-}, qt = (r) => {
+}, Xt = (n) => {
   const {
     unitId: e,
     subUnitId$: t,
-    type: n,
+    type: r,
     onAdd: i,
     getSubUnitName: o,
     onResolve: c,
     sortComments: x,
     onItemLeave: h,
     onItemEnter: S,
-    disableAdd: U,
-    tempComment: V,
-    onAddComment: k,
+    disableAdd: $,
+    tempComment: j,
+    onAddComment: U,
     onDeleteComment: b,
     showComments: u
-  } = r, [v, T] = P("all"), [y, j] = P("all"), C = N(he), O = N(fe), d = N(Ne), [m, f] = P(() => d.getUnit(e)), _ = N(Y), p = Z(_.activeCommentId$), s = Z(d.commentUpdate$), w = N(te), A = Z(t), D = ee(!0), E = "panel", L = Z(O.currentUser$), q = X(() => {
+  } = n, [v, T] = P("all"), [y, V] = P("all"), g = N(fe), O = N(pe), d = N(Se), [m, f] = P(() => d.getUnit(e)), _ = N(Y), p = Z(_.activeCommentId$), s = Z(d.commentUpdate$), w = N(ne), A = Z(t), D = te(!0), E = "panel", L = Z(O.currentUser$), J = ee(() => {
     var H;
-    const l = v === "all" ? m : (H = m.filter(($) => $.subUnitId === A)) != null ? H : [], g = x != null ? x : (($) => $), M = l.map(($) => {
+    const l = v === "all" ? m : (H = m.filter((k) => k.subUnitId === A)) != null ? H : [], C = x != null ? x : ((k) => k), M = l.map((k) => {
       var B;
-      return { ...$.root, children: (B = $.children) != null ? B : [], users: $.relativeUsers };
+      return { ...k.root, children: (B = k.children) != null ? B : [], users: k.relativeUsers };
     });
     if (u) {
-      const $ = /* @__PURE__ */ new Map();
+      const k = /* @__PURE__ */ new Map();
       return M.forEach((B) => {
-        $.set(B.id, B);
-      }), [...u, ""].map((B) => $.get(B)).filter(Boolean);
+        k.set(B.id, B);
+      }), [...u, ""].map((B) => k.get(B)).filter(Boolean);
     } else
-      return g(M);
-  }, [u, v, m, x, A]), R = X(() => [
-    ...q.filter((l) => !l.resolved),
-    ...q.filter((l) => l.resolved)
-  ], [q]), re = X(() => y === "resolved" ? R.filter((l) => l.resolved) : y === "unsolved" ? R.filter((l) => !l.resolved) : y === "concern_me" && L != null && L.userID ? R.filter((l) => l == null ? void 0 : l.users.has(L.userID)) : R, [R, L == null ? void 0 : L.userID, y]), J = V ? [V, ...re] : re, ne = J.filter((l) => !l.resolved), ie = J.filter((l) => l.resolved), oe = y !== "all" || v !== "all", se = () => {
-    j("all"), T("all");
+      return C(M);
+  }, [u, v, m, x, A]), R = ee(() => [
+    ...J.filter((l) => !l.resolved),
+    ...J.filter((l) => l.resolved)
+  ], [J]), re = ee(() => y === "resolved" ? R.filter((l) => l.resolved) : y === "unsolved" ? R.filter((l) => !l.resolved) : y === "concern_me" && L != null && L.userID ? R.filter((l) => l == null ? void 0 : l.users.has(L.userID)) : R, [R, L == null ? void 0 : L.userID, y]), Q = j ? [j, ...re] : re, ie = Q.filter((l) => !l.resolved), oe = Q.filter((l) => l.resolved), se = y !== "all" || v !== "all", ae = () => {
+    V("all"), T("all");
   };
-  le(() => {
+  ce(() => {
     e && f(
       d.getUnit(e)
     );
-  }, [e, d, s]), le(() => {
-    var $;
+  }, [e, d, s]), ce(() => {
+    var k;
     if (!p)
       return;
     if (!D.current) {
       D.current = !0;
       return;
     }
-    const { unitId: l, subUnitId: g, commentId: M } = p, H = `${E}-${l}-${g}-${M}`;
-    ($ = document.getElementById(H)) == null || $.scrollIntoView({ block: "center" });
+    const { unitId: l, subUnitId: C, commentId: M } = p, H = `${E}-${l}-${C}-${M}`;
+    (k = document.getElementById(H)) == null || k.scrollIntoView({ block: "center" });
   }, [p]);
-  const Q = (l) => /* @__PURE__ */ a(
-    Pt,
+  const X = (l) => /* @__PURE__ */ a(
+    Wt,
     {
       prefix: E,
       getSubUnitName: o,
@@ -949,7 +954,7 @@ const Re = K((r, e) => {
       unitId: l.unitId,
       subUnitId: l.subUnitId,
       refStr: l.ref,
-      type: n,
+      type: r,
       showEdit: (p == null ? void 0 : p.commentId) === l.id,
       showHighlight: (p == null ? void 0 : p.commentId) === l.id,
       onClick: () => {
@@ -965,84 +970,84 @@ const Re = K((r, e) => {
       },
       onMouseEnter: () => S == null ? void 0 : S(l),
       onMouseLeave: () => h == null ? void 0 : h(l),
-      onAddComment: k,
+      onAddComment: U,
       onDeleteComment: b,
-      onResolve: (g) => c == null ? void 0 : c(l.id, g)
+      onResolve: (C) => c == null ? void 0 : c(l.id, C)
     },
     l.id
   );
   return /* @__PURE__ */ I("div", { className: "univer-flex univer-min-h-full univer-flex-col univer-pb-3", children: [
     /* @__PURE__ */ I("div", { className: "univer-mt-3 univer-flex univer-flex-row univer-justify-between", children: [
-      n === de.UNIVER_SHEET ? /* @__PURE__ */ a(
-        ge,
+      r === de.UNIVER_SHEET ? /* @__PURE__ */ a(
+        Ie,
         {
           borderless: !0,
           value: v,
           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")
             }
           ],
           onChange: T
         }
       ) : null,
       /* @__PURE__ */ a(
-        ge,
+        Ie,
         {
           borderless: !0,
           value: y,
           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")
             }
           ],
-          onChange: j
+          onChange: V
         }
       )
     ] }),
-    J.length === 0 ? /* @__PURE__ */ I(
+    Q.length === 0 ? /* @__PURE__ */ I(
       "div",
       {
         className: "univer-flex univer-flex-1 univer-flex-col univer-items-center univer-justify-center univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: [
-          C.t("threadCommentUI.panel.empty"),
-          oe ? /* @__PURE__ */ a("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ a(ae, { onClick: se, children: C.t("threadCommentUI.panel.reset") }) }) : U ? null : /* @__PURE__ */ a("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ I(ae, { onClick: i, children: [
-            /* @__PURE__ */ a(Te, { className: "univer-mr-1.5" }),
-            C.t("threadCommentUI.panel.addComment")
+          g.t("threadCommentUI.panel.empty"),
+          se ? /* @__PURE__ */ a("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ a(le, { onClick: ae, children: g.t("threadCommentUI.panel.reset") }) }) : $ ? null : /* @__PURE__ */ a("div", { className: "univer-mt-2 univer-flex univer-flex-row", children: /* @__PURE__ */ I(le, { onClick: i, children: [
+            /* @__PURE__ */ a(De, { className: "univer-mr-1.5" }),
+            g.t("threadCommentUI.panel.addComment")
           ] }) })
         ]
       }
     ) : /* @__PURE__ */ I("div", { className: "univer-mt-3 univer-flex univer-flex-col univer-gap-3", children: [
-      ne.map(Q),
-      ie.length > 0 && /* @__PURE__ */ a("div", { className: "univer-text-xs", children: C.t("threadCommentUI.panel.solved") }),
-      ie.map(Q)
+      ie.map(X),
+      oe.length > 0 && /* @__PURE__ */ a("div", { className: "univer-text-xs", children: g.t("threadCommentUI.panel.solved") }),
+      oe.map(X)
     ] })
   ] });
 };
 export {
   F as SetActiveCommentOperation,
-  It as THREAD_COMMENT_PANEL,
-  qt as ThreadCommentPanel,
+  xt as THREAD_COMMENT_PANEL,
+  Xt as ThreadCommentPanel,
   Y as ThreadCommentPanelService,
-  Pt as ThreadCommentTree,
-  bt as ToggleSheetCommentPanelOperation,
-  ce as UniverThreadCommentUIPlugin
+  Wt as ThreadCommentTree,
+  yt as ToggleSheetCommentPanelOperation,
+  q as UniverThreadCommentUIPlugin
 };