@blocklet/discuss-kit-ux 1.6.170 → 1.6.172

package/dist/components/chat/types.d.ts

@@ -50,7 +50,11 @@ interface TaskNotificationMessage extends INotificationMessage {
     subtype: 'open' | 'close' | 'assign' | 'unassign';
     post: Pick<Post, 'id' | 'title' | 'excerpt' | 'cover'>;
 }
-export type NotificationMessage = CommentNotificationMessage | ReplyNotificationMessage | MentionInCommentNotificationMessage | MentionInPostNotificationMessage | PointUpNotificationMessage | TaskNotificationMessage;
+interface PostCreateNotificationMessage extends INotificationMessage {
+    type: 'post_create';
+    post: Pick<Post, 'id' | 'title' | 'excerpt'>;
+}
+export type NotificationMessage = CommentNotificationMessage | ReplyNotificationMessage | MentionInCommentNotificationMessage | MentionInPostNotificationMessage | PointUpNotificationMessage | TaskNotificationMessage | PostCreateNotificationMessage;
 interface CommonChat {
     id: string;
     participants: User[];

package/dist/components/locale/en.d.ts

@@ -39,5 +39,8 @@ declare const _default: {
         timeout: string;
         error: string;
     };
+    message: {
+        newPost: string;
+    };
 };
 export default _default;

package/dist/components/locale/index.d.ts

@@ -41,6 +41,9 @@ export declare const translations: {
             timeout: string;
             error: string;
         };
+        message: {
+            newPost: string;
+        };
     };
     en: {
         cancel: string;
@@ -83,5 +86,8 @@ export declare const translations: {
             timeout: string;
             error: string;
         };
+        message: {
+            newPost: string;
+        };
     };
 };

package/dist/components/locale/zh.d.ts

@@ -40,5 +40,8 @@ declare const _default: {
         timeout: string;
         error: string;
     };
+    message: {
+        newPost: string;
+    };
 };
 export default _default;

package/dist/components/profile-card/profile-card.d.ts

@@ -1,6 +1,7 @@
 import type { User } from '../../types';
 interface ProfileCardProps {
     user: User;
+    click: () => void;
 }
