@blocklet/discuss-kit-ux 2.0.2 → 2.0.4

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

@@ -5,5 +5,7 @@ export declare const useChatInWallet: () => {
     }) => void;
     navigateToChatList: () => void;
     isChatInWalletV2: boolean;
+    isWebNavbar: boolean;
     updateUnreadState: (unread: boolean) => void;
+    chatInWallet: import('react-router-dom').PathMatch<"chatId"> | null;
 };

package/dist/components/utils.d.ts

@@ -16,3 +16,5 @@ export declare const inferDiscussKitApiPrefix: () => any;
 export declare const getDraftSessionKeyPrefix: () => string;
 export declare const getExcerptFromLexicalContent: (content: any, size?: number) => string;
 export declare const mergeSx: (initial: SystemStyleObject<Theme>, sx?: SxProps<Theme>) => any[];
+export declare const discussKitMountPoint: string | undefined;
+export declare const openProfileInNewTab: (did: string) => void;

package/dist/{editor-KBV5TMjF.mjs → editor-Ccgzqz7e.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-bnv41bga.mjs";
+import { i as inferInitialEditorState, I as ImagePathFixerPlugin, V as VideoPathFixerPlugin, a as isEmptyContent, s as stringify, g as getExcerptSync } from "./index-C0GjTcgJ.mjs";
 const BlockletEditor = lazy(() => import("@blocklet/editor"));
 const Root = styled(Box)`
   .be-editable,

package/dist/{index-bnv41bga.mjs → index-C0GjTcgJ.mjs}

@@ -4,18 +4,20 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-var _a, _b;
+var _a, _b, _c;
 import { Labels2, LabelPicker } from "@blocklet/labels";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useTheme, ThemeProvider, styled } from "@mui/material/styles";
 import { create as create$1, styled as styled$1 } from "@arcblock/ux/lib/Theme";
-import { useEffect, useRef, useState, createElement, useContext, useMemo, isValidElement, lazy, Suspense, createContext, Fragment as Fragment$1, forwardRef, useCallback } from "react";
+import { useEffect, useRef, useState, createElement, useContext, useMemo, useCallback, isValidElement, lazy, Suspense, createContext, Fragment as Fragment$1, forwardRef } from "react";
 import { Box, useTheme as useTheme$1, useMediaQuery, Tooltip as Tooltip$1, Chip as Chip$1, alpha, ClickAwayListener, Dialog as Dialog$1, DialogTitle, DialogContent, DialogActions, DialogContentText, Button as Button$1, Divider, Skeleton, IconButton as IconButton$2, InputBase, tooltipClasses as tooltipClasses$1, Backdrop, Autocomplete, Typography as Typography$1, TextField as TextField$1, InputAdornment, SwipeableDrawer, Badge as Badge$1, Paper, ToggleButtonGroup, ToggleButton } from "@mui/material";
 import isNil from "lodash/isNil";
 import { useEditorConfig, EditorConfigProvider } from "@blocklet/editor/lib/config";
 import { lazyWithPreload } from "react-lazy-with-preload";
-import { $getRoot, $createParagraphNode, $createTextNode, KEY_ENTER_COMMAND, COMMAND_PRIORITY_LOW, $getSelection, COMMAND_PRIORITY_CRITICAL } from "lexical";
+import { $getRoot, $createParagraphNode, $createTextNode, KEY_ENTER_COMMAND, COMMAND_PRIORITY_LOW, $getSelection } from "lexical";
 import { $isRootTextContentEmpty } from "@lexical/text";
+import { resolvePath, Link, useNavigate, useMatch, useLocation, useParams, Outlet, useSearchParams, useBlocker } from "react-router-dom";
+import { joinURL } from "ufo";
 import joinUrl from "url-join";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";
 import { ImageNode } from "@blocklet/editor/lib/main/nodes/ImageNode";
@@ -34,7 +36,7 @@ import { grey, green, amber } from "@mui/material/colors";
 import useMediaQuery$1 from "@mui/material/useMediaQuery";
 import DID from "@arcblock/ux/lib/DID";
 import Tooltip, { tooltipClasses } from "@mui/material/Tooltip";
-import { Link, useNavigate, useLocation, useParams, Outlet, useSearchParams, useBlocker } from "react-router-dom";
+import { useBrowser } from "@arcblock/react-hooks";
 import UxRelativeTime from "@arcblock/ux/lib/RelativeTime";
 import Chip from "@mui/material/Chip";
 import Stack from "@mui/material/Stack";
@@ -47,6 +49,8 @@ import BrokenImageIcon from "@mui/icons-material/BrokenImage";
 import { Icon } from "@iconify/react";
 import Empty$3 from "@arcblock/ux/lib/Empty";
 import { SessionContext } from "@arcblock/did-connect/lib/Session";
+import cmp from "semver-compare";
+import bridge from "@arcblock/bridge";
 import NotificationsActiveOutlinedIcon from "@mui/icons-material/NotificationsActiveOutlined";
 import CheckboxPlugin from "@blocklet/editor/lib/ext/CheckboxPlugin";
 import DIDAddress from "@arcblock/did-connect/lib/Address";
@@ -66,15 +70,12 @@ import CircularProgress from "@mui/material/CircularProgress";
 import { Helmet } from "react-helmet";
 import { Flipper, Flipped } from "react-flip-toolkit";
 import grey$1 from "@mui/material/colors/grey";
-import cmp from "semver-compare";
-import bridge from "@arcblock/bridge";
-import { useBrowser } from "@arcblock/react-hooks";
+import { EditorConfigProvider as EditorConfigProvider$1 } from "@blocklet/editor";
 import Fab from "@mui/material/Fab";
 import debounce from "lodash/debounce";
 import { useIsFocused } from "@blocklet/editor/lib/main/hooks/useIsFocused";
 import TextField from "@mui/material/TextField";
 import AddIcon from "@mui/icons-material/Add";
-import SessionManager from "@arcblock/did-connect/lib/SessionManager";
 import { AxiosError } from "axios";
 import Toast from "@arcblock/ux/lib/Toast";
 import MuiPagination from "@mui/material/Pagination";
@@ -341,10 +342,18 @@ const mergeSx = (initial, sx) => {
   const mergedSx = [initial, ...Array.isArray(sx) ? sx : [sx]];
   return mergedSx;
 };
+const discussKitMountPoint = (_a = getBlockletMountPointInfo("did-comments")) == null ? void 0 : _a.mountPoint;
+const openProfileInNewTab = (did) => {
+  if (did) {
+    const { pathname } = resolvePath(`/profile/${did}`);
+    window.open(joinURL(discussKitMountPoint || "/", pathname), "_blank");
+  }
+};
 const utils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   blockletExists,
   copy,
+  discussKitMountPoint,
   getBlockletMountPointInfo,
   getDraftSessionKeyPrefix,
   getExcerptFromLexicalContent,
@@ -354,6 +363,7 @@ const utils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   inferDiscussKitApiPrefix,
   mergeSx,
   minDelay,
+  openProfileInNewTab,
   protectLogin,
   repairBase64Avatar,
   sleep,
@@ -889,7 +899,7 @@ const formatKey = (key) => {
   return "";
 };
 const badgeList = flatMap(
-  (((_b = (_a = window == null ? void 0 : window.blocklet) == null ? void 0 : _a.preferences) == null ? void 0 : _b.badgeList) || []).filter((item) => [true, "true"].includes(item.enabled)).map((item) => {
+  (((_c = (_b = window == null ? void 0 : window.blocklet) == null ? void 0 : _b.preferences) == null ? void 0 : _c.badgeList) || []).filter((item) => [true, "true"].includes(item.enabled)).map((item) => {
     var _a2;
     return {
       ...item,
@@ -1034,13 +1044,13 @@ function Badge({
   ] }) : null;
 }
 const useSessionContext = () => {
-  var _a2, _b2, _c, _d;
+  var _a2, _b2, _c2, _d;
   const ctx = useContext(SessionContext) || {};
   const loginRole = (_b2 = (_a2 = ctx == null ? void 0 : ctx.session) == null ? void 0 : _a2.user) == null ? void 0 : _b2.role;
   const permissionSet = useMemo(() => {
     var _a3, _b3;
     return new Set(((_b3 = (_a3 = ctx.session) == null ? void 0 : _a3.user) == null ? void 0 : _b3.permissions) || []);
-  }, [(_d = (_c = ctx.session) == null ? void 0 : _c.user) == null ? void 0 : _d.permissions]);
+  }, [(_d = (_c2 = ctx.session) == null ? void 0 : _c2.user) == null ? void 0 : _d.permissions]);
   return {
     ...ctx,
     isAdmin: ["admin", "owner"].includes(loginRole),
@@ -1120,7 +1130,7 @@ const useResponsiveValue = (values2) => {
   return r(values2);
 };
 function ProfileCard({ user, click, ...rest }) {
-  var _a2, _b2, _c;
+  var _a2, _b2, _c2;
   const { session } = useSessionContext();
   const { t } = useLocaleContext();
   let chatUrl = (user == null ? void 0 : user.did) && `/chat/dm/${user == null ? void 0 : user.did}`;
@@ -1189,7 +1199,7 @@ function ProfileCard({ user, click, ...rest }) {
             /* @__PURE__ */ jsx(Box$1, { sx: { mt: 1 }, children: /* @__PURE__ */ jsx(Badge, { passports: (user == null ? void 0 : user.passports) || [], pointInfo: (user == null ? void 0 : user.pointInfo) || {}, did: user == null ? void 0 : user.did }) })
           ] })
         ] }),
-        chatUrl && ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did) && ((_c = session == null ? void 0 : session.user) == null ? void 0 : _c.did) !== user.did && /* @__PURE__ */ jsxs(Fragment, { children: [
+        chatUrl && ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did) && ((_c2 = session == null ? void 0 : session.user) == null ? void 0 : _c2.did) !== user.did && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Box$1, { sx: { my: 2, borderTop: "1px solid #eee" } }),
           /* @__PURE__ */ jsx(Box$1, { children: /* @__PURE__ */ jsx(
             Button,
@@ -1208,6 +1218,50 @@ function ProfileCard({ user, click, ...rest }) {
     }
   );
 }
+const useChatInWallet = () => {
+  const navigate = useNavigate();
+  const { walletVersion, mobile } = useBrowser();
+  const chatInWallet = useMatch("/chat-in-wallet/:chatId?");
+  const isChatInWalletV2 = useMemo(() => {
+    try {
+      const targetVersion = mobile.apple.device ? "5.3.5" : "5.3.1";
+      return !!walletVersion && cmp(walletVersion, targetVersion) === 1;
+    } catch (e) {
+      console.error(e);
+      return false;
+    }
+  }, [walletVersion, mobile]);
+  const isWebNavbar = useMemo(() => {
+    try {
+      const targetVersion = mobile.apple.device ? "5.4.6" : "5.4.4";
+      return !!walletVersion && cmp(walletVersion, targetVersion) === 1;
+    } catch (e) {
+      console.error(e);
+      return false;
+    }
+  }, [walletVersion, mobile]);
+  const navigateToChat = ({ id: id2, title }) => {
+    if (isChatInWalletV2) {
+      navigate(`/chat-in-wallet/${id2}`);
+    } else {
+      bridge.call("clickChat", { id: id2, title });
+    }
+  };
+  const navigateToChatList = () => {
+    navigate("/chat-in-wallet");
+  };
+  const updateUnreadState = useCallback((unread) => {
+    bridge.call("updateUnreadState", { unread, appId: window.blocklet.appPid, timestamp: /* @__PURE__ */ new Date() });
+  }, []);
+  return {
+    navigateToChat,
+    navigateToChatList,
+    isChatInWalletV2,
+    isWebNavbar,
+    updateUnreadState,
+    chatInWallet
+  };
+};
 const HtmlTooltip$1 = styled(({ className, ...props }) => /* @__PURE__ */ jsx(
   Tooltip,
   {
@@ -1242,6 +1296,8 @@ function AuthorInfo({
   const downMd = useMediaQuery$1(theme.breakpoints.down("md"));
   const navigate = useNavigate();
   const [open, setOpen] = useState(false);
+  const { mobile } = useBrowser();
+  const { chatInWallet } = useChatInWallet();
   const sm = size === "sm";
   let fontSize = sm ? 12 : 14;
   let avatarSize = profileUse ? 24 : sm ? 40 : 48;
@@ -1267,12 +1323,16 @@ function AuthorInfo({
     (_a2 = e == null ? void 0 : e.stopPropagation) == null ? void 0 : _a2.call(e);
     (_b2 = e == null ? void 0 : e.preventDefault) == null ? void 0 : _b2.call(e);
     setOpen(false);
-    setTimeout(() => {
-      navigate(`/profile/${user == null ? void 0 : user.did}`);
-    }, 100);
+    if (chatInWallet) {
+      openProfileInNewTab(user == null ? void 0 : user.did);
+    } else {
+      setTimeout(() => {
+        navigate(`/profile/${user == null ? void 0 : user.did}`);
+      }, 100);
+    }
   };
   const renderAvatar = () => {
-    if (showProfileCard) {
+    if (showProfileCard && !mobile.any) {
       return /* @__PURE__ */ jsx(
         HtmlTooltip$1,
         {
@@ -3923,33 +3983,6 @@ function ChannelGroup({ size = "normal", chat, children, ...rest }) {
     ] })
   ] });
 }
-const useChatInWallet = () => {
-  const navigate = useNavigate();
-  const { walletVersion, mobile } = useBrowser();
-  const isChatInWalletV2 = useMemo(() => {
-    try {
-      const targetVersion = mobile.apple.device ? "5.3.5" : "5.3.1";
-      return !!walletVersion && cmp(walletVersion, targetVersion) === 1;
-    } catch (e) {
-      console.error(e);
-      return false;
-    }
-  }, [walletVersion, mobile]);
-  const navigateToChat = ({ id: id2, title }) => {
-    if (isChatInWalletV2) {
-      navigate(`/chat-in-wallet/${id2}`);
-    } else {
-      bridge.call("clickChat", { id: id2, title });
-    }
-  };
-  const navigateToChatList = () => {
-    navigate("/chat-in-wallet");
-  };
-  const updateUnreadState = useCallback((unread) => {
-    bridge.call("updateUnreadState", { unread, appId: window.blocklet.appPid, timestamp: /* @__PURE__ */ new Date() });
-  }, []);
-  return { navigateToChat, navigateToChatList, isChatInWalletV2, updateUnreadState };
-};
 function ChatList({ inWallet, ...rest }) {
   const { t } = useLocaleContext();
   const { orderedChats, activeChatId, setActiveChat, getOppositeUser, hasUnreadMessages, getLastMessageText } = useChatContext();
@@ -4210,7 +4243,7 @@ function NotificationMessage({ chat, message, prevMessage }) {
     return null;
   };
   const render = () => {
-    var _a2, _b2, _c, _d;
+    var _a2, _b2, _c2, _d;
     const baseCardSx = {
       py: 1.5,
       px: 2,
@@ -4353,7 +4386,7 @@ function NotificationMessage({ chat, message, prevMessage }) {
                 ]
               }
             ),
-            /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { fontSize: 16 }, children: (_d = (_b2 = message == null ? void 0 : message.comment) == null ? void 0 : _b2.excerpt) == null ? void 0 : _d.replace((_c = session == null ? void 0 : session.user) == null ? void 0 : _c.fullName, "") }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { fontSize: 16 }, children: (_d = (_b2 = message == null ? void 0 : message.comment) == null ? void 0 : _b2.excerpt) == null ? void 0 : _d.replace((_c2 = session == null ? void 0 : session.user) == null ? void 0 : _c2.fullName, "") }),
             renderQuote(message.post)
           ]
         }
@@ -4670,7 +4703,7 @@ function Back({ url, fallbackUrl, iconOnly, sx, ...rest }) {
 }
 const tablerSend = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 14L21 3m0 0l-6.5 18a.55.55 0 0 1-1 0L10 14l-7-3.5a.55.55 0 0 1 0-1z" }) });
 const tablerLetterCase = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "data-iconify": "tabler", width: "1.2em", height: "1.2em", ...props, children: /* @__PURE__ */ jsx("path", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 15.5a3.5 3.5 0 1 0 7 0a3.5 3.5 0 1 0-7 0M3 19V8.5a3.5 3.5 0 0 1 7 0V19m-7-6h7m11-1v7" }) });
-const Editor = lazy(() => import("./editor-KBV5TMjF.mjs"));
+const Editor = lazy(() => import("./editor-Ccgzqz7e.mjs"));
 function LazyEditor(props) {
   const fallback2 = /* @__PURE__ */ jsxs(Box, { sx: { px: 3 }, children: [
     /* @__PURE__ */ jsx(Skeleton, {}),
@@ -4710,7 +4743,12 @@ function AutoClearPlugin({ clearKey }) {
     if (editor && clearKey) {
       editor.update(() => {
         const root = $getRoot();
+        const paragraph = $createParagraphNode();
         root.clear();
+        root.append(paragraph);
+        if ($getSelection() !== null) {
+          paragraph.select();
+        }
       });
     }
   }, [editor, clearKey]);
@@ -4729,6 +4767,39 @@ function DraggerPlugin() {
   const hasFocus = useIsFocused();
   const selection = editor.getEditorState().read($getSelection);
   const enabled = mobile.any && hasFocus && selection;
+  const detectSwipe = (node, callback) => {
+    let touchstartY = 0;
+    let touchendY = 0;
+    function handleSwipe() {
+      if (touchstartY - touchendY > 10 || touchendY - touchstartY > 10) {
+        callback();
+      }
+    }
+    const onTouchStart = (event) => {
+      touchstartY = event.changedTouches[0].screenY;
+    };
+    const onTouchEnd = (event) => {
+      touchendY = event.changedTouches[0].screenY;
+      handleSwipe();
+    };
+    node.addEventListener("touchstart", onTouchStart, false);
+    node.addEventListener("touchend", onTouchEnd, false);
+    return () => {
+      node.removeEventListener("touchstart", onTouchStart, false);
+      node.removeEventListener("touchend", onTouchEnd, false);
+    };
+  };
+  useEffect(() => {
+    const root = editor.getRootElement();
+    if (enabled && root) {
+      const cleanup = [detectSwipe(document.body, () => editor.blur()), detectSwipe(root, () => editor.blur())];
+      return () => {
+        cleanup.forEach((fn) => fn());
+      };
+    }
+    return () => {
+    };
+  }, [editor, enabled]);
   if (enabled) {
     return /* @__PURE__ */ jsx(
       Box,
@@ -4752,32 +4823,17 @@ function ShortcutPlugin({ callback }) {
   const [editor] = useLexicalComposerContext();
   const { mobile } = useBrowser();
   useEffect(() => {
-    let dispatching = false;
     return editor.registerCommand(
       KEY_ENTER_COMMAND,
       (e) => {
-        if (dispatching || mobile.any) {
-          dispatching = false;
+        if (mobile.any || e.shiftKey) {
           return false;
         }
-        if (e.shiftKey) {
-          dispatching = true;
-          const keyboardEvent = new KeyboardEvent("keydown", {
-            code: "Enter",
-            key: "Enter",
-            charCode: 13,
-            keyCode: 13,
-            view: window,
-            bubbles: true
-          });
-          e.preventDefault();
-          editor.dispatchCommand(KEY_ENTER_COMMAND, keyboardEvent);
-          return true;
-        }
         callback();
+        e.preventDefault();
         return true;
       },
-      COMMAND_PRIORITY_CRITICAL
+      COMMAND_PRIORITY_LOW
     );
   }, [editor, callback, mobile.any]);
   return null;
@@ -4793,6 +4849,9 @@ function ChatInput({ initialContent, send, onContentChange }) {
   const [focused, setFocused] = useState(false);
   const compactView = mobile.any && !focused;
   const handleSend = () => {
+    if (!content) {
+      return;
+    }
     send(content);
     setContent("");
     setLastSent(Date.now());
@@ -4855,7 +4914,7 @@ function ChatInput({ initialContent, send, onContentChange }) {
                   children: /* @__PURE__ */ jsx(Box, { component: tablerSend, sx: { fontSize: 13, color: "text.secondary" } })
                 }
               ),
-              /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx(EditorConfigProvider$1, { value: { minimalMode: true }, children: /* @__PURE__ */ jsxs(
                 LazyEditor,
                 {
                   enableSaveAreaPlugin: false,
@@ -4875,7 +4934,7 @@ function ChatInput({ initialContent, send, onContentChange }) {
                     /* @__PURE__ */ jsx(FocusPlugin, { callback: (v2) => setFocused(v2) })
                   ]
                 }
-              )
+              ) })
             ]
           }
         ),
@@ -5065,7 +5124,7 @@ function ChatRoom({ chat, inWallet, ...rest }) {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(Box$1, { sx: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ jsx(MessageList, { chat }) }),
+    /* @__PURE__ */ jsx(Box$1, { sx: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ jsx(EditorConfigProvider$1, { value: { openLinkInNewTab: !!inWallet }, children: /* @__PURE__ */ jsx(MessageList, { chat }) }) }),
     /* @__PURE__ */ jsxs(Box$1, { sx: { position: "relative" }, children: [
       chat.isActivated && chat.type !== "notification" && /* @__PURE__ */ jsx(Box$1, { sx: { px: { xs: 0, sm: 2.5 }, pb: { xs: 0, sm: 2.5 } }, children: /* @__PURE__ */ jsx(
         ChatInput,
@@ -5520,17 +5579,28 @@ function Empty({ sx }) {
   ] });
 }
 function ChatListInWallet({ sx, ...rest }) {
+  var _a2, _b2, _c2, _d;
   const { session } = useSessionContext();
   const { initialized, chats, activeChatId } = useChatContext();
   const { unread } = useUnreadNotification();
-  const { navigateToChatList, updateUnreadState } = useChatInWallet();
+  const { navigateToChatList, updateUnreadState, isWebNavbar } = useChatInWallet();
   useEffect(() => {
     updateUnreadState(unread);
   }, [unread, updateUnreadState]);
   if (!initialized) {
     return /* @__PURE__ */ jsx(CircularProgress, {});
   }
-  const mergedSx = [{ display: "flex", height: "100%", bgcolor: "#fff" }, ...Array.isArray(sx) ? sx : [sx]];
+  const mergedSx = [
+    {
+      display: "flex",
+      height: "100%",
+      bgcolor: "#fff",
+      ...((_a2 = window.chatInWallet) == null ? void 0 : _a2.safeAreaInsetTop) && {
+        pt: `${window.chatInWallet.safeAreaInsetTop}px`
+      }
+    },
+    ...Array.isArray(sx) ? sx : [sx]
+  ];
   return /* @__PURE__ */ jsx(Box$1, { ...rest, sx: mergedSx, children: /* @__PURE__ */ jsxs(
     Box$1,
     {
@@ -5542,24 +5612,54 @@ function ChatListInWallet({ sx, ...rest }) {
       },
       children: [
         /* @__PURE__ */ jsxs(Box$1, { sx: { flex: "0 0 auto", py: 1, px: 2 }, children: [
-          /* @__PURE__ */ jsxs(Box$1, { sx: { display: "flex", justifyContent: "space-between", mr: -1 }, children: [
-            /* @__PURE__ */ jsxs(
-              Box$1,
-              {
-                onClick: () => {
-                  bridge.call("switchApp");
-                },
-                sx: { display: "flex", alignItems: "center", gap: 1 },
-                children: [
-                  /* @__PURE__ */ jsx(Box$1, { component: "img", src: window.blocklet.appLogo, alt: "", sx: { width: 20, height: 20 } }),
-                  /* @__PURE__ */ jsx(Box$1, { component: "span", sx: { typography: "h5", fontWeight: "medium" }, children: window.blocklet.appName }),
-                  /* @__PURE__ */ jsx(Box$1, { component: tablerSwitchHorizontal, sx: { fontSize: 15, color: "grey.600" } })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(SessionManager, { style: { padding: 0 }, showText: true, showRole: true, session })
-          ] }),
-          /* @__PURE__ */ jsx(UserSearch, { sx: { mt: 1 } })
+          !isWebNavbar && /* @__PURE__ */ jsxs(
+            Box$1,
+            {
+              sx: {
+                display: "flex",
+                justifyContent: "space-between",
+                alignItems: "center",
+                mb: 1
+              },
+              children: [
+                /* @__PURE__ */ jsxs(
+                  Box$1,
+                  {
+                    onClick: () => {
+                      bridge.call("switchApp");
+                    },
+                    sx: { display: "flex", alignItems: "center", gap: 1 },
+                    children: [
+                      /* @__PURE__ */ jsx(Box$1, { component: "img", src: window.blocklet.appLogo, alt: "", sx: { width: 20, height: 20 } }),
+                      /* @__PURE__ */ jsx(Box$1, { component: "span", sx: { typography: "h5", fontWeight: "bold" }, children: window.blocklet.appName }),
+                      /* @__PURE__ */ jsx(
+                        Box$1,
+                        {
+                          component: tablerSwitchHorizontal,
+                          sx: { fontSize: 15, color: "grey.600", "& [stroke-width='2']": { strokeWidth: "2!important" } }
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Avatar,
+                  {
+                    did: (_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did,
+                    src: (_c2 = session == null ? void 0 : session.user) == null ? void 0 : _c2.avatar,
+                    size: 20,
+                    shape: "circle",
+                    variant: "circle",
+                    onClick: () => {
+                      var _a3;
+                      return openProfileInNewTab((_a3 = session == null ? void 0 : session.user) == null ? void 0 : _a3.did);
+                    }
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(UserSearch, {})
         ] }),
         /* @__PURE__ */ jsx(Divider, {}),
         !!(chats == null ? void 0 : chats.length) && /* @__PURE__ */ jsx(ChatList, { sx: { flex: 1, overflowY: "auto" }, inWallet: true }),
@@ -5574,7 +5674,19 @@ function ChatListInWallet({ sx, ...rest }) {
             onClose: () => navigateToChatList(),
             onOpen: () => {
             },
-            children: /* @__PURE__ */ jsx(Box$1, { sx: { width: 1, height: 1 }, children: /* @__PURE__ */ jsx(Outlet, {}) })
+            children: /* @__PURE__ */ jsx(
+              Box$1,
+              {
+                sx: {
+                  width: 1,
+                  height: 1,
+                  ...((_d = window.chatInWallet) == null ? void 0 : _d.safeAreaInsetTop) && {
+                    pt: `${window.chatInWallet.safeAreaInsetTop}px`
+                  }
+                },
+                children: /* @__PURE__ */ jsx(Outlet, {})
+              }
+            )
           }
         )
       ]
@@ -11631,14 +11743,14 @@ function create(prefix2) {
     }
   });
 }
-function getWsClient(prefix2 = ((_c) => (_c = window.blocklet) == null ? void 0 : _c.prefix)() || "/") {
+function getWsClient(prefix2 = ((_d) => (_d = window.blocklet) == null ? void 0 : _d.prefix)() || "/") {
   if (!client) {
     client = create(prefix2);
   }
   return client;
 }
 const useSubscription = (event, cb = () => {
-}, deps = [], prefix2 = ((_d) => (_d = window.blocklet) == null ? void 0 : _d.prefix)() || "/") => {
+}, deps = [], prefix2 = ((_e) => (_e = window.blocklet) == null ? void 0 : _e.prefix)() || "/") => {
   useEffect(() => {
     if (event) {
       if (!client) {
@@ -11705,7 +11817,7 @@ function PointUp({ points }) {
   );
 }
 function PointUpProvider({ children }) {
-  var _a2, _b2, _c, _d;
+  var _a2, _b2, _c2, _d;
   const state = useReactive({
     pointsList: [],
     visible: false,
@@ -11716,7 +11828,7 @@ function PointUpProvider({ children }) {
   const pointUp = useCallback(({ points }) => {
     state.pointsList.push(points);
   }, []);
-  const pointUpComponent = (_c = (_b2 = (_a2 = window.blocklet) == null ? void 0 : _a2.componentMountPoints) == null ? void 0 : _b2.find) == null ? void 0 : _c.call(
+  const pointUpComponent = (_c2 = (_b2 = (_a2 = window.blocklet) == null ? void 0 : _a2.componentMountPoints) == null ? void 0 : _b2.find) == null ? void 0 : _c2.call(
     _b2,
     (item) => item.did === "z2qa2ZST7Frp8w1XGqyw9v85u12R3mBbB2oaA"
   );

package/dist/index.es.js

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

package/dist/index.umd.js

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("@arcblock/ux/lib/Theme"), require("react"), require("@mui/material"), require("lodash/isNil"), require("@blocklet/editor/lib/config"), require("react-lazy-with-preload"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/material/Box"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("lodash/isBoolean"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/AvatarGroup"), require("@mui/material/colors"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("react-router-dom"), require("@arcblock/ux/lib/RelativeTime"), require("@mui/material/Chip"), require("@mui/material/Stack"), require("lodash/groupBy"), require("lodash/flatMap"), require("lodash/uniqBy"), require("lodash/trim"), require("@mui/material/Avatar"), require("@mui/icons-material/BrokenImage"), require("@iconify/react"), require("@arcblock/ux/lib/Empty"), require("@arcblock/did-connect/lib/Session"), require("@mui/icons-material/NotificationsActiveOutlined"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@arcblock/did-connect/lib/Address"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("url-join"), require("react-dom"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("react-flip-toolkit"), require("@mui/material/colors/grey"), require("semver-compare"), require("@arcblock/bridge"), require("@arcblock/react-hooks"), require("@mui/material/Fab"), require("lodash/debounce"), require("@blocklet/editor/lib/main/hooks/useIsFocused"), require("@mui/material/TextField"), require("@mui/icons-material/Add"), require("@arcblock/did-connect/lib/SessionManager"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("js-cookie"), require("@arcblock/ws"), require("@emotion/css"), require("@blocklet/editor/lib/ext/OnContentChangePlugin"), require("@blocklet/editor/lib/ext/ShortcutPlugin"), require("@blocklet/editor/lib/ext/SafeAreaPlugin"), require("@lexical/text"), require("@blocklet/editor/lib/main/nodes/ImageNode"), require("@blocklet/editor/lib/ext/VideoPlugin/VideoNode")) : typeof define === "function" && define.amd ? define(["exports", "@blocklet/labels", "react/jsx-runtime", "@mui/material/styles", "@arcblock/ux/lib/Theme", "react", "@mui/material", "lodash/isNil", "@blocklet/editor/lib/config", "react-lazy-with-preload", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/material/Box", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "lodash/isBoolean", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/AvatarGroup", "@mui/material/colors", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "react-router-dom", "@arcblock/ux/lib/RelativeTime", "@mui/material/Chip", "@mui/material/Stack", "lodash/groupBy", "lodash/flatMap", "lodash/uniqBy", "lodash/trim", "@mui/material/Avatar", "@mui/icons-material/BrokenImage", "@iconify/react", "@arcblock/ux/lib/Empty", "@arcblock/did-connect/lib/Session", "@mui/icons-material/NotificationsActiveOutlined", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "url-join", "react-dom", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/colors/grey", "semver-compare", "@arcblock/bridge", "@arcblock/react-hooks", "@mui/material/Fab", "lodash/debounce", "@blocklet/editor/lib/main/hooks/useIsFocused", "@mui/material/TextField", "@mui/icons-material/Add", "@arcblock/did-connect/lib/SessionManager", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "js-cookie", "@arcblock/ws", "@emotion/css", "@blocklet/editor/lib/ext/OnContentChangePlugin", "@blocklet/editor/lib/ext/ShortcutPlugin", "@blocklet/editor/lib/ext/SafeAreaPlugin", "@lexical/text", "@blocklet/editor/lib/main/nodes/ImageNode", "@blocklet/editor/lib/ext/VideoPlugin/VideoNode"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitComponents = {}, global.labels, global.jsxRuntime, global.styles, global.Theme, global.react, global.material, global.isNil, global.config, global.reactLazyWithPreload, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.Box, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.isBoolean, global.Button, global.DidAvatar, global.AvatarGroup, global.colors, global.useMediaQuery, global.DID, global.Tooltip, global.reactRouterDom, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.Empty$3, global.Session, global.NotificationsActiveOutlinedIcon, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.joinUrl, global.ReactDOM, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, global.cmp, global.bridge, global.reactHooks, global.Fab, global.debounce, global.useIsFocused, global.TextField, global.AddIcon, global.SessionManager, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.css, global.OnContentChangePlugin, global.ShortcutPlugin$1, global.SafeAreaPlugin, global.text, global.ImageNode, global.VideoNode));
-})(this, function(exports2, labels, jsxRuntime, styles, Theme, react, material, isNil, config, reactLazyWithPreload, LexicalComposerContext, lexical$1, ahooks, Box, LoadingButton, iconsMaterial, context, Alert, isBoolean, Button, DidAvatar, AvatarGroup, colors, useMediaQuery, DID, Tooltip, reactRouterDom, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, Empty$3, Session, NotificationsActiveOutlinedIcon, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, joinUrl, ReactDOM, dayjs, relativeTime, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, cmp, bridge, reactHooks, Fab, debounce, useIsFocused, TextField, AddIcon, SessionManager, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, css, OnContentChangePlugin, ShortcutPlugin$1, SafeAreaPlugin, text, ImageNode, VideoNode) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@blocklet/labels"), require("react/jsx-runtime"), require("@mui/material/styles"), require("@arcblock/ux/lib/Theme"), require("react"), require("@mui/material"), require("lodash/isNil"), require("@blocklet/editor/lib/config"), require("react-lazy-with-preload"), require("@lexical/react/LexicalComposerContext"), require("lexical"), require("ahooks"), require("@mui/material/Box"), require("@mui/lab/LoadingButton"), require("@mui/icons-material"), require("@arcblock/ux/lib/Locale/context"), require("@mui/material/Alert"), require("lodash/isBoolean"), require("@mui/material/Button"), require("@arcblock/did-connect/lib/Avatar"), require("@mui/material/AvatarGroup"), require("@mui/material/colors"), require("@mui/material/useMediaQuery"), require("@arcblock/ux/lib/DID"), require("@mui/material/Tooltip"), require("react-router-dom"), require("@arcblock/react-hooks"), require("@arcblock/ux/lib/RelativeTime"), require("@mui/material/Chip"), require("@mui/material/Stack"), require("lodash/groupBy"), require("lodash/flatMap"), require("lodash/uniqBy"), require("lodash/trim"), require("@mui/material/Avatar"), require("@mui/icons-material/BrokenImage"), require("@iconify/react"), require("@arcblock/ux/lib/Empty"), require("@arcblock/did-connect/lib/Session"), require("semver-compare"), require("@arcblock/bridge"), require("@mui/icons-material/NotificationsActiveOutlined"), require("@blocklet/editor/lib/ext/CheckboxPlugin"), require("@arcblock/did-connect/lib/Address"), require("@mui/material/MenuItem"), require("clsx"), require("@mui/material/IconButton"), require("@mui/material/Menu"), require("@arcblock/ux/lib/Dialog"), require("lodash/orderBy"), require("@mui/material/Typography"), require("@mui/material/Skeleton"), require("react-dom"), require("url-join"), require("dayjs"), require("dayjs/plugin/relativeTime"), require("mitt"), require("@mui/material/CircularProgress"), require("react-helmet"), require("react-flip-toolkit"), require("@mui/material/colors/grey"), require("@blocklet/editor"), require("@mui/material/Fab"), require("lodash/debounce"), require("@blocklet/editor/lib/main/hooks/useIsFocused"), require("@mui/material/TextField"), require("@mui/icons-material/Add"), require("axios"), require("@arcblock/ux/lib/Toast"), require("@mui/material/Pagination"), require("unstated-next"), require("js-cookie"), require("@arcblock/ws"), require("@emotion/css"), require("@blocklet/editor/lib/ext/OnContentChangePlugin"), require("@blocklet/editor/lib/ext/ShortcutPlugin"), require("@blocklet/editor/lib/ext/SafeAreaPlugin"), require("@lexical/text"), require("ufo"), require("@blocklet/editor/lib/main/nodes/ImageNode"), require("@blocklet/editor/lib/ext/VideoPlugin/VideoNode")) : typeof define === "function" && define.amd ? define(["exports", "@blocklet/labels", "react/jsx-runtime", "@mui/material/styles", "@arcblock/ux/lib/Theme", "react", "@mui/material", "lodash/isNil", "@blocklet/editor/lib/config", "react-lazy-with-preload", "@lexical/react/LexicalComposerContext", "lexical", "ahooks", "@mui/material/Box", "@mui/lab/LoadingButton", "@mui/icons-material", "@arcblock/ux/lib/Locale/context", "@mui/material/Alert", "lodash/isBoolean", "@mui/material/Button", "@arcblock/did-connect/lib/Avatar", "@mui/material/AvatarGroup", "@mui/material/colors", "@mui/material/useMediaQuery", "@arcblock/ux/lib/DID", "@mui/material/Tooltip", "react-router-dom", "@arcblock/react-hooks", "@arcblock/ux/lib/RelativeTime", "@mui/material/Chip", "@mui/material/Stack", "lodash/groupBy", "lodash/flatMap", "lodash/uniqBy", "lodash/trim", "@mui/material/Avatar", "@mui/icons-material/BrokenImage", "@iconify/react", "@arcblock/ux/lib/Empty", "@arcblock/did-connect/lib/Session", "semver-compare", "@arcblock/bridge", "@mui/icons-material/NotificationsActiveOutlined", "@blocklet/editor/lib/ext/CheckboxPlugin", "@arcblock/did-connect/lib/Address", "@mui/material/MenuItem", "clsx", "@mui/material/IconButton", "@mui/material/Menu", "@arcblock/ux/lib/Dialog", "lodash/orderBy", "@mui/material/Typography", "@mui/material/Skeleton", "react-dom", "url-join", "dayjs", "dayjs/plugin/relativeTime", "mitt", "@mui/material/CircularProgress", "react-helmet", "react-flip-toolkit", "@mui/material/colors/grey", "@blocklet/editor", "@mui/material/Fab", "lodash/debounce", "@blocklet/editor/lib/main/hooks/useIsFocused", "@mui/material/TextField", "@mui/icons-material/Add", "axios", "@arcblock/ux/lib/Toast", "@mui/material/Pagination", "unstated-next", "js-cookie", "@arcblock/ws", "@emotion/css", "@blocklet/editor/lib/ext/OnContentChangePlugin", "@blocklet/editor/lib/ext/ShortcutPlugin", "@blocklet/editor/lib/ext/SafeAreaPlugin", "@lexical/text", "ufo", "@blocklet/editor/lib/main/nodes/ImageNode", "@blocklet/editor/lib/ext/VideoPlugin/VideoNode"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.DiscussKitComponents = {}, global.labels, global.jsxRuntime, global.styles, global.Theme, global.react, global.material, global.isNil, global.config, global.reactLazyWithPreload, global.LexicalComposerContext, global.lexical$1, global.ahooks, global.Box, global.LoadingButton, global.iconsMaterial, global.context, global.Alert, global.isBoolean, global.Button, global.DidAvatar, global.AvatarGroup, global.colors, global.useMediaQuery, global.DID, global.Tooltip, global.reactRouterDom, global.reactHooks, global.UxRelativeTime, global.Chip, global.Stack, global.groupBy, global.flatMap, global.uniqBy, global.trim, global.Avatar$1, global.BrokenImageIcon, global.react$1, global.Empty$3, global.Session, global.cmp, global.bridge, global.NotificationsActiveOutlinedIcon, global.CheckboxPlugin, global.DIDAddress, global.MuiMenuItem, global.clsx, global.IconButton$1, global.MuiMenu, global.Dialog, global.orderBy, global.Typography, global.Skeleton, global.ReactDOM, global.joinUrl, global.dayjs, global.relativeTime, global.mitt, global.CircularProgress, global.reactHelmet, global.reactFlipToolkit, global.grey, global.editor$1, global.Fab, global.debounce, global.useIsFocused, global.TextField, global.AddIcon, global.axios, global.Toast, global.MuiPagination, global.unstatedNext, global.Cookie, global.ws, global.css, global.OnContentChangePlugin, global.ShortcutPlugin$1, global.SafeAreaPlugin, global.text, global.ufo, global.ImageNode, global.VideoNode));
+})(this, function(exports2, labels, jsxRuntime, styles, Theme, react, material, isNil, config, reactLazyWithPreload, LexicalComposerContext, lexical$1, ahooks, Box, LoadingButton, iconsMaterial, context, Alert, isBoolean, Button, DidAvatar, AvatarGroup, colors, useMediaQuery, DID, Tooltip, reactRouterDom, reactHooks, UxRelativeTime, Chip, Stack, groupBy, flatMap, uniqBy, trim, Avatar$1, BrokenImageIcon, react$1, Empty$3, Session, cmp, bridge, NotificationsActiveOutlinedIcon, CheckboxPlugin, DIDAddress, MuiMenuItem, clsx, IconButton$1, MuiMenu, Dialog, orderBy, Typography, Skeleton, ReactDOM, joinUrl, dayjs, relativeTime, mitt, CircularProgress, reactHelmet, reactFlipToolkit, grey, editor$1, Fab, debounce, useIsFocused, TextField, AddIcon, axios, Toast, MuiPagination, unstatedNext, Cookie, ws, css, OnContentChangePlugin, ShortcutPlugin$1, SafeAreaPlugin, text, ufo, ImageNode, VideoNode) {
   "use strict";var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => {
@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 
-  var _a, _b;
+  var _a, _b, _c;
   const typography = {
     h1: {
       fontSize: "1.875rem",
@@ -268,10 +268,18 @@ var __publicField = (obj, key, value) => {
     const mergedSx = [initial, ...Array.isArray(sx) ? sx : [sx]];
     return mergedSx;
   };
+  const discussKitMountPoint = (_a = getBlockletMountPointInfo("did-comments")) == null ? void 0 : _a.mountPoint;
+  const openProfileInNewTab = (did) => {
+    if (did) {
+      const { pathname } = reactRouterDom.resolvePath(`/profile/${did}`);
+      window.open(ufo.joinURL(discussKitMountPoint || "/", pathname), "_blank");
+    }
+  };
   const utils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     blockletExists,
     copy,
+    discussKitMountPoint,
     getBlockletMountPointInfo,
     getDraftSessionKeyPrefix,
     getExcerptFromLexicalContent,
@@ -281,6 +289,7 @@ var __publicField = (obj, key, value) => {
     inferDiscussKitApiPrefix,
     mergeSx,
     minDelay,
+    openProfileInNewTab,
     protectLogin,
     repairBase64Avatar,
     sleep,
@@ -816,7 +825,7 @@ var __publicField = (obj, key, value) => {
     return "";
   };
   const badgeList = flatMap(
-    (((_b = (_a = window == null ? void 0 : window.blocklet) == null ? void 0 : _a.preferences) == null ? void 0 : _b.badgeList) || []).filter((item) => [true, "true"].includes(item.enabled)).map((item) => {
+    (((_c = (_b = window == null ? void 0 : window.blocklet) == null ? void 0 : _b.preferences) == null ? void 0 : _c.badgeList) || []).filter((item) => [true, "true"].includes(item.enabled)).map((item) => {
       var _a2;
       return {
         ...item,
@@ -961,13 +970,13 @@ var __publicField = (obj, key, value) => {
     ] }) : null;
   }
   const useSessionContext = () => {
-    var _a2, _b2, _c, _d;
+    var _a2, _b2, _c2, _d;
     const ctx = react.useContext(Session.SessionContext) || {};
     const loginRole = (_b2 = (_a2 = ctx == null ? void 0 : ctx.session) == null ? void 0 : _a2.user) == null ? void 0 : _b2.role;
     const permissionSet = react.useMemo(() => {
       var _a3, _b3;
       return new Set(((_b3 = (_a3 = ctx.session) == null ? void 0 : _a3.user) == null ? void 0 : _b3.permissions) || []);
-    }, [(_d = (_c = ctx.session) == null ? void 0 : _c.user) == null ? void 0 : _d.permissions]);
+    }, [(_d = (_c2 = ctx.session) == null ? void 0 : _c2.user) == null ? void 0 : _d.permissions]);
     return {
       ...ctx,
       isAdmin: ["admin", "owner"].includes(loginRole),
@@ -1047,7 +1056,7 @@ var __publicField = (obj, key, value) => {
     return r(values2);
   };
   function ProfileCard({ user, click, ...rest }) {
-    var _a2, _b2, _c;
+    var _a2, _b2, _c2;
     const { session } = useSessionContext();
     const { t } = context.useLocaleContext();
     let chatUrl = (user == null ? void 0 : user.did) && `/chat/dm/${user == null ? void 0 : user.did}`;
@@ -1116,7 +1125,7 @@ var __publicField = (obj, key, value) => {
               /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { mt: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { passports: (user == null ? void 0 : user.passports) || [], pointInfo: (user == null ? void 0 : user.pointInfo) || {}, did: user == null ? void 0 : user.did }) })
             ] })
           ] }),
-          chatUrl && ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did) && ((_c = session == null ? void 0 : session.user) == null ? void 0 : _c.did) !== user.did && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          chatUrl && ((_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did) && ((_c2 = session == null ? void 0 : session.user) == null ? void 0 : _c2.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(
               Button,
@@ -1135,6 +1144,50 @@ var __publicField = (obj, key, value) => {
       }
     );
   }
+  const useChatInWallet = () => {
+    const navigate = reactRouterDom.useNavigate();
+    const { walletVersion, mobile } = reactHooks.useBrowser();
+    const chatInWallet = reactRouterDom.useMatch("/chat-in-wallet/:chatId?");
+    const isChatInWalletV2 = react.useMemo(() => {
+      try {
+        const targetVersion = mobile.apple.device ? "5.3.5" : "5.3.1";
+        return !!walletVersion && cmp(walletVersion, targetVersion) === 1;
+      } catch (e) {
+        console.error(e);
+        return false;
+      }
+    }, [walletVersion, mobile]);
+    const isWebNavbar = react.useMemo(() => {
+      try {
+        const targetVersion = mobile.apple.device ? "5.4.6" : "5.4.4";
+        return !!walletVersion && cmp(walletVersion, targetVersion) === 1;
+      } catch (e) {
+        console.error(e);
+        return false;
+      }
+    }, [walletVersion, mobile]);
+    const navigateToChat = ({ id: id2, title }) => {
+      if (isChatInWalletV2) {
+        navigate(`/chat-in-wallet/${id2}`);
+      } else {
+        bridge.call("clickChat", { id: id2, title });
+      }
+    };
+    const navigateToChatList = () => {
+      navigate("/chat-in-wallet");
+    };
+    const updateUnreadState = react.useCallback((unread) => {
+      bridge.call("updateUnreadState", { unread, appId: window.blocklet.appPid, timestamp: /* @__PURE__ */ new Date() });
+    }, []);
+    return {
+      navigateToChat,
+      navigateToChatList,
+      isChatInWalletV2,
+      isWebNavbar,
+      updateUnreadState,
+      chatInWallet
+    };
+  };
   const HtmlTooltip$1 = styles.styled(({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
     Tooltip,
     {
@@ -1169,6 +1222,8 @@ var __publicField = (obj, key, value) => {
     const downMd = useMediaQuery(theme.breakpoints.down("md"));
     const navigate = reactRouterDom.useNavigate();
     const [open, setOpen] = react.useState(false);
+    const { mobile } = reactHooks.useBrowser();
+    const { chatInWallet } = useChatInWallet();
     const sm = size === "sm";
     let fontSize = sm ? 12 : 14;
     let avatarSize = profileUse ? 24 : sm ? 40 : 48;
@@ -1194,12 +1249,16 @@ var __publicField = (obj, key, value) => {
       (_a2 = e == null ? void 0 : e.stopPropagation) == null ? void 0 : _a2.call(e);
       (_b2 = e == null ? void 0 : e.preventDefault) == null ? void 0 : _b2.call(e);
       setOpen(false);
-      setTimeout(() => {
-        navigate(`/profile/${user == null ? void 0 : user.did}`);
-      }, 100);
+      if (chatInWallet) {
+        openProfileInNewTab(user == null ? void 0 : user.did);
+      } else {
+        setTimeout(() => {
+          navigate(`/profile/${user == null ? void 0 : user.did}`);
+        }, 100);
+      }
     };
     const renderAvatar = () => {
-      if (showProfileCard) {
+      if (showProfileCard && !mobile.any) {
         return /* @__PURE__ */ jsxRuntime.jsx(
           HtmlTooltip$1,
           {
@@ -3850,33 +3909,6 @@ var __publicField = (obj, key, value) => {
       ] })
     ] });
   }
-  const useChatInWallet = () => {
-    const navigate = reactRouterDom.useNavigate();
-    const { walletVersion, mobile } = reactHooks.useBrowser();
-    const isChatInWalletV2 = react.useMemo(() => {
-      try {
-        const targetVersion = mobile.apple.device ? "5.3.5" : "5.3.1";
-        return !!walletVersion && cmp(walletVersion, targetVersion) === 1;
-      } catch (e) {
-        console.error(e);
-        return false;
-      }
-    }, [walletVersion, mobile]);
-    const navigateToChat = ({ id: id2, title }) => {
-      if (isChatInWalletV2) {
-        navigate(`/chat-in-wallet/${id2}`);
-      } else {
-        bridge.call("clickChat", { id: id2, title });
-      }
-    };
-    const navigateToChatList = () => {
-      navigate("/chat-in-wallet");
-    };
-    const updateUnreadState = react.useCallback((unread) => {
-      bridge.call("updateUnreadState", { unread, appId: window.blocklet.appPid, timestamp: /* @__PURE__ */ new Date() });
-    }, []);
-    return { navigateToChat, navigateToChatList, isChatInWalletV2, updateUnreadState };
-  };
   function ChatList({ inWallet, ...rest }) {
     const { t } = context.useLocaleContext();
     const { orderedChats, activeChatId, setActiveChat, getOppositeUser, hasUnreadMessages, getLastMessageText } = useChatContext();
@@ -4137,7 +4169,7 @@ var __publicField = (obj, key, value) => {
       return null;
     };
     const render = () => {
-      var _a2, _b2, _c, _d;
+      var _a2, _b2, _c2, _d;
       const baseCardSx = {
         py: 1.5,
         px: 2,
@@ -4280,7 +4312,7 @@ var __publicField = (obj, key, value) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body1", sx: { fontSize: 16 }, children: (_d = (_b2 = message == null ? void 0 : message.comment) == null ? void 0 : _b2.excerpt) == null ? void 0 : _d.replace((_c = session == null ? void 0 : session.user) == null ? void 0 : _c.fullName, "") }),
+              /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body1", sx: { fontSize: 16 }, children: (_d = (_b2 = message == null ? void 0 : message.comment) == null ? void 0 : _b2.excerpt) == null ? void 0 : _d.replace((_c2 = session == null ? void 0 : session.user) == null ? void 0 : _c2.fullName, "") }),
               renderQuote(message.post)
             ]
           }
@@ -4637,7 +4669,12 @@ var __publicField = (obj, key, value) => {
       if (editor2 && clearKey) {
         editor2.update(() => {
           const root = lexical$1.$getRoot();
+          const paragraph = lexical$1.$createParagraphNode();
           root.clear();
+          root.append(paragraph);
+          if (lexical$1.$getSelection() !== null) {
+            paragraph.select();
+          }
         });
       }
     }, [editor2, clearKey]);
@@ -4656,6 +4693,39 @@ var __publicField = (obj, key, value) => {
     const hasFocus = useIsFocused.useIsFocused();
     const selection = editor2.getEditorState().read(lexical$1.$getSelection);
     const enabled = mobile.any && hasFocus && selection;
+    const detectSwipe = (node, callback) => {
+      let touchstartY = 0;
+      let touchendY = 0;
+      function handleSwipe() {
+        if (touchstartY - touchendY > 10 || touchendY - touchstartY > 10) {
+          callback();
+        }
+      }
+      const onTouchStart = (event) => {
+        touchstartY = event.changedTouches[0].screenY;
+      };
+      const onTouchEnd = (event) => {
+        touchendY = event.changedTouches[0].screenY;
+        handleSwipe();
+      };
+      node.addEventListener("touchstart", onTouchStart, false);
+      node.addEventListener("touchend", onTouchEnd, false);
+      return () => {
+        node.removeEventListener("touchstart", onTouchStart, false);
+        node.removeEventListener("touchend", onTouchEnd, false);
+      };
+    };
+    react.useEffect(() => {
+      const root = editor2.getRootElement();
+      if (enabled && root) {
+        const cleanup = [detectSwipe(document.body, () => editor2.blur()), detectSwipe(root, () => editor2.blur())];
+        return () => {
+          cleanup.forEach((fn) => fn());
+        };
+      }
+      return () => {
+      };
+    }, [editor2, enabled]);
     if (enabled) {
       return /* @__PURE__ */ jsxRuntime.jsx(
         material.Box,
@@ -4679,32 +4749,17 @@ var __publicField = (obj, key, value) => {
     const [editor2] = LexicalComposerContext.useLexicalComposerContext();
     const { mobile } = reactHooks.useBrowser();
     react.useEffect(() => {
-      let dispatching = false;
       return editor2.registerCommand(
         lexical$1.KEY_ENTER_COMMAND,
         (e) => {
-          if (dispatching || mobile.any) {
-            dispatching = false;
+          if (mobile.any || e.shiftKey) {
             return false;
           }
-          if (e.shiftKey) {
-            dispatching = true;
-            const keyboardEvent = new KeyboardEvent("keydown", {
-              code: "Enter",
-              key: "Enter",
-              charCode: 13,
-              keyCode: 13,
-              view: window,
-              bubbles: true
-            });
-            e.preventDefault();
-            editor2.dispatchCommand(lexical$1.KEY_ENTER_COMMAND, keyboardEvent);
-            return true;
-          }
           callback();
+          e.preventDefault();
           return true;
         },
-        lexical$1.COMMAND_PRIORITY_CRITICAL
+        lexical$1.COMMAND_PRIORITY_LOW
       );
     }, [editor2, callback, mobile.any]);
     return null;
@@ -4720,6 +4775,9 @@ var __publicField = (obj, key, value) => {
     const [focused, setFocused] = react.useState(false);
     const compactView = mobile.any && !focused;
     const handleSend = () => {
+      if (!content) {
+        return;
+      }
       send(content);
       setContent("");
       setLastSent(Date.now());
@@ -4782,7 +4840,7 @@ var __publicField = (obj, key, value) => {
                     children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: tablerSend, sx: { fontSize: 13, color: "text.secondary" } })
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsxs(
+                /* @__PURE__ */ jsxRuntime.jsx(editor$1.EditorConfigProvider, { value: { minimalMode: true }, children: /* @__PURE__ */ jsxRuntime.jsxs(
                   LazyEditor,
                   {
                     enableSaveAreaPlugin: false,
@@ -4802,7 +4860,7 @@ var __publicField = (obj, key, value) => {
                       /* @__PURE__ */ jsxRuntime.jsx(FocusPlugin, { callback: (v2) => setFocused(v2) })
                     ]
                   }
-                )
+                ) })
               ]
             }
           ),
@@ -4992,7 +5050,7 @@ var __publicField = (obj, key, value) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ jsxRuntime.jsx(MessageList, { chat }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ jsxRuntime.jsx(editor$1.EditorConfigProvider, { value: { openLinkInNewTab: !!inWallet }, children: /* @__PURE__ */ jsxRuntime.jsx(MessageList, { chat }) }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { position: "relative" }, children: [
         chat.isActivated && chat.type !== "notification" && /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { px: { xs: 0, sm: 2.5 }, pb: { xs: 0, sm: 2.5 } }, children: /* @__PURE__ */ jsxRuntime.jsx(
           ChatInput,
@@ -5447,17 +5505,28 @@ var __publicField = (obj, key, value) => {
     ] });
   }
   function ChatListInWallet({ sx, ...rest }) {
+    var _a2, _b2, _c2, _d;
     const { session } = useSessionContext();
     const { initialized, chats, activeChatId } = useChatContext();
     const { unread } = useUnreadNotification();
-    const { navigateToChatList, updateUnreadState } = useChatInWallet();
+    const { navigateToChatList, updateUnreadState, isWebNavbar } = useChatInWallet();
     react.useEffect(() => {
       updateUnreadState(unread);
     }, [unread, updateUnreadState]);
     if (!initialized) {
       return /* @__PURE__ */ jsxRuntime.jsx(CircularProgress, {});
     }
-    const mergedSx = [{ display: "flex", height: "100%", bgcolor: "#fff" }, ...Array.isArray(sx) ? sx : [sx]];
+    const mergedSx = [
+      {
+        display: "flex",
+        height: "100%",
+        bgcolor: "#fff",
+        ...((_a2 = window.chatInWallet) == null ? void 0 : _a2.safeAreaInsetTop) && {
+          pt: `${window.chatInWallet.safeAreaInsetTop}px`
+        }
+      },
+      ...Array.isArray(sx) ? sx : [sx]
+    ];
     return /* @__PURE__ */ jsxRuntime.jsx(Box, { ...rest, sx: mergedSx, children: /* @__PURE__ */ jsxRuntime.jsxs(
       Box,
       {
@@ -5469,24 +5538,54 @@ var __publicField = (obj, key, value) => {
         },
         children: [
           /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { flex: "0 0 auto", py: 1, px: 2 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(Box, { sx: { display: "flex", justifyContent: "space-between", mr: -1 }, children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                Box,
-                {
-                  onClick: () => {
-                    bridge.call("switchApp");
-                  },
-                  sx: { display: "flex", alignItems: "center", gap: 1 },
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "img", src: window.blocklet.appLogo, alt: "", sx: { width: 20, height: 20 } }),
-                    /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { typography: "h5", fontWeight: "medium" }, children: window.blocklet.appName }),
-                    /* @__PURE__ */ jsxRuntime.jsx(Box, { component: tablerSwitchHorizontal, sx: { fontSize: 15, color: "grey.600" } })
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(SessionManager, { style: { padding: 0 }, showText: true, showRole: true, session })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(UserSearch, { sx: { mt: 1 } })
+            !isWebNavbar && /* @__PURE__ */ jsxRuntime.jsxs(
+              Box,
+              {
+                sx: {
+                  display: "flex",
+                  justifyContent: "space-between",
+                  alignItems: "center",
+                  mb: 1
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    Box,
+                    {
+                      onClick: () => {
+                        bridge.call("switchApp");
+                      },
+                      sx: { display: "flex", alignItems: "center", gap: 1 },
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "img", src: window.blocklet.appLogo, alt: "", sx: { width: 20, height: 20 } }),
+                        /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", sx: { typography: "h5", fontWeight: "bold" }, children: window.blocklet.appName }),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          Box,
+                          {
+                            component: tablerSwitchHorizontal,
+                            sx: { fontSize: 15, color: "grey.600", "& [stroke-width='2']": { strokeWidth: "2!important" } }
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Avatar,
+                    {
+                      did: (_b2 = session == null ? void 0 : session.user) == null ? void 0 : _b2.did,
+                      src: (_c2 = session == null ? void 0 : session.user) == null ? void 0 : _c2.avatar,
+                      size: 20,
+                      shape: "circle",
+                      variant: "circle",
+                      onClick: () => {
+                        var _a3;
+                        return openProfileInNewTab((_a3 = session == null ? void 0 : session.user) == null ? void 0 : _a3.did);
+                      }
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(UserSearch, {})
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(material.Divider, {}),
           !!(chats == null ? void 0 : chats.length) && /* @__PURE__ */ jsxRuntime.jsx(ChatList, { sx: { flex: 1, overflowY: "auto" }, inWallet: true }),
@@ -5501,7 +5600,19 @@ var __publicField = (obj, key, value) => {
               onClose: () => navigateToChatList(),
               onOpen: () => {
               },
-              children: /* @__PURE__ */ jsxRuntime.jsx(Box, { sx: { width: 1, height: 1 }, children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {}) })
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                Box,
+                {
+                  sx: {
+                    width: 1,
+                    height: 1,
+                    ...((_d = window.chatInWallet) == null ? void 0 : _d.safeAreaInsetTop) && {
+                      pt: `${window.chatInWallet.safeAreaInsetTop}px`
+                    }
+                  },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Outlet, {})
+                }
+              )
             }
           )
         ]
@@ -11558,14 +11669,14 @@ var __publicField = (obj, key, value) => {
       }
     });
   }
-  function getWsClient(prefix2 = ((_c) => (_c = window.blocklet) == null ? void 0 : _c.prefix)() || "/") {
+  function getWsClient(prefix2 = ((_d) => (_d = window.blocklet) == null ? void 0 : _d.prefix)() || "/") {
     if (!client) {
       client = create(prefix2);
     }
     return client;
   }
   const useSubscription = (event, cb = () => {
-  }, deps = [], prefix2 = ((_d) => (_d = window.blocklet) == null ? void 0 : _d.prefix)() || "/") => {
+  }, deps = [], prefix2 = ((_e) => (_e = window.blocklet) == null ? void 0 : _e.prefix)() || "/") => {
     react.useEffect(() => {
       if (event) {
         if (!client) {
@@ -11632,7 +11743,7 @@ var __publicField = (obj, key, value) => {
     );
   }
   function PointUpProvider({ children }) {
-    var _a2, _b2, _c, _d;
+    var _a2, _b2, _c2, _d;
     const state = ahooks.useReactive({
       pointsList: [],
       visible: false,
@@ -11643,7 +11754,7 @@ var __publicField = (obj, key, value) => {
     const pointUp = react.useCallback(({ points }) => {
       state.pointsList.push(points);
     }, []);
-    const pointUpComponent = (_c = (_b2 = (_a2 = window.blocklet) == null ? void 0 : _a2.componentMountPoints) == null ? void 0 : _b2.find) == null ? void 0 : _c.call(
+    const pointUpComponent = (_c2 = (_b2 = (_a2 = window.blocklet) == null ? void 0 : _a2.componentMountPoints) == null ? void 0 : _b2.find) == null ? void 0 : _c2.call(
       _b2,
       (item) => item.did === "z2qa2ZST7Frp8w1XGqyw9v85u12R3mBbB2oaA"
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/discuss-kit-ux",
-  "version": "2.0.2",
+  "version": "2.0.4",
   "files": [
     "dist"
   ],
@@ -31,8 +31,8 @@
     "@arcblock/bridge": "^2.9.77",
     "@arcblock/react-hooks": "^2.9.80",
     "@arcblock/ws": "^1.18.116",
-    "@blocklet/editor": "2.0.2",
-    "@blocklet/labels": "2.0.2",
+    "@blocklet/editor": "2.0.4",
+    "@blocklet/labels": "2.0.4",
     "@blocklet/uploader": "^0.1.2",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
@@ -52,6 +52,7 @@
     "react-lazy-with-preload": "^2.2.1",
     "react-select": "^5.6.0",
     "semver-compare": "^1.0.0",
+    "ufo": "^1.3.1",
     "unstated-next": "^1.1.0",
     "url-join": "^4.0.1"
   },
@@ -99,5 +100,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "1c72c7f3e97c639348db32b56394f4f31bbe8169"
+  "gitHead": "6cf0a1ddf0aa7bfaadbf5b1b2ce85eceb3706841"
 }