From e3e93e091d8897edd74722fdfc0f18dd8b3acd64 Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Tue, 21 Jan 2025 11:56:06 -0800
Subject: [PATCH] automatically open the side bar when a new chat is created
 with the default agent.

---
 src/interface/web/app/chat/page.tsx                        | 7 ++++---
 .../web/app/components/chatHistory/chatHistory.tsx         | 5 +++++
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/interface/web/app/chat/page.tsx b/src/interface/web/app/chat/page.tsx
index e7b8c81a..2428bb1b 100644
--- a/src/interface/web/app/chat/page.tsx
+++ b/src/interface/web/app/chat/page.tsx
@@ -49,7 +49,7 @@ interface ChatBodyDataProps {
     setImages: (images: string[]) => void;
     setTriggeredAbort: (triggeredAbort: boolean) => void;
     isChatSideBarOpen: boolean;
-    onChatSideBarOpenChange: (open: boolean) => void;
+    setIsChatSideBarOpen: (open: boolean) => void;
 }
 
 function ChatBodyData(props: ChatBodyDataProps) {
@@ -156,6 +156,7 @@ function ChatBodyData(props: ChatBodyDataProps) {
                         incomingMessages={props.streamedMessages}
                         setIncomingMessages={props.setStreamedMessages}
                         customClassName={chatHistoryCustomClassName}
+                        setIsChatSideBarOpen={props.setIsChatSideBarOpen}
                     />
                 </div>
                 <div
@@ -180,7 +181,7 @@ function ChatBodyData(props: ChatBodyDataProps) {
             <ChatSidebar
                 conversationId={conversationId}
                 isOpen={props.isChatSideBarOpen}
-                onOpenChange={props.onChatSideBarOpenChange}
+                onOpenChange={props.setIsChatSideBarOpen}
                 isMobileWidth={props.isMobileWidth} />
         </div>
     );
@@ -478,7 +479,7 @@ export default function Chat() {
                                     setImages={setImages}
                                     setTriggeredAbort={setTriggeredAbort}
                                     isChatSideBarOpen={isChatSideBarOpen}
-                                    onChatSideBarOpenChange={setIsChatSideBarOpen}
+                                    setIsChatSideBarOpen={setIsChatSideBarOpen}
                                 />
                             </Suspense>
                         </div>
diff --git a/src/interface/web/app/components/chatHistory/chatHistory.tsx b/src/interface/web/app/components/chatHistory/chatHistory.tsx
index 33c2c00e..e85b60b9 100644
--- a/src/interface/web/app/components/chatHistory/chatHistory.tsx
+++ b/src/interface/web/app/components/chatHistory/chatHistory.tsx
@@ -40,6 +40,7 @@ interface ChatHistoryProps {
     publicConversationSlug?: string;
     setAgent: (agent: AgentData) => void;
     customClassName?: string;
+    setIsChatSideBarOpen?: (isOpen: boolean) => void;
 }
 
 interface TrainOfThoughtComponentProps {
@@ -149,6 +150,7 @@ export default function ChatHistory(props: ChatHistoryProps) {
                 latestUserMessageRef.current?.scrollIntoView({ behavior: "auto", block: "start" });
             });
         }
+
     }, [data, currentPage]);
 
     useEffect(() => {
@@ -251,6 +253,9 @@ export default function ChatHistory(props: ChatHistoryProps) {
                         };
                         props.setAgent(chatData.response.agent);
                         setData(chatMetadata);
+                        if (props.setIsChatSideBarOpen) {
+                            props.setIsChatSideBarOpen(true);
+                        }
                     }
 
                     setHasMoreMessages(false);