impact-chatbot 2.3.18 → 2.3.20

package/dist/index.esm.js

@@ -23,7 +23,7 @@ import RefreshIcon from '@mui/icons-material/Refresh';
 import styled from 'styled-components';
 import { CircularProgress, Typography, Grid } from '@mui/material';
 import { fetchBaseUrl, replaceSpecialCharacter as replaceSpecialCharacter$1, fetchLegacyAgentScreen } from 'core/Utils/functions/utils';
-import { Button, Modal, AccordionModern, Tabs, Slider, Select, DatePicker, DateRangePicker, Checkbox, RadioButtonGroup, Input, Loader, ChatBotComponent } from 'impact-ui-v3';
+import { Button, Modal, AccordionModern, Tabs, Slider, Select, DatePicker, DateRangePicker, Checkbox, RadioButtonGroup, Input, Loader, Tooltip, ChatBotComponent } from 'impact-ui-v3';
 import AgGridComponent from 'core/Utils/agGrid';
 import agGridColumnFormatter from 'core/Utils/agGrid/column-formatter';
 import CoreChart from 'core/Utils/core-charts';
@@ -32,6 +32,7 @@ import globalStyles$1 from 'core/Styles/globalStyles';
 import FormatListBulletedOutlinedIcon from '@mui/icons-material/FormatListBulletedOutlined';
 import PsychologyOutlinedIcon from '@mui/icons-material/PsychologyOutlined';
 import { stopAgentFlow } from 'core/commonComponents/smartBot/services/chatbot-services';
+import SaveOutlinedIcon from '@mui/icons-material/SaveOutlined';
 import RangePicker from 'core/commonComponents/dateRangePicker';
 
 /**
@@ -592,7 +593,7 @@ const handleMessageLike = async (question, liked, setLoadingState, displaySnackM
     //     question ===
     //     `${item?.response_heading || item?.screen_name}_${item?.timeStamp}`
     // );
-    const activeMessage = chatDataInfoRef?.[currentMode]?.conversations?.[1]?.messages?.[chatIndex];
+    const activeMessage = chatDataInfoRef?.[currentMode]?.conversations?.[activeConversationId]?.messages?.[chatIndex];
     // const activeMessage = chats?.[currentMode].conversations[activeConversationId].messages[activeMessageIndex];
     try {
         let request;
@@ -618,7 +619,7 @@ const handleMessageLike = async (question, liked, setLoadingState, displaySnackM
             //   activeMessageIndex,
             //   () => updatedMessage
             // );
-            chatDataInfoRef[currentMode].conversations[1].messages[chatIndex] = updatedMessage;
+            chatDataInfoRef[currentMode].conversations[activeConversationId].messages[chatIndex] = updatedMessage;
             // templateData[currentMode].conversations[activeConversationId].messages = newChats;
             setChatDataState({ ...chatDataInfoRef });
             localStorage.setItem("chatData", JSON.stringify(templateData));
@@ -717,34 +718,35 @@ const getDynamicFunction = async (path, functionName) => {
         return null;
     }
 };
+const generateConversationId = () => {
+    try {
+        return Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
+    }
+    catch (error) {
+        console.error("generateConversationId error", error);
+        return 0;
+    }
+};
 /**
  * Generates a conversation object structure with empty messages array and current timestamp
  * @returns {object} - The conversation object structure
  */
