@iblai/iblai-js 2.3.10 → 2.3.11

package/dist/web-containers/source/index.esm.js

@@ -155427,6 +155427,19 @@ function StringSettingInput({ value, defaultValue, disabled, onSave, }) {
     };
     return (jsxs("div", { className: "flex items-center gap-2", children: [isDirty && (jsx(Button$1, { type: "button", size: "sm", onClick: handleSave, disabled: disabled, className: "h-8 bg-blue-500 hover:bg-blue-600 text-white", children: t('advancedAdvanced.save') })), jsx(Input, { value: localValue, onChange: (e) => setLocalValue(e.target.value), disabled: disabled, className: "max-w-[240px] w-[110px] sm:w-[230px] font-medium text-[#646464] text-sm" }), disabled && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] }));
 }
+/**
+ * A setting whose value is constrained to a fixed list of options declared in the
+ * tenant metadata config, rendered as a dropdown.
+ */
+function hasSelectableOptions(metadataItem) {
+    return Array.isArray(metadataItem.options) && metadataItem.options.length > 0;
+}
+function SelectSettingInput({ label, options, value, defaultValue, disabled, triggerClassName, onSelect, }) {
+    // Values saved before an option was renamed/removed fall back to the default
+    // so the trigger never renders an empty selection.
+    const selectedValue = options.some((option) => option.value === value) ? value : defaultValue;
+    return (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: selectedValue, onValueChange: onSelect, disabled: disabled, children: [jsx(SelectTrigger, { "aria-label": label, className: triggerClassName, children: jsx(SelectValue, {}) }), jsx(SelectContent, { className: "font-medium text-[#646464]", children: options.map((option) => (jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }), disabled && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] }));
+}
 function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatformBaseDomain, }) {
     const t = useT();
     const [updateTenantMetadata, { isLoading: isUpdatingTenantMetadata }] = useUpdateTenantMetadataMutation();
@@ -155462,33 +155475,35 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
         'enable_profile_screen_on_start_page',
         'enable_get_started_screen_on_start_page',
     ];
+    // String settings rendered as a free-text input; every other string setting is
+    // either handled by a dedicated component or exposed through its own options list
+    const stringSettingSlugs = [
+        'overall_default_mentor',
+        'help_center_url',
+        'monetization_base_path',
+        'skills_welcome_tagline',
+    ];
+    const getConfigurableMetadatas = () => {
+        // Include boolean, select and whitelisted string settings, but exclude start
+        // screen settings which are handled by the StartScreenContent component
+        const configurableMetadatas = getAllMetadatas().filter((metadata) => (typeof metadata.defaultValue === 'boolean' ||
+            hasSelectableOptions(metadata) ||
+            (typeof metadata.defaultValue === 'string' &&
+                stringSettingSlugs.includes(metadata.slug))) &&
+            !startScreenSlugs.includes(metadata.slug));
+        // Show all configurable settings when no SPA is specified
+        if (!currentSPA)
+            return configurableMetadatas;
+        // Filter by current SPA if specified (case-insensitive partial matching)
+        return configurableMetadatas.filter((metadata) => {
+            const spaName = String(metadata.SPA || '').toLowerCase();
+            const searchTerm = String(currentSPA).toLowerCase();
+            return spaName.includes(searchTerm) || searchTerm.includes(spaName);
+        });
+    };
     useEffect(() => {
         if (metadataLoaded) {
-            const allMetadatas = getAllMetadatas();
-            // Include both boolean and string settings, but exclude start screen settings
-            // which are handled by the StartScreenContent component
-            const stringSettingSlugs = [
-                'overall_default_mentor',
-                'help_center_url',
-                'monetization_base_path',
-                'skills_welcome_tagline',
-            ];
-            const configurableMetadatas = allMetadatas.filter((metadata) => (typeof metadata.defaultValue === 'boolean' ||
-                (typeof metadata.defaultValue === 'string' &&
-                    stringSettingSlugs.includes(metadata.slug))) &&
-                !startScreenSlugs.includes(metadata.slug));
-            if (currentSPA) {
-                // Filter by current SPA if specified (case-insensitive partial matching)
-                setFlagTenantMetadatas(configurableMetadatas.filter((metadata) => {
-                    const spaName = String(metadata.SPA || '').toLowerCase();
-                    const searchTerm = String(currentSPA).toLowerCase();
-                    return spaName.includes(searchTerm) || searchTerm.includes(spaName);
-                }));
-            }
-            else {
-                // Show all configurable settings when no SPA is specified
-                setFlagTenantMetadatas(configurableMetadatas);
-            }
+            setFlagTenantMetadatas(getConfigurableMetadatas());
         }
     }, [metadataLoaded, currentSPA]);
     const updateOrganizationMetadata = async (key, value, callback) => {
@@ -155532,8 +155547,7 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
         updateOrganizationMetadata(slug, newValue, () => {
             toast.success(t('advancedAdvanced.settingUpdatedSuccessfully'));
             // Update local state by refreshing the metadata
-            setFlagTenantMetadatas(getAllMetadatas().filter((metadata) => String(metadata.SPA).toLowerCase().includes(String(currentSPA).toLowerCase()) &&
-                typeof metadata.defaultValue === 'boolean'));
+            setFlagTenantMetadatas(getConfigurableMetadatas());
         });
     };
     const handleMentorSelection = async (slug, mentorUniqueId) => {
@@ -155585,6 +155599,13 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
             toast.success(t('advancedAdvanced.settingUpdatedSuccessfully'));
         });
     };
