From b5232afcc7f7bf87ca6e487b4db3517776804e33 Mon Sep 17 00:00:00 2001
From: Yuichi Oneda <ohneda@gmail.com>
Date: Sat, 16 Nov 2024 07:18:56 -0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Fix:=20Excessive=20Line=20Spacin?=
 =?UTF-8?q?g=20in=20Markdown-rendered=20User=20Messages=20(#4718)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: Excessive Line Spacing in User-Created Messages

* fix: Add whitespace-pre-wrap if user message is not markdown
---
 .../src/components/Chat/Messages/Content/MessageContent.tsx | 3 ++-
 client/src/components/Chat/Messages/Content/Parts/Text.tsx  | 3 ++-
 .../src/components/Chat/Messages/Content/SearchContent.tsx  | 6 +++++-
 3 files changed, 9 insertions(+), 3 deletions(-)

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 }) => {
     <div
       className={cn(
         'markdown prose dark:prose-invert light w-full break-words',
-        message.isCreatedByUser ? 'whitespace-pre-wrap dark:text-gray-20' : 'dark:text-gray-70',
+        message.isCreatedByUser && !enableUserMsgMarkdown && 'whitespace-pre-wrap',
+        message.isCreatedByUser ? 'dark:text-gray-20' : 'dark:text-gray-70',
       )}
       dir="auto"
     >