Fix: Fixed the issue with external chat box reporting errors #3909 (#4079)

### What problem does this PR solve?

Fix:  Fixed the issue with external chat box reporting errors #3909

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/components/message-item/group-button.tsx

@@ -23,6 +23,7 @@ interface IProps {
   prompt?: string;
   showLikeButton: boolean;
   audioBinary?: string;
+  showLoudspeaker?: boolean;
 }
 
 export const AssistantGroupButton = ({
@@ -31,6 +32,7 @@ export const AssistantGroupButton = ({
   prompt,
   audioBinary,
   showLikeButton,
+  showLoudspeaker = true,
 }: IProps) => {
   const { visible, hideModal, showModal, onFeedbackOk, loading } =
     useSendFeedback(messageId);
@@ -52,12 +54,14 @@ export const AssistantGroupButton = ({
         <Radio.Button value="a">
           <CopyToClipboard text={content}></CopyToClipboard>
         </Radio.Button>
-        <Radio.Button value="b" onClick={handleRead}>
-          <Tooltip title={t('chat.read')}>
-            {isPlaying ? <PauseCircleOutlined /> : <SoundOutlined />}
-          </Tooltip>
-          <audio src="" ref={ref}></audio>
-        </Radio.Button>
+        {showLoudspeaker && (
+          <Radio.Button value="b" onClick={handleRead}>
+            <Tooltip title={t('chat.read')}>
+              {isPlaying ? <PauseCircleOutlined /> : <SoundOutlined />}
+            </Tooltip>
+            <audio src="" ref={ref}></audio>
+          </Radio.Button>
+        )}
         {showLikeButton && (
           <>
             <Radio.Button value="c" onClick={handleLike}>

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

@@ -34,6 +34,7 @@ interface IProps extends Partial<IRemoveMessageById>, IRegenerateMessage {
   clickDocumentButton?: (documentId: string, chunk: IReferenceChunk) => void;
   index: number;
   showLikeButton?: boolean;
+  showLoudspeaker?: boolean;
 }
 
 const MessageItem = ({
@@ -48,6 +49,7 @@ const MessageItem = ({
   removeMessageById,
   regenerateMessage,
   showLikeButton = true,
+  showLoudspeaker = true,
 }: IProps) => {
   const { theme } = useTheme();
   const isAssistant = item.role === MessageType.Assistant;
@@ -120,6 +122,7 @@ const MessageItem = ({
                     prompt={item.prompt}
                     showLikeButton={showLikeButton}
                     audioBinary={item.audio_binary}
+                    showLoudspeaker={showLoudspeaker}
                   ></AssistantGroupButton>
                 )
               ) : (