impact-chatbot 2.3.47 → 2.3.49

package/dist/index.esm.js

@@ -767,6 +767,55 @@ const generateConversationObject = (conversationId) => {
         };
     }
 };
+/**
+ * Extracts userExplicitInput and textWithColumnNames from a saved filter set.
+ * @param {object} selectedFilterSet - The selected saved filter set object
+ * @param {string} userText - The user's input text (used to build textWithColumnNames)
+ * @param {object} existingExplicitInput - Optional existing userExplicitInput to merge with (e.g. from @ mentions)
+ * @returns {{ userExplicitInput: object, textWithColumnNames: string }}
+ */
+const extractSavedFilterData = (selectedFilterSet, userText = "", existingExplicitInput = {}) => {
+    let userExplicitInput = { ...existingExplicitInput };
+    let textWithColumnNames = "";
+    if (!selectedFilterSet?.saved_filter_preference) {
+        return { userExplicitInput: existingExplicitInput, textWithColumnNames };
+    }
+    selectedFilterSet.saved_filter_preference.forEach((filter) => {
+        const attrName = filter.attribute_name;
+        if (!attrName)
+            return;
+        let filterValues = [];
+        if (Array.isArray(filter.values)) {
+            filter.values.forEach((v) => {
+                if (v && Array.isArray(v.values)) {
+                    filterValues.push(...v.values.map(String));
+                }
+                else if (typeof v === "string" || typeof v === "number") {
+                    filterValues.push(String(v));
+                }
+            });
+        }
+        if (filterValues.length > 0) {
+            if (userExplicitInput[attrName]) {
+                userExplicitInput[attrName] = [
+                    ...new Set([...userExplicitInput[attrName], ...filterValues]),
+                ];
+            }
+            else {
+                userExplicitInput[attrName] = [...new Set(filterValues)];
+            }
+            const filterText = `${attrName}: ${filterValues.join(", ")}`;
+            textWithColumnNames = textWithColumnNames
+                ? `${filterText} ${textWithColumnNames}`
+                : `${filterText} ${userText}`;
+        }
+    });
+    // Ensure textWithColumnNames ends with the user's text
+    if (textWithColumnNames && !textWithColumnNames.includes(userText) && userText.trim()) {
+        textWithColumnNames = `${textWithColumnNames} ${userText}`.trim();
+    }
+    return { userExplicitInput, textWithColumnNames };
+};
 
 // Special character mapping for text replacement
 const SPECIAL_CHARACTER_MAPPING = {
@@ -1858,6 +1907,7 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
                 chat_input: data?.chatInput,
                 delay: 0.3,
                 chat_id: utilityObjectData?.uniqueChatId ? utilityObjectData?.uniqueChatId : utilityObjectData?.currentAgentChatId,
+                answer_mode: data?.answerMode || "auto",
                 ...(!isEmpty(utilityObjectData?.additionalArgs) ? utilityObjectData.additionalArgs : {}),
             };
             // Handle @ filter mentions - user_explicit_input contains filter values
@@ -4623,7 +4673,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, setActiveConversationId } = 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, selectedFilterSet, answerMode, } = props;
     const classes = useStyles$6();
     globalStyles();
     const [cardList, setCardList] = useState([]);
@@ -4707,7 +4757,17 @@ const ChatPlaceholder = (props) => {
                 user_input: title,
                 init: true,
                 delay: 0.3,
+                answer_mode: answerMode || "auto",
             };
+            // If a saved filter set is selected, merge its filters into the payload
+            if (selectedFilterSet?.saved_filter_preference) {
+                const { userExplicitInput, textWithColumnNames } = extractSavedFilterData(selectedFilterSet, title);
+                if (!isEmpty$1(userExplicitInput)) {
+                    initiateAgentPayload.user_explicit_input = userExplicitInput;
+                    initiateAgentPayload.chat_input = title;
+                    initiateAgentPayload.user_input = textWithColumnNames || title;
+                }
+            }
             setAgentFlow(initiateAgentPayload, "", baseUrl);
         }
         // setAgentFlow(initiateAgentPayload, "", baseUrl);
@@ -5086,6 +5146,15 @@ const sseevent = (message, messageToStoreRef) => {
             }
             return new MessageEvent(type, { data: data });
         }