-const generateConversationObject = () => {
+const generateConversationObject = (conversationId) => {
     try {
         return {
-            conversations: {
-                1: {
-                    id: 1,
-                    name: "Conversation 1",
-                    timestamp: new Date().toISOString(),
-                    messages: [],
-                },
-            },
+            id: conversationId,
+            name: `Conversation ${conversationId}`,
+            timestamp: new Date().toISOString(),
+            messages: [],
         };
     }
     catch (error) {
         console.error("generateConversationObject error", error);
         return {
-            conversations: {
-                1: {
-                    id: 1,
-                    name: "Conversation 1",
-                    timestamp: new Date().toISOString(),
-                    messages: [],
-                },
-            },
+            id: conversationId,
+            name: `Conversation ${conversationId}`,
+            timestamp: new Date().toISOString(),
+            messages: [],
         };
     }
 };
@@ -941,6 +943,12 @@ const replaceSpecialCharToCharCode = (str) => {
 // Convert pixels to rem
 const pxToRem = (px) => `${px / 16}rem`;
 
+// Get current user ID from session storage
+const getCurrentUserId = () => {
+  const userDetails = JSON.parse(sessionStorage.getItem("userDetails") || "{}");
+  return userDetails?.user_id || null;
+};
+
 // Get user name from session storage
 const getUserName = () => {
   const userDetails = JSON.parse(sessionStorage.getItem("userDetails") || "{}");
@@ -1190,7 +1198,9 @@ const ThinkinHeaderInfo = (props) => {
 // import { stackedBarChartExample } from "../examples/GraphExample";
 // import { examplePieChartData } from "../examples/GraphExample";
 const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlaceholder, setLoader, baseUrl = "", setCurrentSessionId = (params) => { }, customChatConfig = null, chatDataInfoRef = null, utilityObjectData = {}) => {
-    const setAgentFlow = useCallback(async (payload, input = "", baseUrlTemp = "") => {
+    const { activeConversationId, setActiveConversationId } = utilityObjectData;
+    const setAgentFlow = useCallback(async (payload, input = "", baseUrlTemp = "", conversationIdParam = null) => {
+        let conversationId = conversationIdParam || activeConversationId;
         try {
             const currentTimeString = getCurrentDateTimeString(dateFormat);
             const currentModeValue = localStorage.getItem("currentModeData") || currentMode;
@@ -1208,17 +1218,24 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
                 timeStamp: currentTimeString,
                 userType: "loader",
             };
-            if (isEmpty(chatDataInfoRef.current[currentModeValue])) {
-                chatDataInfoRef.current[currentModeValue] = generateConversationObject();
-            }
+            if (!conversationId || isEmpty(chatDataInfoRef.current[currentModeValue].conversations[conversationId])) {
+                conversationId = generateConversationId();
+                setActiveConversationId(conversationId);
+                chatDataInfoRef.current[currentModeValue].conversations[conversationId] = generateConversationObject(conversationId);
+            }
+            // if (isEmpty(chatDataInfoRef.current[currentModeValue])) {
+            //   chatDataInfoRef.current[
+            //     currentModeValue
+            //   ] = generateConversationObject();
+            // }
             if (showUserChat) {
                 chatDataRef.current[currentModeValue] = [
                     ...chatDataRef.current?.[currentModeValue],
                     userChat,
                     loaderData,
                 ];
-                chatDataInfoRef.current[currentModeValue].conversations[1].messages = [
-                    ...chatDataInfoRef.current[currentModeValue].conversations[1]
+                chatDataInfoRef.current[currentModeValue].conversations[conversationId].messages = [
+                    ...chatDataInfoRef.current[currentModeValue].conversations[conversationId]
                         .messages,
                     userChat,
                 ];
@@ -1236,7 +1253,7 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
             let response = {};
             if (utilityObjectData?.runStreaming) {
                 let utilityObject = {
-                    activeConversationId: utilityObjectData?.activeConversationId,
+                    activeConversationId: conversationId,
                     currentMode: currentModeValue,
                     chatDataRef,
                     chatBodyRef: utilityObjectData?.chatBodyRef,
@@ -1275,9 +1292,9 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
                     baseUrl: baseUrlTemp,
                 };
                 response = await parseResponse(null, "stream", "", currentModeValue, false, "", {}, payload, utilityObject);
-                let chatDataMessages = chatDataInfoRef.current[currentModeValue].conversations[1].messages;
+                let chatDataMessages = chatDataInfoRef.current[currentModeValue].conversations[conversationId].messages;
                 chatDataMessages = [...chatDataMessages, response];
-                chatDataInfoRef.current[currentModeValue].conversations[1].messages = chatDataMessages;
+                chatDataInfoRef.current[currentModeValue].conversations[conversationId].messages = chatDataMessages;
                 // Trigger re-render by updating chatDataState
                 if (utilityObjectData?.setChatDataState) {
                     utilityObjectData.setChatDataState({ ...chatDataRef.current });
@@ -1609,7 +1626,7 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
             //     data: tableResponse,
             //   },
             // };
-            processResponse(response, payload, currentModeValue, customChatConfig);
+            processResponse(response, payload, currentModeValue, customChatConfig, {}, conversationId);
             // let parsedResponse = {};
             // let customParseResponse = null;
             // // Check if a custom parser is provided and load it
@@ -1772,9 +1789,9 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
                 bodyType: "text",
             };
             const currentModeValue = localStorage.getItem("currentModeData") || currentMode;
-            let chatDataMessages = chatDataInfoRef.current[currentModeValue].conversations[1].messages;
+            let chatDataMessages = chatDataInfoRef.current[currentModeValue].conversations[conversationId].messages;
             chatDataMessages = [...chatDataMessages, failResponseText];
-            chatDataInfoRef.current[currentModeValue].conversations[1].messages = chatDataMessages;
+            chatDataInfoRef.current[currentModeValue].conversations[conversationId].messages = chatDataMessages;
             chatDataRef.current[currentMode] = [
                 ...chatDataRef.current[currentMode]?.filter((data) => data.userType !== "loader"),
                 failResponseText,
@@ -1785,7 +1802,7 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
             }
             setLoader(false);
         }
-    }, [currentMode, chatDataRef, baseUrl, customChatConfig, utilityObjectData?.thinkingContent]);
+    }, [currentMode, chatDataRef, baseUrl, customChatConfig, utilityObjectData?.thinkingContent, activeConversationId]);
     const prepareDataAndSendToAgent = useCallback((data, init = false, utilityObjectData) => {
         try {
             let payload = {};
@@ -1829,13 +1846,15 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
                 }
                 dispatch(setChatbotContext({}));
             }
-            setAgentFlow(payload, "", data?.baseUrl);
+            // Get activeConversationId from utilityObjectData if available, otherwise use the one from closure
+            const currentConversationId = utilityObjectData?.activeConversationId || activeConversationId;
+            setAgentFlow(payload, "", data?.baseUrl, currentConversationId);
         }
         catch (error) {
             console.error("Error in prepareDataAndSendToAgent: ", error);
         }
-    }, []);
-    const processResponse = useCallback(async (response, payload, currentModeValue, customChatConfig, utilsObject) => {
+    }, [activeConversationId, setAgentFlow]);
+    const processResponse = useCallback(async (response, payload, currentModeValue, customChatConfig, utilsObject, conversationId) => {
         try {
             let parsedResponse = {};
             let customParseResponse = null;
@@ -1937,7 +1956,7 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
             if (utilsObject?.newChatData) {
                 chatDataInfoRef.current = utilsObject?.newChatData.current;
             }
-            let chatDataMessages = chatDataInfoRef.current[currentModeValue].conversations[1].messages;
+            let chatDataMessages = chatDataInfoRef.current[currentModeValue].conversations[conversationId].messages;
             let finalParsedResponse = isArray(parsedResponse)
                 ? parsedResponse
                 : [parsedResponse];
@@ -1945,7 +1964,7 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
                 message.firstMessage = index === 0 ? true : false;
             });
             chatDataMessages = [...chatDataMessages, ...(Array.isArray(finalParsedResponse) ? finalParsedResponse : [])];
-            chatDataInfoRef.current[currentModeValue].conversations[1].messages = chatDataMessages;
+            chatDataInfoRef.current[currentModeValue].conversations[conversationId].messages = chatDataMessages;
             // Trigger re-render by updating chatDataState
             if (utilityObjectData?.setChatDataState) {
                 utilityObjectData.setChatDataState({ ...chatDataRef.current });
@@ -1965,7 +1984,7 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
     };
 };
 
-const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUserInput, setQuestionIndex, setCurrentAppLink, flowType, screenName, questionIndex, userInput, dateFormat, currentMode, activeConversationId, setIsModuleChanged, chatBodyRef, filterReducerState, dispatch, navigate, setShowChatPlaceholder, baseUrl, setChatDataState, setCurrentSessionId, customChatConfig, chatDataInfoRef, chatbotContext, setInitValue, setSessionId, thinkingContent, setThinkingContent, isThinking, setIsThinking, chatId, setChatId, isStop, setIsStop, functionsRef, functionsState, setFunctionsState, thinkingHeaderMessage, setThinkingHeaderMessage, uniqueChatId, initValue, sessionId, fieldNumber, setFieldNumber, additionalArgs) => {
+const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUserInput, setQuestionIndex, setCurrentAppLink, flowType, screenName, questionIndex, userInput, dateFormat, currentMode, activeConversationId, setIsModuleChanged, chatBodyRef, filterReducerState, dispatch, navigate, setShowChatPlaceholder, baseUrl, setChatDataState, setCurrentSessionId, customChatConfig, chatDataInfoRef, chatbotContext, setInitValue, setSessionId, thinkingContent, setThinkingContent, isThinking, setIsThinking, chatId, setChatId, isStop, setIsStop, functionsRef, functionsState, setFunctionsState, thinkingHeaderMessage, setThinkingHeaderMessage, uniqueChatId, initValue, sessionId, fieldNumber, setFieldNumber, additionalArgs, setActiveConversationId) => {
     const { prepareDataAndSendToAgent, setAgentFlow, processResponse, } = useAgentFlow(dateFormat, chatDataRef, currentMode, setShowChatPlaceholder, setLoader, baseUrl, setCurrentSessionId, customChatConfig, chatDataInfoRef, {
         setChatDataState,
         activeConversationId,
@@ -2161,12 +2180,11 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
             setUserInput(data.displayText);
         }
         else {
-            fetchUserResultsFromQuery(data, true);
+            fetchUserResultsFromQuery(data, true, "", activeConversationId);
         }
     }, [activeConversationId, baseUrl]);
-    const fetchUserResultsFromQuery = useCallback(async (refObject, fetchQuestions = false, inputValue = userInput) => {
+    const fetchUserResultsFromQuery = useCallback(async (refObject, fetchQuestions = false, inputValue = userInput, conversationId = activeConversationId) => {
         let flowType = refObject?.flow_type ? refObject?.flow_type : currentMode;
-        ensureConversationExists(flowType, activeConversationId, chatDataRef);
         const currentTimeString = getCurrentDateTimeString();
         const input = fetchQuestions ? refObject?.screen_name : inputValue;
         setUserInput("");
@@ -2183,16 +2201,21 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
             timeStamp: currentTimeString,
             userType: "loader",
         };
-        if (isEmpty$1(chatDataInfoRef.current[currentMode])) {
-            chatDataInfoRef.current[currentMode] = generateConversationObject();
-        }
-        chatDataRef.current[flowType].conversations[activeConversationId].messages = [
-            ...chatDataRef.current[flowType].conversations[activeConversationId].messages,
+        if (!conversationId || isEmpty$1(chatDataInfoRef.current[currentMode].conversations[conversationId])) {
+            conversationId = generateConversationId();
+            setActiveConversationId(conversationId);
+            chatDataInfoRef.current[currentMode].conversations[conversationId] = generateConversationObject(conversationId);
+        }
+        // Ensure chatDataRef conversation entry exists for the (potentially new) conversationId.
+        // Must be called AFTER the ID check above so it uses the correct ID.
+        ensureConversationExists(flowType, conversationId, chatDataRef);
+        chatDataRef.current[flowType].conversations[conversationId].messages = [
+            ...chatDataRef.current[flowType].conversations[conversationId].messages,
             userChat,
             loaderData,
         ];
-        chatDataInfoRef.current[currentMode].conversations[1].messages = [
-            ...chatDataInfoRef.current[currentMode].conversations[1].messages,
+        chatDataInfoRef.current[currentMode].conversations[conversationId].messages = [
+            ...chatDataInfoRef.current[currentMode].conversations[conversationId].messages,
             userChat,
         ];
         setLoader(true);
@@ -2215,13 +2238,13 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
                     // );
                     getUpdatedChat = parseResponse({ ...queryResponse?.data?.data }, "questions");
                 }
-                chatDataRef.current[flowType].conversations[activeConversationId].messages = [
-                    ...chatDataRef.current[flowType].conversations[activeConversationId].messages?.filter((data) => data?.userType !== "loader"),
+                chatDataRef.current[flowType].conversations[conversationId].messages = [
+                    ...chatDataRef.current[flowType].conversations[conversationId].messages?.filter((data) => data?.userType !== "loader"),
                     getUpdatedChat,
                 ];
-                let chatDataMessages = chatDataInfoRef.current[currentMode].conversations[1].messages;
+                let chatDataMessages = chatDataInfoRef.current[currentMode].conversations[conversationId].messages;
                 chatDataMessages = [...chatDataMessages, getUpdatedChat];
-                chatDataInfoRef.current[currentMode].conversations[1].messages = chatDataMessages;
+                chatDataInfoRef.current[currentMode].conversations[conversationId].messages = chatDataMessages;
                 // Trigger re-render by updating chatDataState
                 setChatDataState({ ...chatDataRef.current });
             }
@@ -2240,7 +2263,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
                     };
                 }
                 let utitlityObject = {
-                    activeConversationId,
+                    activeConversationId: conversationId,
                     currentMode,
                     chatDataRef,
                     chatBodyRef,
@@ -2277,13 +2300,13 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
                         getUpdatedChat = parseResponse({ ...responseData, enableLikes: true }, "text");
                     }
                 }
-                chatDataRef.current[currentMode].conversations[activeConversationId].messages = [
-                    ...chatDataRef.current[currentMode].conversations[activeConversationId].messages?.filter((data) => data?.userType !== "loader"),
+                chatDataRef.current[currentMode].conversations[conversationId].messages = [
+                    ...chatDataRef.current[currentMode].conversations[conversationId].messages?.filter((data) => data?.userType !== "loader"),
                     getUpdatedChat,
                 ];
-                let chatDataMessages = chatDataInfoRef.current[currentMode].conversations[1].messages;
+                let chatDataMessages = chatDataInfoRef.current[currentMode].conversations[conversationId].messages;
                 chatDataMessages = [...chatDataMessages, getUpdatedChat];
-                chatDataInfoRef.current[currentMode].conversations[1].messages = chatDataMessages;
+                chatDataInfoRef.current[currentMode].conversations[conversationId].messages = chatDataMessages;
             }
             setChatDataState({ ...chatDataRef.current });
             setLoader(false);
@@ -2300,13 +2323,13 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
                 noShowHeaderTitle: true,
                 bodyType: "text",
             };
-            chatDataRef.current[currentMode].conversations[activeConversationId].messages = [
-                ...chatDataRef.current[currentMode].conversations[activeConversationId].messages?.filter((data) => data.userType !== "loader"),
+            chatDataRef.current[currentMode].conversations[conversationId].messages = [
+                ...chatDataRef.current[currentMode].conversations[conversationId].messages?.filter((data) => data.userType !== "loader"),
                 failResponseText,
             ];
-            let chatDataMessages = chatDataInfoRef.current[currentMode].conversations[1].messages;
+            let chatDataMessages = chatDataInfoRef.current[currentMode].conversations[conversationId].messages;
             chatDataMessages = [...chatDataMessages, failResponseText];
-            chatDataInfoRef.current[currentMode].conversations[1].messages = chatDataMessages;
+            chatDataInfoRef.current[currentMode].conversations[conversationId].messages = chatDataMessages;
             // Trigger re-render by updating chatDataState
             setChatDataState({ ...chatDataRef.current });
             setLoader(false);
@@ -2495,7 +2518,7 @@ const useChatSession = (chatDataRef, setFlowType, setScreenName, setUserInput, s
             let chatDataInfo = cloneDeep(chatDataRef.current);
             delete chatDataInfo.agent;
             for (const property in chatDataInfo) {
-                if (isEmpty$1(chatDataRef.current[property].conversations)) {
+                if (isEmpty$1(chatDataRef.current[property].conversations) || !chatDataRef.current[property].conversations[activeConversationId]) {
                     ensureConversationExists(property, activeConversationId, chatDataRef);
                 }
             }
@@ -3950,8 +3973,12 @@ const useChatState = () => {
     });
     const chatDataInfoRef = useRef({
         insights: {},
-        navigation: {},
-        agent: {}
+        navigation: {
+            conversations: {},
+        },
+        agent: {
+            conversations: {},
+        }
     });
     const chatBodyRef = useRef({});
     const isDraggingRef = useRef(null);
@@ -4534,7 +4561,7 @@ const Rectangle = ({ type, icon, title, description, onClick, hoverable }) => {
     return (jsx("div", { className: `${classes.rectangle} ${classes[type]} ${hoverable ? classes.rectangleHoverable : ''}`, onClick: onClick, title: isTruncated ? title : null, children: jsxs("div", { className: classes.textContainer, children: [jsx(Typography, { className: classes.title, ref: titleRef, children: title }), jsx(Typography, { className: classes.description, children: description })] }) }));
 };
 const ChatPlaceholder = (props) => {
-    const { dateFormat, chatDataRef, currentMode, setShowChatPlaceholder, setLoader, setCurrentAgentId, baseUrl, setBaseUrl, setCurrentSessionId, customChatConfig, chatDataInfoRef, setChatDataState, userInput, legacyAgentScreen, activeConversationId, chatBodyRef, chatbotContext, setInitValue, setSessionId, thinkingContent, setThinkingContent, isThinking, setIsThinking, chatId, setChatId, isStop, setIsStop, functionsRef, functionsState, setFunctionsState, thinkingHeaderMessage, setThinkingHeaderMessage, uniqueChatId, setUniqueChatId, fieldNumber, setFieldNumber, setAdditionalArgs, questions, displayQuestions } = props;
+    const { dateFormat, chatDataRef, currentMode, setShowChatPlaceholder, setLoader, setCurrentAgentId, baseUrl, setBaseUrl, setCurrentSessionId, customChatConfig, chatDataInfoRef, setChatDataState, userInput, legacyAgentScreen, activeConversationId, chatBodyRef, chatbotContext, setInitValue, setSessionId, thinkingContent, setThinkingContent, isThinking, setIsThinking, chatId, setChatId, isStop, setIsStop, functionsRef, functionsState, setFunctionsState, thinkingHeaderMessage, setThinkingHeaderMessage, uniqueChatId, setUniqueChatId, fieldNumber, setFieldNumber, setAdditionalArgs, questions, displayQuestions, setActiveConversationId } = props;
     const classes = useStyles$5();
     globalStyles();
     const [cardList, setCardList] = useState([]);
@@ -4565,6 +4592,7 @@ const ChatPlaceholder = (props) => {
         fieldNumber,
         setFieldNumber,
         setAdditionalArgs,
+        setActiveConversationId
     });
     const getBaseUrl = async () => {
         try {
@@ -4867,7 +4895,7 @@ const useStyles$4 = makeStyles((theme) => ({
         marginTop: pxToRem(16),
     }
 }));
-const ButtonContent = ({ bodyText }) => {
+const ButtonContent = ({ bodyText, isFormDisabled = false }) => {
     const classes = useStyles$4();
     const handleButtonClick = (button) => {
         // if (button.onClick) {
@@ -4884,7 +4912,7 @@ const ButtonContent = ({ bodyText }) => {
         if (!Array.isArray(bodyText.buttons)) {
             return null;
         }
-        return bodyText.buttons.map((button, index) => (jsx(Button, { variant: button.variant || "primary", size: button.size || "medium", onClick: () => handleButtonClick(), disabled: button.disabled, className: button.className, icon: button.icon, iconPlacement: button.iconPlacement || "left", children: button.label }, index)));
+        return bodyText.buttons.map((button, index) => (jsx(Button, { variant: button.variant || "primary", size: button.size || "medium", onClick: () => handleButtonClick(), disabled: button.disabled || isFormDisabled, className: button.className, icon: button.icon, iconPlacement: button.iconPlacement || "left", children: button.label }, index)));
     };
     return (jsxs("div", { className: classes.buttonContainer, children: [bodyText.message && (jsx("div", { className: classes.message, children: bodyText.message })), jsx("div", { className: classes.buttonRow, children: renderButtons() })] }));
 };
@@ -5963,7 +5991,7 @@ const formatThinkingTime = (seconds) => {
  * @param {Function} botData.utilityObject.setChatDataState - Function to update chat data state
  */
 const StreamedContent = ({ botData }) => {
-    const { activeConversationId, currentMode, chatDataRef, chatBodyRef, setChatDataState, chatDataInfoRef, setLoader = (params) => { }, processResponse = (params) => { }, setThinkingContent, thinkingContent, isThinking: isThinkingFromParent, setIsThinking: setIsThinkingFromParent, chatId, setChatId, isStop, setIsStop, functionsRef, functionsState, setFunctionsState, thinkingHeaderMessage, setThinkingHeaderMessage, baseUrl } = botData.utilityObject;
+    const { activeConversationId, currentMode, chatDataRef, chatBodyRef, setChatDataState, chatDataInfoRef, setLoader = (params) => { }, processResponse = (params) => { }, setThinkingContent, thinkingContent, isThinking: isThinkingFromParent, setIsThinking: setIsThinkingFromParent, chatId, setChatId, isStop, setIsStop, functionsRef, functionsState, setFunctionsState, thinkingHeaderMessage, setThinkingHeaderMessage, baseUrl } = botData.utilityObject || {};
     const classes = useStyles$3();
     useStyles$6();
     const dispatch = useDispatch();
@@ -6337,8 +6365,8 @@ const StreamedContent = ({ botData }) => {
                 chatDataRef.current[currentMode] = [
                     ...chatDataRef.current[currentMode].slice(0, -1),
                 ];
-                chatDataInfoRef.current[currentMode].conversations[1].messages = [
-                    ...chatDataInfoRef.current[currentMode].conversations[1].messages.slice(0, -1),
+                chatDataInfoRef.current[currentMode].conversations[activeConversationId].messages = [
+                    ...chatDataInfoRef.current[currentMode].conversations[activeConversationId].messages.slice(0, -1),
                 ];
                 botData.utilityObject.setInitValue(messageToStoreRef.current.initValue);
                 botData.utilityObject.setSessionId(messageToStoreRef.current.sessionId);
@@ -6404,7 +6432,7 @@ const StreamedContent = ({ botData }) => {
                     currentTabValue: "agent_response",
                     questions: cloneDeep(questionsRef.current),
                     questionsStepsMap: cloneDeep(questionsStepsMapRef.current),
-                });
+                }, activeConversationId);
                 // [
                 //   {
                 //     header: "Finding relevant information",
@@ -6454,13 +6482,15 @@ const StreamedContent = ({ botData }) => {
                     //   // enableLikes: true
                     // },
                 ];
-                chatDataInfoRef.current[currentMode].conversations[1].messages = [
-                    ...chatDataInfoRef.current[currentMode].conversations[1].messages.slice(0, -1),
-                    // {
-                    //   ...parsedResponse,
-                    //   // enableLikes: true
-                    // },
-                ];
+                if (chatDataInfoRef.current[currentMode]?.conversations?.[activeConversationId]) {
+                    chatDataInfoRef.current[currentMode].conversations[activeConversationId].messages = [
+                        ...chatDataInfoRef.current[currentMode].conversations?.[activeConversationId]?.messages?.slice(0, -1),
+                        // {
+                        //   ...parsedResponse,
+                        //   // enableLikes: true
+                        // },
+                    ];
+                }
                 let finalData = isArray(messageToStoreRef?.current?.appendedData)
                     ? messageToStoreRef?.current?.appendedData
                     : isEmpty(messageToStoreRef?.current?.appendedData)
@@ -6484,7 +6514,7 @@ const StreamedContent = ({ botData }) => {
                     currentTabValue: "agent_response",
                     questions: cloneDeep(questionsRef.current),
                     questionsStepsMap: cloneDeep(questionsStepsMapRef.current),
-                });
+                }, activeConversationId);
             }
             // Clean up module-level Map entry - stream is fully processed
             streamStateMap.delete(streamKey);
@@ -6493,7 +6523,7 @@ const StreamedContent = ({ botData }) => {
                 setChatDataState({ ...chatDataRef.current });
             }, 1000);
         }
-    }, [isStreamingDone, thinkingTime]);
+    }, [isStreamingDone, thinkingTime, activeConversationId]);
     useEffect(() => {
         if (currentMode === "agent") {
             if (sourceRef.current && isStreaming) {
@@ -6635,7 +6665,7 @@ const StreamedContent = ({ botData }) => {
     return renderContent();
 };
 
-const SliderContent = ({ bodyText }) => {
+const SliderContent = ({ bodyText, isFormDisabled = false }) => {
     const { header, headerOrentiation, inputPosition, label, max, min, required, disabled, } = bodyText;
     const [sliderValue, setSliderValue] = useState(0);
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
@@ -6656,10 +6686,10 @@ const SliderContent = ({ bodyText }) => {
             console.error("Error in slider handleChange", error);
         }
     };
-    return (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(Slider, { header: header, headerOrientation: headerOrentiation, inputPosition: inputPosition, label: label, max: max, min: min, required: required, disabled: disabled, onChange: (e) => handleChange(e), value: sliderValue }) }));
+    return (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(Slider, { header: header, headerOrientation: headerOrentiation, inputPosition: inputPosition, label: label, max: max, min: min, required: required, disabled: disabled || isFormDisabled, onChange: (e) => handleChange(e), value: sliderValue }) }));
 };
 