-export default function ProfileCard({ user, ...rest }: ProfileCardProps): import("react/jsx-runtime").JSX.Element;
+export default function ProfileCard({ user, click, ...rest }: ProfileCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{editor-z1JytlS7.mjs → editor-8X1A2syI.mjs}

@@ -4,7 +4,7 @@ import { OnContentChangePlugin } from "@blocklet/editor/lib/ext/OnContentChangeP
 import { CtrlsShortcutPlugin } from "@blocklet/editor/lib/ext/ShortcutPlugin";
 import { SafeAreaPlugin } from "@blocklet/editor/lib/ext/SafeAreaPlugin";
 import { lazy } from "react";
-import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-ANEtAk47.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-XTjHijc6.mjs";
 import "@blocklet/labels";
 import "@mui/material/styles";
 import "@mui/material/Box";

package/dist/{index-ANEtAk47.mjs → index-XTjHijc6.mjs}

@@ -30,7 +30,7 @@ import DidAvatar from "@arcblock/did-connect/lib/Avatar";
 import useMediaQuery$1 from "@mui/material/useMediaQuery";
 import DID from "@arcblock/ux/lib/DID";
 import Tooltip, { tooltipClasses } from "@mui/material/Tooltip";
-import { useNavigate, Link, useLocation, useSearchParams, unstable_useBlocker, useParams } from "react-router-dom";
+import { Link, useNavigate, useLocation, useSearchParams, unstable_useBlocker, useParams } from "react-router-dom";
 import UxRelativeTime from "@arcblock/ux/lib/RelativeTime";
 import Chip from "@mui/material/Chip";
 import Stack from "@mui/material/Stack";
@@ -912,10 +912,9 @@ const useResponsiveValue = (values2) => {
   const r = useResponsive();
   return r(values2);
 };
-function ProfileCard({ user, ...rest }) {
+function ProfileCard({ user, click, ...rest }) {
   var _a2, _b2;
   const { session } = useSessionContext();
-  const navigate = useNavigate();
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -932,60 +931,51 @@ function ProfileCard({ user, ...rest }) {
       },
       ...rest,
       children: [
-        /* @__PURE__ */ jsxs(
-          Box,
-          {
-            sx: { display: "flex", alignItems: "center", gap: 2, cursor: "pointer" },
-            onClick: () => {
-              navigate(`/profile/${user == null ? void 0 : user.did}`);
-            },
-            children: [
-              /* @__PURE__ */ jsx(Avatar, { did: user.did, src: user.avatar, size: 44, shape: "circle", variant: "circle" }),
-              /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", flex: 1 }, children: [
-                /* @__PURE__ */ jsxs(
-                  Box,
-                  {
-                    component: "span",
-                    sx: {
-                      display: "flex",
-                      justifyContent: "space-between",
-                      alignItems: "center",
-                      lineHeight: 1.3
-                    },
-                    children: [
-                      /* @__PURE__ */ jsx(Box, { sx: { fontWeight: "bold" }, children: user.fullName }),
-                      user.role && /* @__PURE__ */ jsx(
-                        Box,
-                        {
-                          sx: {
-                            px: 1.25,
-                            border: 1,
-                            borderColor: green[600],
-                            color: green[600],
-                            fontSize: 12,
-                            fontWeight: "bold",
-                            lineHeight: 1.5,
-                            borderRadius: "100vh",
-                            textTransform: "capitalize"
-                          },
-                          children: user.role
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  DID,
-                  {
-                    style: { marginTop: 4, lineHeight: 1, height: 14, maxWidth: 250, color: "inherit !important" },
-                    size: 14,
-                    did: user.did
-                  }
-                )
-              ] })
-            ]
-          }
-        ),
+        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2, cursor: "pointer" }, onClick: click, children: [
+          /* @__PURE__ */ jsx(Avatar, { did: user.did, src: user.avatar, size: 44, shape: "circle", variant: "circle" }),
+          /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", flex: 1 }, children: [
+            /* @__PURE__ */ jsxs(
+              Box,
+              {
+                component: "span",
+                sx: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  lineHeight: 1.3
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Box, { sx: { fontWeight: "bold" }, children: user.fullName }),
+                  user.role && /* @__PURE__ */ jsx(
+                    Box,
+                    {
+                      sx: {
+                        px: 1.25,
+                        border: 1,
+                        borderColor: green[600],
+                        color: green[600],
+                        fontSize: 12,
+                        fontWeight: "bold",
+                        lineHeight: 1.5,
+                        borderRadius: "100vh",
+                        textTransform: "capitalize"
+                      },
+                      children: user.role
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              DID,
+              {
+                style: { marginTop: 4, lineHeight: 1, height: 14, maxWidth: 250, color: "inherit !important" },
+                size: 14,
+                did: user.did
+              }
+            )
+          ] })
+        ] }),
         ((_a2 = session == null ? void 0 : session.user) == null ? void 0 : _a2.did) && ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did) !== user.did && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Box, { sx: { my: 2, borderTop: "1px solid #eee" } }),
           /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