+        if (parsedData?.status === "notification") {
+            messageToStoreRef.current.notificationData = {
+                message: parsedData?.message || "",
+                chat_id: parsedData?.chat_id || "",
+                session_id: parsedData?.session_id || "",
+            };
+            // Do NOT append notification messages to chatData.response — return early
+            return new MessageEvent(type, { data: data });
+        }
         if (parsedData?.status === "thinking") {
             messageToStoreRef.current.chatData.thinkingResponse.thinkingStream =
                 messageToStoreRef.current.chatData.thinkingResponse.thinkingStream +
@@ -5122,13 +5191,6 @@ const sseevent = (message, messageToStoreRef) => {
                 ? parsedData.additional_args
                 : {};
         }
-        if (parsedData?.status === "notification") {
-            messageToStoreRef.current.notificationData = {
-                message: parsedData?.message || "",
-                chat_id: parsedData?.chat_id || "",
-                session_id: parsedData?.session_id || "",
-            };
-        }
         if (parsedData?.status === "completed" ||
             parsedData?.status === "follow-up") {
             messageToStoreRef.current.initValue = true;
@@ -5391,10 +5453,10 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
             if (sessionId) {
                 stopAgentFlow({ session_id: sessionId }, baseUrl);
             }
-            dispatch(setStepFormStreamData({ status: "error", chunks: [...chunksRef] }));
+            dispatch(setStepFormStreamData({ status: "error", chunks: [...chunksRef], sessionId }));
         };
         // Signal that streaming has started (after setting stepFormStreamControl so useEffect sees the flag)
-        dispatch(setStepFormStreamData({ status: "streaming_start", chunks: [] }));
+        dispatch(setStepFormStreamData({ status: "streaming_start", chunks: [], sessionId }));
         // Fire DOM event so SmartBot can show stop icon (Redux gets cleared by TabularContent before parent effects run)
         window.dispatchEvent(new CustomEvent("stepFormStreamStart"));
         sourceRef.current = AxiosSource(endPoint, {
@@ -5416,14 +5478,14 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
                     chunksRef.push(data);
                     // Dispatch widget chunks immediately for real-time rendering
                     if (data?.status === "widget") {
-                        dispatch(setStepFormStreamData({ status: "widget_chunk", chunks: [data] }));
+                        dispatch(setStepFormStreamData({ status: "widget_chunk", chunks: [data], sessionId }));
                     }
                     // If this chunk also carries [DONE], dispatch collected chunks now
                     if (data?.message === "[DONE]") {
                         stepFormStreamControl.isStreaming = false;
                         stepFormStreamControl.abort = null;
                         window.dispatchEvent(new CustomEvent("stepFormStreamEnd"));
-                        dispatch(setStepFormStreamData({ status: "done", chunks: [...chunksRef] }));
+                        dispatch(setStepFormStreamData({ status: "done", chunks: [...chunksRef], sessionId }));
                     }
                 }
                 else if (data?.status === "completed" || data?.status === "follow-up" || data?.message === "[DONE]") {
@@ -5447,7 +5509,7 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
                     if (data?.status === "completed" && !hasStepForm) {
                         window.dispatchEvent(new CustomEvent("stepFormStreamCompleted"));
                     }
-                    dispatch(setStepFormStreamData({ status: "done", chunks: [...chunksRef] }));
+                    dispatch(setStepFormStreamData({ status: "done", chunks: [...chunksRef], sessionId }));
                 }
                 else if (data?.message) {
                     chunksRef.push({ status: "content", message: data.message });
@@ -5462,7 +5524,7 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
             stepFormStreamControl.isStreaming = false;
             stepFormStreamControl.abort = null;
             window.dispatchEvent(new CustomEvent("stepFormStreamEnd"));
-            dispatch(setStepFormStreamData({ status: "error", chunks: chunksRef }));
+            dispatch(setStepFormStreamData({ status: "error", chunks: chunksRef, sessionId }));
         });
     };
     const renderButtons = () => {
@@ -6734,6 +6796,165 @@ const StepsResponseTab = (props) => {
             ], value: tabValue }) }));
 };
 
