diff --git a/client/src/components/Chat/Messages/Content/MessageContent.tsx b/client/src/components/Chat/Messages/Content/MessageContent.tsx index e31f827e95..01957be3cb 100644 --- a/client/src/components/Chat/Messages/Content/MessageContent.tsx +++ b/client/src/components/Chat/Messages/Content/MessageContent.tsx @@ -97,7 +97,8 @@ const DisplayMessage = ({ text, isCreatedByUser, message, showCursor }: TDisplay isSubmitting ? 'submitting' : '', showCursorState && !!text.length ? 'result-streaming' : '', 'markdown prose message-content dark:prose-invert light w-full break-words', - isCreatedByUser ? 'whitespace-pre-wrap dark:text-gray-20' : 'dark:text-gray-100', + isCreatedByUser && !enableUserMsgMarkdown && 'whitespace-pre-wrap', + isCreatedByUser ? 'dark:text-gray-20' : 'dark:text-gray-100', )} > {content} diff --git a/client/src/components/Chat/Messages/Content/Parts/Text.tsx b/client/src/components/Chat/Messages/Content/Parts/Text.tsx index 59e8b32164..b52a0bfa52 100644 --- a/client/src/components/Chat/Messages/Content/Parts/Text.tsx +++ b/client/src/components/Chat/Messages/Content/Parts/Text.tsx @@ -45,7 +45,8 @@ const TextPart = memo(({ text, isCreatedByUser, messageId, showCursor }: TextPar isSubmitting ? 'submitting' : '', showCursorState && !!text.length ? 'result-streaming' : '', 'markdown prose message-content dark:prose-invert light w-full break-words', - isCreatedByUser ? 'whitespace-pre-wrap dark:text-gray-20' : 'dark:text-gray-70', + isCreatedByUser && !enableUserMsgMarkdown && 'whitespace-pre-wrap', + isCreatedByUser ? 'dark:text-gray-20' : 'dark:text-gray-70', )} > {content} diff --git a/client/src/components/Chat/Messages/Content/SearchContent.tsx b/client/src/components/Chat/Messages/Content/SearchContent.tsx index 3f19c3e03c..3a7f57bd16 100644 --- a/client/src/components/Chat/Messages/Content/SearchContent.tsx +++ b/client/src/components/Chat/Messages/Content/SearchContent.tsx @@ -1,12 +1,15 @@ import { Suspense } from 'react'; +import { useRecoilValue } from 'recoil'; import type { TMessage, TMessageContentParts } from 'librechat-data-provider'; import { UnfinishedMessage } from './MessageContent'; import { DelayedRender } from '~/components/ui'; import MarkdownLite from './MarkdownLite'; import { cn } from '~/utils'; +import store from '~/store'; import Part from './Part'; const SearchContent = ({ message }: { message: TMessage }) => { + const enableUserMsgMarkdown = useRecoilValue(store.enableUserMsgMarkdown); const { messageId } = message; if (Array.isArray(message.content) && message.content.length > 0) { return ( @@ -43,7 +46,8 @@ const SearchContent = ({ message }: { message: TMessage }) => {