impact-chatbot 2.3.64 → 2.3.66

package/dist/index.cjs.js

@@ -337,7 +337,7 @@ const useBotConfiguration = (setRefreshLoader, setEnableRefreshAction, dispatch)
  */
 const parseResponse = (data, type, agentId = "", currentMode = "", disableTimeAndName = false, sessionId = "", utilityData = {}, inputBody = null, utilityObject = {}) => {
     const timeString = disableTimeAndName ? "" : moment().format("DD-MM-YYYY HH:mm:ss");
-    const userName = disableTimeAndName ? "" : "Alan";
+    const userName = disableTimeAndName ? "" : "Iris";
     switch (type || data?.type) {
         case "text":
             return {
@@ -1414,7 +1414,7 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
                 hasDirectActionType: false,
             };
             const loaderData = {
-                userName: "Alan",
+                userName: "Iris",
                 timeStamp: currentTimeString,
                 userType: "loader",
             };
@@ -1980,7 +1980,7 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
             const failResponseText = {
                 timeStamp: getCurrentDateTimeString(),
                 userType: "bot",
-                userName: "Alan",
+                userName: "Iris",
                 bodyText: error?.response?.data?.data?.error?.response
                     ? error?.response?.data?.data?.error?.response
                     : "Sorry, chatbot is not available now",
@@ -2224,7 +2224,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
         return {
             timeStamp: timeString,
             userType: "bot",
-            userName: "Alan",
+            userName: "Iris",
             headerTitle: headerTitle,
             bodyType: "chips",
             bodyText: screens.map((screen) => ({
@@ -2278,7 +2278,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
             flow_type: flowType,
         };
         const loaderData = {
-            userName: "Alan",
+            userName: "Iris",
             timeStamp: currentTimeString,
             userType: "loader",
         };
@@ -2312,7 +2312,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
                 const failResponseText = {
                     timeStamp: getCurrentDateTimeString(),
                     userType: "bot",
-                    userName: "Alan",
+                    userName: "Iris",
                     bodyText: options.data.data.message,
                     enableLikes: false,
                     headerTitle: "",
@@ -2331,7 +2331,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
             const failResponseText = {
                 timeStamp: getCurrentDateTimeString(),
                 userType: "bot",
-                userName: "Alan",
+                userName: "Iris",
                 bodyText: "Failed to fetch user screens. Please try again later.",
                 headerTitle: "",
                 enableLikes: false,
@@ -2403,7 +2403,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
             hasDirectActionType: fetchQuestions,
         };
         const loaderData = {
-            userName: "Alan",
+            userName: "Iris",
             timeStamp: currentTimeString,
             userType: "loader",
         };
@@ -2523,7 +2523,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
             const failResponseText = {
                 timeStamp: getCurrentDateTimeString(),
                 userType: "bot",
-                userName: "Alan",
+                userName: "Iris",
                 bodyText: error?.response?.data?.data?.error?.response
                     ? error?.response?.data?.data?.error?.response
                     : "Sorry, chatbot is not available now",
@@ -2734,10 +2734,10 @@ const useChatSession = (chatDataRef, setFlowType, setScreenName, setUserInput, s
                 {
                     timeStamp: getCurrentDateTimeString(),
                     userType: "bot",
-                    userName: "Alan",
+                    userName: "Iris",
                     headerTitle: `Hi ${getUserName()}!`,
                     bodyType: "text",
-                    bodyText: `I am Alan, your virtual assistant. I am here to help you on anything you are looking for in IA Smart Platform`,
+                    bodyText: `I am Iris, your virtual assistant. I am here to help you on anything you are looking for in IA Smart Platform`,
                 },
             ];
             // chatDataRef.current[currentMode].conversations[
@@ -4903,7 +4903,7 @@ const ChatPlaceholder = (props) => {
         agentId: card.agentId || card.id
     }));
     const dataToMap = legacyAgentScreen || displayQuestions ? transformedCardList : rectangleData;
-    return (jsxRuntime.jsxs("div", { className: classes.placeholderContainer, children: [jsxRuntime.jsx("div", { className: classes.centerIconContainer, children: jsxRuntime.jsx(SvgCenter3D, { className: classes.centerIcon }) }), jsxRuntime.jsxs("div", { className: classes.headingContainer, children: [jsxRuntime.jsx(material.Typography, { variant: "h1", className: classes.heading, children: "Alan's Capabilities" }), jsxRuntime.jsx("span", { className: classes.alphaTag, children: "Beta" })] }), jsxRuntime.jsx(material.Typography, { variant: "body1", className: classes.headingHelperText, children: "Discover potential issues & opportunities Alan can help you with!" }), jsxRuntime.jsx("div", { className: classes.rectanglesContainer, children: dataToMap.map((item, index) => (jsxRuntime.jsx(Rectangle, { type: item.type, icon: item.icon, title: item.title, description: item.description, onClick: () => handleRectangleClick(item?.agentId, item?.title), hoverable: legacyAgentScreen || displayQuestions }, index))) })] }));
+    return (jsxRuntime.jsxs("div", { className: classes.placeholderContainer, children: [jsxRuntime.jsx("div", { className: classes.centerIconContainer, children: jsxRuntime.jsx(SvgCenter3D, { className: classes.centerIcon }) }), jsxRuntime.jsxs("div", { className: classes.headingContainer, children: [jsxRuntime.jsx(material.Typography, { variant: "h1", className: classes.heading, children: "Iris's Capabilities" }), jsxRuntime.jsx("span", { className: classes.alphaTag, children: "Beta" })] }), jsxRuntime.jsx(material.Typography, { variant: "body1", className: classes.headingHelperText, children: "Discover potential issues & opportunities Iris can help you with!" }), jsxRuntime.jsx("div", { className: classes.rectanglesContainer, children: dataToMap.map((item, index) => (jsxRuntime.jsx(Rectangle, { type: item.type, icon: item.icon, title: item.title, description: item.description, onClick: () => handleRectangleClick(item?.agentId, item?.title), hoverable: legacyAgentScreen || displayQuestions }, index))) })] }));
 };
 
 const dateFormat = "DD-MM-YYYY HH:mm:ss";
@@ -7149,15 +7149,43 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
     const chatbotFilterOptions = reactRedux.useSelector((state) => state.smartBotReducer.chatbotFilterOptions);
     const dimensionHierarchies = reactRedux.useSelector((state) => state.userRoleManagementService?.dimensionHierarchies);
     const [isFormSubmitted, setIsFormSubmitted] = React.useState(false);
+    const [isTimedOut, setIsTimedOut] = React.useState(false);
+    const timeoutRef = React.useRef(null);
+    // 30-minute inactivity timeout: disable form and switch to agent_response tab
+    const FORM_TIMEOUT_MS = 30 * 60 * 1000;
+    React.useEffect(() => {
+        if (isFormDisabled || isFormSubmitted || isTimedOut)
+            return;
+        const startTime = Date.now();
+        timeoutRef.current = setTimeout(() => {
+            setIsTimedOut(true);
+            const elapsedSeconds = Math.floor((Date.now() - startTime) / 1000);
+            window.dispatchEvent(new CustomEvent("stepFormTimeout", { detail: { elapsedSeconds } }));
+        }, FORM_TIMEOUT_MS);
+        return () => {
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+                timeoutRef.current = null;
+            }
+        };
+    }, [isFormDisabled, isFormSubmitted, isTimedOut]);
+    // Clear timeout when form is submitted
+    React.useEffect(() => {
+        if (isFormSubmitted && timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+    }, [isFormSubmitted]);
     React.useEffect(() => {
         if (stepFormStreamData?.status === "streaming_start") {
             setIsFormSubmitted(true);
         }
     }, [stepFormStreamData]);
-    // Reset isFormSubmitted when parent signals the form should be enabled (new step_form from restream)
+    // Reset isFormSubmitted and isTimedOut when parent signals the form should be enabled (new step_form from restream)
     React.useEffect(() => {
         if (!isFormDisabled) {
             setIsFormSubmitted(false);
+            setIsTimedOut(false);
         }
     }, [isFormDisabled]);
     const [isFilterSetOpen, setIsFilterSetOpen] = React.useState(false);
@@ -7228,8 +7256,8 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
             return val && (Array.isArray(val) ? val.length > 0 : !!val);
         });
     }, [persistedFormValues, messageIndex]);
-    const formFieldsDisabled = isFormDisabled || isFilterSelected || isFormSubmitted;
-    const savedFilterDisabled = isFormDisabled || isFormFieldUsed || isFormSubmitted;
+    const formFieldsDisabled = isFormDisabled || isFilterSelected || isFormSubmitted || isTimedOut;
+    const savedFilterDisabled = isFormDisabled || isFormFieldUsed || isFormSubmitted || isTimedOut;
     const requiredFieldsFilled = React.useMemo(() => {
         if (!formData || !Array.isArray(formData))
             return false;
@@ -7817,7 +7845,40 @@ const AgentResponse$1 = (props) => {
 
 const StepsResponseTab = (props) => {
     const { steps, setSteps, stepsDone, setStepsDone, finalStepDone, setFinalStepDone, content, isStreaming, stepChange, currentMode, questions, questionsStepsMap, stepFormDataMap, isFormDisabled, streamingWidgetData, isRetrying, } = props;
+    const dispatch = reactRedux.useDispatch();
+    const thinkingContext = reactRedux.useSelector((state) => state.smartBotReducer.thinkingContext);
+    const streamStartTimeRef = React.useRef(thinkingContext?.streamStartTime);
+    // Keep streamStartTime ref in sync with Redux for use in event handler closures
+    React.useEffect(() => {
+        streamStartTimeRef.current = thinkingContext?.streamStartTime;
+    }, [thinkingContext?.streamStartTime]);
     const [tabValue, setTabValue] = React.useState("steps");
+    const [timeoutMessage, setTimeoutMessage] = React.useState("");
+    // Switch to agent_response tab on form inactivity timeout (30 min)
+    React.useEffect(() => {
+        const handleStepFormTimeout = () => {
+            setTimeoutMessage("This session timed out due to inactivity. Please start a new message to continue.");
+            setTabValue("agent_response");
+            dispatch(smartBotActions.setMinimizedStreamData(null));
+            const elapsed = streamStartTimeRef.current
+                ? Math.floor((Date.now() - streamStartTimeRef.current) / 1000)
+                : null;
+            const mins = elapsed != null ? Math.floor(elapsed / 60) : 0;
+            const secs = elapsed != null ? elapsed % 60 : 0;
+            const timedOutLabel = `Worked for ${mins}m:${String(secs).padStart(2, '0')}s`;
+            dispatch(smartBotActions.setThinkingContext({
+                streamStartTime: null,
+                isStreamCompleted: true,
+                finalElapsedSeconds: elapsed,
+                thinkingHeaderMessage: timedOutLabel,
+                thinkingContent: "",
+            }));
+        };
+        window.addEventListener("stepFormTimeout", handleStepFormTimeout);
+        return () => {
+            window.removeEventListener("stepFormTimeout", handleStepFormTimeout);
+        };
+    }, []);
     // When retry countdown starts, switch to agent_response to show it.
     // When retry actually fires (isRetrying goes false + isStreaming goes true), switch back to steps.
     React.useEffect(() => {
@@ -7846,7 +7907,7 @@ const StepsResponseTab = (props) => {
                 },
             ], tabPanels: [
                 jsxRuntime.jsx(Steps$1, { steps: steps, setSteps: setSteps, done: stepsDone, setDone: setStepsDone, setTabValue: setTabValue, finalStepDone: finalStepDone, setFinalStepDone: setFinalStepDone, stepChange: stepChange, currentMode: currentMode, questions: questions, questionsStepsMap: questionsStepsMap, stepFormDataMap: stepFormDataMap, isFormDisabled: isFormDisabled }),
-                jsxRuntime.jsx(AgentResponse$1, { content: content, isStreaming: isStreaming, streamingWidgetData: streamingWidgetData }),
+                jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(AgentResponse$1, { content: content, isStreaming: isStreaming, streamingWidgetData: streamingWidgetData }), timeoutMessage && (jsxRuntime.jsx("div", { style: { marginTop: "8px", padding: "0 8px" }, children: jsxRuntime.jsx(TextRenderer, { text: timeoutMessage, thinking: "" }) }))] }),
             ], value: tabValue }) }));
 };
 