+/**
+ * Tab Notification Utility
+ * Shows a red badge on the browser tab favicon and updates the document title
+ * when new step_form chunks arrive while the user is on a different tab.
+ * Similar to Facebook's unread message count badge.
+ */
+const ORIGINAL_TITLE = " Impact Smart ";
+const FAVICON_SELECTOR = 'link[rel="icon"]';
+let notificationCount = 0;
+let originalFaviconHref = null;
+let faviconCanvas = null;
+let faviconCtx = null;
+let faviconImg = null;
+let isInitialized = false;
+let visibilityListenerAttached = false;
+let titleBlinkInterval = null;
+/**
+ * Initialize the canvas and load the original favicon image.
+ * Called lazily on first notification.
+ */
+function init() {
+    if (isInitialized)
+        return;
+    isInitialized = true;
+    const faviconEl = document.querySelector(FAVICON_SELECTOR);
+    originalFaviconHref = faviconEl ? faviconEl.href : "/assets/IA.svg";
+    faviconCanvas = document.createElement("canvas");
+    faviconCanvas.width = 64;
+    faviconCanvas.height = 64;
+    faviconCtx = faviconCanvas.getContext("2d");
+    faviconImg = new Image();
+    faviconImg.crossOrigin = "anonymous";
+    faviconImg.src = originalFaviconHref;
+    if (!visibilityListenerAttached) {
+        visibilityListenerAttached = true;
+        document.addEventListener("visibilitychange", handleVisibilityChange);
+    }
+}
+/**
+ * When the user returns to the tab, clear all notifications.
+ */
+function handleVisibilityChange() {
+    if (!document.hidden && notificationCount > 0) {
+        clearTabNotification();
+    }
+}
+/**
+ * Draw the favicon with a red notification badge showing the count.
+ */
+function drawBadge(count) {
+    if (!faviconCtx || !faviconCanvas)
+        return;
+    const size = faviconCanvas.width;
+    faviconCtx.clearRect(0, 0, size, size);
+    // Draw original favicon
+    if (faviconImg && faviconImg.complete && faviconImg.naturalWidth > 0) {
+        faviconCtx.drawImage(faviconImg, 0, 0, size, size);
+    }
+    if (count <= 0)
+        return;
+    const text = count > 99 ? "99+" : String(count);
+    // Badge dimensions
+    const badgeRadius = 14;
+    const badgeX = size - badgeRadius - 1;
+    const badgeY = badgeRadius + 1;
+    // Draw red circle
+    faviconCtx.beginPath();
+    faviconCtx.arc(badgeX, badgeY, badgeRadius, 0, 2 * Math.PI);
+    faviconCtx.fillStyle = "#e53e3e";
+    faviconCtx.fill();
+    // White border
+    faviconCtx.lineWidth = 2;
+    faviconCtx.strokeStyle = "#ffffff";
+    faviconCtx.stroke();
+    // Draw count text
+    faviconCtx.fillStyle = "#ffffff";
+    faviconCtx.font = `bold ${count > 9 ? 14 : 18}px sans-serif`;
+    faviconCtx.textAlign = "center";
+    faviconCtx.textBaseline = "middle";
+    faviconCtx.fillText(text, badgeX, badgeY + 1);
+}
+/**
+ * Update the favicon element in the DOM.
+ */
+function applyFavicon(dataUrl) {
+    let faviconEl = document.querySelector(FAVICON_SELECTOR);
+    if (!faviconEl) {
+        faviconEl = document.createElement("link");
+        faviconEl.rel = "icon";
+        document.head.appendChild(faviconEl);
+    }
+    faviconEl.href = dataUrl;
+}
+/**
+ * Increment the tab notification count.
+ * Only shows badge when the tab is not visible (user is on another tab).
+ */
+function showTabNotification() {
+    // Only notify when user is NOT looking at this tab
+    if (!document.hidden)
+        return;
+    init();
+    notificationCount += 1;
+    // Start blinking title to grab attention
+    startTitleBlink();
+    // Draw and apply badge favicon
+    const renderBadge = () => {
+        drawBadge(notificationCount);
+        applyFavicon(faviconCanvas.toDataURL("image/png"));
+    };
+    if (faviconImg && faviconImg.complete) {
+        renderBadge();
+    }
+    else if (faviconImg) {
+        faviconImg.onload = renderBadge;
+    }
+}
+/**
+ * Alternates the document title between notification message and a blank/attention string
+ * to create a blinking effect that catches the user's eye (like WhatsApp Web / Facebook).
+ */
+function startTitleBlink() {
+    if (titleBlinkInterval)
+        clearInterval(titleBlinkInterval);
+    let showNotification = true;
+    const notificationTitle = `(${notificationCount}) New form awaiting input`;
+    // Set immediately
+    document.title = notificationTitle;
+    titleBlinkInterval = setInterval(() => {
+        if (showNotification) {
+            document.title = ORIGINAL_TITLE.trim();
+        }
+        else {
+            document.title = `(${notificationCount}) New form awaiting input`;
+        }
+        showNotification = !showNotification;
+    }, 1000);
+}
+/**
+ * Stop the title blink interval.
+ */
+function stopTitleBlink() {
+    if (titleBlinkInterval) {
+        clearInterval(titleBlinkInterval);
+        titleBlinkInterval = null;
+    }
+}
+/**
+ * Clear all tab notifications — restore original title and favicon.
+ */
+function clearTabNotification() {
+    notificationCount = 0;
+    stopTitleBlink();
+    document.title = ORIGINAL_TITLE;
+    if (originalFaviconHref) {
+        applyFavicon(originalFaviconHref);
+    }
+}
+
 /**
  * Module-level Map to persist streaming state across component remounts (tab switches).
  * Keyed by a stable identifier derived from input payload + mode + conversation ID.
@@ -7063,6 +7284,7 @@ const StreamedContent = ({ botData }) => {
                         setStepChange((prev) => !prev);
                     }
                     else if (data.status === "step_form") {
+                        showTabNotification();
                         const formWidgetData = isArray(data.widget_data)
                             ? data.widget_data
                             : [data.widget_data];
@@ -7347,6 +7569,7 @@ const StreamedContent = ({ botData }) => {
                             data: isEmpty(dummyButton)
                                 ? [textResponseTobeParsed, ...finalData]
                                 : [textResponseTobeParsed, ...finalData, dummyButton],
+                            session_id: messageToStoreRef.current.sessionId || "",
                         },
                     },
                 };
@@ -7431,6 +7654,7 @@ const StreamedContent = ({ botData }) => {
                     data: {
                         data: {
                             data: [textResponseTobeParsed, ...finalData],
+                            session_id: messageToStoreRef.current.sessionId || "",
                         },
                     },
                 };
@@ -7851,7 +8075,11 @@ const AgentResponse = ({ children }) => {
     return (jsx("div", { className: classes.agentResponseContainer, children: children }));
 };
 
-const TabularContent = ({ steps: initialSteps, currentTabValue, children, questions: initialQuestions = [], questionsStepsMap: initialQuestionsStepsMap = {}, stepFormDataMap: initialStepFormDataMap = {}, isFormDisabled = false }) => {
+// Module-level counter and active instance tracker.
+// Only the active instance should process stepFormStreamData from Redux.
+let instanceCounter = 0;
+let activeTabularInstanceId = null;
+const TabularContent = ({ steps: initialSteps, currentTabValue, children, questions: initialQuestions = [], questionsStepsMap: initialQuestionsStepsMap = {}, stepFormDataMap: initialStepFormDataMap = {}, isFormDisabled = false, sessionId: propSessionId = "" }) => {
     const dispatch = useDispatch();
     const stepFormStreamData = useSelector((state) => state.smartBotReducer.stepFormStreamData);
     const [tabValue, setTabValue] = useState(currentTabValue);
@@ -7875,6 +8103,12 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
     const [stepFormSubmitted, setStepFormSubmitted] = useState(false);
     const [hasNewStepFormFromRestream, setHasNewStepFormFromRestream] = useState(false);
     const [activeFormIntent, setActiveFormIntent] = useState(null);
+    // Stable unique instance ID for this TabularContent mount
+    const instanceIdRef = useRef(null);
+    if (instanceIdRef.current === null) {
+        instanceCounter += 1;
+        instanceIdRef.current = instanceCounter;
+    }
     // Refs for accumulating state during streaming (avoids stale closures)
     const stepsRef = useRef(stepsState);
     const questionsRef = useRef(questionsState);
@@ -7916,10 +8150,21 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
             return null;
         }
     };
+    // Register as active instance when this TabularContent has an active step form
+    useEffect(() => {
+        const hasActiveForm = Object.keys(initialStepFormDataMap).length > 0;
+        if (hasActiveForm) {
+            activeTabularInstanceId = instanceIdRef.current;
+        }
+    }, [initialStepFormDataMap]);
     // Watch Redux for batched SSE chunks dispatched by ButtonContent
     useEffect(() => {
         if (!stepFormStreamData)
             return;
+        // Only the active instance should process stepFormStreamData
+        if (activeTabularInstanceId !== null && activeTabularInstanceId !== instanceIdRef.current) {
+            return;
+        }
         const payload = stepFormStreamData;
         // Clear Redux immediately
         dispatch(setStepFormStreamData(null));
@@ -8073,6 +8318,8 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
             setStepFormSubmitted(false);
             setHasNewStepFormFromRestream(true);
             setActiveFormIntent(latestIntent || null);
+            // Re-register as active instance since this TabularContent now owns the new form
+            activeTabularInstanceId = instanceIdRef.current;
             // Clear stale persisted form values and context so the new form starts fresh
             dispatch(clearPersistedFormValues());
             dispatch(setChatbotContext({}));
@@ -8097,6 +8344,10 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
                 jsxs(AgentResponse, { children: [children, renderedWidgets.length > 0 && (jsx("div", { className: "restream-widget-content", children: renderedWidgets }))] }),
             ], value: tabValue }) }));
 };
+/** Reset the active instance tracker (call when a new conversation starts from the input field) */
+const resetActiveTabularInstance = () => {
+    activeTabularInstanceId = null;
+};
 
 const CombinedContent = ({ botData, props }) => {
     const isFormDisabled = botData?.isFormDisabled || false;
@@ -8165,7 +8416,7 @@ const CombinedContent = ({ botData, props }) => {
     const validContent = renderedContent.filter(content => content !== null);
     const renderCombinedContent = () => (jsx("div", { className: "combined-content-container", children: validContent.length > 0 ? (validContent.map((content, index) => (jsx("div", { className: "combined-content-item", children: content }, `wrapper-${index}`)))) : (jsx("div", { children: "No valid content to display" })) }));
     if (isTabEnabled) {
-        return (jsx(TabularContent, { steps: botData?.utilityData?.steps || [], currentTabValue: botData?.utilityData?.currentTabValue || "steps", questions: botData?.utilityData?.questions || [], questionsStepsMap: botData?.utilityData?.questionsStepsMap || {}, stepFormDataMap: botData?.utilityData?.stepFormDataMap || {}, isFormDisabled: isFormDisabled, children: renderCombinedContent() }));
+        return (jsx(TabularContent, { steps: botData?.utilityData?.steps || [], currentTabValue: botData?.utilityData?.currentTabValue || "steps", questions: botData?.utilityData?.questions || [], questionsStepsMap: botData?.utilityData?.questionsStepsMap || {}, stepFormDataMap: botData?.utilityData?.stepFormDataMap || {}, isFormDisabled: isFormDisabled, sessionId: botData?.sessionId || "", children: renderCombinedContent() }));
     }
     return renderCombinedContent();
 };
@@ -9580,7 +9831,7 @@ const useMentionState = () => {
 };
 
 const ChatbotInput = (props) => {
-    const { newChatScreen, inputValue, setInputValue, isStopIcon, handleMicClick, handleRefresh, onSendIconClick, onStopIconClick, currentMode, filterOptions, onSaveClick, savedFilterSets, onFilterSetSelect, onTriggerRefresh, selectedFilterSet, onClearFilterSet, } = props;
+    const { newChatScreen, inputValue, setInputValue, isStopIcon, handleMicClick, handleRefresh, onSendIconClick, onStopIconClick, currentMode, filterOptions, onSaveClick, savedFilterSets, onFilterSetSelect, onTriggerRefresh, selectedFilterSet, onClearFilterSet, answerMode, setAnswerMode, } = props;
     const editorRef = useRef(null);
     const selectRef = useRef(null);
     const filterSetSelectRef = useRef(null);
@@ -9590,6 +9841,8 @@ const ChatbotInput = (props) => {
     const chatInputContainerRef = useRef(null);
     const [isFixed, setIsFixed] = useState(false);
     const [height, setHeight] = useState("auto");
+    const [showAnswerModeMenu, setShowAnswerModeMenu] = useState(false);
+    const answerModeRef = useRef(null);
     const [hasMentionsInEditor, setHasMentionsInEditor] = useState(false);
     const isInsertingMentionRef = useRef(false);
     const isTransitioningStageRef = useRef(false);
@@ -10590,44 +10843,9 @@ const ChatbotInput = (props) => {
         // If a saved filter set is selected, merge its filters into userExplicitInput
         // and textWithColumnNames in the same format as @ mentions
         if (selectedFilterSet?.saved_filter_preference) {
-            selectedFilterSet.saved_filter_preference.forEach((filter) => {
-                const attrName = filter.attribute_name;
-                if (!attrName)
-                    return;
-                // Extract all values from the filter's values array
-                let filterValues = [];
-                if (Array.isArray(filter.values)) {
-                    filter.values.forEach((v) => {
-                        if (v && Array.isArray(v.values)) {
-                            filterValues.push(...v.values.map(String));
-                        }
-                        else if (typeof v === "string" || typeof v === "number") {
-                            filterValues.push(String(v));
-                        }
-                    });
-                }
-                if (filterValues.length > 0) {
-                    // Merge into userExplicitInput (combine with existing @ mention values if any)
-                    if (userExplicitInput[attrName]) {
-                        userExplicitInput[attrName] = [
-                            ...new Set([...userExplicitInput[attrName], ...filterValues]),
-                        ];
-                    }
-                    else {
-                        userExplicitInput[attrName] = [...new Set(filterValues)];
-                    }
-                    // Build textWithColumnNames prefix from saved filter data
-                    const filterText = `${attrName}: ${filterValues.join(", ")}`;
-                    textWithColumnNames = textWithColumnNames
-                        ? `${filterText} ${textWithColumnNames}`
-                        : `${filterText} ${formattedText}`;
-                }
-            });
-            // If textWithColumnNames was not set by mentions but was set by saved filters,
-            // ensure it ends with the user's text
-            if (!textWithColumnNames.includes(formattedText) && formattedText.trim()) {
-                textWithColumnNames = `${textWithColumnNames} ${formattedText}`.trim();
-            }
+            const filterData = extractSavedFilterData(selectedFilterSet, formattedText, userExplicitInput);
+            Object.assign(userExplicitInput, filterData.userExplicitInput);
+            textWithColumnNames = filterData.textWithColumnNames || textWithColumnNames;
         }
         setInputValue("");
         if (editorRef.current) {
@@ -10887,6 +11105,25 @@ const ChatbotInput = (props) => {
             document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [showFilterSetMenu]);
+    // Click outside handler for answer mode dropdown
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (answerModeRef.current && !answerModeRef.current.contains(event.target)) {
+                setShowAnswerModeMenu(false);
+            }
+        };
+        if (showAnswerModeMenu) {
+            document.addEventListener("mousedown", handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [showAnswerModeMenu]);
+    const ANSWER_MODE_OPTIONS = [
+        { value: "fast", label: "Fast", description: "Speed over depth" },
+        { value: "auto", label: "Auto", description: "Adapts depth, detail, and visuals" },
+    ];
+    const selectedModeOption = ANSWER_MODE_OPTIONS.find((opt) => opt.value === answerMode) || ANSWER_MODE_OPTIONS[1];
     return (jsx("div", { className: "chat-input-container", ref: chatInputContainerRef, onClick: (e) => {
             // Focus editor when clicking anywhere in the input container
             // unless clicking on a button or interactive element
@@ -10897,7 +11134,8 @@ const ChatbotInput = (props) => {
                 !target.closest(".chat-actions") &&
                 !target.closest(".filter-set-trigger-wrapper") &&
                 !target.closest(".filter-set-chip-clear") &&
-                !target.closest(".mention-select-wrapper")) {
+                !target.closest(".mention-select-wrapper") &&
+                !target.closest(".answer-mode-wrapper")) {
                 editorRef.current.focus();
             }
         }, children: jsxs("div", { className: `chat-input-wrapper ${isFixed ? "stacked" : ""} ${selectedFilterSet ? "has-filter-selected" : ""} ${(!isFixed || inputValue === "") && !newChatScreen && !selectedFilterSet ? "empty" : ""} ${!newChatScreen && !isFixed && !selectedFilterSet ? "single-line-textarea" : ""}`, style: { height }, children: [jsxs("div", { className: "chat-input-left-actions", children: [jsxs("div", { className: "filter-set-trigger-wrapper", ref: filterSetSelectRef, children: [jsx(Tooltip, { title: hasMentionsInEditor || showMentionSelect ? "Cannot use filter set while @ mentions are active" : "Add filter set", children: jsx("button", { type: "button", className: `filter-set-plus-btn${hasMentionsInEditor || showMentionSelect ? " disabled" : ""}`, onClick: () => {
@@ -10927,7 +11165,10 @@ const ChatbotInput = (props) => {
                                 handleSendMessage();
                             }
                         }
-                    }, onClick: detectMention, onKeyUp: detectMention, suppressContentEditableWarning: true }), 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: () => {
+                    }, onClick: detectMention, onKeyUp: detectMention, suppressContentEditableWarning: true }), 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" }) })), jsxs("div", { className: "answer-mode-wrapper", ref: answerModeRef, children: [jsxs("button", { type: "button", className: "answer-mode-trigger", onClick: () => setShowAnswerModeMenu(!showAnswerModeMenu), children: [jsx("span", { className: "answer-mode-trigger-label", children: selectedModeOption.label }), jsx("svg", { className: `answer-mode-trigger-chevron ${showAnswerModeMenu ? "open" : ""}`, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: jsx("path", { d: "M3 7.5L6 4.5L9 7.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), showAnswerModeMenu && (jsx("div", { className: "answer-mode-dropdown", children: ANSWER_MODE_OPTIONS.map((option) => (jsxs("button", { type: "button", className: `answer-mode-option ${answerMode === option.value ? "selected" : ""}`, onClick: () => {
+                                            setAnswerMode(option.value);
+                                            setShowAnswerModeMenu(false);
+                                        }, children: [jsx("div", { className: "answer-mode-option-check", children: answerMode === option.value && (jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: jsx("path", { d: "M2.5 7L5.5 10L11.5 4", stroke: "#5C6BC0", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) }), jsxs("div", { className: "answer-mode-option-content", children: [jsx("span", { className: "answer-mode-option-label", children: option.label }), jsx("span", { className: "answer-mode-option-desc", children: option.description })] })] }, option.value))) }))] }), 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" : "" })] }), showMentionSelect && (jsx("div", { className: "mention-select-wrapper", ref: selectRef, style: {
                         position: "fixed",
@@ -11692,7 +11933,7 @@ const useStyles = makeStyles({
 });
 const ChatbotSaveFilterComponent = (props) => {
     const classes = useStyles();
-    const { savedFilterSets, partialClose } = props;
+    const { savedFilterSets, partialClose, chatBotWidth } = props;
     const [showFilter, setShowFilter] = useState(!isEmpty$1(savedFilterSets));
     /**
  * onFilterDashboardClick function is called when we click the apply filter
@@ -11765,11 +12006,13 @@ const ChatbotSaveFilterComponent = (props) => {
             }
             const filterContainer = document.querySelector(".impact_drawer_filter_container.impact_drawer_filter_container_large");
             if (filterContainer) {
-                filterContainer.style.setProperty("width", "616px");
+                const computedWidth = chatBotWidth ? `${chatBotWidth - 86}px` : "616px";
+                filterContainer.style.setProperty("width", computedWidth);
             }
             const rightPanel = document.querySelector(".impact_drawer_filter_container .impact_drawer_filter_container_right_panel");
             if (rightPanel) {
                 rightPanel.style.setProperty("height", "600px");
+                rightPanel.style.setProperty("width", "100%");
             }
             const backdrop = document.querySelector(".MuiBackdrop-root.MuiModal-backdrop");
             if (backdrop) {
@@ -11803,7 +12046,7 @@ const ChatbotSaveFilterComponent = (props) => {
         const observer = new MutationObserver(patchDrawer);
         observer.observe(document.body, { childList: true, subtree: true });
         return () => observer.disconnect();
-    }, [showFilter]);
+    }, [showFilter, chatBotWidth]);
     return (jsx("div", { className: partialClose ? classes.hidden : undefined, children: !showFilter ?
             jsxs("div", { className: classes.container, children: [jsx(NoFilterSetSavedIcon, { width: "189px", height: "126px", className: classes.icon }), jsx("p", { className: classes.title, children: "No filter set saved!" }), jsx("p", { className: classes.subtitle, children: "Create and save a filter set to use as your default scope or apply it anytime during a conversation" }), jsx("div", { className: classes.buttonWrapper, children: jsx(Button, { variant: "primary", onClick: () => setShowFilter(true), children: "Create A Filter Set" }) })] }) :
             jsx("div", { children: jsx(CoreComponentScreen, { showPageHeader: false, 
@@ -11837,6 +12080,7 @@ const SmartBot = (props) => {
     // Per-mode conversation ID tracking — prevents cross-mode contamination when
     // switching tabs while streams are pending.
     useRef({});
+    const activeConversationIdRef = useRef(activeConversationId);
     const activeTab = useRef({
         activeTab: "dashboard",
     });
@@ -11855,6 +12099,8 @@ const SmartBot = (props) => {
     const [filterOptions, setFilterOptions] = useState([]);
     const [savedFilterSets, setSavedFilterSets$1] = useState([]);
     const [selectedFilterSet, setSelectedFilterSet] = useState(null);
+    const [answerMode, setAnswerMode] = useState("auto");
+    const [chatBotWidth, setChatBotWidth] = useState(null);
     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, navSessionId, setNavSessionId);
     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);
@@ -11887,6 +12133,10 @@ const SmartBot = (props) => {
         setFieldNumber,
         setAdditionalArgs,
     });
+    // Keep activeConversationIdRef in sync so event handlers with [] deps can access the latest value
+    useEffect(() => {
+        activeConversationIdRef.current = activeConversationId;
+    }, [activeConversationId]);
     // Show/hide stop icon when step-form restream (second init API from ButtonContent) starts/ends.
     // Must live here (SmartBot) because StreamedContent unmounts after the first stream completes.
     useEffect(() => {
@@ -11908,6 +12158,23 @@ const SmartBot = (props) => {
         };
         const handleStepFormStreamEnd = () => {
             setIsStop(false);
+            // Update the timestamp on the last bot message to reflect when the restream completed
+            try {
+                const mode = localStorage.getItem("currentModeData") || "agent";
+                const convId = activeConversationIdRef.current;
+                const messages = chatDataInfoRef?.current?.[mode]?.conversations?.[convId]?.messages;
+                if (messages && messages.length > 0) {
+                    const lastBotIdx = messages.reduce((lastIdx, msg, idx) => msg.userType === "bot" ? idx : lastIdx, -1);
+                    if (lastBotIdx !== -1) {
+                        messages[lastBotIdx].timeStamp = moment().format(dateFormat);
+                        // Trigger re-render so the UI reflects the updated timestamp
+                        setChatDataState((prev) => ({ ...prev }));
+                    }
+                }
+            }
+            catch (e) {
+                console.error("Error updating timestamp after step form stream:", e);
+            }
         };
         window.addEventListener("stepFormStreamStart", handleStepFormStreamStart);
         window.addEventListener("stepFormStreamEnd", handleStepFormStreamEnd);
@@ -12314,6 +12581,7 @@ const SmartBot = (props) => {
                     baseUrl: baseUrl,
                     userExplicitInput: userExplicitInput,
                     textWithColumnNames: textWithColumnNames,
+                    answerMode: answerMode,
                 };
                 // if(!isEmpty(userInput)) {
                 dispatch(setThinkingContext({
@@ -12344,6 +12612,9 @@ const SmartBot = (props) => {
     };
     const onSendIconClick = (params, params2) => {
         try {
+            // Reset step form stream state so old TabularContent instances don't process new data
+            dispatch(setStepFormStreamData(null));
+            resetActiveTabularInstance();
             // dispatch(setChatbotContext({}));
             setUserInput(params?.text);
             handleSendMessage(params?.text, params?.userExplicitInput, params?.textWithColumnNames);
@@ -12493,7 +12764,9 @@ const SmartBot = (props) => {
         }
         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" && !showSavedFilters ? (jsx(ChatbotInput, { newChatScreen: newChatScreen, inputValue: userInput, setInputValue: setUserInput, isStopIcon: isStop, onSendIconClick: onSendIconClick, onStopIconClick: onStopIconClick, currentMode: currentMode, filterOptions: filterOptions, onSaveClick: saveCurrentChat, savedFilterSets: savedFilterSets, selectedFilterSet: selectedFilterSet, onFilterSetSelect: (filterSet) => setSelectedFilterSet(filterSet), onClearFilterSet: () => setSelectedFilterSet(null), onTriggerRefresh: triggerRefreshAction })) : showSavedFilters ? jsx(Fragment, {}) : null, isChatBotOpen: showModal || forceOpen, historyPanelData: historyPanelData, onHistorySearchChange: (params) => { console.log("History Search Change", params); }, onHistorySelectConversation: (params) => {
+    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" && !showSavedFilters ? (jsx(ChatbotInput, { newChatScreen: newChatScreen, inputValue: userInput, setInputValue: setUserInput, isStopIcon: isStop, onSendIconClick: onSendIconClick, onStopIconClick: onStopIconClick, currentMode: currentMode, filterOptions: filterOptions, 
+                    // onSaveClick={saveCurrentChat}
+                    savedFilterSets: savedFilterSets, selectedFilterSet: selectedFilterSet, onFilterSetSelect: (filterSet) => setSelectedFilterSet(filterSet), onClearFilterSet: () => setSelectedFilterSet(null), onTriggerRefresh: triggerRefreshAction, answerMode: answerMode, setAnswerMode: setAnswerMode })) : showSavedFilters ? jsx(Fragment, {}) : 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);
@@ -12510,6 +12783,8 @@ const SmartBot = (props) => {
                     localStorage.setItem("isStreaming", "false");
                     dispatch(setChatbotContext({}));
                     dispatch(clearPersistedFormValues());
+                    dispatch(setStepFormStreamData(null));
+                    resetActiveTabularInstance();
                     setConversation([]);
                     chatDataInfoRef.current[currentMode] = {
                         conversations: {},
@@ -12700,9 +12975,9 @@ const SmartBot = (props) => {
                         icon: jsx(SvgSaveFilterTab, {}),
                     },
                 ], utilityList: utilityList, isAssistantThinking: false, isCustomScreen: showChatPlaceholder ? showChatPlaceholder : showSavedFilters, customScreenJsx: showChatPlaceholder ?
-                    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 })
+                    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, selectedFilterSet: selectedFilterSet, answerMode: answerMode })
                     :
-                        jsx(ChatbotSaveFilterComponent$1, { savedFilterSets: savedFilterSets, partialClose: partialClose }), inputText: userInput, threadList: ["Home"], hideMenuArrow: hideMenu, newChatScreen: newChatScreen, isModuleListLoading: modulesLoading, suggestionBanner: {
+                        jsx(ChatbotSaveFilterComponent$1, { savedFilterSets: savedFilterSets, partialClose: partialClose, chatBotWidth: chatBotWidth }), 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: showSavedFilters ? false : showSuggestionBanner, onCloseSuggestionBanner: () => {
@@ -12722,7 +12997,9 @@ const SmartBot = (props) => {
                 }, handleSaveChat: () => {
                     // Handle save chat logic here
                     saveCurrentChat();
-                } })] }));
+                }, onChatBotResize: (params) => {
+                    setChatBotWidth(params);
+                }, onMinimiseChatBot: null })] }));
 };
 
 export { SmartBot as default };