Config chat share (#4700)

Config chat share

web/src/components/message-item/index.less

@@ -17,7 +17,7 @@
     .chunkText();
     padding: 0 14px;
     background-color: rgba(249, 250, 251, 1);
-    word-break: break-all;
+    word-break: break-word;
   }
   .messageTextBase() {
     padding: 6px 10px;
@@ -30,20 +30,20 @@
     .chunkText();
     .messageTextBase();
     background-color: #e6f4ff;
-    word-break: break-all;
+    word-break: break-word;
   }
   .messageTextDark {
     .chunkText();
     .messageTextBase();
     background-color: #1668dc;
-    word-break: break-all;
+    word-break: break-word;
   }
 
   .messageUserText {
     .chunkText();
     .messageTextBase();
     background-color: rgba(255, 255, 255, 0.3);
-    word-break: break-all;
+    word-break: break-word;
     text-align: justify;
   }
   .messageEmpty {

web/src/components/message-item/index.tsx

@@ -28,9 +28,10 @@ interface IProps extends Partial<IRemoveMessageById>, IRegenerateMessage {
   reference: IReference;
   loading?: boolean;
   sendLoading?: boolean;
+  visibleAvatar?: boolean;
   nickname?: string;
   avatar?: string;
-  avatardialog?: string | null;
+  avatarDialog?: string | null;
   clickDocumentButton?: (documentId: string, chunk: IReferenceChunk) => void;
   index: number;
   showLikeButton?: boolean;
@@ -42,7 +43,7 @@ const MessageItem = ({
   reference,
   loading = false,
   avatar,
-  avatardialog,
+  avatarDialog,
   sendLoading = false,
   clickDocumentButton,
   index,
@@ -50,6 +51,7 @@ const MessageItem = ({
   regenerateMessage,
   showLikeButton = true,
   showLoudspeaker = true,
+  visibleAvatar = true,
 }: IProps) => {
   const { theme } = useTheme();
   const isAssistant = item.role === MessageType.Assistant;
@@ -105,13 +107,15 @@ const MessageItem = ({
             [styles.messageItemContentReverse]: item.role === MessageType.User,
           })}
         >
-          {item.role === MessageType.User ? (
-            <Avatar size={40} src={avatar ?? '/logo.svg'} />
-          ) : avatardialog ? (
-            <Avatar size={40} src={avatardialog} />
-          ) : (
-            <AssistantIcon />
-          )}
+          {visibleAvatar &&
+            (item.role === MessageType.User ? (
+              <Avatar size={40} src={avatar ?? '/logo.svg'} />
+            ) : avatarDialog ? (
+              <Avatar size={40} src={avatarDialog} />
+            ) : (
+              <AssistantIcon />
+            ))}
+
           <Flex vertical gap={8} flex={1}>
             <Space>
               {isAssistant ? (