impact-chatbot 2.3.66 → 2.3.68

package/dist/components/message-template/components/message-content/StepFormContent.d.ts

@@ -13,4 +13,6 @@ declare const StepFormContent: ({ formData, messageIndex, isFormDisabled, showSa
     isFormDisabled?: boolean;
     showSavedFilters?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
+/** Reset the timeout flag (call when a new conversation/message starts) */
+export declare const resetStepFormTimeoutFlag: () => void;
 export default StepFormContent;

package/dist/index.cjs.js

@@ -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":
@@ -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,8 +7176,9 @@ 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 [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(() => {
@@ -7159,6 +7187,7 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
         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);
@@ -7182,11 +7211,14 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
         }
     }, [stepFormStreamData]);
     // 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(() => {
@@ -7261,11 +7293,49 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
     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];
@@ -7380,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":
@@ -7416,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": {
@@ -7854,10 +7928,12 @@ const StepsResponseTab = (props) => {
     }, [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
@@ -7906,7 +7982,7 @@ 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(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 }) }));
 };
@@ -8351,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();
@@ -8812,7 +8890,7 @@ const StreamedContent = ({ botData }) => {
                 // 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 finalMessage = "Please reach out to IA for this, as this didn't work even after retry";
                 const hasExistingWidgetsOnErr = messageToStoreRef.current.appendedData &&
                     (isArray(messageToStoreRef.current.appendedData)
                         ? messageToStoreRef.current.appendedData.length > 0
@@ -9659,6 +9737,7 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
     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) {
@@ -9688,6 +9767,7 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
         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
@@ -10047,7 +10127,7 @@ 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.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 }) }));
 };