-const SelectContent = ({ bodyText }) => {
+const SelectContent = ({ bodyText, isFormDisabled = false }) => {
     const { header, inputPosition, labelOrientation, label, options, isRequired, isDisabled, isMulti, paramName } = bodyText;
     const [isOpen, setIsOpen] = useState(false);
     const [currentOptions, setCurrentOptions] = useState([]);
@@ -6709,10 +6739,10 @@ const SelectContent = ({ bodyText }) => {
     return (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(Select, { currentOptions: currentOptions, setCurrentOptions: setCurrentOptions, label: heirarchyKeyValuePairs[paramName] || label, labelOrientation: labelOrientation, 
             // inputPosition={inputPosition}
             // header={header}
-            isRequired: isRequired, isDisabled: isDisabled, handleChange: (selected) => onChange(selected), isCloseWhenClickOutside: true, setIsOpen: setIsOpen, isOpen: isOpen, selectedOptions: currentSelectedOptions, setSelectedOptions: setCurrentSelectedOptions, initialOptions: initialOptions, isMulti: isMulti, isSelectAll: isAllSelected, setIsSelectAll: setIsAllSelected, toggleSelectAll: true, isWithSearch: isMulti ? true : false }) }));
+            isRequired: isRequired, isDisabled: isDisabled || isFormDisabled, handleChange: (selected) => onChange(selected), isCloseWhenClickOutside: true, setIsOpen: setIsOpen, isOpen: isOpen, selectedOptions: currentSelectedOptions, setSelectedOptions: setCurrentSelectedOptions, initialOptions: initialOptions, isMulti: isMulti, isSelectAll: isAllSelected, setIsSelectAll: setIsAllSelected, toggleSelectAll: true, isWithSearch: isMulti ? true : false }) }));
 };
 
-const DatePickerContent = ({ bodyText }) => {
+const DatePickerContent = ({ bodyText, isFormDisabled = false }) => {
     const { displayFormat, label, isRequired, labelOrientation, placeholder, minDate, maxDate, isDisabled, } = bodyText;
     const [selectedDate, setSelectedDate] = useState(null);
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
@@ -6736,13 +6766,13 @@ const DatePickerContent = ({ bodyText }) => {
     return (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(DatePicker, { displayFormat: displayFormat, label: label, required: isRequired, labelOrientation: labelOrientation, placeholder: placeholder, 
             // minDate={minDate}
             // maxDate={maxDate}
-            disabled: isDisabled, setSelectedDate: (date) => handleDateChange(date), 
+            isDisabled: isDisabled || isFormDisabled, setSelectedDate: (date) => handleDateChange(date), 
             // showMonthYearSelect
             // showWeekNumbers
             selectedDate: selectedDate }) }));
 };
 
