feat: Select derived messages from backend #2088 (#2176)

### What problem does this PR solve?

feat: Select derived messages from backend #2088

### Type of change

- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/chat/chat-container/index.tsx

@@ -5,44 +5,38 @@ import { Drawer, Flex, Spin } from 'antd';
 import {
   useClickDrawer,
   useCreateConversationBeforeUploadDocument,
-  useFetchConversationOnMount,
   useGetFileIcon,
   useGetSendButtonDisabled,
   useSendButtonDisabled,
-  useSendMessage,
+  useSendNextMessage,
 } from '../hooks';
 import { buildMessageItemReference } from '../utils';
 
 import MessageInput from '@/components/message-input';
+import {
+  useFetchNextConversation,
+  useGetChatSearchParams,
+} from '@/hooks/chat-hooks';
 import { useFetchUserInfo } from '@/hooks/user-setting-hooks';
 import { memo } from 'react';
 import styles from './index.less';
 
 const ChatContainer = () => {
+  const { conversationId } = useGetChatSearchParams();
+  const { data: conversation } = useFetchNextConversation();
+
   const {
     ref,
-    currentConversation: conversation,
-    addNewestConversation,
-    removeLatestMessage,
-    addNewestAnswer,
-    conversationId,
     loading,
-    removeMessageById,
-    removeMessagesAfterCurrentMessage,
-  } = useFetchConversationOnMount();
-  const {
+    sendLoading,
+    derivedMessages,
     handleInputChange,
     handlePressEnter,
     value,
-    loading: sendLoading,
     regenerateMessage,
-  } = useSendMessage(
-    conversation,
-    addNewestConversation,
-    removeLatestMessage,
-    addNewestAnswer,
-    removeMessagesAfterCurrentMessage,
-  );
+    removeMessageById,
+  } = useSendNextMessage();
+
   const { visible, hideModal, documentId, selectedChunk, clickDocumentButton } =
     useClickDrawer();
   const disabled = useGetSendButtonDisabled();
@@ -58,19 +52,25 @@ const ChatContainer = () => {
         <Flex flex={1} vertical className={styles.messageContainer}>
           <div>
             <Spin spinning={loading}>
-              {conversation?.message?.map((message, i) => {
+              {derivedMessages?.map((message, i) => {
                 return (
                   <MessageItem
                     loading={
                       message.role === MessageType.Assistant &&
                       sendLoading &&
-                      conversation?.message.length - 1 === i
+                      derivedMessages.length - 1 === i
                     }
                     key={message.id}
                     item={message}
                     nickname={userInfo.nickname}
                     avatar={userInfo.avatar}
-                    reference={buildMessageItemReference(conversation, message)}
+                    reference={buildMessageItemReference(
+                      {
+                        message: derivedMessages,
+                        reference: conversation.reference,
+                      },
+                      message,
+                    )}
                     clickDocumentButton={clickDocumentButton}
                     index={i}
                     removeMessageById={removeMessageById}