+    const handleSelectSettingUpdate = async (slug, value) => {
+        updateOrganizationMetadata(slug, value, () => {
+            toast.success(t('advancedAdvanced.settingUpdatedSuccessfully'));
+            // Update local state so the dropdown reflects the saved value
+            setFlagTenantMetadatas(getConfigurableMetadatas());
+        });
+    };
     // Helper function to get mentor name from JSON string, object, or unique_id
     const getMentorName = (mentorValue) => {
         var _a;
@@ -155619,11 +155640,17 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
                             ? 'None'
                             : ((_a = metadataItem.value) !== null && _a !== void 0 ? _a : metadataItem.defaultValue);
                         const isMentorSetting = metadataItem.slug === 'overall_default_mentor';
-                        const isStringSetting = typeof metadataItem.defaultValue === 'string' && !isMentorSetting;
-                        return (jsxs("div", { className: `flex items-center justify-between rounded-lg border px-6 ${isMentorSetting || isStringSetting ? 'py-4' : 'py-6'}`, style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: metadataItem.label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('advancedAdvanced.moreInfoAbout', {
+                        const selectOptions = hasSelectableOptions(metadataItem)
+                            ? metadataItem.options
+                            : null;
+                        const isSelectSetting = selectOptions !== null;
+                        const isStringSetting = typeof metadataItem.defaultValue === 'string' &&
+                            !isMentorSetting &&
+                            !isSelectSetting;
+                        return (jsxs("div", { className: `flex items-center justify-between rounded-lg border px-6 ${isMentorSetting || isStringSetting || isSelectSetting ? 'py-4' : 'py-6'}`, style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: metadataItem.label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('advancedAdvanced.moreInfoAbout', {
                                                             label: metadataItem.label,
                                                         }), className: "hidden sm:block", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: metadataItem.description ||
-                                                                t('advancedAdvanced.noDescriptionAvailable') }) })] }) })] }), jsx("div", { className: "flex items-center gap-2", children: isMentorSetting ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: currentValue || '', onValueChange: (value) => handleMentorSelection(metadataItem.slug, value), disabled: isUpdatingTenantMetadata, children: [jsx(SelectTrigger, { className: "max-w-[240px] w-[110px] sm:w-[230px] font-medium text-[#646464]", children: jsx(SelectValue, { placeholder: t('advancedAdvanced.selectAgent'), children: currentValue ? getMentorName(currentValue) : '' }) }), jsxs(SelectContent, { className: "font-medium text-[#646464]", children: [jsx("div", { className: "p-2", children: jsx(Input, { placeholder: t('advancedAdvanced.searchAgents'), value: mentorSearchQuery, onChange: (e) => handleMentorSearch(e.target.value), className: "mb-2 font-medium text-[#646464]" }) }), jsx(SelectItem, { value: "none", children: t('advancedAdvanced.none') }), isMentorsLoading ? (jsx(SelectItem, { "aria-label": t('advancedAdvanced.loadingAgents'), value: "loading", disabled: true, children: t('advancedAdvanced.loadingAgents') })) : ((_b = mentorsData === null || mentorsData === void 0 ? void 0 : mentorsData.results) === null || _b === void 0 ? void 0 : _b.length) ? (mentorsData.results.map((mentor) => (jsx(SelectItem, { value: mentor.unique_id, children: mentor.name }, mentor.unique_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: t('advancedAdvanced.noAgentsFound') }))] })] }), isUpdatingTenantMetadata && (jsx("div", { "aria-label": t('advancedAdvanced.updatingAgentSelection'), role: "status", className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) : isStringSetting ? (jsx(StringSettingInput, { value: currentValue, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, onSave: (value) => handleStringSettingUpdate(metadataItem.slug, value) })) : (jsxs(Fragment$1, { children: [jsx(Switch, { checked: currentValue, onCheckedChange: async () => {
+                                                                t('advancedAdvanced.noDescriptionAvailable') }) })] }) })] }), jsx("div", { className: "flex items-center gap-2", children: isMentorSetting ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: currentValue || '', onValueChange: (value) => handleMentorSelection(metadataItem.slug, value), disabled: isUpdatingTenantMetadata, children: [jsx(SelectTrigger, { className: "max-w-[240px] w-[110px] sm:w-[230px] font-medium text-[#646464]", children: jsx(SelectValue, { placeholder: t('advancedAdvanced.selectAgent'), children: currentValue ? getMentorName(currentValue) : '' }) }), jsxs(SelectContent, { className: "font-medium text-[#646464]", children: [jsx("div", { className: "p-2", children: jsx(Input, { placeholder: t('advancedAdvanced.searchAgents'), value: mentorSearchQuery, onChange: (e) => handleMentorSearch(e.target.value), className: "mb-2 font-medium text-[#646464]" }) }), jsx(SelectItem, { value: "none", children: t('advancedAdvanced.none') }), isMentorsLoading ? (jsx(SelectItem, { "aria-label": t('advancedAdvanced.loadingAgents'), value: "loading", disabled: true, children: t('advancedAdvanced.loadingAgents') })) : ((_b = mentorsData === null || mentorsData === void 0 ? void 0 : mentorsData.results) === null || _b === void 0 ? void 0 : _b.length) ? (mentorsData.results.map((mentor) => (jsx(SelectItem, { value: mentor.unique_id, children: mentor.name }, mentor.unique_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: t('advancedAdvanced.noAgentsFound') }))] })] }), isUpdatingTenantMetadata && (jsx("div", { "aria-label": t('advancedAdvanced.updatingAgentSelection'), role: "status", className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) : selectOptions ? (jsx(SelectSettingInput, { label: metadataItem.label, options: selectOptions, value: metadataItem.value, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, triggerClassName: "max-w-[240px] w-[110px] sm:w-[230px] font-medium text-[#646464]", onSelect: (value) => handleSelectSettingUpdate(metadataItem.slug, value) })) : isStringSetting ? (jsx(StringSettingInput, { value: currentValue, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, onSave: (value) => handleStringSettingUpdate(metadataItem.slug, value) })) : (jsxs(Fragment$1, { children: [jsx(Switch, { checked: currentValue, onCheckedChange: async () => {
                                                     await handleToggleSetting(metadataItem.slug, currentValue);
                                                 }, disabled: isUpdatingTenantMetadata, "aria-label": `${metadataItem.label} ${currentValue ? t('advancedAdvanced.enabled') : t('advancedAdvanced.disabled')}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" }), isUpdatingTenantMetadata && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) })] }, metadataItem.slug));
                     }) })) : (
@@ -155641,11 +155668,17 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
                                     var _a, _b;
                                     const currentValue = (_a = metadataItem.value) !== null && _a !== void 0 ? _a : metadataItem.defaultValue;
                                     const isMentorSetting = metadataItem.slug === 'overall_default_mentor';
-                                    const isStringSetting = typeof metadataItem.defaultValue === 'string' && !isMentorSetting;
-                                    return (jsxs("div", { className: `flex items-center justify-between rounded-lg border px-6 ${isMentorSetting || isStringSetting ? 'py-4' : 'py-6'}`, style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: metadataItem.label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('advancedAdvanced.moreInfoAbout', {
+                                    const selectOptions = hasSelectableOptions(metadataItem)
+                                        ? metadataItem.options
+                                        : null;
+                                    const isSelectSetting = selectOptions !== null;
+                                    const isStringSetting = typeof metadataItem.defaultValue === 'string' &&
+                                        !isMentorSetting &&
+                                        !isSelectSetting;
+                                    return (jsxs("div", { className: `flex items-center justify-between rounded-lg border px-6 ${isMentorSetting || isStringSetting || isSelectSetting ? 'py-4' : 'py-6'}`, style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: metadataItem.label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('advancedAdvanced.moreInfoAbout', {
                                                                         label: metadataItem.label,
                                                                     }), className: "hidden sm:block", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: metadataItem.description ||
-                                                                            t('advancedAdvanced.noDescriptionAvailable') }) })] }) })] }), jsx("div", { className: "flex items-center gap-2", children: isMentorSetting ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: currentValue || '', onValueChange: (value) => handleMentorSelection(metadataItem.slug, value), disabled: isUpdatingTenantMetadata, children: [jsx(SelectTrigger, { className: "max-w-[240px] w-[230px] sm:w-[150px] font-medium text-[#646464]", children: jsx(SelectValue, { placeholder: t('advancedAdvanced.selectAgent'), children: currentValue ? getMentorName(currentValue) : '' }) }), jsxs(SelectContent, { className: "font-medium text-[#646464]", children: [jsx("div", { className: "p-2", children: jsx(Input, { placeholder: t('advancedAdvanced.searchAgents'), value: mentorSearchQuery, onChange: (e) => handleMentorSearch(e.target.value), className: "mb-2 font-medium text-[#646464]" }) }), jsx(SelectItem, { value: "none", children: t('advancedAdvanced.none') }), isMentorsLoading ? (jsx(SelectItem, { value: "loading", disabled: true, children: t('advancedAdvanced.loadingAgents') })) : ((_b = mentorsData === null || mentorsData === void 0 ? void 0 : mentorsData.results) === null || _b === void 0 ? void 0 : _b.length) ? (mentorsData.results.map((mentor) => (jsx(SelectItem, { value: mentor.unique_id, children: mentor.name }, mentor.unique_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: t('advancedAdvanced.noAgentsFound') }))] })] }), isUpdatingTenantMetadata && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) : isStringSetting ? (jsx(StringSettingInput, { value: currentValue, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, onSave: (value) => handleStringSettingUpdate(metadataItem.slug, value) })) : (jsxs(Fragment$1, { children: [jsx(Switch, { checked: currentValue, onCheckedChange: async () => {
+                                                                            t('advancedAdvanced.noDescriptionAvailable') }) })] }) })] }), jsx("div", { className: "flex items-center gap-2", children: isMentorSetting ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: currentValue || '', onValueChange: (value) => handleMentorSelection(metadataItem.slug, value), disabled: isUpdatingTenantMetadata, children: [jsx(SelectTrigger, { className: "max-w-[240px] w-[230px] sm:w-[150px] font-medium text-[#646464]", children: jsx(SelectValue, { placeholder: t('advancedAdvanced.selectAgent'), children: currentValue ? getMentorName(currentValue) : '' }) }), jsxs(SelectContent, { className: "font-medium text-[#646464]", children: [jsx("div", { className: "p-2", children: jsx(Input, { placeholder: t('advancedAdvanced.searchAgents'), value: mentorSearchQuery, onChange: (e) => handleMentorSearch(e.target.value), className: "mb-2 font-medium text-[#646464]" }) }), jsx(SelectItem, { value: "none", children: t('advancedAdvanced.none') }), isMentorsLoading ? (jsx(SelectItem, { value: "loading", disabled: true, children: t('advancedAdvanced.loadingAgents') })) : ((_b = mentorsData === null || mentorsData === void 0 ? void 0 : mentorsData.results) === null || _b === void 0 ? void 0 : _b.length) ? (mentorsData.results.map((mentor) => (jsx(SelectItem, { value: mentor.unique_id, children: mentor.name }, mentor.unique_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: t('advancedAdvanced.noAgentsFound') }))] })] }), isUpdatingTenantMetadata && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) : selectOptions ? (jsx(SelectSettingInput, { label: metadataItem.label, options: selectOptions, value: metadataItem.value, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, triggerClassName: "max-w-[240px] w-[230px] sm:w-[150px] font-medium text-[#646464]", onSelect: (value) => handleSelectSettingUpdate(metadataItem.slug, value) })) : isStringSetting ? (jsx(StringSettingInput, { value: currentValue, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, onSave: (value) => handleStringSettingUpdate(metadataItem.slug, value) })) : (jsxs(Fragment$1, { children: [jsx(Switch, { checked: currentValue, onCheckedChange: async () => {
                                                                 await handleToggleSetting(metadataItem.slug, currentValue);
                                                             }, disabled: isUpdatingTenantMetadata, "aria-label": `${metadataItem.label} ${currentValue ? t('advancedAdvanced.enabled') : t('advancedAdvanced.disabled')}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" }), isUpdatingTenantMetadata && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) })] }, metadataItem.slug));
                                 }) })] }, spa)));

