impact-chatbot 2.3.65 → 2.3.67

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 {
@@ -493,7 +493,8 @@ const parseResponse = (data, type, agentId = "", currentMode = "", disableTimeAn
                     minDate: data?.data?.minDate,
                     maxDate: data?.data?.maxDate,
                     isDisabled: data?.data?.isDisabled,
-                    paramName: data?.data?.param_name
+                    paramName: data?.data?.param_name,
+                    minStartDate: data?.data?.minStartDate
                 }
             };
         case "dateRangePicker":
@@ -513,7 +514,8 @@ const parseResponse = (data, type, agentId = "", currentMode = "", disableTimeAn
                     maxDate: data?.data?.maxDate,
                     isDisabled: data?.data?.isDisabled,
                     showMonthYearSelect: data?.data?.showMonthYearSelect,
-                    paramName: data?.data?.param_name
+                    paramName: data?.data?.param_name,
+                    minStartDate: data?.data?.minStartDate
                 }
             };
         case "checkbox":
@@ -1414,7 +1416,7 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
                 hasDirectActionType: false,
             };
             const loaderData = {
-                userName: "Alan",
+                userName: "Iris",
                 timeStamp: currentTimeString,
                 userType: "loader",
             };
@@ -1980,7 +1982,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 +2226,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 +2280,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
             flow_type: flowType,
         };
         const loaderData = {
-            userName: "Alan",
+            userName: "Iris",
             timeStamp: currentTimeString,
             userType: "loader",
         };
@@ -2312,7 +2314,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 +2333,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 +2405,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
             hasDirectActionType: fetchQuestions,
         };
         const loaderData = {
-            userName: "Alan",
+            userName: "Iris",
             timeStamp: currentTimeString,
             userType: "loader",
         };
@@ -2523,7 +2525,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 +2736,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 +4905,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";
@@ -5887,8 +5889,10 @@ const TableContent = ({ bodyText }) => {
     const onSelectionChanged = (event) => {
         try {
             const selectedList = event.api.getSelectedRows();
-            chatbotContext.tables = { ...chatbotContext?.tables, [table_name]: selectedList };
-            dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setChatbotContext({
+                ...chatbotContext,
+                tables: { ...chatbotContext?.tables, [table_name]: selectedList },
+            }));
         }
         catch (error) {
             console.error("Error in onSelectionChanged", error);
@@ -6731,12 +6735,14 @@ const SliderContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const handleChange = (value) => {
         try {
             setSliderValue(value?.target?.value);
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
-                [bodyText?.paramName]: value?.target?.value,
-                updated: true
-            };
-            dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setChatbotContext({
+                ...chatbotContext,
+                [bodyText?.paramName]: {
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: value?.target?.value,
+                    updated: true,
+                },
+            }));
             dispatch(smartBotActions.setPersistedFormValues({ [formKey]: value?.target?.value }));
         }
         catch (error) {
@@ -6783,17 +6789,20 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             else {
                 value = selectedOptions.value;
             }
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
-                [bodyText?.paramName]: value,
-                updated: true,
+            const updatedContext = {
+                ...chatbotContext,
+                [bodyText?.paramName]: {
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: value,
+                    updated: true,
+                },
             };
             // chatbotContext.select = {
             //   ...chatbotContext?.select,
             //   [bodyText?.paramName]: selectedOptions,
             //   updated: true
             // };
-            dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setChatbotContext(updatedContext));
             dispatch(smartBotActions.setPersistedFormValues({ [formKey]: Array.isArray(selectedOptions) ? selectedOptions : [selectedOptions] }));
             // Notify cross-filter context if cascading is active
             if (isCascading) {
@@ -6833,12 +6842,14 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 setCurrentSelectedOptions([]);
                 setIsAllSelected(false);
                 // Also clear from chatbotContext and persistedFormValues
-                chatbotContext[bodyText?.paramName] = {
-                    ...chatbotContext?.[bodyText?.paramName],
-                    [bodyText?.paramName]: [],
-                    updated: true,
-                };
-                dispatch(smartBotActions.setChatbotContext(chatbotContext));
+                dispatch(smartBotActions.setChatbotContext({
+                    ...chatbotContext,
+                    [bodyText?.paramName]: {
+                        ...chatbotContext?.[bodyText?.paramName],
+                        [bodyText?.paramName]: [],
+                        updated: true,
+                    },
+                }));
                 dispatch(smartBotActions.setPersistedFormValues({ [formKey]: [] }));
             }
         }
