strapi-plugin-comments 3.0.0 → 3.0.2

package/dist/_chunks/{index-Bx2boY6h.mjs → index-Ct7A5TFY.mjs}

@@ -11815,7 +11815,7 @@ function isTopLayer(element) {
 function isContainingBlock(elementOrCss) {
   const webkit2 = isWebKit();
   const css2 = isElement(elementOrCss) ? getComputedStyle$1(elementOrCss) : elementOrCss;
-  return css2.transform !== "none" || css2.perspective !== "none" || (css2.containerType ? css2.containerType !== "normal" : false) || !webkit2 && (css2.backdropFilter ? css2.backdropFilter !== "none" : false) || !webkit2 && (css2.filter ? css2.filter !== "none" : false) || ["transform", "perspective", "filter"].some((value) => (css2.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css2.contain || "").includes(value));
+  return ["transform", "translate", "scale", "rotate", "perspective"].some((value) => css2[value] ? css2[value] !== "none" : false) || (css2.containerType ? css2.containerType !== "normal" : false) || !webkit2 && (css2.backdropFilter ? css2.backdropFilter !== "none" : false) || !webkit2 && (css2.filter ? css2.filter !== "none" : false) || ["transform", "translate", "scale", "rotate", "perspective", "filter"].some((value) => (css2.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css2.contain || "").includes(value));
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
@@ -12321,6 +12321,9 @@ const platform = {
   isElement,
   isRTL
 };
+function rectsAreEqual(a2, b2) {
+  return a2.x === b2.x && a2.y === b2.y && a2.width === b2.width && a2.height === b2.height;
+}
 function observeMove(element, onMove) {
   let io = null;
   let timeoutId;
@@ -12339,12 +12342,13 @@ function observeMove(element, onMove) {
       threshold = 1;
     }
     cleanup();
+    const elementRectForRootMargin = element.getBoundingClientRect();
     const {
       left,
       top: top2,
       width,
       height
-    } = element.getBoundingClientRect();
+    } = elementRectForRootMargin;
     if (!skip) {
       onMove();
     }
@@ -12375,6 +12379,9 @@ function observeMove(element, onMove) {
           refresh(false, ratio);
         }
       }
+      if (ratio === 1 && !rectsAreEqual(elementRectForRootMargin, element.getBoundingClientRect())) {
+        refresh();
+      }
       isFirstUpdate = false;
     }
     try {
@@ -12438,7 +12445,7 @@ function autoUpdate(reference, floating, update, options) {
   }
   function frameLoop() {
     const nextRefRect = getBoundingClientRect(reference);
-    if (prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height)) {
+    if (prevRefRect && !rectsAreEqual(prevRefRect, nextRefRect)) {
       update();
     }
     prevRefRect = nextRefRect;
@@ -20425,7 +20432,7 @@ function findMinIndex(value, array) {
 }
 function countColumn(string2, tabSize, to = string2.length) {
   let n2 = 0;
-  for (let i = 0; i < to; ) {
+  for (let i = 0; i < to && i < string2.length; ) {
     if (string2.charCodeAt(i) == 9) {
       n2 += tabSize - n2 % tabSize;
       i++;
@@ -24273,16 +24280,16 @@ function applyDOMChange(view, domChange) {
     return false;
   if (!change && domChange.typeOver && !sel.empty && newSel && newSel.main.empty) {
     change = { from: sel.from, to: sel.to, insert: view.state.doc.slice(sel.from, sel.to) };
+  } else if ((browser.mac || browser.android) && change && change.from == change.to && change.from == sel.head - 1 && /^\. ?$/.test(change.insert.toString()) && view.contentDOM.getAttribute("autocorrect") == "off") {
+    if (newSel && change.insert.length == 2)
+      newSel = EditorSelection.single(newSel.main.anchor - 1, newSel.main.head - 1);
+    change = { from: change.from, to: change.to, insert: Text.of([change.insert.toString().replace(".", " ")]) };
   } else if (change && change.from >= sel.from && change.to <= sel.to && (change.from != sel.from || change.to != sel.to) && sel.to - sel.from - (change.to - change.from) <= 4) {
     change = {
       from: sel.from,
       to: sel.to,
       insert: view.state.doc.slice(sel.from, change.from).append(change.insert).append(view.state.doc.slice(change.to, sel.to))
     };
-  } else if ((browser.mac || browser.android) && change && change.from == change.to && change.from == sel.head - 1 && /^\. ?$/.test(change.insert.toString()) && view.contentDOM.getAttribute("autocorrect") == "off") {
-    if (newSel && change.insert.length == 2)
-      newSel = EditorSelection.single(newSel.main.anchor - 1, newSel.main.head - 1);
-    change = { from: sel.from, to: sel.to, insert: Text.of([" "]) };
   } else if (browser.chrome && change && change.from == change.to && change.from == sel.head && change.insert.toString() == "\n " && view.lineWrapping) {
     if (newSel)
       newSel = EditorSelection.single(newSel.main.anchor - 1, newSel.main.head - 1);
@@ -25918,6 +25925,10 @@ function visiblePixelRange(dom, paddingTop) {
     bottom: Math.max(top2, bottom) - (rect.top + paddingTop)
   };
 }
+function inWindow(elt) {
+  let rect = elt.getBoundingClientRect(), win = elt.ownerDocument.defaultView || window;
+  return rect.left < win.innerWidth && rect.right > 0 && rect.top < win.innerHeight && rect.bottom > 0;
+}
 function fullPixelRange(dom, paddingTop) {
   let rect = dom.getBoundingClientRect();
   return {
@@ -26118,7 +26129,7 @@ class ViewState {
       if (inView)
         measureContent = true;
     }
-    if (!this.inView && !this.scrollTarget)
+    if (!this.inView && !this.scrollTarget && !inWindow(view.dom))
       return 0;
     let contentWidth = domRect.width;
     if (this.contentDOMWidth != contentWidth || this.editorHeight != view.scrollDOM.clientHeight) {
@@ -27235,7 +27246,7 @@ class EditContextManager {
       selectionEnd: this.toContextPos(view.state.selection.main.head)
     });
     this.handlers.textupdate = (e2) => {
-      let { anchor } = view.state.selection.main;
+      let main = view.state.selection.main, { anchor, head } = main;
       let from = this.toEditorPos(e2.updateRangeStart), to = this.toEditorPos(e2.updateRangeEnd);
       if (view.inputState.composing >= 0 && !this.composing)
         this.composing = { contextBase: e2.updateRangeStart, editorBase: from, drifted: false };
@@ -27244,8 +27255,14 @@ class EditContextManager {
         change.from = anchor;
       else if (change.to == this.to && anchor > this.to)
         change.to = anchor;
-      if (change.from == change.to && !change.insert.length)
+      if (change.from == change.to && !change.insert.length) {
+        let newSel = EditorSelection.single(this.toEditorPos(e2.selectionStart), this.toEditorPos(e2.selectionEnd));
+        if (!newSel.main.eq(main))
+          view.dispatch({ selection: newSel, userEvent: "select" });
         return;
+      }
+      if ((browser.mac || browser.android) && change.from == head - 1 && /^\. ?$/.test(e2.text) && view.contentDOM.getAttribute("autocorrect") == "off")
+        change = { from, to, insert: Text.of([e2.text.replace(".", " ")]) };
       this.pendingContextChange = change;
       if (!view.state.readOnly) {
         let newLen = this.to - this.from + (change.to - change.from + change.insert.length);
@@ -51171,7 +51188,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: displayName
       },
-      Component: () => import("./index-Db2zwbpe.mjs"),
+      Component: () => import("./index-JWxk4wBa.mjs"),
       permissions: pluginPermissions.access
     });
     app.createSettingSection(
@@ -51190,7 +51207,7 @@ const index = {
           },
           id: "comments",
           to: `/settings/${pluginId}`,
-          Component: () => import("./index-BgN4aUMA.mjs"),
+          Component: () => import("./index-ChxSaqbf.mjs"),
           permissions: pluginPermissions.settings
         }
       ]
@@ -51217,7 +51234,7 @@ const index = {
   }
 };
 export {
-  MenuItem as $,
+  SimpleMenu as $,
   ForwardRef$11 as A,
   Box as B,
   CheckboxImpl as C,
@@ -51239,30 +51256,31 @@ export {
   SubNav as S,
   Typography as T,
   Avatar as U,
-  Loader as V,
-  Link as W,
-  ForwardRef$51 as X,
-  Grid as Y,
-  Td as Z,
-  SimpleMenu as _,
+  TooltipImpl as V,
+  Loader as W,
+  Link as X,
+  ForwardRef$51 as Y,
+  Grid as Z,
+  Td as _,
   SubNavHeader as a,
-  Alert as a0,
-  ForwardRef$1f as a1,
-  MultiSelect as a2,
-  MultiSelectOption as a3,
-  Accordion as a4,
-  SwitchImpl as a5,
-  Toggle as a6,
-  ForwardRef$59 as a7,
-  darkTheme as a8,
-  lightTheme as a9,
-  DesignSystemProvider as aa,
-  pluginPermissions as ab,
-  __assign as ac,
-  __rest as ad,
-  Dialog as ae,
-  ForwardRef$3 as af,
-  index as ag,
+  MenuItem as a0,
+  Alert as a1,
+  ForwardRef$1f as a2,
+  MultiSelect as a3,
+  MultiSelectOption as a4,
+  Accordion as a5,
+  SwitchImpl as a6,
+  Toggle as a7,
+  ForwardRef$59 as a8,
+  darkTheme as a9,
+  lightTheme as aa,
+  DesignSystemProvider as ab,
+  pluginPermissions as ac,
+  __assign as ad,
+  __rest as ae,
+  Dialog as af,
+  ForwardRef$3 as ag,
+  index as ah,
   SubNavSections as b,
   SubNavSection as c,
   SubNavLink as d,

package/dist/_chunks/{index-CWfr5ejx.js → index-Czdnz9Ci.js}

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const admin = require("@strapi/strapi/admin");
 const reactRouterDom = require("react-router-dom");
-const index = require("./index-B-ygLKrb.js");
+const index = require("./index-7Geqfcar.js");
 const reactQuery = require("@tanstack/react-query");
-const index$1 = require("./index-DFAPx7Bl.js");
+const index$1 = require("./index-CiJKS9C3.js");
 const react = require("zustand/react");
 const React = require("react");
 const styled = require("styled-components");
@@ -452,9 +452,12 @@ const CommentStatusBadge = ({ item, canAccessReports, hasReports }) => {
 };
 const IconButtonGroup = styled__default.default(index.IconButtonGroup)(({ isSingle, withMargin }) => {
   const isSingleStyle = {
-    span: {
-      "&:first-child button": {
-        borderRadius: "4px"
+    button: {
+      "&:first-child": {
+        borderRadius: "4px !important"
+      },
+      "&:last-child": {
+        borderRadius: "4px !important"
       }
     }
   };
@@ -50351,7 +50354,7 @@ const ModeratorResponseModal = ({ id: id2, content, title, Icon }) => {
     setIsModalVisible((prev) => !prev);
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(index.Modal.Root, { open: isModalVisible, onOpenChange: onToggleModal, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index.Modal.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(index.IconButton, { children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.Modal.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(index.IconButton, { label: index$1.getMessage("page.details.actions.thread.modal.start.thread"), children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(index.Modal.Content, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(index.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Modal.Title, { children: title }) }),
       /* @__PURE__ */ jsxRuntime.jsx(index.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -50819,6 +50822,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
               {
                 onClick,
                 loading: commentMutation.block.isPending,
+                label: index$1.getMessage("page.details.actions.comment.block"),
                 children: /* @__PURE__ */ jsxRuntime.jsx(LockIcon, {})
               }
             ),
@@ -50832,6 +50836,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
           {
             onClick: handleUnblockClick,
             loading: commentMutation.block.isPending,
+            label: index$1.getMessage("page.details.actions.comment.unblock"),
             children: /* @__PURE__ */ jsxRuntime.jsx(UnlockIcon, {})
           }
         )
@@ -50860,6 +50865,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
         {
           onClick: handleDeleteClick,
           loading: commentMutation.delete.isPending,
+          label: index$1.getMessage("page.details.actions.comment.delete"),
           children: /* @__PURE__ */ jsxRuntime.jsx(index.ForwardRef$j, {})
         }
       ),
@@ -50874,6 +50880,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
       index.IconButton,
       {
         onClick: handleDrillDownClick,
+        label: index$1.getMessage("page.details.panel.discussion.nav.drilldown"),
         style: blocked && !blockedThread ? { marginTop: "1px", marginRight: ".5rem" } : {},
         children: /* @__PURE__ */ jsxRuntime.jsx(index.ForwardRef$3x, {})
       }
@@ -50894,10 +50901,11 @@ const AdminAvatar = ({ children }) => /* @__PURE__ */ jsxRuntime.jsxs(index.Box,
   /* @__PURE__ */ jsxRuntime.jsx(
     index.Flex,
     {
+      padding: "2px",
       alignItems: "middle",
       position: "absolute",
-      right: "-35%",
-      top: "-35%",
+      right: "-30%",
+      top: "-30%",
       borderRadius: "50%",
       border: "2px #ffffff solid",
       background: "#ffffff",
@@ -50929,10 +50937,21 @@ const DiscussionThreadItemFooter = ({ item, children }) => {
     dateStyle: "medium",
     timeStyle: "short"
   });
-  const { name, avatar } = item.author || {};
+  const { name, avatar, email: email2 } = item.author || {};
   return /* @__PURE__ */ jsxRuntime.jsx(index.Flex, { direction: "row", paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(DiscussionThreadItemFooterMeta, { children: [
-    item.author && /* @__PURE__ */ jsxRuntime.jsx(UserAvatar, { avatar, name, isAdminComment: item.isAdminComment }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: name || index$1.getMessage("components.author.unknown") }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      index.TooltipImpl,
+      {
+        open: item.isAdminComment ? false : void 0,
+        label: !item.isAdminComment ? email2 : void 0,
+        align: "start",
+        side: "left",
+        children: /* @__PURE__ */ jsxRuntime.jsxs(index.Flex, { style: { cursor: item.isAdminComment ? "default" : "help" }, children: [
+          item.author && /* @__PURE__ */ jsxRuntime.jsx(UserAvatar, { avatar, name, isAdminComment: item.isAdminComment }),
+          /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: name || index$1.getMessage("components.author.unknown") })
+        ] })
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "pi", textColor: "neutral600", children: dateTime }),
     children
   ] }) });
@@ -51241,10 +51260,30 @@ const CommentRow = ({ item }) => {
     const localeParam = related.locale ? `?plugins[i18n][locale]=${related.locale}` : "";
     return /* @__PURE__ */ jsxRuntime.jsx(index.Link, { href: `/admin/content-manager/collection-types/${related.uid}/${related.documentId}${localeParam}`, children: related.title });
   }, [item.related]);
+  const { name, email: email2, avatar } = item.author || {};
   return /* @__PURE__ */ jsxRuntime.jsxs(index.Tr, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: item.id }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: item.author.name }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: item.content }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { children: item.id }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      index.TooltipImpl,
+      {
+        open: item.isAdminComment ? false : void 0,
+        label: !item.isAdminComment ? email2 : void 0,
+        align: "start",
+        side: "left",
+        children: /* @__PURE__ */ jsxRuntime.jsxs(index.Flex, { gap: 2, style: { cursor: item.isAdminComment ? "default" : "help" }, children: [
+          item.author && /* @__PURE__ */ jsxRuntime.jsx(
+            UserAvatar,
+            {
+              name,
+              avatar,
+              isAdminComment: item.isAdminComment
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { children: name || index$1.getMessage("components.author.unknown") })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { ellipsis: true, children: item.content }) }),
     /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: item.threadOf ? /* @__PURE__ */ jsxRuntime.jsx(index.Link, { href: `discover/${item.threadOf.id}`, onClick: onClickDetails(item.threadOf.id), children: index$1.getMessage(
       {
         id: "page.discover.table.cell.thread",
@@ -51253,10 +51292,10 @@ const CommentRow = ({ item }) => {
       "#" + item.threadOf.id
     ) }) : "-" }),
     /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: contentTypeLink }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: formatDate(item.updatedAt || item.createdAt, {
+    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { children: formatDate(item.updatedAt || item.createdAt, {
       dateStyle: "long",
       timeStyle: "short"
-    }) }),
+    }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
       CommentStatusBadge,
       {

package/dist/_chunks/{index-Db2zwbpe.mjs → index-JWxk4wBa.mjs}

@@ -1,9 +1,9 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useNotification, Form, Page, Layouts, useTracking, useQueryParams, SearchInput, Pagination } from "@strapi/strapi/admin";
 import { useNavigate, useParams, Routes, Route, Navigate } from "react-router-dom";
-import { S as SubNav, a as SubNavHeader, b as SubNavSections, c as SubNavSection, d as SubNavLink, p as pluginId, B as Box, T as Typography, D as Divider, F as Flex, C as CheckboxImpl, e as Button, I as IconButton, f as ForwardRef$4x, g as ForwardRef$3$, h as Badge, i as IconButtonGroup$1, P as Portal$1, j as FocusTrap, k as ForwardRef$45, l as ForwardRef$3B, m as Field, n as SingleSelect, o as SingleSelectOption, q as ForwardRef$4X, r as ForwardRef$2v, s as ForwardRef$f, t as ForwardRef$1R, u as Popover, v as ForwardRef$v, w as ForwardRef$4R, x as ForwardRef$1L, y as ForwardRef$4d, z as ForwardRef$2l, A as ForwardRef$11, M as Modal, E as Table, G as Thead, H as Tr, J as Th, K as Tbody, L as ForwardRef$1r, N as ForwardRef$j, O as ForwardRef$3x, Q as ForwardRef$1d, R as ForwardRef$R, U as Avatar, V as Loader, W as Link, X as ForwardRef$51, Y as Grid, Z as Td, _ as SimpleMenu, $ as MenuItem } from "./index-Bx2boY6h.mjs";
+import { S as SubNav, a as SubNavHeader, b as SubNavSections, c as SubNavSection, d as SubNavLink, p as pluginId, B as Box, T as Typography, D as Divider, F as Flex, C as CheckboxImpl, e as Button, I as IconButton, f as ForwardRef$4x, g as ForwardRef$3$, h as Badge, i as IconButtonGroup$1, P as Portal$1, j as FocusTrap, k as ForwardRef$45, l as ForwardRef$3B, m as Field, n as SingleSelect, o as SingleSelectOption, q as ForwardRef$4X, r as ForwardRef$2v, s as ForwardRef$f, t as ForwardRef$1R, u as Popover, v as ForwardRef$v, w as ForwardRef$4R, x as ForwardRef$1L, y as ForwardRef$4d, z as ForwardRef$2l, A as ForwardRef$11, M as Modal, E as Table, G as Thead, H as Tr, J as Th, K as Tbody, L as ForwardRef$1r, N as ForwardRef$j, O as ForwardRef$3x, Q as ForwardRef$1d, R as ForwardRef$R, U as Avatar, V as TooltipImpl, W as Loader, X as Link, Y as ForwardRef$51, Z as Grid, _ as Td, $ as SimpleMenu, a0 as MenuItem } from "./index-Ct7A5TFY.mjs";
 import { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
-import { u as useAPI, l as lodashExports, C as COMMENT_STATUS, R as REPORT_STATUS, g as getMessage, a as usePermissions, U as UserContext, b as getDefaultExportFromCjs, c as useIntl, d as REPORT_REASON, e as ConfirmationDialog, f as CommonProviders } from "./index-CIqMAf50.mjs";
+import { u as useAPI, l as lodashExports, C as COMMENT_STATUS, R as REPORT_STATUS, g as getMessage, a as usePermissions, U as UserContext, b as getDefaultExportFromCjs, c as useIntl, d as REPORT_REASON, e as ConfirmationDialog, f as CommonProviders } from "./index-CIBI9Is6.mjs";
 import { create } from "zustand/react";
 import * as React from "react";
 import { useCallback, useMemo, useContext, useState, useRef, Fragment as Fragment$1 } from "react";
@@ -428,9 +428,12 @@ const CommentStatusBadge = ({ item, canAccessReports, hasReports }) => {
 };
 const IconButtonGroup = styled(IconButtonGroup$1)(({ isSingle, withMargin }) => {
   const isSingleStyle = {
-    span: {
-      "&:first-child button": {
-        borderRadius: "4px"
+    button: {
+      "&:first-child": {
+        borderRadius: "4px !important"
+      },
+      "&:last-child": {
+        borderRadius: "4px !important"
       }
     }
   };
@@ -50327,7 +50330,7 @@ const ModeratorResponseModal = ({ id: id2, content, title, Icon }) => {
     setIsModalVisible((prev) => !prev);
   }, []);
   return /* @__PURE__ */ jsxs(Modal.Root, { open: isModalVisible, onOpenChange: onToggleModal, children: [
-    /* @__PURE__ */ jsx(Modal.Trigger, { children: /* @__PURE__ */ jsx(IconButton, { children: /* @__PURE__ */ jsx(Icon, {}) }) }),
+    /* @__PURE__ */ jsx(Modal.Trigger, { children: /* @__PURE__ */ jsx(IconButton, { label: getMessage("page.details.actions.thread.modal.start.thread"), children: /* @__PURE__ */ jsx(Icon, {}) }) }),
     /* @__PURE__ */ jsxs(Modal.Content, { children: [
       /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: title }) }),
       /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(
@@ -50795,6 +50798,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
               {
                 onClick,
                 loading: commentMutation.block.isPending,
+                label: getMessage("page.details.actions.comment.block"),
                 children: /* @__PURE__ */ jsx(LockIcon, {})
               }
             ),
@@ -50808,6 +50812,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
           {
             onClick: handleUnblockClick,
             loading: commentMutation.block.isPending,
+            label: getMessage("page.details.actions.comment.unblock"),
             children: /* @__PURE__ */ jsx(UnlockIcon, {})
           }
         )
@@ -50836,6 +50841,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
         {
           onClick: handleDeleteClick,
           loading: commentMutation.delete.isPending,
+          label: getMessage("page.details.actions.comment.delete"),
           children: /* @__PURE__ */ jsx(ForwardRef$j, {})
         }
       ),
@@ -50850,6 +50856,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
       IconButton,
       {
         onClick: handleDrillDownClick,
+        label: getMessage("page.details.panel.discussion.nav.drilldown"),
         style: blocked && !blockedThread ? { marginTop: "1px", marginRight: ".5rem" } : {},
         children: /* @__PURE__ */ jsx(ForwardRef$3x, {})
       }
@@ -50870,10 +50877,11 @@ const AdminAvatar = ({ children }) => /* @__PURE__ */ jsxs(Box, { position: "rel
   /* @__PURE__ */ jsx(
     Flex,
     {
+      padding: "2px",
       alignItems: "middle",
       position: "absolute",
-      right: "-35%",
-      top: "-35%",
+      right: "-30%",
+      top: "-30%",
       borderRadius: "50%",
       border: "2px #ffffff solid",
       background: "#ffffff",
@@ -50905,10 +50913,21 @@ const DiscussionThreadItemFooter = ({ item, children }) => {
     dateStyle: "medium",
     timeStyle: "short"
   });
-  const { name, avatar } = item.author || {};
+  const { name, avatar, email: email2 } = item.author || {};
   return /* @__PURE__ */ jsx(Flex, { direction: "row", paddingTop: 2, children: /* @__PURE__ */ jsxs(DiscussionThreadItemFooterMeta, { children: [
-    item.author && /* @__PURE__ */ jsx(UserAvatar, { avatar, name, isAdminComment: item.isAdminComment }),
-    /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: name || getMessage("components.author.unknown") }),
+    /* @__PURE__ */ jsx(
+      TooltipImpl,
+      {
+        open: item.isAdminComment ? false : void 0,
+        label: !item.isAdminComment ? email2 : void 0,
+        align: "start",
+        side: "left",
+        children: /* @__PURE__ */ jsxs(Flex, { style: { cursor: item.isAdminComment ? "default" : "help" }, children: [
+          item.author && /* @__PURE__ */ jsx(UserAvatar, { avatar, name, isAdminComment: item.isAdminComment }),
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: name || getMessage("components.author.unknown") })
+        ] })
+      }
+    ),
     /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: dateTime }),
     children
   ] }) });
@@ -51217,10 +51236,30 @@ const CommentRow = ({ item }) => {
     const localeParam = related.locale ? `?plugins[i18n][locale]=${related.locale}` : "";
     return /* @__PURE__ */ jsx(Link, { href: `/admin/content-manager/collection-types/${related.uid}/${related.documentId}${localeParam}`, children: related.title });
   }, [item.related]);
+  const { name, email: email2, avatar } = item.author || {};
   return /* @__PURE__ */ jsxs(Tr, { children: [
-    /* @__PURE__ */ jsx(Td, { children: item.id }),
-    /* @__PURE__ */ jsx(Td, { children: item.author.name }),
-    /* @__PURE__ */ jsx(Td, { children: item.content }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: item.id }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+      TooltipImpl,
+      {
+        open: item.isAdminComment ? false : void 0,
+        label: !item.isAdminComment ? email2 : void 0,
+        align: "start",
+        side: "left",
+        children: /* @__PURE__ */ jsxs(Flex, { gap: 2, style: { cursor: item.isAdminComment ? "default" : "help" }, children: [
+          item.author && /* @__PURE__ */ jsx(
+            UserAvatar,
+            {
+              name,
+              avatar,
+              isAdminComment: item.isAdminComment
+            }
+          ),
+          /* @__PURE__ */ jsx(Typography, { children: name || getMessage("components.author.unknown") })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { ellipsis: true, children: item.content }) }),
     /* @__PURE__ */ jsx(Td, { children: item.threadOf ? /* @__PURE__ */ jsx(Link, { href: `discover/${item.threadOf.id}`, onClick: onClickDetails(item.threadOf.id), children: getMessage(
       {
         id: "page.discover.table.cell.thread",
@@ -51229,10 +51268,10 @@ const CommentRow = ({ item }) => {
       "#" + item.threadOf.id
     ) }) : "-" }),
     /* @__PURE__ */ jsx(Td, { children: contentTypeLink }),
-    /* @__PURE__ */ jsx(Td, { children: formatDate(item.updatedAt || item.createdAt, {
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: formatDate(item.updatedAt || item.createdAt, {
       dateStyle: "long",
       timeStyle: "short"
-    }) }),
+    }) }) }),
     /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
       CommentStatusBadge,
       {

package/dist/admin/index.js

@@ -1,4 +1,4 @@
 "use strict";
-const index = require("../_chunks/index-B-ygLKrb.js");
+const index = require("../_chunks/index-7Geqfcar.js");
 require("react");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,5 +1,5 @@
-import { ag } from "../_chunks/index-Bx2boY6h.mjs";
+import { ah } from "../_chunks/index-Ct7A5TFY.mjs";
 import "react";
 export {
-  ag as default
+  ah as default
 };