package/dist/web-containers/source/next/index.esm.js

@@ -189684,6 +189684,19 @@ function StringSettingInput({ value, defaultValue, disabled, onSave, }) {
     };
     return (jsxs("div", { className: "flex items-center gap-2", children: [isDirty && (jsx(Button$1, { type: "button", size: "sm", onClick: handleSave, disabled: disabled, className: "h-8 bg-blue-500 hover:bg-blue-600 text-white", children: t('advancedAdvanced.save') })), jsx(Input, { value: localValue, onChange: (e) => setLocalValue(e.target.value), disabled: disabled, className: "max-w-[240px] w-[110px] sm:w-[230px] font-medium text-[#646464] text-sm" }), disabled && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] }));
 }
+/**
+ * A setting whose value is constrained to a fixed list of options declared in the
+ * tenant metadata config, rendered as a dropdown.
+ */
+function hasSelectableOptions(metadataItem) {
+    return Array.isArray(metadataItem.options) && metadataItem.options.length > 0;
+}
+function SelectSettingInput({ label, options, value, defaultValue, disabled, triggerClassName, onSelect, }) {
+    // Values saved before an option was renamed/removed fall back to the default
+    // so the trigger never renders an empty selection.
+    const selectedValue = options.some((option) => option.value === value) ? value : defaultValue;
+    return (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: selectedValue, onValueChange: onSelect, disabled: disabled, children: [jsx(SelectTrigger, { "aria-label": label, className: triggerClassName, children: jsx(SelectValue, {}) }), jsx(SelectContent, { className: "font-medium text-[#646464]", children: options.map((option) => (jsx(SelectItem, { value: option.value, children: option.label }, option.value))) })] }), disabled && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] }));
+}
 function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatformBaseDomain, }) {
     const t = useT();
     const [updateTenantMetadata, { isLoading: isUpdatingTenantMetadata }] = useUpdateTenantMetadataMutation();
@@ -189719,33 +189732,35 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
         'enable_profile_screen_on_start_page',
         'enable_get_started_screen_on_start_page',
     ];