@@ -6858,12 +6869,14 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             isRequired: isRequired, isDisabled: isDisabled || isFormDisabled, isClearable: !(isDisabled || isFormDisabled), onClearAll: () => {
                 setCurrentSelectedOptions([]);
                 setIsAllSelected(false);
-                chatbotContext[bodyText?.paramName] = {
-                    ...chatbotContext?.[bodyText?.paramName],
-                    [bodyText?.paramName]: [],
-                    updated: true,
-                };
-                dispatch(smartBotActions.setChatbotContext(chatbotContext));
+                dispatch(smartBotActions.setChatbotContext({
+                    ...chatbotContext,
+                    [bodyText?.paramName]: {
+                        ...chatbotContext?.[bodyText?.paramName],
+                        [bodyText?.paramName]: [],
+                        updated: true,
+                    },
+                }));
                 dispatch(smartBotActions.setPersistedFormValues({ [formKey]: [] }));
                 // Notify cross-filter context to clear downstream filters
                 if (isCascading) {
@@ -6914,12 +6927,14 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                     setCurrentSelectedOptions([...currentOptions]);
                     setIsAllSelected(true);
                     const allValues = allOptionsRef.current.map((opt) => opt.value);
-                    chatbotContext[bodyText?.paramName] = {
-                        ...chatbotContext?.[bodyText?.paramName],
-                        [bodyText?.paramName]: allValues,
-                        updated: true,
-                    };
-                    dispatch(smartBotActions.setChatbotContext(chatbotContext));
+                    dispatch(smartBotActions.setChatbotContext({
+                        ...chatbotContext,
+                        [bodyText?.paramName]: {
+                            ...chatbotContext?.[bodyText?.paramName],
+                            [bodyText?.paramName]: allValues,
+                            updated: true,
+                        },
+                    }));
                     dispatch(smartBotActions.setPersistedFormValues({ [formKey]: currentOptions }));
                     // Notify cross-filter context if cascading is active
                     if (isCascading) {
@@ -6951,12 +6966,14 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) =
     const handleDateChange = (date) => {
         try {
             setSelectedDate(date);
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
-                [bodyText?.paramName]: moment(date).format(displayFormat),
-                updated: true
-            };
-            dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setChatbotContext({
+                ...chatbotContext,
+                [bodyText?.paramName]: {
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: moment(date).format(displayFormat),
+                    updated: true,
+                },
+            }));
             dispatch(smartBotActions.setPersistedFormValues({ [formKey]: date }));
         }
         catch (error) {
@@ -6990,15 +7007,17 @@ const DateRangePickerContent = ({ bodyText, isFormDisabled = false, messageIndex
         try {
             setStartDate(start);
             setEndDate(end);
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
+            dispatch(smartBotActions.setChatbotContext({
+                ...chatbotContext,
                 [bodyText?.paramName]: {
-                    startDate: start ? moment(start).format(displayFormat) : null,
-                    endDate: end ? moment(end).format(displayFormat) : null,
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: {
+                        startDate: start ? moment(start).format(displayFormat) : null,
+                        endDate: end ? moment(end).format(displayFormat) : null,
+                    },
+                    updated: true,
                 },
-                updated: true,
-            };
-            dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            }));
             dispatch(smartBotActions.setPersistedFormValues({ [formKey]: { startDate: start, endDate: end } }));
         }
         catch (error) {
@@ -7039,12 +7058,14 @@ const CheckboxContent = ({ bodyText, isFormDisabled = false, messageIndex }) =>
             //   [bodyText?.paramName]: isChecked?.currentTarget?.checked,
             //   updated: true
             // };
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
-                [bodyText?.paramName]: isChecked?.currentTarget?.checked,
-                updated: true
-            };
-            dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setChatbotContext({
+                ...chatbotContext,
+                [bodyText?.paramName]: {
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: isChecked?.currentTarget?.checked,
+                    updated: true,
+                },
+            }));
             dispatch(smartBotActions.setPersistedFormValues({ [formKey]: isChecked?.currentTarget?.checked }));
         }
         catch (error) {
@@ -7073,12 +7094,14 @@ const RadioContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             //   [bodyText?.paramName]: value,
             //   updated: true,
             // };
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
-                [bodyText?.paramName]: value,
-                updated: true
-            };
-            dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setChatbotContext({
+                ...chatbotContext,
+                [bodyText?.paramName]: {
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: value,
+                    updated: true,
+                },
+            }));
             dispatch(smartBotActions.setPersistedFormValues({ [formKey]: value }));
         }
         catch (error) {
@@ -7101,13 +7124,15 @@ const InputContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
         try {
             const newValue = event?.target?.value || event?.currentTarget?.value || "";
             setValue(newValue);
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
-                [bodyText?.paramName]: replaceSpecialCharToCharCode(newValue),
-                updated: true,
-                type: inputType,
-            };
-            dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setChatbotContext({
+                ...chatbotContext,
+                [bodyText?.paramName]: {
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: replaceSpecialCharToCharCode(newValue),
+                    updated: true,
+                    type: inputType,
+                },
+            }));
             dispatch(smartBotActions.setPersistedFormValues({ [formKey]: newValue }));
         }
         catch (error) {
@@ -7131,6 +7156,8 @@ const ImageContent = ({ bodyText }) => {
                 } })), caption && (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(TextRenderer, { text: caption }) }))] }));
 };
 