@@ -8674,6 +8735,7 @@ const StreamedContent = ({ botData }) => {
             // Check if this is a user-initiated abort (should not trigger retry)
             const isUserAbort = event.reason === "Network request aborted";
             event.statusCode === 503;
+            const isAgentUnavailable = event.statusCode === 502 || event.statusCode === 404;
             if (isThinking) {
                 setIsThinking(false);
                 const endTime = Date.now();
@@ -8684,8 +8746,50 @@ const StreamedContent = ({ botData }) => {
                 thinkingStartTimeRef.current = finalThinkingTime;
                 messageToStoreRef.current.chatData.thinkingResponse.thinkingTime = finalThinkingTime;
             }
+            // Agent unavailable (502/404) — show specific message, no retry
+            if (isAgentUnavailable) {
+                setWasStreamingAborted(true);
+                wasStreamingAbortedRef.current = true;
+                const currentSteps = stepRef.current;
+                if (currentSteps.length > 0) {
+                    const lastStep = currentSteps[currentSteps.length - 1];
+                    if (lastStep.step_status === "not-completed") {
+                        lastStep.step_status = "completed";
+                    }
+                    stepRef.current = [...currentSteps];
+                    setSteps([...currentSteps]);
+                }
+                const agentUnavailableMessage = "Agent isn't available right now. Please contact your administrator or try again later.";
+                const hasExistingWidgetsOnUnavail = messageToStoreRef.current.appendedData &&
+                    (isArray(messageToStoreRef.current.appendedData)
+                        ? messageToStoreRef.current.appendedData.length > 0
+                        : Object.keys(messageToStoreRef.current.appendedData).length > 0);
+                if (hasExistingWidgetsOnUnavail) {
+                    const errorWidget = { type: "text", response: agentUnavailableMessage };
+                    if (isArray(messageToStoreRef.current.appendedData)) {
+                        messageToStoreRef.current.appendedData.push(errorWidget);
+                    }
+                    else {
+                        messageToStoreRef.current.appendedData = [messageToStoreRef.current.appendedData, errorWidget];
+                    }
+                }
+                else {
+                    messageToStoreRef.current.chatData.response = agentUnavailableMessage;
+                }
+                setContent(agentUnavailableMessage);
+                dispatch(smartBotActions.setMinimizedStreamData({
+                    isStreaming: false,
+                    stepHeader: questionsRef.current[questionsRef.current.length - 1] || "Agent unavailable",
+                    stepSubHeader: "Connection closed",
+                    stepStatus: "completed",
+                    streamStartTime: streamStartTimeRef.current,
+                    actionCount: questionsRef.current.length || 1,
+                }));
+                setStepsDone(true);
+                setIsStreamingDone(true);
+            }
             // Check if we can auto-retry (abrupt close or 503, but not user abort)
-            if (!isUserAbort && retryCountRef.current < MAX_RETRY_COUNT) {
+            else if (!isUserAbort && retryCountRef.current < MAX_RETRY_COUNT) {
                 // Still have retries left — start countdown instead of showing final error
                 setStepsDone(true); // Switch to agent_response tab to show countdown
                 const retryMessage = "The service is temporarily unavailable because of an unusual load. Please wait a moment and try again.";
@@ -8705,8 +8809,26 @@ const StreamedContent = ({ botData }) => {
                     stepRef.current = [...currentSteps];
                     setSteps([...currentSteps]);
                 }
-                const finalMessage = "Please reach out to IA for this, as this didn't work even after retry";
-                messageToStoreRef.current.chatData.response = finalMessage;
+                // Append the error message at the bottom of any existing content.
+                // If widgets already exist in appendedData, append as the last widget
+                // so it renders AFTER the already-received content (not at the top).
+                const finalMessage = "The service is temporarily unavailable because of an unusual load. Please wait a moment and try again.";
+                const hasExistingWidgetsOnErr = messageToStoreRef.current.appendedData &&
+                    (isArray(messageToStoreRef.current.appendedData)
+                        ? messageToStoreRef.current.appendedData.length > 0
+                        : Object.keys(messageToStoreRef.current.appendedData).length > 0);
+                if (hasExistingWidgetsOnErr) {
+                    const errorWidget = { type: "text", response: finalMessage };
+                    if (isArray(messageToStoreRef.current.appendedData)) {
+                        messageToStoreRef.current.appendedData.push(errorWidget);
+                    }
+                    else {
+                        messageToStoreRef.current.appendedData = [messageToStoreRef.current.appendedData, errorWidget];
+                    }
+                }
+                else {
+                    messageToStoreRef.current.chatData.response = finalMessage;
+                }
                 setContent(finalMessage);
                 dispatch(smartBotActions.setMinimizedStreamData({
                     isStreaming: false,
@@ -8748,9 +8870,10 @@ const StreamedContent = ({ botData }) => {
                     startRetryCountdown();
                 }
                 else {
-                    // Retries exhausted — show final elegant message
+                    // Retries exhausted — show final message
                     setWasStreamingAborted(true);
                     wasStreamingAbortedRef.current = true;
+                    // Mark the last in-progress step as completed
                     const currentSteps = stepRef.current;
                     if (currentSteps.length > 0) {
                         const lastStep = currentSteps[currentSteps.length - 1];
@@ -8760,8 +8883,26 @@ const StreamedContent = ({ botData }) => {
                         stepRef.current = [...currentSteps];
                         setSteps([...currentSteps]);
                     }
-                    const finalMessage = "Please reach out to IA for this, as this didn't work even after retry";
-                    messageToStoreRef.current.chatData.response = finalMessage;
+                    // Append the error message at the bottom of any existing content.
+                    // If widgets already exist in appendedData, append as the last widget
+                    // so it renders AFTER the already-received content (not at the top).
+                    const finalMessage = "The service is temporarily unavailable because of an unusual load. Please wait a moment and try again.";
+                    const hasExistingWidgets = messageToStoreRef.current.appendedData &&
+                        (isArray(messageToStoreRef.current.appendedData)
+                            ? messageToStoreRef.current.appendedData.length > 0
+                            : Object.keys(messageToStoreRef.current.appendedData).length > 0);
+                    if (hasExistingWidgets) {
+                        const errorWidget = { type: "text", response: finalMessage };
+                        if (isArray(messageToStoreRef.current.appendedData)) {
+                            messageToStoreRef.current.appendedData.push(errorWidget);
+                        }
+                        else {
+                            messageToStoreRef.current.appendedData = [messageToStoreRef.current.appendedData, errorWidget];
+                        }
+                    }
+                    else {
+                        messageToStoreRef.current.chatData.response = finalMessage;
+                    }
                     setContent(finalMessage);
                     dispatch(smartBotActions.setMinimizedStreamData({
                         isStreaming: false,
@@ -8966,19 +9107,19 @@ const StreamedContent = ({ botData }) => {
                 // [
                 //   {
                 //     header: "Finding relevant information",
-                //     sub_header: "Alan is working to identify relevant information to user answer user query",
+                //     sub_header: "Iris is working to identify relevant information to user answer user query",
                 //     step_status: "not-completed",
                 //   },
                 // ];
                 // [
                 //   {
                 //     header: "Finding relevant information",
-                //     sub_header: "Alan is working to identify relevant information to user answer user query",
+                //     sub_header: "Iris is working to identify relevant information to user answer user query",
                 //     step_status: "completed",
                 //   },
                 //   {
                 //     header: "Output Generation",
-                //     sub_header: "Alan is finalizing response to user query",
+                //     sub_header: "Iris is finalizing response to user query",
                 //     step_status: "not-completed",
                 //   },
                 // ];
@@ -9218,7 +9359,7 @@ const StreamedContent = ({ botData }) => {
      * @returns {JSX.Element} Rendered content with optional blinking cursor
      */
     const renderContent = () => {
-        return (jsxRuntime.jsxs("div", { className: classes.streamContainer, children: [jsxRuntime.jsx(StepsResponseTab, { steps: steps, stepChange: stepChange, setSteps: setSteps, stepsDone: stepsDone, setStepsDone: setStepsDone, finalStepDone: finalStepDone, setFinalStepDone: setFinalStepDone, content: content, isStreaming: isStreaming, currentMode: currentMode, questions: questions, questionsStepsMap: questionsStepsMap, stepFormDataMap: stepFormDataMap, isFormDisabled: botData?.isFormDisabled || false, streamingWidgetData: streamingWidgetData, isRetrying: isRetrying }), isRetrying && (jsxRuntime.jsx("div", { className: classes.retryContainer, children: jsxRuntime.jsxs("span", { className: classes.retryMessage, children: ["Auto re-trying in ", retryCountdown, "s"] }) }))] }));
+        return (jsxRuntime.jsxs("div", { className: classes.streamContainer, children: [jsxRuntime.jsx(StepsResponseTab, { steps: steps, stepChange: stepChange, setSteps: setSteps, stepsDone: stepsDone, setStepsDone: setStepsDone, finalStepDone: finalStepDone, setFinalStepDone: setFinalStepDone, content: content, isStreaming: isStreaming, currentMode: currentMode, questions: questions, questionsStepsMap: questionsStepsMap, stepFormDataMap: stepFormDataMap, isFormDisabled: botData?.isFormDisabled || false, streamingWidgetData: streamingWidgetData, isRetrying: isRetrying }), isRetrying && (jsxRuntime.jsx("div", { className: classes.retryContainer, children: jsxRuntime.jsx(TextRenderer, { text: `Auto re-trying in ${retryCountdown}s`, thinking: "" }) }))] }));
     };
     if (currentMode === "agent") {
         return renderContent();
@@ -9489,6 +9630,12 @@ let activeTabularInstanceId = null;
 const TabularContent = ({ steps: initialSteps, currentTabValue, children, questions: initialQuestions = [], questionsStepsMap: initialQuestionsStepsMap = {}, stepFormDataMap: initialStepFormDataMap = {}, isFormDisabled = false, sessionId: propSessionId = "" }) => {
     const dispatch = reactRedux.useDispatch();
     const stepFormStreamData = reactRedux.useSelector((state) => state.smartBotReducer.stepFormStreamData);
+    const thinkingContext = reactRedux.useSelector((state) => state.smartBotReducer.thinkingContext);
+    const streamStartTimeRef = React.useRef(thinkingContext?.streamStartTime);
+    // Keep streamStartTime ref in sync with Redux for use in event handler closures
+    React.useEffect(() => {
+        streamStartTimeRef.current = thinkingContext?.streamStartTime;
+    }, [thinkingContext?.streamStartTime]);
     const [tabValue, setTabValue] = React.useState(currentTabValue);
     // Local state — initialized from props, updated by SSE chunks
     const [stepsState, setStepsState] = React.useState(() => {
@@ -9511,6 +9658,7 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
     const [hasNewStepFormFromRestream, setHasNewStepFormFromRestream] = React.useState(false);
     const [activeFormIntent, setActiveFormIntent] = React.useState(null);
     const [retryCountdown, setRetryCountdown] = React.useState(0);
+    const [timeoutMessage, setTimeoutMessage] = React.useState("");
     // Stable unique instance ID for this TabularContent mount
     const instanceIdRef = React.useRef(null);
     if (instanceIdRef.current === null) {
@@ -9535,6 +9683,32 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
             window.removeEventListener("stepFormStreamCompleted", handleStepFormCompleted);
         };
     }, []);
+    // Switch to agent_response tab on form inactivity timeout (30 min)
+    React.useEffect(() => {
+        const handleStepFormTimeout = () => {
+            setTimeoutMessage("This session timed out due to inactivity. Please start a new message to continue.");
+            setStepFormSubmitted(true);
+            setTabValue("agent_response");
+            dispatch(smartBotActions.setMinimizedStreamData(null));
+            const elapsed = streamStartTimeRef.current
+                ? Math.floor((Date.now() - streamStartTimeRef.current) / 1000)
+                : null;
+            const mins = elapsed != null ? Math.floor(elapsed / 60) : 0;
+            const secs = elapsed != null ? elapsed % 60 : 0;
+            const timedOutLabel = `Worked for ${mins}m:${String(secs).padStart(2, '0')}s`;
+            dispatch(smartBotActions.setThinkingContext({
+                streamStartTime: null,
+                isStreamCompleted: true,
+                finalElapsedSeconds: elapsed,
+                thinkingHeaderMessage: timedOutLabel,
+                thinkingContent: "",
+            }));
+        };
+        window.addEventListener("stepFormTimeout", handleStepFormTimeout);
+        return () => {
+            window.removeEventListener("stepFormTimeout", handleStepFormTimeout);
+        };
+    }, []);
     // Render a widget item from SSE data
     const renderWidget = (item, index) => {
         try {
@@ -9874,7 +10048,7 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
                 },
             ], tabPanels: [
                 jsxRuntime.jsx(Steps, { steps: stepsState, questions: questionsState, questionsStepsMap: questionsStepsMapState, stepFormDataMap: stepFormDataMapState, isFormDisabled: (isFormDisabled && !isRestreaming) || stepFormSubmitted, activeFormIntent: hasNewStepFormFromRestream ? activeFormIntent : null, isRestreaming: isRestreaming }),
-                jsxRuntime.jsxs(AgentResponse, { children: [children, renderedWidgets.length > 0 && (jsxRuntime.jsx("div", { className: "restream-widget-content", children: renderedWidgets })), retryCountdown > 0 && (jsxRuntime.jsx("div", { style: { marginTop: "8px" }, children: jsxRuntime.jsxs("span", { style: { fontFamily: "Manrope", fontSize: "13px", fontWeight: 500, color: "#374151" }, children: ["Auto re-trying in ", retryCountdown, "s"] }) }))] }),
+                jsxRuntime.jsxs(AgentResponse, { children: [children, renderedWidgets.length > 0 && (jsxRuntime.jsx("div", { className: "restream-widget-content", children: renderedWidgets })), retryCountdown > 0 && (jsxRuntime.jsx("div", { style: { marginTop: "8px" }, children: jsxRuntime.jsx(TextRenderer, { text: `Auto re-trying in ${retryCountdown}s`, thinking: "" }) })), timeoutMessage && (jsxRuntime.jsx("div", { style: { marginTop: "8px" }, children: jsxRuntime.jsx(TextRenderer, { text: timeoutMessage, thinking: "" }) }))] }),
             ], value: tabValue }) }));
 };
 /** Reset the active instance tracker (call when a new conversation starts from the input field) */
@@ -12924,7 +13098,7 @@ let singleConversationNewData = [
             {
                 header: "Creating Plan of Action",
                 step_status: "completed",
-                sub_header: "Alan is working to determine the best approach to answer user query",
+                sub_header: "Iris 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"
             },
             {
@@ -14848,7 +15022,7 @@ const SmartBot = (props) => {
         try {
             // if (localStorage.getItem("isStreaming") === "true") {
             //   displaySnackMessages(
-            //     "Alan is processing request in another tab, This request can be processed once Alan is available",
+            //     "Iris is processing request in another tab, This request can be processed once Iris is available",
             //     "warning"
             //   );
             //   return;
@@ -15190,7 +15364,7 @@ const SmartBot = (props) => {
                             :
                                 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 :",
-                            freeTextContent: "Alan works better when you provide more context and pointed questions",
+                            freeTextContent: "Iris 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: () => {
                             setShowSuggestionBanner(false);
                         }, landingScreen: isLandingScreen, onLikeClick: (params, params2) => {