+    // String settings rendered as a free-text input; every other string setting is
+    // either handled by a dedicated component or exposed through its own options list
+    const stringSettingSlugs = [
+        'overall_default_mentor',
+        'help_center_url',
+        'monetization_base_path',
+        'skills_welcome_tagline',
+    ];
+    const getConfigurableMetadatas = () => {
+        // Include boolean, select and whitelisted string settings, but exclude start
+        // screen settings which are handled by the StartScreenContent component
+        const configurableMetadatas = getAllMetadatas().filter((metadata) => (typeof metadata.defaultValue === 'boolean' ||
+            hasSelectableOptions(metadata) ||
+            (typeof metadata.defaultValue === 'string' &&
+                stringSettingSlugs.includes(metadata.slug))) &&
+            !startScreenSlugs.includes(metadata.slug));
+        // Show all configurable settings when no SPA is specified
+        if (!currentSPA)
+            return configurableMetadatas;
+        // Filter by current SPA if specified (case-insensitive partial matching)
+        return configurableMetadatas.filter((metadata) => {
+            const spaName = String(metadata.SPA || '').toLowerCase();
+            const searchTerm = String(currentSPA).toLowerCase();
+            return spaName.includes(searchTerm) || searchTerm.includes(spaName);
+        });
+    };
     useEffect(() => {
         if (metadataLoaded) {
-            const allMetadatas = getAllMetadatas();
-            // Include both boolean and string settings, but exclude start screen settings
-            // which are handled by the StartScreenContent component
-            const stringSettingSlugs = [
-                'overall_default_mentor',
-                'help_center_url',
-                'monetization_base_path',
-                'skills_welcome_tagline',
-            ];
-            const configurableMetadatas = allMetadatas.filter((metadata) => (typeof metadata.defaultValue === 'boolean' ||
-                (typeof metadata.defaultValue === 'string' &&
-                    stringSettingSlugs.includes(metadata.slug))) &&
-                !startScreenSlugs.includes(metadata.slug));
-            if (currentSPA) {
-                // Filter by current SPA if specified (case-insensitive partial matching)
-                setFlagTenantMetadatas(configurableMetadatas.filter((metadata) => {
-                    const spaName = String(metadata.SPA || '').toLowerCase();
-                    const searchTerm = String(currentSPA).toLowerCase();
-                    return spaName.includes(searchTerm) || searchTerm.includes(spaName);
-                }));
-            }
-            else {
-                // Show all configurable settings when no SPA is specified
-                setFlagTenantMetadatas(configurableMetadatas);
-            }
+            setFlagTenantMetadatas(getConfigurableMetadatas());
         }
     }, [metadataLoaded, currentSPA]);
     const updateOrganizationMetadata = async (key, value, callback) => {
@@ -189789,8 +189804,7 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
         updateOrganizationMetadata(slug, newValue, () => {
             toast.success(t('advancedAdvanced.settingUpdatedSuccessfully'));
             // Update local state by refreshing the metadata
-            setFlagTenantMetadatas(getAllMetadatas().filter((metadata) => String(metadata.SPA).toLowerCase().includes(String(currentSPA).toLowerCase()) &&
-                typeof metadata.defaultValue === 'boolean'));
+            setFlagTenantMetadatas(getConfigurableMetadatas());
         });
     };
     const handleMentorSelection = async (slug, mentorUniqueId) => {
@@ -189842,6 +189856,13 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
             toast.success(t('advancedAdvanced.settingUpdatedSuccessfully'));
         });
     };