+// Key used to persist timeout state in sessionStorage (survives component remounts from tab switches)
+const STEP_FORM_TIMEOUT_KEY = "__stepFormTimedOut";
 /**
  * Renders form widget data inline within a step.
  * Reuses the same rendering logic as CombinedContent but designed
@@ -7149,16 +7176,49 @@ 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(() => sessionStorage.getItem(STEP_FORM_TIMEOUT_KEY) === "true");
+    const timeoutRef = React.useRef(null);
+    const prevIsFormDisabledRef = React.useRef(isFormDisabled);
+    // 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);
+            sessionStorage.setItem(STEP_FORM_TIMEOUT_KEY, "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)
+    // Only reset on a true→false TRANSITION (not on initial mount)
     React.useEffect(() => {
-        if (!isFormDisabled) {
+        if (prevIsFormDisabledRef.current && !isFormDisabled) {
             setIsFormSubmitted(false);
+            setIsTimedOut(false);
+            sessionStorage.removeItem(STEP_FORM_TIMEOUT_KEY);
         }
+        prevIsFormDisabledRef.current = isFormDisabled;
     }, [isFormDisabled]);
     const [isFilterSetOpen, setIsFilterSetOpen] = React.useState(false);
     const [selectedFilterSet, setSelectedFilterSet] = React.useState(() => {
@@ -7228,16 +7288,54 @@ 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;
+        // Only validate fields that are both isRequired AND of a type that visually
+        // shows the mandatory indicator (*) to the user (currently only "select" fields).
         const requiredParams = formData
-            .filter((item) => item?.data?.isRequired)
+            .filter((item) => item?.data?.isRequired && item?.data?.is_mandatory)
             .map((item) => item.data.param_name);
-        if (requiredParams.length === 0)
-            return true;
+        if (requiredParams.length === 0) {
+            // Fallback: if no field has is_mandatory, check select-type fields with isRequired
+            const selectRequiredParams = formData
+                .filter((item) => item?.type === "select" && item?.data?.isRequired)
+                .map((item) => item.data.param_name);
+            if (selectRequiredParams.length === 0) {
+                // No mandatory fields at all — require at least one field to be filled
+                const allParams = formData
+                    .filter((item) => item?.data?.param_name && item?.type !== "button")
+                    .map((item) => item.data.param_name);
+                return allParams.some((param) => {
+                    const ctx = chatbotContext?.[param];
+                    if (ctx && ctx.updated) {
+                        const val = ctx[param];
+                        if (val && (Array.isArray(val) ? val.length > 0 : !!val))
+                            return true;
+                    }
+                    const persistedKey = `${messageIndex}_${param}`;
+                    const persistedVal = persistedFormValues?.[persistedKey];
+                    if (persistedVal && (Array.isArray(persistedVal) ? persistedVal.length > 0 : !!persistedVal))
+                        return true;
+                    return false;
+                });
+            }
+            return selectRequiredParams.every((param) => {
+                const ctx = chatbotContext?.[param];
+                if (ctx && ctx.updated) {
+                    const val = ctx[param];
+                    if (val && (Array.isArray(val) ? val.length > 0 : !!val))
+                        return true;
+                }
+                const persistedKey = `${messageIndex}_${param}`;
+                const persistedVal = persistedFormValues?.[persistedKey];
+                if (persistedVal && (Array.isArray(persistedVal) ? persistedVal.length > 0 : !!persistedVal))
+                    return true;
+                return false;
+            });
+        }
         return requiredParams.every((param) => {
             // Check chatbotContext (populated by saved filters)
             const ctx = chatbotContext?.[param];
@@ -7352,7 +7450,7 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
             case "radio":
                 return jsxRuntime.jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: formFieldsDisabled, messageIndex: messageIndex }, key);
             case "button":
-                return jsxRuntime.jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled || isFormSubmitted, isStepFormSubmit: true, isFormValid: requiredFieldsFilled }, key);
+                return jsxRuntime.jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled || isFormSubmitted || isTimedOut, isStepFormSubmit: true, isFormValid: requiredFieldsFilled }, key);
             case "input":
                 return jsxRuntime.jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: formFieldsDisabled, messageIndex: messageIndex }, key);
             case "image":
@@ -7388,6 +7486,10 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
                     ...(isFilterSelected && !isFormDisabled ? { pointerEvents: "none", opacity: 0.5 } : {}),
                 }, children: crossFilterConfigs.length > 1 ? (jsxRuntime.jsx(CrossFilterProvider, { filters: crossFilterConfigs, fetchOptionsFn: fetchCrossFilterOptions, initialSelections: crossFilterInitialSelections, fetchOnMount: false, children: formFields })) : (formFields) }), buttonItems] }));
 };
+/** Reset the timeout flag (call when a new conversation/message starts) */
+const resetStepFormTimeoutFlag = () => {
+    sessionStorage.removeItem(STEP_FORM_TIMEOUT_KEY);
+};
 
 const useStyles$4 = makeStyles((theme) => ({
     "@global": {
@@ -7817,7 +7919,42 @@ 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("");
+    const [isTimedOut, setIsTimedOut] = React.useState(false);
+    // 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.");
+            setIsTimedOut(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);
+        };
+    }, []);
     // 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(() => {
@@ -7845,8 +7982,8 @@ const StepsResponseTab = (props) => {
                     icon: jsxRuntime.jsx(PsychologyOutlinedIcon, { fontSize: "large" }),
                 },
             ], 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.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 || isTimedOut }),