@@ -1027,6 +1017,7 @@ function AuthorInfo({
   const theme = useTheme();
   const downMd = useMediaQuery$1(theme.breakpoints.down("md"));
   const navigate = useNavigate();
+  const [open, setOpen] = useState(false);
   const sm = size === "sm";
   let fontSize = sm ? 12 : 14;
   let avatarSize = profileUse ? 24 : sm ? 32 : 40;
@@ -1044,16 +1035,22 @@ function AuthorInfo({
     createdAt = typeof createdAt === "string" ? new Date(createdAt) : createdAt;
     return /* @__PURE__ */ jsx(RelativeTime, { value: createdAt });
   };
+  const click = () => {
+    setOpen(false);
+    setTimeout(() => {
+      navigate(`/profile/${user == null ? void 0 : user.did}`);
+    }, 100);
+  };
   const renderAvatar = () => {
     if (showProfileCard) {
-      return /* @__PURE__ */ jsx(HtmlTooltip$1, { title: /* @__PURE__ */ jsx(ProfileCard, { user }), children: /* @__PURE__ */ jsx(
-        Box,
+      return /* @__PURE__ */ jsx(
+        HtmlTooltip$1,
         {
-          sx: { display: "flex", cursor: "pointer" },
-          onClick: () => {
-            navigate(`/profile/${user == null ? void 0 : user.did}`);
-          },
-          children: /* @__PURE__ */ jsx(
+          open,
+          onClose: () => setOpen(false),
+          onOpen: () => setOpen(true),
+          title: /* @__PURE__ */ jsx(ProfileCard, { user, click }),
+          children: /* @__PURE__ */ jsx(Box, { sx: { display: "flex", cursor: "pointer" }, onClick: click, children: /* @__PURE__ */ jsx(
             Avatar,
             {
               did: user == null ? void 0 : user.did,
@@ -1065,9 +1062,9 @@ function AuthorInfo({
                 width: avatarSize
               }
             }
-          )
+          ) })
         }
-      ) });
+      );
     }
     return /* @__PURE__ */ jsx(
       Avatar,
@@ -3698,6 +3695,7 @@ const getUrlHost = (url) => {
 };
 function NotificationMessage({ chat, message, prevMessage, ...rest }) {
   const { session } = useSessionContext();
+  const { t } = useLocaleContext();
   const renderQuote = ({ title, excerpt, cover }) => {
     if ("post" in message) {
       return /* @__PURE__ */ jsxs(Box, { sx: { mt: 1.5, pl: 1, borderLeft: "4px solid #ddd", color: 14 }, children: [
@@ -3738,7 +3736,14 @@ function NotificationMessage({ chat, message, prevMessage, ...rest }) {
     return null;
   };
   const render = () => {
-    var _a2, _b2, _c, _d;
+    var _a2, _b2, _c;
+    if (message.type === "post_create") {
+      return /* @__PURE__ */ jsxs(Box, { children: [
+        /* @__PURE__ */ jsx(Box, { component: "span", sx: { fontWeight: "bold" }, children: message.sourceUser.fullName }),
+        /* @__PURE__ */ jsx("span", { children: t("message.newPost") }),
+        renderQuote(message.post)
+      ] });
+    }
     if (message.type === "comment") {
       return /* @__PURE__ */ jsxs(Box, { children: [
         /* @__PURE__ */ jsxs(Box, { children: [
@@ -3753,7 +3758,7 @@ function NotificationMessage({ chat, message, prevMessage, ...rest }) {
       return /* @__PURE__ */ jsxs(Box, { children: [
         /* @__PURE__ */ jsxs(Box, { children: [
           /* @__PURE__ */ jsx(Box, { component: "span", sx: { color: "grey.600", fontWeight: "bold" }, children: message.sourceUser.fullName }),
-          /* @__PURE__ */ jsx("span", { children: ((_c = message == null ? void 0 : message.sourceUser) == null ? void 0 : _c.did) === ((_d = session == null ? void 0 : session.user) == null ? void 0 : _d.did) ? " replied your comment:" : " replied comment:" })
+          /* @__PURE__ */ jsx("span", { children: (message == null ? void 0 : message.recipient) === ((_c = session == null ? void 0 : session.user) == null ? void 0 : _c.did) ? " replied your comment:" : " replied comment:" })
         ] }),
         /* @__PURE__ */ jsx(Typography, { variant: "body1", children: message.reply.excerpt }),
         renderQuote({ title: message.post.title, excerpt: message.comment.excerpt })
@@ -4578,7 +4583,7 @@ function Pagination({
     }
   );
 }
-const Editor = lazy(() => import("./editor-z1JytlS7.mjs"));
+const Editor = lazy(() => import("./editor-8X1A2syI.mjs"));
 function LazyEditor(props) {
   const fallback = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -4726,6 +4731,9 @@ const en = {
     staleTip: "You may need to save your changes manually",
     timeout: "Request timeout: please retry the request later",
     error: "Oops, your request failed. Please try again"
+  },
+  message: {
+    newPost: " create a new post:"
   }
 };
 const zh = {
@@ -4769,6 +4777,9 @@ const zh = {
     staleTip: "您可能需要手动备份你的更改",
     timeout: "请求超时: 请稍后重试",
     error: "哎呀，您的请求失败了，请稍后重试"
+  },
+  message: {
+    newPost: " 创建了一个新的帖子:"
   }
 };
 const translations = { zh, en };
@@ -10518,73 +10529,76 @@ function ButtonGroup({
     if (onSelectTab)
       onSelectTab(selectTab);
   }, [selectTab, selectedArray, boardId]);
-  return /* @__PURE__ */ jsxs(Box$1, { className: Group, children: [
-    /* @__PURE__ */ jsxs(
-      Box$1,
-      {
-        sx: {
-          bgcolor: theme === "dark" ? "#F9FAFB" : "",
-          width: "fit-content",
-          maxWidth: "calc(100% - 16px)",
-          borderRadius: "99999px",
-          borderTopRightRadius: downSm ? 0 : "99999px",
-          borderBottomRightRadius: downSm ? 0 : "99999px",
-          overflow: "scroll",
-          whiteSpace: "nowrap",
-          mr: 2
-        },
-        children: [
-          allButton && /* @__PURE__ */ jsx(
-            Button$1,
-            {
-              onClick: handleSelectAll,
-              sx: {
-                backgroundColor: selectAll ? "#ffffff" : "",
-                color: selectAll ? "#030712" : "#4b5563",
-                border: selectAll ? "1px solid #e5e7eb!important" : "1px solid transparent"
-              },
-              ...rest,
-              children: t("all")
-            }
-          ),
-          dataWithDefault == null ? void 0 : dataWithDefault.map((item, index) => {
-            const isActive = urlParams ? !selectAll && (selectTab == null ? void 0 : selectTab.includes(item.id)) : boardId === item.id;
-            return /* @__PURE__ */ jsx(
+  return (
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    /* @__PURE__ */ jsxs(Box$1, { className: Group, children: [
+      /* @__PURE__ */ jsxs(
+        Box$1,
+        {
+          sx: {
+            bgcolor: theme === "dark" ? "#F9FAFB" : "",
+            width: "fit-content",
+            maxWidth: "calc(100% - 16px)",
+            borderRadius: "99999px",
+            borderTopRightRadius: downSm ? 0 : "99999px",
+            borderBottomRightRadius: downSm ? 0 : "99999px",
+            overflow: "scroll",
+            whiteSpace: "nowrap",
+            mr: 2
+          },
+          children: [
+            allButton && /* @__PURE__ */ jsx(
               Button$1,
               {
-                onClick: () => handleClick(item),
+                onClick: handleSelectAll,
                 sx: {
-                  ...isActive && {
-                    backgroundColor: "#ffffff",
-                    color: "#030712",
-                    border: "1px solid #e5e7eb!important"
-                  }
+                  backgroundColor: selectAll ? "#ffffff" : "",
+                  color: selectAll ? "#030712" : "#4b5563",
+                  border: selectAll ? "1px solid #e5e7eb!important" : "1px solid transparent"
                 },
                 ...rest,
-                children: /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", alignItems: "center" }, children: [
-                  item == null ? void 0 : item.icon,
-                  " ",
-                  item == null ? void 0 : item.title
-                ] })
-              },
-              index
-            );
-          })
-        ]
-      }
-    ),
-    urlName !== "type" && /* @__PURE__ */ jsx(AccessControl, { roles: ["admin", "owner"], children: /* @__PURE__ */ jsx(
-      IconButton$1,
-      {
-        component: Link,
-        color: "inherit",
-        size: "small",
-        to: `/boards?type=${type}`,
-        sx: { color: "grey.500" },
-        children: /* @__PURE__ */ jsx(BorderColorOutlined, { sx: { fontSize: 16 } })
-      }
-    ) })
-  ] });
+                children: t("all")
+              }
+            ),
+            dataWithDefault == null ? void 0 : dataWithDefault.map((item, index) => {
+              const isActive = urlParams ? !selectAll && (selectTab == null ? void 0 : selectTab.includes(item.id)) : boardId === item.id;
+              return /* @__PURE__ */ jsx(
+                Button$1,
+                {
+                  onClick: () => handleClick(item),
+                  sx: {
+                    ...isActive && {
+                      backgroundColor: "#ffffff",
+                      color: "#030712",
+                      border: "1px solid #e5e7eb!important"
+                    }
+                  },
+                  ...rest,
+                  children: /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", alignItems: "center" }, children: [
+                    item == null ? void 0 : item.icon,
+                    " ",
+                    item == null ? void 0 : item.title
+                  ] })
+                },
+                index
+              );
+            })
+          ]
+        }
+      ),
+      urlName !== "type" && /* @__PURE__ */ jsx(AccessControl, { roles: ["admin", "owner"], children: /* @__PURE__ */ jsx(
+        IconButton$1,
+        {
+          component: Link,
+          color: "inherit",
+          size: "small",
+          to: `/boards?type=${type}`,
+          sx: { color: "grey.500" },
+          children: /* @__PURE__ */ jsx(BorderColorOutlined, { sx: { fontSize: 16 } })
+        }
+      ) })
+    ] })
+  );
 }
 const Group = css`
   display: flex;

package/dist/index.es.js

@@ -1,5 +1,5 @@
 export * from "@blocklet/labels";
-import { N, j, Q, A, h, a8, B, y, F, z, H, ak, U, T, W, Y, o, C, q, v, x, a0, a1, ac, a3, K, L, D, ab, aa, E, G, b, f, a9, M, P, aj, n, m, a7, R, S, a4, k, Z, $, ad, ag, af, ah, al, J, am, l, p, r, e, t, a5, O, c, X, w, a2, a6, u, ai, an, _, ae, d } from "./index-ANEtAk47.mjs";
+import { N, j, Q, A, h, a8, B, y, F, z, H, ak, U, T, W, Y, o, C, q, v, x, a0, a1, ac, a3, K, L, D, ab, aa, E, G, b, f, a9, M, P, aj, n, m, a7, R, S, a4, k, Z, $, ad, ag, af, ah, al, J, am, l, p, r, e, t, a5, O, c, X, w, a2, a6, u, ai, an, _, ae, d } from "./index-XTjHijc6.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/material/Box";

package/dist/index.umd.js

@@ -849,10 +849,9 @@ var __publicField = (obj, key, value) => {
     const r = useResponsive();
     return r(values2);
   };
-  function ProfileCard({ user, ...rest }) {
+  function ProfileCard({ user, click, ...rest }) {
     var _a2, _b2;
     const { session } = useSessionContext();
-    const navigate = reactRouterDom.useNavigate();
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Box,
       {
@@ -869,60 +868,51 @@ var __publicField = (obj, key, value) => {
         },
         ...rest,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            Box,
-            {
-              sx: { display: "flex", alignItems: "center", gap: 2, cursor: "pointer" },
-              onClick: () => {
-                navigate(`/profile/${user == null ? void 0 : user.did}`);
-              },
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(Avatar, { did: user.did, src: user.avatar, size: 44, shape: "circle", variant: "circle" }),
-                /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", flexDirection: "column", flex: 1 }, children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs(
-                    Box,
-                    {
-                      component: "span",
-                      sx: {
-                        display: "flex",
-                        justifyContent: "space-between",
-                        alignItems: "center",
-                        lineHeight: 1.3
-                      },
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { fontWeight: "bold" }, children: user.fullName }),
-                        user.role && /* @__PURE__ */ jsxRuntime.jsx(
-                          Box,
-                          {
-                            sx: {
-                              px: 1.25,
-                              border: 1,
-                              borderColor: colors.green[600],
-                              color: colors.green[600],
-                              fontSize: 12,
-                              fontWeight: "bold",
-                              lineHeight: 1.5,
-                              borderRadius: "100vh",
-                              textTransform: "capitalize"
-                            },
-                            children: user.role
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    DID,
-                    {
-                      style: { marginTop: 4, lineHeight: 1, height: 14, maxWidth: 250, color: "inherit !important" },
-                      size: 14,
-                      did: user.did
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2, cursor: "pointer" }, onClick: click, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Avatar, { did: user.did, src: user.avatar, size: 44, shape: "circle", variant: "circle" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", flexDirection: "column", flex: 1 }, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                Box,
+                {
+                  component: "span",
+                  sx: {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    lineHeight: 1.3
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { fontWeight: "bold" }, children: user.fullName }),
+                    user.role && /* @__PURE__ */ jsxRuntime.jsx(
+                      Box,
+                      {
+                        sx: {
+                          px: 1.25,
+                          border: 1,
+                          borderColor: colors.green[600],
+                          color: colors.green[600],
+                          fontSize: 12,
+                          fontWeight: "bold",
+                          lineHeight: 1.5,
+                          borderRadius: "100vh",
+                          textTransform: "capitalize"
+                        },
+                        children: user.role
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                DID,
+                {
+                  style: { marginTop: 4, lineHeight: 1, height: 14, maxWidth: 250, color: "inherit !important" },
+                  size: 14,
+                  did: user.did
+                }
+              )
+            ] })
+          ] }),
           ((_a2 = session == null ? void 0 : session.user) == null ? void 0 : _a2.did) && ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did) !== user.did && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { my: 2, borderTop: "1px solid #eee" } }),
             /* @__PURE__ */ jsxRuntime.jsx(Box, { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -964,6 +954,7 @@ var __publicField = (obj, key, value) => {
     const theme = styles.useTheme();
     const downMd = useMediaQuery(theme.breakpoints.down("md"));
     const navigate = reactRouterDom.useNavigate();
+    const [open, setOpen] = react.useState(false);
     const sm = size === "sm";
     let fontSize = sm ? 12 : 14;
     let avatarSize = profileUse ? 24 : sm ? 32 : 40;
@@ -981,16 +972,22 @@ var __publicField = (obj, key, value) => {
       createdAt = typeof createdAt === "string" ? new Date(createdAt) : createdAt;
       return /* @__PURE__ */ jsxRuntime.jsx(RelativeTime, { value: createdAt });
     };
+    const click = () => {
+      setOpen(false);
+      setTimeout(() => {
+        navigate(`/profile/${user == null ? void 0 : user.did}`);
+      }, 100);
+    };
     const renderAvatar = () => {
       if (showProfileCard) {
-        return /* @__PURE__ */ jsxRuntime.jsx(HtmlTooltip$1, { title: /* @__PURE__ */ jsxRuntime.jsx(ProfileCard, { user }), children: /* @__PURE__ */ jsxRuntime.jsx(
-          Box,
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          HtmlTooltip$1,
           {
-            sx: { display: "flex", cursor: "pointer" },
-            onClick: () => {
-              navigate(`/profile/${user == null ? void 0 : user.did}`);
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(
+            open,
+            onClose: () => setOpen(false),
+            onOpen: () => setOpen(true),
+            title: /* @__PURE__ */ jsxRuntime.jsx(ProfileCard, { user, click }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { display: "flex", cursor: "pointer" }, onClick: click, children: /* @__PURE__ */ jsxRuntime.jsx(
               Avatar,
               {
                 did: user == null ? void 0 : user.did,
@@ -1002,9 +999,9 @@ var __publicField = (obj, key, value) => {
                   width: avatarSize
                 }
               }
-            )
+            ) })
           }
-        ) });
+        );
       }
       return /* @__PURE__ */ jsxRuntime.jsx(
         Avatar,
@@ -3635,6 +3632,7 @@ var __publicField = (obj, key, value) => {
   };
   function NotificationMessage({ chat, message, prevMessage, ...rest }) {
     const { session } = useSessionContext();
+    const { t } = context.useLocaleContext();
     const renderQuote = ({ title, excerpt, cover }) => {
       if ("post" in message) {
         return /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { mt: 1.5, pl: 1, borderLeft: "4px solid #ddd", color: 14 }, children: [
@@ -3675,7 +3673,14 @@ var __publicField = (obj, key, value) => {
       return null;
     };
     const render = () => {
-      var _a2, _b2, _c, _d;
+      var _a2, _b2, _c;
+      if (message.type === "post_create") {
+        return /* @__PURE__ */ jsxRuntime.jsxs(Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { fontWeight: "bold" }, children: message.sourceUser.fullName }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: t("message.newPost") }),
+          renderQuote(message.post)
+        ] });
+      }
       if (message.type === "comment") {
         return /* @__PURE__ */ jsxRuntime.jsxs(Box, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs(Box, { children: [
@@ -3690,7 +3695,7 @@ var __publicField = (obj, key, value) => {
         return /* @__PURE__ */ jsxRuntime.jsxs(Box, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs(Box, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { color: "grey.600", fontWeight: "bold" }, children: message.sourceUser.fullName }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: ((_c = message == null ? void 0 : message.sourceUser) == null ? void 0 : _c.did) === ((_d = session == null ? void 0 : session.user) == null ? void 0 : _d.did) ? " replied your comment:" : " replied comment:" })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: (message == null ? void 0 : message.recipient) === ((_c = session == null ? void 0 : session.user) == null ? void 0 : _c.did) ? " replied your comment:" : " replied comment:" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body1", children: message.reply.excerpt }),
           renderQuote({ title: message.post.title, excerpt: message.comment.excerpt })
@@ -4663,6 +4668,9 @@ var __publicField = (obj, key, value) => {
       staleTip: "You may need to save your changes manually",
       timeout: "Request timeout: please retry the request later",
       error: "Oops, your request failed. Please try again"
+    },
+    message: {
+      newPost: " create a new post:"
     }
   };
   const zh = {
@@ -4706,6 +4714,9 @@ var __publicField = (obj, key, value) => {
       staleTip: "您可能需要手动备份你的更改",
       timeout: "请求超时: 请稍后重试",
       error: "哎呀，您的请求失败了，请稍后重试"
+    },
+    message: {
+      newPost: " 创建了一个新的帖子:"
     }
   };
   const translations = { zh, en };
@@ -10455,73 +10466,76 @@ var __publicField = (obj, key, value) => {
       if (onSelectTab)
         onSelectTab(selectTab);
     }, [selectTab, selectedArray, boardId]);
-    return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: Group, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        material.Box,
-        {
-          sx: {
-            bgcolor: theme === "dark" ? "#F9FAFB" : "",
-            width: "fit-content",
-            maxWidth: "calc(100% - 16px)",
-            borderRadius: "99999px",
-            borderTopRightRadius: downSm ? 0 : "99999px",
-            borderBottomRightRadius: downSm ? 0 : "99999px",
-            overflow: "scroll",
-            whiteSpace: "nowrap",
-            mr: 2
-          },
-          children: [
-            allButton && /* @__PURE__ */ jsxRuntime.jsx(
-              material.Button,
-              {
-                onClick: handleSelectAll,
-                sx: {
-                  backgroundColor: selectAll ? "#ffffff" : "",
-                  color: selectAll ? "#030712" : "#4b5563",
-                  border: selectAll ? "1px solid #e5e7eb!important" : "1px solid transparent"
-                },
-                ...rest,
-                children: t("all")
-              }
-            ),
-            dataWithDefault == null ? void 0 : dataWithDefault.map((item, index) => {
-              const isActive = urlParams ? !selectAll && (selectTab == null ? void 0 : selectTab.includes(item.id)) : boardId === item.id;
-              return /* @__PURE__ */ jsxRuntime.jsx(
+    return (
+      // eslint-disable-next-line @typescript-eslint/no-use-before-define
+      /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: Group, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          material.Box,
+          {
+            sx: {
+              bgcolor: theme === "dark" ? "#F9FAFB" : "",
+              width: "fit-content",
+              maxWidth: "calc(100% - 16px)",
+              borderRadius: "99999px",
+              borderTopRightRadius: downSm ? 0 : "99999px",
+              borderBottomRightRadius: downSm ? 0 : "99999px",
+              overflow: "scroll",
+              whiteSpace: "nowrap",
+              mr: 2
+            },
+            children: [
+              allButton && /* @__PURE__ */ jsxRuntime.jsx(
                 material.Button,
                 {
-                  onClick: () => handleClick(item),
+                  onClick: handleSelectAll,
                   sx: {
-                    ...isActive && {
-                      backgroundColor: "#ffffff",
-                      color: "#030712",
-                      border: "1px solid #e5e7eb!important"
-                    }
+                    backgroundColor: selectAll ? "#ffffff" : "",
+                    color: selectAll ? "#030712" : "#4b5563",
+                    border: selectAll ? "1px solid #e5e7eb!important" : "1px solid transparent"
                   },
                   ...rest,
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center" }, children: [
-                    item == null ? void 0 : item.icon,
-                    " ",
-                    item == null ? void 0 : item.title
-                  ] })
-                },
-                index
-              );
-            })
-          ]
-        }
-      ),
-      urlName !== "type" && /* @__PURE__ */ jsxRuntime.jsx(AccessControl, { roles: ["admin", "owner"], children: /* @__PURE__ */ jsxRuntime.jsx(
-        IconButton$1,
-        {
-          component: reactRouterDom.Link,
-          color: "inherit",
-          size: "small",
-          to: `/boards?type=${type}`,
-          sx: { color: "grey.500" },
-          children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.BorderColorOutlined, { sx: { fontSize: 16 } })
-        }
-      ) })
-    ] });
+                  children: t("all")
+                }
+              ),
+              dataWithDefault == null ? void 0 : dataWithDefault.map((item, index) => {
+                const isActive = urlParams ? !selectAll && (selectTab == null ? void 0 : selectTab.includes(item.id)) : boardId === item.id;
+                return /* @__PURE__ */ jsxRuntime.jsx(
+                  material.Button,
+                  {
+                    onClick: () => handleClick(item),
+                    sx: {
+                      ...isActive && {
+                        backgroundColor: "#ffffff",
+                        color: "#030712",
+                        border: "1px solid #e5e7eb!important"
+                      }
+                    },
+                    ...rest,
+                    children: /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center" }, children: [
+                      item == null ? void 0 : item.icon,
+                      " ",
+                      item == null ? void 0 : item.title
+                    ] })
+                  },
+                  index
+                );
+              })
+            ]
+          }
+        ),
+        urlName !== "type" && /* @__PURE__ */ jsxRuntime.jsx(AccessControl, { roles: ["admin", "owner"], children: /* @__PURE__ */ jsxRuntime.jsx(
+          IconButton$1,
+          {
+            component: reactRouterDom.Link,
+            color: "inherit",
+            size: "small",
+            to: `/boards?type=${type}`,
+            sx: { color: "grey.500" },
+            children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.BorderColorOutlined, { sx: { fontSize: 16 } })
+          }
+        ) })
+      ] })
+    );
   }
   const Group = css.css`
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "1.6.170",
+  "version": "1.6.172",
   "files": [
     "dist"
   ],
@@ -29,8 +29,8 @@
   },
   "dependencies": {
     "@arcblock/ws": "^1.18.112",
-    "@blocklet/editor": "1.6.170",
-    "@blocklet/labels": "1.6.170",
+    "@blocklet/editor": "1.6.172",
+    "@blocklet/labels": "1.6.172",
     "@blocklet/uploader": "^0.0.74",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -94,5 +94,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "1c5e61a1ad75ef496f95f777627f9ab66e3248fc"
+  "gitHead": "201729156add15057b9350e2ed4f759b744ccb30"
 }