impact-chatbot 2.3.48 → 2.3.50

package/dist/index.cjs.css

@@ -506,6 +506,122 @@
   opacity: 0.7;
 }
 
+.answer-mode-wrapper {
+  position: relative;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.answer-mode-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 10px;
+  border: 1px solid #d9dde7;
+  border-radius: 8px;
+  background: #f7f8fa;
+  cursor: pointer;
+  font-family: "Manrope", sans-serif;
+  font-size: 13px;
+  font-weight: 600;
+  color: #1f2b4d;
+  transition: all 0.15s ease;
+  line-height: 20px;
+}
+.answer-mode-trigger:hover {
+  background: #eef0f4;
+  border-color: #b3bdf8;
+}
+
+.answer-mode-trigger-label {
+  white-space: nowrap;
+}
+
+.answer-mode-trigger-chevron {
+  transition: transform 0.2s ease;
+  color: #6b7280;
+}
+.answer-mode-trigger-chevron.open {
+  transform: rotate(180deg);
+}
+
+.answer-mode-dropdown {
+  position: absolute;
+  bottom: calc(100% + 6px);
+  right: 0;
+  min-width: 220px;
+  background: #ffffff;
+  border: 1px solid #e5e7eb;
+  border-radius: 10px;
+  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12);
+  z-index: 10000;
+  padding: 4px;
+  animation: answerModeSlideUp 0.15s ease-out;
+}
+
+@keyframes answerModeSlideUp {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.answer-mode-option {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 8px 10px;
+  border: none;
+  background: transparent;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background 0.12s ease;
+  text-align: left;
+}
+.answer-mode-option:hover {
+  background: #f3f4f6;
+}
+.answer-mode-option.selected {
+  background: #eef2ff;
+}
+
+.answer-mode-option-check {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 16px;
+  flex-shrink: 0;
+}
+
+.answer-mode-option-content {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
+  min-width: 0;
+}
+
+.answer-mode-option-label {
+  font-family: "Manrope", sans-serif;
+  font-size: 13px;
+  font-weight: 600;
+  color: #1f2b4d;
+  line-height: 18px;
+}
+
+.answer-mode-option-desc {
+  font-family: "Manrope", sans-serif;
+  font-size: 11px;
+  font-weight: 400;
+  color: #6b7280;
+  line-height: 16px;
+}
+
 .mention-tooltip {
   position: fixed;
   background-color: #1f2b4d;

package/dist/index.cjs.js

@@ -789,6 +789,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 = {
@@ -1880,6 +1929,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
@@ -4645,7 +4695,7 @@ const Rectangle = ({ type, icon, title, description, onClick, hoverable }) => {
     return (jsxRuntime.jsx("div", { className: `${classes.rectangle} ${classes[type]} ${hoverable ? classes.rectangleHoverable : ''}`, onClick: onClick, title: isTruncated ? title : null, children: jsxRuntime.jsxs("div", { className: classes.textContainer, children: [jsxRuntime.jsx(material.Typography, { className: classes.title, ref: titleRef, children: title }), jsxRuntime.jsx(material.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] = React.useState([]);
@@ -4729,7 +4779,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 (!lodash.isEmpty(userExplicitInput)) {
+                    initiateAgentPayload.user_explicit_input = userExplicitInput;
+                    initiateAgentPayload.chat_input = title;
+                    initiateAgentPayload.user_input = textWithColumnNames || title;
+                }
+            }
             setAgentFlow(initiateAgentPayload, "", baseUrl);
         }
         // setAgentFlow(initiateAgentPayload, "", baseUrl);
@@ -5436,6 +5496,15 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
             try {
                 const data = JSON.parse(event.data);
                 console.log("[ButtonContent] SSE chunk:", data);
+                // Always keep stepFormStreamControl.sessionId in sync with the latest chunk's session_id
+                if (data?.session_id) {
+                    stepFormStreamControl.sessionId = data.session_id;
+                    sessionStorage.setItem("stepForm_sessionId", data.session_id);
+                }
+                if (data?.chat_id) {
+                    stepFormStreamControl.chatId = data.chat_id;
+                    sessionStorage.setItem("stepForm_chatId", data.chat_id);
+                }
                 if (data?.status === "step" || data?.status === "step_form" || data?.status === "questions" || data?.status === "thinking" || data?.status === "widget") {
                     chunksRef.push(data);
                     // Dispatch widget chunks immediately for real-time rendering
@@ -5460,6 +5529,8 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
                         stepFormStreamControl.initValue = true;
                         stepFormStreamControl.sessionId = "";
                         stepFormStreamControl.uniqueChatId = data?.chat_id ? data.chat_id : "";
+                        // Clear sessionStorage so stale session_id isn't picked up by future non-init calls
+                        sessionStorage.setItem("stepForm_sessionId", "");
                     }
                     // Stream ended — dispatch all collected chunks at once
                     stepFormStreamControl.isStreaming = false;
@@ -6758,6 +6829,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.
@@ -6849,6 +7079,7 @@ const StreamedContent = ({ botData }) => {
     const thinkingDoneRef = React.useRef(false);
     const setThinkingContentRef = React.useRef(setThinkingContent); // Store current setThinkingContent function
     const streamTimeoutRef = React.useRef(null); // Ref for stream timeout
+    const streamingDoneProcessedRef = React.useRef(false); // Guard to prevent isStreamingDone effect running twice
     // Stable key for the module-level streamStateMap (survives cloneDeep of botData)
     const streamKey = React.useRef(`${currentMode}_${activeConversationId}_${JSON.stringify(botData.inputBody)}`).current;
     // Look up existing stream state from the Map (persists across tab-switch remounts)
@@ -7087,6 +7318,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];
@@ -7280,7 +7512,8 @@ const StreamedContent = ({ botData }) => {
      * Parses the accumulated response and updates the chat history
      */
     React.useEffect(() => {
-        if (isStreamingDone) {
+        if (isStreamingDone && !streamingDoneProcessedRef.current) {
+            streamingDoneProcessedRef.current = true;
             localStorage.setItem("isStreaming", "false");
             if (currentMode === "agent") {
                 setIsStop(false);
@@ -9633,7 +9866,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 = React.useRef(null);
     const selectRef = React.useRef(null);
     const filterSetSelectRef = React.useRef(null);
@@ -9643,6 +9876,8 @@ const ChatbotInput = (props) => {
     const chatInputContainerRef = React.useRef(null);
     const [isFixed, setIsFixed] = React.useState(false);
     const [height, setHeight] = React.useState("auto");
+    const [showAnswerModeMenu, setShowAnswerModeMenu] = React.useState(false);
+    const answerModeRef = React.useRef(null);
     const [hasMentionsInEditor, setHasMentionsInEditor] = React.useState(false);
     const isInsertingMentionRef = React.useRef(false);
     const isTransitioningStageRef = React.useRef(false);
@@ -10643,44 +10878,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) {
@@ -10940,6 +11140,25 @@ const ChatbotInput = (props) => {
             document.removeEventListener("mousedown", handleClickOutside);
         };
     }, [showFilterSetMenu]);
+    // Click outside handler for answer mode dropdown
+    React.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 (jsxRuntime.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
@@ -10950,7 +11169,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: jsxRuntime.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: [jsxRuntime.jsxs("div", { className: "chat-input-left-actions", children: [jsxRuntime.jsxs("div", { className: "filter-set-trigger-wrapper", ref: filterSetSelectRef, children: [jsxRuntime.jsx(impactUiV3.Tooltip, { title: hasMentionsInEditor || showMentionSelect ? "Cannot use filter set while @ mentions are active" : "Add filter set", children: jsxRuntime.jsx("button", { type: "button", className: `filter-set-plus-btn${hasMentionsInEditor || showMentionSelect ? " disabled" : ""}`, onClick: () => {
@@ -10980,7 +11200,10 @@ const ChatbotInput = (props) => {
                                 handleSendMessage();
                             }
                         }
-                    }, onClick: detectMention, onKeyUp: detectMention, suppressContentEditableWarning: true }), jsxRuntime.jsxs("div", { className: `chat-actions ${isFixed ? "fixed" : ""}`, children: [handleRefresh && (jsxRuntime.jsx(impactUiV3.Button, { icon: jsxRuntime.jsx(SvgChatBotRefreshIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "url", onClick: handleRefresh })), handleMicClick && (jsxRuntime.jsx(impactUiV3.Button, { icon: jsxRuntime.jsx(SvgChatBotMicIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "tertiary", onClick: handleMicClick })), onSaveClick && (jsxRuntime.jsx(impactUiV3.Tooltip, { title: "Save Chat", children: jsxRuntime.jsx(impactUiV3.Button, { icon: jsxRuntime.jsx(SaveOutlinedIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "tertiary", onClick: onSaveClick, id: "chat-input-save-button" }) })), jsxRuntime.jsx(impactUiV3.Button, { icon: !isStopIcon ? jsxRuntime.jsx(SvgChatBotSendIcon, {}) : jsxRuntime.jsx(SvgChatbotStopIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "primary", onClick: () => {
+                    }, onClick: detectMention, onKeyUp: detectMention, suppressContentEditableWarning: true }), jsxRuntime.jsxs("div", { className: `chat-actions ${isFixed ? "fixed" : ""}`, children: [handleRefresh && (jsxRuntime.jsx(impactUiV3.Button, { icon: jsxRuntime.jsx(SvgChatBotRefreshIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "url", onClick: handleRefresh })), handleMicClick && (jsxRuntime.jsx(impactUiV3.Button, { icon: jsxRuntime.jsx(SvgChatBotMicIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "tertiary", onClick: handleMicClick })), onSaveClick && (jsxRuntime.jsx(impactUiV3.Tooltip, { title: "Save Chat", children: jsxRuntime.jsx(impactUiV3.Button, { icon: jsxRuntime.jsx(SaveOutlinedIcon, {}), iconPlacement: "left", size: "large", type: "default", variant: "tertiary", onClick: onSaveClick, id: "chat-input-save-button" }) })), jsxRuntime.jsxs("div", { className: "answer-mode-wrapper", ref: answerModeRef, children: [jsxRuntime.jsxs("button", { type: "button", className: "answer-mode-trigger", onClick: () => setShowAnswerModeMenu(!showAnswerModeMenu), children: [jsxRuntime.jsx("span", { className: "answer-mode-trigger-label", children: selectedModeOption.label }), jsxRuntime.jsx("svg", { className: `answer-mode-trigger-chevron ${showAnswerModeMenu ? "open" : ""}`, width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: jsxRuntime.jsx("path", { d: "M3 7.5L6 4.5L9 7.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })] }), showAnswerModeMenu && (jsxRuntime.jsx("div", { className: "answer-mode-dropdown", children: ANSWER_MODE_OPTIONS.map((option) => (jsxRuntime.jsxs("button", { type: "button", className: `answer-mode-option ${answerMode === option.value ? "selected" : ""}`, onClick: () => {
+                                            setAnswerMode(option.value);
+                                            setShowAnswerModeMenu(false);
+                                        }, children: [jsxRuntime.jsx("div", { className: "answer-mode-option-check", children: answerMode === option.value && (jsxRuntime.jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: jsxRuntime.jsx("path", { d: "M2.5 7L5.5 10L11.5 4", stroke: "#5C6BC0", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })) }), jsxRuntime.jsxs("div", { className: "answer-mode-option-content", children: [jsxRuntime.jsx("span", { className: "answer-mode-option-label", children: option.label }), jsxRuntime.jsx("span", { className: "answer-mode-option-desc", children: option.description })] })] }, option.value))) }))] }), jsxRuntime.jsx(impactUiV3.Button, { icon: !isStopIcon ? jsxRuntime.jsx(SvgChatBotSendIcon, {}) : jsxRuntime.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 && (jsxRuntime.jsx("div", { className: "mention-select-wrapper", ref: selectRef, style: {
                         position: "fixed",
@@ -11911,6 +12134,7 @@ const SmartBot = (props) => {
     const [filterOptions, setFilterOptions] = React.useState([]);
     const [savedFilterSets, setSavedFilterSets] = React.useState([]);
     const [selectedFilterSet, setSelectedFilterSet] = React.useState(null);
+    const [answerMode, setAnswerMode] = React.useState("auto");
     const [chatBotWidth, setChatBotWidth] = React.useState(null);
     React.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);
@@ -12388,10 +12612,11 @@ const SmartBot = (props) => {
                 let data = {
                     agentId: currentAgentId,
                     userInput: lodash.cloneDeep(userInput),
-                    sessionId: currentSessionId,
+                    sessionId: lodash.isEmpty(userInput) ? currentSessionId : "",
                     baseUrl: baseUrl,
                     userExplicitInput: userExplicitInput,
                     textWithColumnNames: textWithColumnNames,
+                    answerMode: answerMode,
                 };
                 // if(!isEmpty(userInput)) {
                 dispatch(smartBotActions.setThinkingContext({
@@ -12425,6 +12650,13 @@ const SmartBot = (props) => {
             // Reset step form stream state so old TabularContent instances don't process new data
             dispatch(smartBotActions.setStepFormStreamData(null));
             resetActiveTabularInstance();
+            // Reset stepFormStreamControl so stale session_id doesn't leak into new prompts
+            stepFormStreamControl.sessionId = "";
+            stepFormStreamControl.chatId = "";
+            stepFormStreamControl.initValue = false;
+            stepFormStreamControl.uniqueChatId = "";
+            sessionStorage.removeItem("stepForm_sessionId");
+            sessionStorage.removeItem("stepForm_chatId");
             // dispatch(setChatbotContext({}));
             setUserInput(params?.text);
             handleSendMessage(params?.text, params?.userExplicitInput, params?.textWithColumnNames);
@@ -12574,7 +12806,9 @@ const SmartBot = (props) => {
         }
         fetchConversations(null, "agent");
     }, [renameConversation, deleteConversation, fetchConversations]);
-    return (jsxRuntime.jsxs("div", { className: `${classes.agentStyleOverride} ${partialClose ? classes.hideBotStyle : ""} `, children: [jsxRuntime.jsx(MemoryModal, { isModalOpen: isModalOpen, setIsModalOpen: setIsModalOpen, displaySnackMessages: displaySnackMessages }), jsxRuntime.jsx(UploadModal, { isUploadModalOpen: isUploadModalOpen, setIsUploadModalOpen: setIsUploadModalOpen, displaySnackMessages: displaySnackMessages }), jsxRuntime.jsx(impactUiV3.ChatBotComponent, { isFullWidth: forceOpen, userName: userName, showHistoryPanel: false, customInputComponent: currentMode === "agent" && !showSavedFilters ? (jsxRuntime.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 ? jsxRuntime.jsx(jsxRuntime.Fragment, {}) : null, isChatBotOpen: showModal || forceOpen, historyPanelData: historyPanelData, onHistorySearchChange: (params) => { console.log("History Search Change", params); }, onHistorySelectConversation: (params) => {
+    return (jsxRuntime.jsxs("div", { className: `${classes.agentStyleOverride} ${partialClose ? classes.hideBotStyle : ""} `, children: [jsxRuntime.jsx(MemoryModal, { isModalOpen: isModalOpen, setIsModalOpen: setIsModalOpen, displaySnackMessages: displaySnackMessages }), jsxRuntime.jsx(UploadModal, { isUploadModalOpen: isUploadModalOpen, setIsUploadModalOpen: setIsUploadModalOpen, displaySnackMessages: displaySnackMessages }), jsxRuntime.jsx(impactUiV3.ChatBotComponent, { isFullWidth: forceOpen, userName: userName, showHistoryPanel: false, customInputComponent: currentMode === "agent" && !showSavedFilters ? (jsxRuntime.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 ? jsxRuntime.jsx(jsxRuntime.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);
@@ -12783,7 +13017,7 @@ const SmartBot = (props) => {
                         icon: jsxRuntime.jsx(SvgSaveFilterTab, {}),
                     },
                 ], utilityList: utilityList, isAssistantThinking: false, isCustomScreen: showChatPlaceholder ? showChatPlaceholder : showSavedFilters, customScreenJsx: showChatPlaceholder ?
-                    jsxRuntime.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 })
+                    jsxRuntime.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 })
                     :
                         jsxRuntime.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 :",