+                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 }) }));
 };
 
@@ -8290,6 +8427,8 @@ const StreamedContent = ({ botData }) => {
                 ? botData?.utilityObject?.method
                 : "PUT";
             delete botData.inputBody.chat_input;
+            // Clear any stale timeout flag from a previous session
+            resetStepFormTimeoutFlag();
             // Start the timer immediately when the API is called
             if (!streamStartTimeRef.current) {
                 streamStartTimeRef.current = Date.now();
@@ -8674,6 +8813,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 +8824,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.";
@@ -9003,19 +9185,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",
                 //   },
                 // ];
@@ -9255,7 +9437,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();
@@ -9526,6 +9708,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(() => {
@@ -9548,6 +9736,8 @@ 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("");
+    const [isTimedOut, setIsTimedOut] = React.useState(false);
     // Stable unique instance ID for this TabularContent mount
     const instanceIdRef = React.useRef(null);
     if (instanceIdRef.current === null) {
@@ -9572,6 +9762,33 @@ 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);
+            setIsTimedOut(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 {
@@ -9910,8 +10127,8 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
                     icon: jsxRuntime.jsx(PsychologyOutlinedIcon, { fontSize: "large" }),
                 },
             ], 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.jsx(Steps, { steps: stepsState, questions: questionsState, questionsStepsMap: questionsStepsMapState, stepFormDataMap: stepFormDataMapState, isFormDisabled: (isFormDisabled && !isRestreaming) || stepFormSubmitted || isTimedOut, 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.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) */
@@ -12961,7 +13178,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"
             },
             {
@@ -14885,7 +15102,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;
@@ -15227,7 +15444,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) => {