-const DateRangePickerContent = ({ bodyText }) => {
+const DateRangePickerContent = ({ bodyText, isFormDisabled = false }) => {
     const { displayFormat, label, isRequired, labelOrientation, minDate, maxDate, isDisabled, showMonthYearSelect, } = bodyText;
     const [startDate, setStartDate] = useState(null);
     const [endDate, setEndDate] = useState(null);
@@ -6768,7 +6798,7 @@ const DateRangePickerContent = ({ bodyText }) => {
             console.error("Error in dateRangePicker handleDatesChange", error);
         }
     };
-    return (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(DateRangePicker, { displayFormat: displayFormat, label: label, isRequired: isRequired, labelOrientation: labelOrientation || "top", minDate: minDate, maxDate: maxDate, isDisabled: isDisabled, startDate: startDate, setStartDate: setStartDate, endDate: endDate, setEndDate: setEndDate, showMonthYearSelect: showMonthYearSelect, handleDatesChange: handleDatesChange, onPrimaryButtonClick: () => handleDatesChange(startDate, endDate), onSecondaryButtonClick: () => {
+    return (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(DateRangePicker, { displayFormat: displayFormat, label: label, isRequired: isRequired, labelOrientation: labelOrientation || "top", minDate: minDate, maxDate: maxDate, isDisabled: isDisabled || isFormDisabled, startDate: startDate, setStartDate: setStartDate, endDate: endDate, setEndDate: setEndDate, showMonthYearSelect: showMonthYearSelect, handleDatesChange: handleDatesChange, onPrimaryButtonClick: () => handleDatesChange(startDate, endDate), onSecondaryButtonClick: () => {
                 setStartDate(null);
                 setEndDate(null);
             }, onResetClick: () => {
@@ -6778,7 +6808,7 @@ const DateRangePickerContent = ({ bodyText }) => {
             } }) }));
 };
 
-const CheckboxContent = ({ bodyText }) => {
+const CheckboxContent = ({ bodyText, isFormDisabled = false }) => {
     const { label, checked: checkedValue, required, disabled, } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
     const dispatch = useDispatch();
@@ -6804,10 +6834,10 @@ const CheckboxContent = ({ bodyText }) => {
             console.error("Error in checkbox handleChange", error);
         }
     };
-    return (jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsx(Checkbox, { label: label, checked: checked, required: required, disabled: disabled, onChange: (e) => handleChange(e), variant: "default" }) }));
+    return (jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsx(Checkbox, { label: label, checked: checked, required: required, disabled: disabled || isFormDisabled, onChange: (e) => handleChange(e), variant: "default" }) }));
 };
 
-const RadioContent = ({ bodyText }) => {
+const RadioContent = ({ bodyText, isFormDisabled = false }) => {
     const classes = useStyles$6();
     const { label, isDisabled, orientation, options } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
@@ -6835,10 +6865,10 @@ const RadioContent = ({ bodyText }) => {
             console.error("Error in radio handleChange", error);
         }
     };
-    return (jsxs("div", { style: { width: "100%", marginTop: "10px" }, children: [bodyText?.label && jsx("p", { className: classes.radioGrpLabel, children: bodyText.label }), jsx(RadioButtonGroup, { name: "radio-group", options: options, onChange: (e) => handleChange(e), orientation: orientation, disabled: isDisabled, selectedOption: selectedOption })] }));
+    return (jsxs("div", { style: { width: "100%", marginTop: "10px" }, children: [bodyText?.label && jsx("p", { className: classes.radioGrpLabel, children: bodyText.label }), jsx(RadioButtonGroup, { name: "radio-group", options: options, onChange: (e) => handleChange(e), orientation: orientation, isDisabled: isDisabled || isFormDisabled, selectedOption: selectedOption })] }));
 };
 
