🐛 fix: String Interpolation in Messages Endpoint from #9155 (#9312)

* feat: move buildTree function for message hierarchy to data provider

* refactor: consolidate buildTree import from utils to data provider

* fix: correct string interpolation in messages function, which caused message search requests to fail

client/src/components/Chat/ChatView.tsx

@@ -3,7 +3,7 @@ import { useRecoilValue } from 'recoil';
 import { useForm } from 'react-hook-form';
 import { Spinner } from '@librechat/client';
 import { useParams } from 'react-router-dom';
-import { Constants } from 'librechat-data-provider';
+import { Constants, buildTree } from 'librechat-data-provider';
 import type { TMessage } from 'librechat-data-provider';
 import type { ChatFormValues } from '~/common';
 import { ChatContext, AddedChatContext, useFileMapContext, ChatFormProvider } from '~/Providers';
@@ -12,11 +12,11 @@ import ConversationStarters from './Input/ConversationStarters';
 import { useGetMessagesByConvoId } from '~/data-provider';
 import MessagesView from './Messages/MessagesView';
 import Presentation from './Presentation';
-import { buildTree, cn } from '~/utils';
 import ChatForm from './Input/ChatForm';
 import Landing from './Landing';
 import Header from './Header';
 import Footer from './Footer';
+import { cn } from '~/utils';
 import store from '~/store';
 
 function LoadingSpinner() {

client/src/components/Share/ShareView.tsx

@@ -1,12 +1,12 @@
 import { memo } from 'react';
 import { Spinner } from '@librechat/client';
 import { useParams } from 'react-router-dom';
+import { buildTree } from 'librechat-data-provider';
 import { useGetSharedMessages } from 'librechat-data-provider/react-query';
 import { useLocalize, useDocumentTitle } from '~/hooks';
 import { useGetStartupConfig } from '~/data-provider';
 import { ShareContext } from '~/Providers';
 import MessagesView from './MessagesView';
-import { buildTree } from '~/utils';
 import Footer from '../Chat/Footer';
 
 function SharedView() {

client/src/hooks/Conversations/useExportConversation.ts

@@ -4,6 +4,7 @@ import { useParams } from 'react-router-dom';
 import exportFromJSON from 'export-from-json';
 import { useQueryClient } from '@tanstack/react-query';
 import {
+  buildTree,
   QueryKeys,
   ContentTypes,
   ToolCallTypes,
@@ -18,7 +19,7 @@ import type {
 } from 'librechat-data-provider';
 import useBuildMessageTree from '~/hooks/Messages/useBuildMessageTree';
 import { useScreenshot } from '~/hooks/ScreenshotContext';
-import { cleanupPreset, buildTree } from '~/utils';
+import { cleanupPreset } from '~/utils';
 
 type ExportValues = {
   fieldName: string;

client/src/routes/Search.tsx

@@ -1,12 +1,12 @@
 import { useEffect, useMemo } from 'react';
 import { useRecoilValue } from 'recoil';
+import { buildTree } from 'librechat-data-provider';
 import { Spinner, useToastContext } from '@librechat/client';
 import MinimalMessagesWrapper from '~/components/Chat/Messages/MinimalMessages';
 import { useNavScrolling, useLocalize, useAuthContext } from '~/hooks';
 import SearchMessage from '~/components/Chat/Messages/SearchMessage';
 import { useMessagesInfiniteQuery } from '~/data-provider';
 import { useFileMapContext } from '~/Providers';
-import { buildTree } from '~/utils';
 import store from '~/store';
 
 export default function Search() {

client/src/utils/buildTree.ts

@@ -1,49 +1,4 @@
-import { TFile, TMessage } from 'librechat-data-provider';
-
-type ParentMessage = TMessage & { children: TMessage[]; depth: number };
-export default function buildTree({
-  messages,
-  fileMap,
-}: {
-  messages: TMessage[] | null;
-  fileMap?: Record<string, TFile>;
-}) {
-  if (messages === null) {
-    return null;
-  }
-
-  const messageMap: Record<string, ParentMessage> = {};
-  const rootMessages: TMessage[] = [];
-  const childrenCount: Record<string, number> = {};
-
-  messages.forEach((message) => {
-    const parentId = message.parentMessageId ?? '';
-    childrenCount[parentId] = (childrenCount[parentId] || 0) + 1;
-
-    const extendedMessage: ParentMessage = {
-      ...message,
-      children: [],
-      depth: 0,
-      siblingIndex: childrenCount[parentId] - 1,
-    };
-
-    if (message.files && fileMap) {
-      extendedMessage.files = message.files.map((file) => fileMap[file.file_id ?? ''] ?? file);
-    }
-
-    messageMap[message.messageId] = extendedMessage;
-
-    const parentMessage = messageMap[parentId];
-    if (parentMessage) {
-      parentMessage.children.push(extendedMessage);
-      extendedMessage.depth = parentMessage.depth + 1;
-    } else {
-      rootMessages.push(extendedMessage);
-    }
-  });
-
-  return rootMessages;
-}
+import type { TMessage } from 'librechat-data-provider';
 
 const even =
   'w-full border-b border-black/10 dark:border-gray-800/50 text-gray-800 bg-white dark:text-gray-200 group dark:bg-gray-800 hover:bg-gray-200/25 hover:text-gray-700  dark:hover:bg-gray-800 dark:hover:text-gray-200';

client/src/utils/index.ts

@@ -21,7 +21,6 @@ export * from './promptGroups';
 export * from './email';
 export { default as cn } from './cn';
 export { default as logger } from './logger';
-export { default as buildTree } from './buildTree';
 export { default as scaleImage } from './scaleImage';
 export { default as getLoginError } from './getLoginError';
 export { default as cleanupPreset } from './cleanupPreset';