+    const handleSelectSettingUpdate = async (slug, value) => {
+        updateOrganizationMetadata(slug, value, () => {
+            toast.success(t('advancedAdvanced.settingUpdatedSuccessfully'));
+            // Update local state so the dropdown reflects the saved value
+            setFlagTenantMetadatas(getConfigurableMetadatas());
+        });
+    };
     // Helper function to get mentor name from JSON string, object, or unique_id
     const getMentorName = (mentorValue) => {
         var _a;
@@ -189876,11 +189897,17 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
                             ? 'None'
                             : ((_a = metadataItem.value) !== null && _a !== void 0 ? _a : metadataItem.defaultValue);
                         const isMentorSetting = metadataItem.slug === 'overall_default_mentor';
-                        const isStringSetting = typeof metadataItem.defaultValue === 'string' && !isMentorSetting;
-                        return (jsxs("div", { className: `flex items-center justify-between rounded-lg border px-6 ${isMentorSetting || isStringSetting ? 'py-4' : 'py-6'}`, style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: metadataItem.label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('advancedAdvanced.moreInfoAbout', {
+                        const selectOptions = hasSelectableOptions(metadataItem)
+                            ? metadataItem.options
+                            : null;
+                        const isSelectSetting = selectOptions !== null;
+                        const isStringSetting = typeof metadataItem.defaultValue === 'string' &&
+                            !isMentorSetting &&
+                            !isSelectSetting;
+                        return (jsxs("div", { className: `flex items-center justify-between rounded-lg border px-6 ${isMentorSetting || isStringSetting || isSelectSetting ? 'py-4' : 'py-6'}`, style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: metadataItem.label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('advancedAdvanced.moreInfoAbout', {
                                                             label: metadataItem.label,
                                                         }), className: "hidden sm:block", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "rounded-lg bg-gray-700 px-3 py-2 text-sm font-medium whitespace-nowrap text-white shadow-sm transition-opacity duration-300 z-50", children: jsx("p", { children: metadataItem.description ||
-                                                                t('advancedAdvanced.noDescriptionAvailable') }) })] }) })] }), jsx("div", { className: "flex items-center gap-2", children: isMentorSetting ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: currentValue || '', onValueChange: (value) => handleMentorSelection(metadataItem.slug, value), disabled: isUpdatingTenantMetadata, children: [jsx(SelectTrigger, { className: "max-w-[240px] w-[110px] sm:w-[230px] font-medium text-[#646464]", children: jsx(SelectValue, { placeholder: t('advancedAdvanced.selectAgent'), children: currentValue ? getMentorName(currentValue) : '' }) }), jsxs(SelectContent, { className: "font-medium text-[#646464]", children: [jsx("div", { className: "p-2", children: jsx(Input, { placeholder: t('advancedAdvanced.searchAgents'), value: mentorSearchQuery, onChange: (e) => handleMentorSearch(e.target.value), className: "mb-2 font-medium text-[#646464]" }) }), jsx(SelectItem, { value: "none", children: t('advancedAdvanced.none') }), isMentorsLoading ? (jsx(SelectItem, { "aria-label": t('advancedAdvanced.loadingAgents'), value: "loading", disabled: true, children: t('advancedAdvanced.loadingAgents') })) : ((_b = mentorsData === null || mentorsData === void 0 ? void 0 : mentorsData.results) === null || _b === void 0 ? void 0 : _b.length) ? (mentorsData.results.map((mentor) => (jsx(SelectItem, { value: mentor.unique_id, children: mentor.name }, mentor.unique_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: t('advancedAdvanced.noAgentsFound') }))] })] }), isUpdatingTenantMetadata && (jsx("div", { "aria-label": t('advancedAdvanced.updatingAgentSelection'), role: "status", className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) : isStringSetting ? (jsx(StringSettingInput, { value: currentValue, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, onSave: (value) => handleStringSettingUpdate(metadataItem.slug, value) })) : (jsxs(Fragment$1, { children: [jsx(Switch, { checked: currentValue, onCheckedChange: async () => {
+                                                                t('advancedAdvanced.noDescriptionAvailable') }) })] }) })] }), jsx("div", { className: "flex items-center gap-2", children: isMentorSetting ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: currentValue || '', onValueChange: (value) => handleMentorSelection(metadataItem.slug, value), disabled: isUpdatingTenantMetadata, children: [jsx(SelectTrigger, { className: "max-w-[240px] w-[110px] sm:w-[230px] font-medium text-[#646464]", children: jsx(SelectValue, { placeholder: t('advancedAdvanced.selectAgent'), children: currentValue ? getMentorName(currentValue) : '' }) }), jsxs(SelectContent, { className: "font-medium text-[#646464]", children: [jsx("div", { className: "p-2", children: jsx(Input, { placeholder: t('advancedAdvanced.searchAgents'), value: mentorSearchQuery, onChange: (e) => handleMentorSearch(e.target.value), className: "mb-2 font-medium text-[#646464]" }) }), jsx(SelectItem, { value: "none", children: t('advancedAdvanced.none') }), isMentorsLoading ? (jsx(SelectItem, { "aria-label": t('advancedAdvanced.loadingAgents'), value: "loading", disabled: true, children: t('advancedAdvanced.loadingAgents') })) : ((_b = mentorsData === null || mentorsData === void 0 ? void 0 : mentorsData.results) === null || _b === void 0 ? void 0 : _b.length) ? (mentorsData.results.map((mentor) => (jsx(SelectItem, { value: mentor.unique_id, children: mentor.name }, mentor.unique_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: t('advancedAdvanced.noAgentsFound') }))] })] }), isUpdatingTenantMetadata && (jsx("div", { "aria-label": t('advancedAdvanced.updatingAgentSelection'), role: "status", className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) : selectOptions ? (jsx(SelectSettingInput, { label: metadataItem.label, options: selectOptions, value: metadataItem.value, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, triggerClassName: "max-w-[240px] w-[110px] sm:w-[230px] font-medium text-[#646464]", onSelect: (value) => handleSelectSettingUpdate(metadataItem.slug, value) })) : isStringSetting ? (jsx(StringSettingInput, { value: currentValue, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, onSave: (value) => handleStringSettingUpdate(metadataItem.slug, value) })) : (jsxs(Fragment$1, { children: [jsx(Switch, { checked: currentValue, onCheckedChange: async () => {
                                                     await handleToggleSetting(metadataItem.slug, currentValue);
                                                 }, disabled: isUpdatingTenantMetadata, "aria-label": `${metadataItem.label} ${currentValue ? t('advancedAdvanced.enabled') : t('advancedAdvanced.disabled')}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" }), isUpdatingTenantMetadata && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) })] }, metadataItem.slug));
                     }) })) : (
@@ -189898,11 +189925,17 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
                                     var _a, _b;
                                     const currentValue = (_a = metadataItem.value) !== null && _a !== void 0 ? _a : metadataItem.defaultValue;
                                     const isMentorSetting = metadataItem.slug === 'overall_default_mentor';
-                                    const isStringSetting = typeof metadataItem.defaultValue === 'string' && !isMentorSetting;
-                                    return (jsxs("div", { className: `flex items-center justify-between rounded-lg border px-6 ${isMentorSetting || isStringSetting ? 'py-4' : 'py-6'}`, style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: metadataItem.label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('advancedAdvanced.moreInfoAbout', {
+                                    const selectOptions = hasSelectableOptions(metadataItem)
+                                        ? metadataItem.options
+                                        : null;
+                                    const isSelectSetting = selectOptions !== null;
+                                    const isStringSetting = typeof metadataItem.defaultValue === 'string' &&
+                                        !isMentorSetting &&
+                                        !isSelectSetting;
+                                    return (jsxs("div", { className: `flex items-center justify-between rounded-lg border px-6 ${isMentorSetting || isStringSetting || isSelectSetting ? 'py-4' : 'py-6'}`, style: { borderColor: 'oklch(.922 0 0)' }, children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("span", { className: "text-sm font-medium text-[#646464]", children: metadataItem.label }), jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { "aria-label": t('advancedAdvanced.moreInfoAbout', {
                                                                         label: metadataItem.label,
                                                                     }), className: "hidden sm:block", children: jsx(Info$3, { className: "h-4 w-4 text-gray-400" }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: jsx("p", { children: metadataItem.description ||
-                                                                            t('advancedAdvanced.noDescriptionAvailable') }) })] }) })] }), jsx("div", { className: "flex items-center gap-2", children: isMentorSetting ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: currentValue || '', onValueChange: (value) => handleMentorSelection(metadataItem.slug, value), disabled: isUpdatingTenantMetadata, children: [jsx(SelectTrigger, { className: "max-w-[240px] w-[230px] sm:w-[150px] font-medium text-[#646464]", children: jsx(SelectValue, { placeholder: t('advancedAdvanced.selectAgent'), children: currentValue ? getMentorName(currentValue) : '' }) }), jsxs(SelectContent, { className: "font-medium text-[#646464]", children: [jsx("div", { className: "p-2", children: jsx(Input, { placeholder: t('advancedAdvanced.searchAgents'), value: mentorSearchQuery, onChange: (e) => handleMentorSearch(e.target.value), className: "mb-2 font-medium text-[#646464]" }) }), jsx(SelectItem, { value: "none", children: t('advancedAdvanced.none') }), isMentorsLoading ? (jsx(SelectItem, { value: "loading", disabled: true, children: t('advancedAdvanced.loadingAgents') })) : ((_b = mentorsData === null || mentorsData === void 0 ? void 0 : mentorsData.results) === null || _b === void 0 ? void 0 : _b.length) ? (mentorsData.results.map((mentor) => (jsx(SelectItem, { value: mentor.unique_id, children: mentor.name }, mentor.unique_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: t('advancedAdvanced.noAgentsFound') }))] })] }), isUpdatingTenantMetadata && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) : isStringSetting ? (jsx(StringSettingInput, { value: currentValue, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, onSave: (value) => handleStringSettingUpdate(metadataItem.slug, value) })) : (jsxs(Fragment$1, { children: [jsx(Switch, { checked: currentValue, onCheckedChange: async () => {
+                                                                            t('advancedAdvanced.noDescriptionAvailable') }) })] }) })] }), jsx("div", { className: "flex items-center gap-2", children: isMentorSetting ? (jsxs("div", { className: "flex items-center gap-2", children: [jsxs(Select$1, { value: currentValue || '', onValueChange: (value) => handleMentorSelection(metadataItem.slug, value), disabled: isUpdatingTenantMetadata, children: [jsx(SelectTrigger, { className: "max-w-[240px] w-[230px] sm:w-[150px] font-medium text-[#646464]", children: jsx(SelectValue, { placeholder: t('advancedAdvanced.selectAgent'), children: currentValue ? getMentorName(currentValue) : '' }) }), jsxs(SelectContent, { className: "font-medium text-[#646464]", children: [jsx("div", { className: "p-2", children: jsx(Input, { placeholder: t('advancedAdvanced.searchAgents'), value: mentorSearchQuery, onChange: (e) => handleMentorSearch(e.target.value), className: "mb-2 font-medium text-[#646464]" }) }), jsx(SelectItem, { value: "none", children: t('advancedAdvanced.none') }), isMentorsLoading ? (jsx(SelectItem, { value: "loading", disabled: true, children: t('advancedAdvanced.loadingAgents') })) : ((_b = mentorsData === null || mentorsData === void 0 ? void 0 : mentorsData.results) === null || _b === void 0 ? void 0 : _b.length) ? (mentorsData.results.map((mentor) => (jsx(SelectItem, { value: mentor.unique_id, children: mentor.name }, mentor.unique_id)))) : (jsx(SelectItem, { value: "no-results", disabled: true, children: t('advancedAdvanced.noAgentsFound') }))] })] }), isUpdatingTenantMetadata && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) : selectOptions ? (jsx(SelectSettingInput, { label: metadataItem.label, options: selectOptions, value: metadataItem.value, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, triggerClassName: "max-w-[240px] w-[230px] sm:w-[150px] font-medium text-[#646464]", onSelect: (value) => handleSelectSettingUpdate(metadataItem.slug, value) })) : isStringSetting ? (jsx(StringSettingInput, { value: currentValue, defaultValue: metadataItem.defaultValue, disabled: isUpdatingTenantMetadata, onSave: (value) => handleStringSettingUpdate(metadataItem.slug, value) })) : (jsxs(Fragment$1, { children: [jsx(Switch, { checked: currentValue, onCheckedChange: async () => {
                                                                 await handleToggleSetting(metadataItem.slug, currentValue);
                                                             }, disabled: isUpdatingTenantMetadata, "aria-label": `${metadataItem.label} ${currentValue ? t('advancedAdvanced.enabled') : t('advancedAdvanced.disabled')}`, className: "cursor-pointer data-[state=checked]:bg-blue-500" }), isUpdatingTenantMetadata && (jsx("div", { className: "w-4 h-4 border-2 border-blue-500 border-t-transparent rounded-full animate-spin" }))] })) })] }, metadataItem.slug));
                                 }) })] }, spa)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "2.3.10",
+  "version": "2.3.11",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -76,10 +76,10 @@
     "axios": "1.13.6",
     "dotenv": "16.6.1",
     "winston": "3.19.0",
+    "@iblai/mcp": "1.8.11",
     "@iblai/data-layer": "1.12.3",
-    "@iblai/mcp": "1.8.10",
-    "@iblai/web-containers": "1.16.6",
-    "@iblai/web-utils": "2.1.11"
+    "@iblai/web-containers": "1.16.7",
+    "@iblai/web-utils": "2.1.12"
   },
   "peerDependencies": {
     "@iblai/iblai-api": "4.166.0-ai",