-const InputContent = ({ bodyText }) => {
+const InputContent = ({ bodyText, isFormDisabled = false }) => {
     const { label, placeholder, isRequired, isDisabled, inputType, labelOrientation, defaultValue, maxLength, minLength, } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
     const dispatch = useDispatch();
@@ -6861,7 +6891,7 @@ const InputContent = ({ bodyText }) => {
             console.error("Error in input handleChange", error);
         }
     };
-    return (jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsx(Input, { label: label, placeholder: placeholder, value: value, onChange: handleChange, required: isRequired, disabled: isDisabled, type: inputType || "text", labelOrientation: labelOrientation, maxLength: maxLength, minLength: minLength }) }));
+    return (jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsx(Input, { label: label, placeholder: placeholder, value: value, onChange: handleChange, required: isRequired, isDisabled: isDisabled || isFormDisabled, type: inputType || "text", labelOrientation: labelOrientation, maxLength: maxLength, minLength: minLength }) }));
 };
 
 const ImageContent = ({ bodyText }) => {
@@ -7086,6 +7116,7 @@ const TabularContent = ({ steps, currentTabValue, children, questions = [], ques
 };
 
 const CombinedContent = ({ botData, props }) => {
+    const isFormDisabled = botData?.isFormDisabled || false;
     const isTabEnabled = botData?.utilityData?.isTabEnabled;
     // Get the array of content items from bodyText
     const contentItems = Array.isArray(botData.bodyText) ? botData.bodyText : [];
@@ -7109,21 +7140,21 @@ const CombinedContent = ({ botData, props }) => {
             case "graph":
                 return jsx(GraphContent, { bodyText: parsedData.bodyText }, key);
             case "slider":
-                return jsx(SliderContent, { bodyText: parsedData.bodyText }, key);
+                return jsx(SliderContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "select":
-                return jsx(SelectContent, { bodyText: parsedData.bodyText }, key);
+                return jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "datePicker":
-                return jsx(DatePickerContent, { bodyText: parsedData.bodyText }, key);
+                return jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "dateRangePicker":
-                return jsx(DateRangePickerContent, { bodyText: parsedData.bodyText }, key);
+                return jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "checkbox":
-                return jsx(CheckboxContent, { bodyText: parsedData.bodyText }, key);
+                return jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "radio":
-                return jsx(RadioContent, { bodyText: parsedData.bodyText }, key);
+                return jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "button":
-                return jsx(ButtonContent, { bodyText: parsedData.bodyText }, key);
+                return jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "input":
-                return jsx(InputContent, { bodyText: parsedData.bodyText }, key);
+                return jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "image":
                 return jsx(ImageContent, { bodyText: parsedData.bodyText }, key);
             default:
@@ -7205,21 +7236,21 @@ const BotMessage = ({ botData, state, handleLikeDislike, props }) => {
             case "graph":
                 return jsx(GraphContent, { bodyText: botData.bodyText });
             case "slider":
-                return jsx(SliderContent, { bodyText: botData.bodyText });
+                return jsx(SliderContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "select":
-                return jsx(SelectContent, { bodyText: botData.bodyText });
+                return jsx(SelectContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "datePicker":
-                return jsx(DatePickerContent, { bodyText: botData.bodyText });
+                return jsx(DatePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "dateRangePicker":
-                return jsx(DateRangePickerContent, { bodyText: botData.bodyText });
+                return jsx(DateRangePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "checkbox":
-                return jsx(CheckboxContent, { bodyText: botData.bodyText });
+                return jsx(CheckboxContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "radio":
-                return jsx(RadioContent, { bodyText: botData.bodyText });
+                return jsx(RadioContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "button":
-                return jsx(ButtonContent, { bodyText: botData.bodyText });
+                return jsx(ButtonContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "input":
-                return jsx(InputContent, { bodyText: botData.bodyText });
+                return jsx(InputContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "image":
                 return jsx(ImageContent, { bodyText: botData.bodyText });
             case "combined":
@@ -8498,7 +8529,7 @@ const useMentionState = () => {
 };
 
 const ChatbotInput = (props) => {
-    const { newChatScreen, inputValue, setInputValue, isStopIcon, handleMicClick, handleRefresh, onSendIconClick, onStopIconClick, currentMode, filterOptions, } = props;
+    const { newChatScreen, inputValue, setInputValue, isStopIcon, handleMicClick, handleRefresh, onSendIconClick, onStopIconClick, currentMode, filterOptions, onSaveClick, } = props;
     const editorRef = useRef(null);
     const selectRef = useRef(null);
     const dateRangePickerRef = useRef(null);
@@ -9808,7 +9839,9 @@ const ChatbotInput = (props) => {
                     // disableType="disableOnlyPast"
                     , { 
                         // disableType="disableOnlyPast"
-                        startDate: dateRangeStartDate, endDate: dateRangeEndDate, focusedInput: dateRangeFocusedInput, onDatesChange: handleDateRangeChange, onFocusChange: setDateRangeFocusedInput }) })), jsxs("div", { className: `chat-actions ${isFixed ? "fixed" : ""}`, children: [handleRefresh && (jsx(Button, { icon: jsx(SvgChatBotRefreshIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "url", onClick: handleRefresh })), handleMicClick && (jsx(Button, { icon: jsx(SvgChatBotMicIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "tertiary", onClick: handleMicClick })), jsx(Button, { icon: !isStopIcon ? jsx(SvgChatBotSendIcon, {}) : jsx(SvgChatbotStopIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "primary", onClick: !isStopIcon ? handleSendMessage : onStopIconClick, id: "chat-input-send-button", className: isStopIcon ? "stop-icon-button" : "" })] })] }) }));
+                        startDate: dateRangeStartDate, endDate: dateRangeEndDate, focusedInput: dateRangeFocusedInput, onDatesChange: handleDateRangeChange, onFocusChange: setDateRangeFocusedInput }) })), jsxs("div", { className: `chat-actions ${isFixed ? "fixed" : ""}`, children: [handleRefresh && (jsx(Button, { icon: jsx(SvgChatBotRefreshIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "url", onClick: handleRefresh })), handleMicClick && (jsx(Button, { icon: jsx(SvgChatBotMicIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "tertiary", onClick: handleMicClick })), onSaveClick && (jsx(Tooltip, { title: "Save Chat", children: jsx(Button, { icon: jsx(SaveOutlinedIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "tertiary", onClick: onSaveClick, id: "chat-input-save-button" }) })), jsx(Button, { icon: !isStopIcon ? jsx(SvgChatBotSendIcon, {}) : jsx(SvgChatbotStopIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "primary", onClick: () => {
+                                !isStopIcon ? handleSendMessage() : onStopIconClick();
+                            }, id: "chat-input-send-button", className: isStopIcon ? "stop-icon-button" : "" })] })] }) }));
 };
 
 let chatbotFilterCustomConfig = {
@@ -9885,6 +9918,519 @@ let chatbotFilterCustomConfig = {
     sub_offset: null,
     download_rows: null,
 };
+let singleConversationNewData = [
+    {
+        userType: "user",
+        chatType: "text",
+        data: "List the products which are about to change status in next 10 days",
+    },
+    {
+        userType: "bot",
+        chatType: "thinking",
+        data: "I will fetch all product status records with effective date ranges that begin or end within the next 10 days. This will provide the raw data needed to identify which products are about to change their active/inactive status soon. Downstream nodes will filter and compute which products have a status transition in the specified window, ensuring the user receives a list of products with upcoming status changes.I will fetch all product status records with effective date ranges that begin or end within the next 10 days. This will provide the raw data needed to identify which products are about to change their active/inactive status soon. Downstream nodes will filter and compute which products have a status transition in the specified window, ensuring the user receives a list of products with upcoming status changes.",
+    },
+    {
+        userType: "bot",
+        chatType: "steps",
+        data: [
+            {
+                header: "Assessing user query",
+                step_status: "completed",
+                sub_header: "Query is within scope and determined as New query",
+                current_intent: "List the products which are about to change status in next 10 days"
+            },
+            {
+                header: "Creating Plan of Action",
+                step_status: "completed",
+                sub_header: "Alan is working to determine the best approach to answer user query",
+                current_intent: "List the products which are about to change status in next 10 days"
+            },
+            {
+                header: "Executing Step",
+                step_status: "completed",
+                sub_header: "Executing Step 1/1",
+                current_intent: "List the products which are about to change status in next 10 days"
+            },
+        ]
+    },
+    {
+        userType: "bot",
+        chatType: "agent",
+        data: [
+            { "type": "select", "data": { "header": "Select", "inputPosition": "inline", "labelOrientation": "top", "label": "L0 Name", "param_name": "l0_name", "options": [{ "label": "Coach", "value": "Coach" }, { "label": "KateSpade", "value": "KateSpade" }], "isRequired": true, "isDisabled": false, "isMulti": true } }, { "type": "select", "data": { "header": "Select", "inputPosition": "inline", "labelOrientation": "top", "label": "L1 Name", "param_name": "l1_name", "options": [{ "label": "Outlet-Store", "value": "Outlet-Store" }, { "label": "Retail-Store", "value": "Retail-Store" }], "isRequired": true, "isDisabled": false, "isMulti": true } }, { "type": "table", "data": { "display_name": "Results", "unique_id": "", "row_data": [{ "Style Color ID": "CDM80 B4__ia_char_03M2-Retail-Store", "Style Description": "DSNY GLOV SWINGER", "stockout_store_count": 346, "max_dc_oh_it_oo": 284.0, "lw_sales_units": 6 }, { "Style Color ID": "CDN03 B4PF7-Retail-Store", "Style Description": "DSNY GLOV SWINGER", "stockout_store_count": 346, "max_dc_oh_it_oo": 274.0, "lw_sales_units": 5 }, { "Style Color ID": "CT255 IMWQJ-Retail-Store", "Style Description": "LTH STP JAMIE CMR", "stockout_store_count": 346, "max_dc_oh_it_oo": 13.0, "lw_sales_units": 2 }, { "Style Color ID": "CZ186 IMY4C-Retail-Store", "Style Description": "SIG JAMIE CMR", "stockout_store_count": 346, "max_dc_oh_it_oo": 6.0, "lw_sales_units": 1 }, { "Style Color ID": "CCZ17 IMA47-Retail-Store", "Style Description": "CHRRY PT RWN BKT", "stockout_store_count": 346, "max_dc_oh_it_oo": 4.0, "lw_sales_units": 1 }], "table_config": [{ "column_header": "Style Color Id", "field": "Style Color ID", "is_searchable": true, "type": "str" }, { "column_header": "Style Description", "field": "Style Description", "is_searchable": true }, { "column_header": "Stockout Store Count", "field": "stockout_store_count", "is_searchable": true }, { "column_header": "Max Dc Oh It Oo", "field": "max_dc_oh_it_oo", "is_searchable": true }, { "column_header": "Lw Sales Units", "field": "lw_sales_units", "is_searchable": true }] } }
+        ]
+    }
+];
+
+const fetchConversations = async (currentMode) => {
+    try {
+        // Will be replaced with actual API call
+        return axiosInstance({
+            url: `core/chatbot/conversation/${currentMode}`,
+            method: "GET"
+        });
+        // return {
+        //   status: true,
+        //   data: {
+        //     data: [
+        //       {
+        //         conversation_id: 10,
+        //         module_name: moduleType.toUpperCase(),
+        //         flow_type: moduleType.toUpperCase(),
+        //         name: "test chatbot's name",
+        //         created_at: new Date().toISOString(),
+        //         updated_at: new Date().toISOString(),
+        //       }
+        //     ]
+        //   }
+        // };
+    }
+    catch (error) {
+        console.error("fetchConversations error", error);
+        return null;
+    }
+};
+const createConversation = async (payload) => {
+    try {
+        return axiosInstance({
+            url: `core/chatbot/conversation`,
+            method: "POST",
+            data: payload
+        });
+    }
+    catch (error) {
+        console.error("createConversation error", error);
+        return null;
+    }
+};
+const updateConversation = async (conversationId, payload) => {
+    try {
+        return axiosInstance({
+            url: `core/chatbot/conversation/update`,
+            method: "POST",
+            data: payload
+        });
+    }
+    catch (error) {
+        console.error("updateConversation error", error);
+        return null;
+    }
+};
+const deleteConversation = async (conversationId) => {
+    try {
+        return axiosInstance({
+            url: `core/chatbot/conversation/${conversationId}`,
+            method: "DELETE"
+        });
+    }
+    catch (error) {
+        console.error("deleteConversation error", error);
+        return null;
+    }
+};
+const saveChat = async (payload) => {
+    try {
+        return axiosInstance({
+            url: `core/chatbot/conversation`,
+            method: "POST",
+            data: payload
+        });
+    }
+    catch (error) {
+        console.error("saveChat error", error);
+        return null;
+    }
+};
+
+const useConversationManagement = (chatDataRef, currentMode, activeConversationId, setActiveConversationId, setChatDataState, selectedModule, setSelectedModule, isModuleChanged, setIsModuleChanged, setActiveChatId = () => { }, saveCurrentChanges = () => { }, chatDataInfoRef = null, setHistoryPanelData = (_data) => { }, processResponse = null) => {
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const fetchConversations$1 = useCallback(async (activeChatId = null, mode = null) => {
+        try {
+            setLoading(true);
+            const effectiveMode = mode || currentMode;
+            const response = await fetchConversations(effectiveMode);
+            // const response = {
+            //   status: true,
+            //   data: {
+            //     data: [
+            //       {
+            //         conversation_id: 1,
+            //         name: "Getting Started Guide",
+            //         created_at: new Date().toISOString(),
+            //         updated_at: new Date().toISOString(),
+            //       },
+            //       {
+            //         conversation_id: 2,
+            //         name: "Product Features Discussion",
+            //         created_at: new Date(Date.now() - 86400000).toISOString(), // 1 day ago
+            //         updated_at: new Date(Date.now() - 86400000).toISOString(),
+            //       },
+            //       {
+            //         conversation_id: 3,
+            //         name: "Troubleshooting Help",
+            //         created_at: new Date(Date.now() - 172800000).toISOString(), // 2 days ago
+            //         updated_at: new Date(Date.now() - 172800000).toISOString(),
+            //       },
+            //       {
+            //         conversation_id: 4,
+            //         name: "Project Discussion",
+            //         created_at: new Date(Date.now() - 948220200000).toISOString(), // 2 days ago
+            //         updated_at: new Date(Date.now() - 948220200000).toISOString(),
+            //       },
+            //     ],
+            //   },
+            // };
+            if (response?.data?.status) {
+                const conversationsList = response.data.data.data;
+                chatDataRef.current[effectiveMode].conversationsList = conversationsList;
+                // Process conversations from each time group
+                conversationsList.forEach(group => {
+                    group.conversation_list.forEach(conversation => {
+                        // chatDataRef.current[currentMode].conversations[conversation.conversation_id] = {
+                        //   id: conversation.conversation_id,
+                        //   name: conversation.name,
+                        //   idGenerated: true,
+                        //   timestamp: conversation.created_at || new Date().toISOString(),
+                        //   messages: []
+                        // };
+                        if (chatDataInfoRef?.current[effectiveMode]?.conversations?.[conversation.conversation_id]?.messages) {
+                            chatDataInfoRef.current[effectiveMode].conversations[conversation.conversation_id] = {
+                                id: conversation.conversation_id,
+                                name: conversation.name,
+                                idGenerated: true,
+                                timestamp: conversation.created_at || new Date().toISOString(),
+                                messages: chatDataInfoRef.current[effectiveMode].conversations[conversation.conversation_id].messages
+                            };
+                        }
+                    });
+                });
+                setHistoryPanelData(conversationsList);
+                setChatDataState({ ...chatDataRef.current });
+                if (activeChatId) {
+                    setActiveChatId(activeChatId);
+                }
+                // Set first conversation as active if none selected
+                // if (!activeConversationId && Object.keys(conversations).length > 0) {
+                //   setActiveConversationId(Object.keys(conversations)[0]);
+                // }
+            }
+        }
+        catch (err) {
+            setError(err.message);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [currentMode]);
+    const fetchConversationChats = useCallback(async (conversationId, mode = null) => {
+        const effectiveMode = mode || currentMode;
+        try {
+            setLoading(true);
+            // --- Use hardcoded test data for now ---
+            const savedData = singleConversationNewData;
+            // Generate a conversation ID for the saved chat
+            const savedConvId = conversationId || generateConversationId();
+            // Ensure a conversation slot exists in chatDataInfoRef
+            if (chatDataInfoRef) {
+                if (!chatDataInfoRef.current[effectiveMode]?.conversations) {
+                    chatDataInfoRef.current[effectiveMode] = { conversations: {} };
+                }
+                chatDataInfoRef.current[effectiveMode].conversations[savedConvId] =
+                    generateConversationObject(savedConvId);
+            }
+            setActiveConversationId(savedConvId);
+            // Build combined bot entries from the saved data
+            // Collect thinking, steps, and agent response into a single combined message
+            let thinkingResponse = {};
+            let steps = [];
+            const agentDataItems = [];
+            let userMessage = null;
+            savedData.forEach((item) => {
+                if (item.userType === "user") {
+                    userMessage = {
+                        timeStamp: moment().format("DD-MM-YYYY HH:mm:ss"),
+                        userType: "user",
+                        bodyText: item.data,
+                        bodyType: "text",
+                    };
+                }
+                else if (item.chatType === "thinking") {
+                    thinkingResponse = {
+                        thinkingStream: item.data,
+                        thinkingContent: item.data,
+                        thinkingTime: 1,
+                        thinkingHeading: "Thinking Completed",
+                    };
+                }
+                else if (item.chatType === "steps") {
+                    steps = item.data;
+                }
+                else if (item.chatType === "agent") {
+                    // Agent response items (widgets, selects, etc.)
+                    if (Array.isArray(item.data)) {
+                        agentDataItems.push(...item.data);
+                    }
+                    else {
+                        agentDataItems.push(item.data);
+                    }
+                }
+            });
+            // Add user message to conversation
+            if (userMessage && chatDataInfoRef) {
+                chatDataInfoRef.current[effectiveMode].conversations[savedConvId].messages.push(userMessage);
+                chatDataRef.current[effectiveMode] = [
+                    ...(chatDataRef.current[effectiveMode] || []),
+                    userMessage,
+                ];
+            }
+            // Build the response in the shape processResponse expects:
+            // response.data.data.data = array of items
+            const textItem = {
+                type: "text",
+                response: "",
+                response_heading: "",
+                thinkingResponse,
+            };
+            const responseData = [textItem, ...agentDataItems];
+            const fakeResponse = {
+                data: {
+                    data: {
+                        data: responseData,
+                        session_id: "",
+                    },
+                },
+            };
+            // Call processResponse with steps/tabs context
+            if (processResponse) {
+                await processResponse(fakeResponse, {}, effectiveMode, null, {
+                    isTabEnabled: true,
+                    steps,
+                    currentTabValue: "agent_response",
+                    questions: [],
+                    questionsStepsMap: {},
+                }, savedConvId);
+            }
+            setChatDataState({ ...chatDataRef.current });
+        }
+        catch (err) {
+            setError(err.message);
+            console.error("fetchConversationChats error:", err);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [currentMode, processResponse]);
+    const createNewConversation = useCallback(async (name) => {
+        try {
+            setLoading(true);
+            const payload = {
+                module_name: currentMode.toUpperCase(),
+                flow_type: currentMode,
+                name: name,
+                application_code: 1,
+                user_id: 251, // This should come from your auth context
+            };
+            const response = await createConversation(payload);
+            if (response.status) {
+                await fetchConversations$1();
+            }
+        }
+        catch (err) {
+            setError(err.message);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [currentMode]);
+    const renameConversation = useCallback(async (conversationId, newName, mode = null) => {
+        const effectiveMode = mode || currentMode;
+        try {
+            setLoading(true);
+            const payload = {
+                conversation_id: conversationId,
+                name: newName
+            };
+            const response = await updateConversation(conversationId, payload);
+            // const response = {
+            //   status: true,
+            //   message: "Conversation updated successfully"
+            // };
+            if (response?.data?.status) {
+                // chatDataRef.current[currentMode].conversations[conversationId].name = newName;
+                if (chatDataInfoRef) {
+                    chatDataInfoRef.current[effectiveMode].conversations[conversationId].name = newName;
+                }
+                setChatDataState({ ...chatDataRef.current });
+                return true;
+            }
+            setLoading(false);
+        }
+        catch (err) {
+            setError(err.message);
+            console.error("renameConversation error:", err);
+            setLoading(false);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [currentMode]);
+    const deleteConversation$1 = useCallback(async (conversationId, mode = null) => {
+        const effectiveMode = mode || currentMode;
+        try {
+            setLoading(true);
+            const response = await deleteConversation(conversationId);
+            // const response = {
+            //   status: true,
+            //   message: "Conversation deleted successfully"
+            // };
+            if (response?.data?.status) {
+                // delete chatDataRef.current[currentMode].conversations[conversationId];
+                if (chatDataInfoRef) {
+                    delete chatDataInfoRef.current[effectiveMode].conversations[conversationId];
+                }
+                setChatDataState({ ...chatDataRef.current });
+                // If deleted conversation was active, select another one
+                if (activeConversationId === conversationId) {
+                    const remainingConversations = Object.keys(chatDataRef.current[effectiveMode].conversations);
+                    setActiveConversationId(remainingConversations[0] || null);
+                }
+                return true;
+            }
+        }
+        catch (err) {
+            setError(err.message);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [currentMode, activeConversationId]);
+    const saveCurrentChat = useCallback(async () => {
+        try {
+            setLoading(true);
+            let userId = await getCurrentUserId();
+            let isNewConversation = false;
+            let newConversationName = "New Conversation";
+            const dataRef = chatDataInfoRef || chatDataRef;
+            // If no active conversation is selected, create a new one
+            if (!activeConversationId) {
+                isNewConversation = true;
+                const conversationCount = Object.keys(dataRef.current[currentMode].conversations).length;
+                const newConversationId = Date.now(); // Using timestamp as unique ID
+                newConversationName = `Conversation ${conversationCount + 1}`;
+                // Create new conversation object
+                dataRef.current[currentMode].conversations[newConversationId] = {
+                    id: newConversationId,
+                    name: newConversationName,
+                    timestamp: new Date().toISOString(),
+                    messages: dataRef.current[currentMode].conversations[activeConversationId]?.messages || []
+                };
+                // Update active conversation
+                setActiveConversationId(newConversationId);
+                setChatDataState({ ...chatDataRef.current });
+            }
+            const currentChat = dataRef.current[currentMode].conversations[activeConversationId];
+            let currentSelectedModuleData = JSON.parse(localStorage.getItem("currentSelectedModuleData"));
+            let currentSelectedModuleForInsights = localStorage.getItem("smartBotScreenName");
+            // if (currentMode === "insights") {
+            //   currentSelectedModuleData = JSON.parse(
+            //     localStorage.getItem("smartBotScreenName")
+            //   );
+            // }
+            const payload = {
+                conversation_id: currentChat?.idGenerated ? currentChat.id : null,
+                module_name: currentMode === "insights" ? currentSelectedModuleForInsights : currentSelectedModuleData ? currentSelectedModuleData[activeConversationId] : "",
+                flow_type: currentMode,
+                name: isNewConversation ? newConversationName : currentChat.name,
+                is_module_changed: isModuleChanged,
+                chats: currentChat.messages.map(msg => ({
+                    chat_id: null, // null for new chat messages
+                    chat_object: {
+                        bodyText: msg.bodyText,
+                        bodyType: msg.bodyType === "stream" ? "text" : (msg.bodyType || 'text'),
+                        userName: msg.userName,
+                        userType: msg.userType,
+                        timeStamp: msg.timeStamp,
+                        headerTitle: msg.headerTitle,
+                        thinkingResponse: msg.thinkingResponse ? {
+                            thinkingStream: msg.thinkingResponse.thinkingStream,
+                            thinkingTime: msg.thinkingResponse.thinkingTime,
+                            thinkingHeading: msg.thinkingResponse.thinkingHeading,
+                        } : undefined,
+                    }
+                }))
+            };
+            setIsModuleChanged(false);
+            const response = await saveChat(payload);
+            let newConversationId = null;
+            if (response && response?.data?.status) {
+                // Extract the new conversation data from the response
+                const newConversationData = response?.data?.data?.data[0];
+                if (newConversationData) {
+                    // Get the new conversation ID
+                    newConversationId = newConversationData.conversation_id;
+                    // Preserve the existing rich in-memory messages (they contain
+                    // thinkingResponse, combined bodyText arrays, JSX, etc. that
+                    // the server response does not return).  Only update metadata.
+                    const existingMessages = currentChat.messages;
+                    // Map server-assigned chat_ids back onto existing messages
+                    if (newConversationData.chats) {
+                        newConversationData.chats.forEach((chat, index) => {
+                            if (existingMessages[index]) {
+                                existingMessages[index].id = chat.chat_id;
+                            }
+                        });
+                    }
+                    // Update conversation with server metadata but keep existing messages
+                    dataRef.current[currentMode].conversations[newConversationId] = {
+                        id: newConversationId,
+                        name: newConversationData.name,
+                        idGenerated: true,
+                        timestamp: newConversationData.created_at,
+                        messages: existingMessages,
+                    };
+                    // Keep chatDataRef in sync as well. Many parts of the UI re-render
+                    // based on setChatDataState({...chatDataRef.current}). If we only
+                    // update chatDataInfoRef, the UI can temporarily see an empty chat
+                    // and clear the conversation.
+                    if (chatDataInfoRef) {
+                        chatDataInfoRef.current[currentMode].conversations[newConversationId] = {
+                            id: newConversationId,
+                            name: newConversationData.name,
+                            idGenerated: true,
+                            timestamp: newConversationData.created_at,
+                            messages: existingMessages,
+                        };
+                    }
+                    // Update active conversation ID to the server-provided one
+                    setActiveConversationId(newConversationId);
+                    // Update the chat data state
+                    setChatDataState({ ...chatDataInfoRef.current });
+                    // Refresh the conversation list to show the new conversation
+                    await fetchConversations$1(newConversationId, "agent");
+                }
+            }
+        }
+        catch (err) {
+            setError(err.message);
+            console.error("saveCurrentChat error:", err);
+            return false;
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [currentMode, activeConversationId, isModuleChanged]);
+    return {
+        loading,
+        error,
+        fetchConversations: fetchConversations$1,
+        fetchConversationChats,
+        createNewConversation,
+        renameConversation,
+        deleteConversation: deleteConversation$1,
+        saveCurrentChat
+    };
+};
 
 const SmartBot = (props) => {
     const { userName, partialClose, setPartialClose, forceOpen, customBaseUrl = "", displayQuestions, questions = [] } = props;
@@ -9896,6 +10442,9 @@ const SmartBot = (props) => {
     useState(false);
     const [conversation, setConversation] = useState({});
     const { chatbotContext, currentAgentChatId } = useSelector((state) => state.smartBotReducer);
+    // Per-mode conversation ID tracking — prevents cross-mode contamination when
+    // switching tabs while streams are pending.
+    useRef({});
     const activeTab = useRef({
         activeTab: "dashboard",
     });
@@ -9912,12 +10461,14 @@ const SmartBot = (props) => {
     const [isLandingScreen, setIsLandingScreen] = useState(true);
     const [showSuggestionBanner, setShowSuggestionBanner] = useState(true);
     const [filterOptions, setFilterOptions] = useState([]);
-    const { setUserFlow, setUserScreenAndFlow, fetchUserResultsFromQuery, getCurrentDateTimeString, setLink, } = useChatFlow(chatDataRef, setLoader, setFlowType, setScreenName, setUserInput, setQuestionIndex, setCurrentAppLink, flowType, screenName, questionIndex, userInput, dateFormat, currentMode, activeConversationId, setIsModuleChanged, chatBodyRef, filterReducerState, dispatch, navigate, setShowChatPlaceholder, baseUrl, setChatDataState, setCurrentSessionId, customChatConfig, chatDataInfoRef, chatbotContext, setInitValue, setSessionId, thinkingContent, setThinkingContent, isThinking, setIsThinking, chatId, setChatId, isStop, setIsStop, functionsRef, functionsState, setFunctionsState, thinkingHeaderMessage, setThinkingHeaderMessage, uniqueChatId, initValue, sessionId, fieldNumber, setFieldNumber, additionalArgs);
+    useRef(0);
+    const { setUserFlow, setUserScreenAndFlow, fetchUserResultsFromQuery, getCurrentDateTimeString, setLink, } = useChatFlow(chatDataRef, setLoader, setFlowType, setScreenName, setUserInput, setQuestionIndex, setCurrentAppLink, flowType, screenName, questionIndex, userInput, dateFormat, currentMode, activeConversationId, setIsModuleChanged, chatBodyRef, filterReducerState, dispatch, navigate, setShowChatPlaceholder, baseUrl, setChatDataState, setCurrentSessionId, customChatConfig, chatDataInfoRef, chatbotContext, setInitValue, setSessionId, thinkingContent, setThinkingContent, isThinking, setIsThinking, chatId, setChatId, isStop, setIsStop, functionsRef, functionsState, setFunctionsState, thinkingHeaderMessage, setThinkingHeaderMessage, uniqueChatId, initValue, sessionId, fieldNumber, setFieldNumber, additionalArgs, setActiveConversationId);
     const { parseSavedFlow, saveCurrentChanges, endCurrentSession, clearChatSession, initiateNewChat, hasUnsavedChanges, } = useChatSession(chatDataRef, setFlowType, setScreenName, setUserInput, setTemplateData, chatDataScreenLinkRef, setShowModal, setMinimizedMode, setSelectedModule, setChatDataState, currentMode, setUserFlow, getCurrentDateTimeString, setCurrentAppLink, selectedModule, fetchUserResultsFromQuery, props.closeBot, activeConversationId, setActiveConversationId, setShowChatPlaceholder);
     const { refreshAndUpdateUserManual, configureBotActions, displaySnackMessages, } = useBotConfiguration(setRefreshLoader, setEnableRefreshAction, dispatch);
-    const { prepareDataAndSendToAgent } = useAgentFlow(dateFormat, chatDataRef, currentMode, setShowChatPlaceholder, setLoader, baseUrl, setCurrentSessionId, customChatConfig, chatDataInfoRef, {
+    const { prepareDataAndSendToAgent, processResponse } = useAgentFlow(dateFormat, chatDataRef, currentMode, setShowChatPlaceholder, setLoader, baseUrl, setCurrentSessionId, customChatConfig, chatDataInfoRef, {
         setChatDataState,
         activeConversationId,
+        setActiveConversationId,
         chatBodyRef,
         runStreaming: true,
         chatbotContext,
@@ -10039,7 +10590,7 @@ const SmartBot = (props) => {
             [isLike ? "like" : "dislike"]: key,
         });
         handleMessageLike(key, isLike, setLoadingState, displaySnackMessages, templateData, activeConversationId, answer, chatDataInfoRef.current, chatIndex, setChatDataState, baseUrl, sessionId);
-    }, 5000, { trailing: false }), [loadingState, templateData, displaySnackMessages, sessionId, baseUrl]);
+    }, 5000, { trailing: false }), [loadingState, templateData, displaySnackMessages, activeConversationId, sessionId, baseUrl]);
     useEffect(() => {
         handleUploadAccess();
     }, []);
@@ -10049,21 +10600,12 @@ const SmartBot = (props) => {
     useEffect(() => {
         fetchCustomBotConfigurations();
     }, [baseUrl]);
-    // Sync showModal state with props.showModal OR props.invokeBot (backward compatibility)
-    // Host app passes showModal prop, but some integrations may use invokeBot
     useEffect(() => {
-        const shouldShow = props.showModal ?? props.invokeBot;
-        if (shouldShow !== undefined && shouldShow !== showModal) {
-            setMinimizedMode(!shouldShow);
-            setShowModal(shouldShow);
+        if (props.invokeBot) {
+            setMinimizedMode(!props.invokeBot);
+            setShowModal(props.invokeBot);
         }
-    }, [props.showModal, props.invokeBot]);
-    // Also call props.setShowModal when internal state changes (two-way binding)
-    useEffect(() => {
-        if (props.setShowModal && typeof props.setShowModal === 'function') {
-            props.setShowModal(showModal);
-        }
-    }, [showModal]);
+    }, [props.invokeBot]);
     useEffect(() => {
         let screenNameStored = localStorage.getItem("smartBotScreenName");
         let currentAppLinkStored = localStorage.getItem("smartBotCurrentAppLink");
@@ -10161,17 +10703,17 @@ const SmartBot = (props) => {
     }, [notificationData, baseUrl, currentAgentId, currentSessionId]);
     useEffect(() => {
         // Continue with current mode specific logic
-        if (chatDataInfoRef?.current[currentMode]?.conversations?.[1]?.messages
+        if (chatDataInfoRef?.current[currentMode]?.conversations?.[activeConversationId]?.messages
             ?.length > 0) {
             // setConversation(chatDataInfoRef?.current[currentMode]?.conversations?.[1]?.messages);
-            let chatDataInfoRefLength = chatDataInfoRef?.current[currentMode]?.conversations?.[1]?.messages
+            let chatDataInfoRefLength = chatDataInfoRef?.current[currentMode]?.conversations?.[activeConversationId]?.messages
                 ?.length;
-            let chatDataInfoRefLastMessage = chatDataInfoRef?.current[currentMode]?.conversations?.[1]?.messages[chatDataInfoRefLength - 1];
+            let chatDataInfoRefLastMessage = chatDataInfoRef?.current[currentMode]?.conversations?.[activeConversationId]?.messages[chatDataInfoRefLength - 1];
             if (chatDataInfoRefLastMessage?.bodyType === "stream") {
-                let newChatData = chatDataState?.[currentMode]?.conversations?.[null]?.messages;
+                let newChatData = chatDataState?.[currentMode]?.conversations?.[activeConversationId]?.messages;
                 let newChatDataLength = newChatData?.length - 1;
                 if (newChatDataLength) {
-                    chatDataInfoRef.current[currentMode].conversations[1].messages[chatDataInfoRefLength - 1] = cloneDeep(newChatData?.[newChatDataLength]);
+                    chatDataInfoRef.current[currentMode].conversations[activeConversationId].messages[chatDataInfoRefLength - 1] = cloneDeep(newChatData?.[newChatDataLength]);
                 }
             }
             // let chatDataForReference = JSON.stringify(
@@ -10194,7 +10736,9 @@ const SmartBot = (props) => {
                 customChatConfig: customChatConfig,
                 loader: loader,
             };
-            chatDataInfoRef?.current[currentMode]?.conversations?.[1]?.messages.forEach((message, index) => {
+            const allMessages = chatDataInfoRef?.current[currentMode]?.conversations?.[activeConversationId]?.messages || [];
+            const lastBotMessageIndex = allMessages.reduce((lastIdx, msg, idx) => msg.userType === "bot" ? idx : lastIdx, -1);
+            allMessages.forEach((message, index) => {
                 if (message.userType === "bot") {
                     // let BotMessageJsx =
                     //   <BotMessage
@@ -10204,8 +10748,21 @@ const SmartBot = (props) => {
                     //     props={properties}
                     //   />
                     // ;
-                    message.jsx = (jsx(BotMessage, { botData: message, state: loadingState, handleLikeDislike: handleLikeDislike, props: properties }));
+                    message.isFormDisabled = index !== lastBotMessageIndex;
+                    let originalUtilityObject = message.utilityObject;
+                    let newMessage = cloneDeep(message);
+                    if (originalUtilityObject) {
+                        newMessage.utilityObject = originalUtilityObject;
+                    }
+                    message.jsx = (jsx(BotMessage, { botData: newMessage, state: loadingState, handleLikeDislike: handleLikeDislike, props: properties }));
                     message.firstMessage = true;
+                    let actualProps = {
+                        botData: newMessage,
+                        state: loadingState,
+                        handleLikeDislike: handleLikeDislike,
+                        props: properties,
+                    };
+                    message.actualProps = actualProps;
                     // message.enableLikes = true;
                 }
             });
@@ -10213,7 +10770,15 @@ const SmartBot = (props) => {
             let newChat = cloneDeep(chatDataInfoRef?.current[currentMode]);
             setConversation(newChat);
         }
-    }, [chatDataState, currentMode]);
+        else if (showModal) {
+            // Current mode has no messages — clear conversation so the previous
+            // mode's components (including any active StreamedContent) unmount.
+            // Without this, switching from agent→navigation while agent is streaming
+            // would keep the agent's StreamedContent mounted and its response would
+            // render in the navigation tab.
+            setConversation({});
+        }
+    }, [chatDataState, currentMode, activeConversationId]);
     const fetchLegacyAgentInfo = async () => {
         try {
             let legacyAgentScreenData = await fetchLegacyAgentScreen();
@@ -10242,7 +10807,7 @@ const SmartBot = (props) => {
                 return;
             }
             if (currentMode !== "agent") {
-                fetchUserResultsFromQuery({}, false, userInput);
+                fetchUserResultsFromQuery({}, false, userInput, activeConversationId);
             }
             else if (customChatConfig?.useMiddleware) {
                 let middleWareFunction = await getDynamicFunction(customChatConfig.middleWareFunctionPath, customChatConfig.middleWareFunctionName);
@@ -10252,8 +10817,6 @@ const SmartBot = (props) => {
                     sessionId: currentSessionId,
                     baseUrl: baseUrl,
                     uniqueChatId: uniqueChatId,
-                    userExplicitInput: userExplicitInput,
-                    textWithColumnNames: textWithColumnNames,
                 };
                 let middleWareResponse = await middleWareFunction(data, chatBotInfoRef);
                 if (middleWareResponse) {
@@ -10308,7 +10871,8 @@ const SmartBot = (props) => {
                     setInitValue: setInitValue,
                     uniqueChatId: uniqueChatId,
                     currentAgentChatId: currentAgentChatId,
-                    additionalArgs: isEmpty$1(userInput) ? additionalArgs : {}
+                    additionalArgs: isEmpty$1(userInput) ? additionalArgs : {},
+                    activeConversationId: activeConversationId,
                 });
                 setUserInput("");
             }
@@ -10455,13 +11019,38 @@ const SmartBot = (props) => {
             setBaseUrl(customBaseUrl);
         }
     }, [forceOpen]);
-    return (jsxs("div", { className: `${classes.agentStyleOverride} ${partialClose ? classes.hideBotStyle : ""}`, children: [jsx(MemoryModal, { isModalOpen: isModalOpen, setIsModalOpen: setIsModalOpen, displaySnackMessages: displaySnackMessages }), jsx(UploadModal, { isUploadModalOpen: isUploadModalOpen, setIsUploadModalOpen: setIsUploadModalOpen, displaySnackMessages: displaySnackMessages }), jsx(ChatBotComponent, { isFullWidth: forceOpen, userName: userName, showHistoryPanel: false, customInputComponent: currentMode === "agent" ? (jsx(ChatbotInput, { newChatScreen: newChatScreen, inputValue: userInput, setInputValue: setUserInput, isStopIcon: isStop, onSendIconClick: onSendIconClick, onStopIconClick: onStopIconClick, currentMode: currentMode, filterOptions: filterOptions })) : null, isChatBotOpen: showModal || forceOpen, 
+    const [historyPanelData, setHistoryPanelData] = useState([]);
+    const { fetchConversations, saveCurrentChat, renameConversation, deleteConversation, fetchConversationChats, } = useConversationManagement(chatDataRef, currentMode, activeConversationId, setActiveConversationId, setChatDataState, selectedModule, setSelectedModule, isModuleChanged, setIsModuleChanged, undefined, undefined, chatDataInfoRef, setHistoryPanelData, processResponse);
+    const handleHistoryMenuAction = useCallback(async (action, conversationData, renamedConversation = "") => {
+        const conversationId = conversationData?.conversation_id;
+        if (action === "rename") {
+            await renameConversation(conversationId, renamedConversation, "agent");
+        }
+        else if (action === "delete") {
+            await deleteConversation(conversationId, "agent");
+        }
+        fetchConversations(null, "agent");
+    }, [renameConversation, deleteConversation, fetchConversations]);
+    return (jsxs("div", { className: `${classes.agentStyleOverride} ${partialClose ? classes.hideBotStyle : ""} `, children: [jsx(MemoryModal, { isModalOpen: isModalOpen, setIsModalOpen: setIsModalOpen, displaySnackMessages: displaySnackMessages }), jsx(UploadModal, { isUploadModalOpen: isUploadModalOpen, setIsUploadModalOpen: setIsUploadModalOpen, displaySnackMessages: displaySnackMessages }), jsx(ChatBotComponent, { isFullWidth: forceOpen, userName: userName, showHistoryPanel: false, customInputComponent: currentMode === "agent" ? (jsx(ChatbotInput, { newChatScreen: newChatScreen, inputValue: userInput, setInputValue: setUserInput, isStopIcon: isStop, onSendIconClick: onSendIconClick, onStopIconClick: onStopIconClick, currentMode: currentMode, filterOptions: filterOptions, onSaveClick: saveCurrentChat })) : null, isChatBotOpen: showModal || forceOpen, historyPanelData: historyPanelData, onHistorySearchChange: (params) => { console.log("History Search Change", params); }, onHistorySelectConversation: (params) => {
+                    console.log("History Select Conversation", params);
+                    setNewChatScreen(false);
+                    setShowChatPlaceholder(false);
+                    fetchConversationChats(params?.conversation_id, "agent");
+                }, onHistoryPanelClick: (p1, p2) => {
+                    console.log("History", p1, p2);
+                    fetchConversations(null, "agent");
+                }, onHistoryMenuAction: (action, conversationData, renamedConversation) => {
+                    console.log("History Menu Action", action, conversationData);
+                    handleHistoryMenuAction(action, conversationData, renamedConversation);
+                }, 
                 // landingScreen={true}
                 handleNewChatClick: () => {
                     localStorage.setItem("isStreaming", "false");
                     dispatch(setChatbotContext({}));
                     setConversation([]);
-                    chatDataInfoRef.current[currentMode] = [];
+                    chatDataInfoRef.current[currentMode] = {
+                        conversations: {},
+                    };
                     setChatDataState({});
                     if (currentMode === "agent") {
                         setShowChatPlaceholder(true);
@@ -10530,8 +11119,10 @@ const SmartBot = (props) => {
                             //   );
                             //   return;
                             // } else {
+                            const agentConversations = chatDataInfoRef?.current[params?.name?.toLowerCase()]?.conversations;
+                            const firstConversationId = agentConversations ? Object.keys(agentConversations)[0] : undefined;
                             if (params?.name?.toLowerCase() === "agent") {
-                                if (!isEmpty$1(chatDataInfoRef?.current[params?.name?.toLowerCase()])) {
+                                if (!isEmpty$1(agentConversations?.[firstConversationId]?.messages)) {
                                     setShowChatPlaceholder(false);
                                 }
                                 else {
@@ -10539,6 +11130,9 @@ const SmartBot = (props) => {
                                 }
                             }
                             setCurrentMode(params?.name?.toLowerCase());
+                            if (firstConversationId) {
+                                setActiveConversationId(firstConversationId);
+                            }
                             localStorage.setItem("currentModeData", params?.name?.toLowerCase());
                             setNewChatScreen(false);
                             activeTab.current.activeTab = "agent";
@@ -10562,7 +11156,9 @@ const SmartBot = (props) => {
                             //   return;
                             // } else {
                             let currentModeValue = params?.name?.toLowerCase();
-                            if (!isEmpty$1(chatDataInfoRef?.current[currentModeValue])) {
+                            const modeConversations = chatDataInfoRef?.current[currentModeValue]?.conversations;
+                            const firstConversationId = modeConversations ? Object.keys(modeConversations)[0] : undefined;
+                            if (!isEmpty$1(modeConversations?.[firstConversationId]?.messages)) {
                                 setNewChatScreen(false);
                             }
                             else {
@@ -10583,13 +11179,16 @@ const SmartBot = (props) => {
                             // setNewChatScreen(true);
                             setIsStop(false);
                             setCurrentMode(params?.name?.toLowerCase());
+                            if (firstConversationId) {
+                                setActiveConversationId(firstConversationId);
+                            }
                             // setConversation([]);
                             // chatDataInfoRef.current[currentMode] = [];
                             // }
                         },
                         icon: jsx(SvgNavigationIcon, {}),
                     },
-                ], utilityList: utilityList, isAssistantThinking: loader, isCustomScreen: showChatPlaceholder, customScreenJsx: jsx(ChatPlaceholder, { dateFormat: dateFormat, chatDataRef: chatDataRef, currentMode: currentMode, setShowChatPlaceholder: setShowChatPlaceholder, setLoader: setLoader, setCurrentAgentId: setCurrentAgentId, baseUrl: baseUrl, setBaseUrl: setBaseUrl, setCurrentSessionId: setCurrentSessionId, customChatConfig: customChatConfig, chatDataInfoRef: chatDataInfoRef, setChatDataState: setChatDataState, userInput: userInput, legacyAgentScreen: legacyAgentScreen, activeConversationId: activeConversationId, chatBodyRef: chatBodyRef, chatbotContext: chatbotContext, setInitValue: setInitValue, setSessionId: setSessionId, thinkingContent: thinkingContext?.thinkingContent, setThinkingContent: setThinkingContent, isThinking: isThinking, setIsThinking: setIsThinking, chatId: chatId, setChatId: setChatId, isStop: isStop, setIsStop: setIsStop, functionsRef: functionsRef, functionsState: functionsState, setFunctionsState: setFunctionsState, thinkingHeaderMessage: thinkingContext?.thinkingHeaderMessage, setThinkingHeaderMessage: setThinkingHeaderMessage, uniqueChatId: uniqueChatId, setUniqueChatId: setUniqueChatId, fieldNumber: fieldNumber, setFieldNumber: setFieldNumber, setAdditionalArgs: setAdditionalArgs, displayQuestions: displayQuestions, questions: questions }), inputText: userInput, threadList: ["Home"], hideMenuArrow: hideMenu, newChatScreen: newChatScreen, isModuleListLoading: modulesLoading, suggestionBanner: {
+                ], utilityList: utilityList, isAssistantThinking: loader, isCustomScreen: showChatPlaceholder, customScreenJsx: jsx(ChatPlaceholder, { dateFormat: dateFormat, chatDataRef: chatDataRef, currentMode: currentMode, setShowChatPlaceholder: setShowChatPlaceholder, setLoader: setLoader, setCurrentAgentId: setCurrentAgentId, baseUrl: baseUrl, setBaseUrl: setBaseUrl, setCurrentSessionId: setCurrentSessionId, customChatConfig: customChatConfig, chatDataInfoRef: chatDataInfoRef, setChatDataState: setChatDataState, userInput: userInput, legacyAgentScreen: legacyAgentScreen, activeConversationId: activeConversationId, chatBodyRef: chatBodyRef, chatbotContext: chatbotContext, setInitValue: setInitValue, setSessionId: setSessionId, thinkingContent: thinkingContext?.thinkingContent, setThinkingContent: setThinkingContent, isThinking: isThinking, setIsThinking: setIsThinking, chatId: chatId, setChatId: setChatId, isStop: isStop, setIsStop: setIsStop, functionsRef: functionsRef, functionsState: functionsState, setFunctionsState: setFunctionsState, thinkingHeaderMessage: thinkingContext?.thinkingHeaderMessage, setThinkingHeaderMessage: setThinkingHeaderMessage, uniqueChatId: uniqueChatId, setUniqueChatId: setUniqueChatId, fieldNumber: fieldNumber, setFieldNumber: setFieldNumber, setAdditionalArgs: setAdditionalArgs, displayQuestions: displayQuestions, questions: questions, setActiveConversationId: setActiveConversationId }), inputText: userInput, threadList: ["Home"], hideMenuArrow: hideMenu, newChatScreen: newChatScreen, isModuleListLoading: modulesLoading, suggestionBanner: {
                     freeTextHeading: "Try adding more details :",
                     freeTextContent: "Alan works better when you provide more context and pointed questions",
                 }, isStopIcon: isStop, onStopIconClick: onStopIconClick, footerText: "AI-generated responses may contain errors\u2014please verify important information", showSuggestionBanner: showSuggestionBanner, onCloseSuggestionBanner: () => {
@@ -10606,6 +11205,9 @@ const SmartBot = (props) => {
                     }
                     const likeDislikeKey = `${params?.response_heading || params?.screen_name}_${params?.timeStamp}`;
                     handleLikeDislike(likeDislikeKey, false, params?.bodyText, params2);
+                }, handleSaveChat: () => {
+                    // Handle save chat logic here
+                    saveCurrentChat();
                 } })] }));
 };