From 641f1bcd9167c2e8b497551cafe1d5b1c1f3faf7 Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Thu, 30 Jan 2025 16:07:27 -0800
Subject: [PATCH] Only open the side bar automatically when there is no chat
 history && no pending messages.

---
 .../web/app/components/chatHistory/chatHistory.tsx         | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/interface/web/app/components/chatHistory/chatHistory.tsx b/src/interface/web/app/components/chatHistory/chatHistory.tsx
index 70e72f64..67af2ddb 100644
--- a/src/interface/web/app/components/chatHistory/chatHistory.tsx
+++ b/src/interface/web/app/components/chatHistory/chatHistory.tsx
@@ -142,6 +142,7 @@ export default function ChatHistory(props: ChatHistoryProps) {
     const isMobileWidth = useIsMobileWidth();
     const scrollAreaSelector = "[data-radix-scroll-area-viewport]";
     const fetchMessageCount = 10;
+    const hasStartingMessage = localStorage.getItem("message");
 
     useEffect(() => {
         const scrollAreaEl = scrollAreaRef.current?.querySelector<HTMLElement>(scrollAreaSelector);
@@ -277,7 +278,9 @@ export default function ChatHistory(props: ChatHistoryProps) {
                         props.setAgent(chatData.response.agent);
                         setData(chatMetadata);
                         if (props.setIsChatSideBarOpen) {
-                            props.setIsChatSideBarOpen(true);
+                            if (!hasStartingMessage) {
+                                props.setIsChatSideBarOpen(true);
+                            }
                         }
                     }
 
@@ -469,7 +472,7 @@ export default function ChatHistory(props: ChatHistoryProps) {
                                         onDeleteMessage={handleDeleteMessage}
                                         customClassName="fullHistory"
                                         borderLeftColor={`${data?.agent?.color}-500`}
-                                        isLastMessage={true}
+                                        isLastMessage={index === (props.incomingMessages!.length - 1)}
                                     />
                                 </React.Fragment>
                             );