@iblai/iblai-js 1.25.3 → 1.26.0

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

@@ -52891,7 +52891,7 @@ function useCallbackRef$1(initialValue, callback) {
     return ref.facade;
 }
 
-var useIsomorphicLayoutEffect$2 = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+var useIsomorphicLayoutEffect$3 = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 var currentValues = new WeakMap();
 /**
  * Merges two or more refs together providing a single interface to set their value
@@ -52912,7 +52912,7 @@ function useMergeRefs(refs, defaultValue) {
         return refs.forEach(function (ref) { return assignRef(ref, newValue); });
     });
     // handle refs changes - added or removed
-    useIsomorphicLayoutEffect$2(function () {
+    useIsomorphicLayoutEffect$3(function () {
         var oldValue = currentValues.get(callbackRef);
         if (oldValue) {
             var prevRefs_1 = new Set(oldValue);
@@ -59731,6 +59731,7 @@ var advancePagination$3 = {
 var advancedAdvanced$3 = {
 	failedToUpdateSetting: "Failed to update setting",
 	settingUpdatedSuccessfully: "Setting updated successfully",
+	save: "Save",
 	agentSettingUpdatedSuccessfully: "Agent setting updated successfully",
 	chatAreaSizeUpdatedSuccessfully: "Chat area size updated successfully",
 	moreInfoAbout: "More info about {label}",
@@ -62308,7 +62309,8 @@ var modalsPaywallModal$3 = {
 	subscribeToGetAccess: "Subscribe to get access to {itemName}",
 	redirecting: "Redirecting...",
 	pay: "Pay",
-	thisIncludes: "This includes:"
+	thisIncludes: "This includes:",
+	secureCheckout: "Secure checkout"
 };
 var modalsPromptGalleryModal$3 = {
 	promptGallery: "Prompt Gallery",
@@ -65110,6 +65112,7 @@ var advancePagination$2 = {
 var advancedAdvanced$2 = {
 	failedToUpdateSetting: "Échec de la mise à jour du paramètre",
 	settingUpdatedSuccessfully: "Paramètre mis à jour avec succès",
+	save: "Enregistrer",
 	agentSettingUpdatedSuccessfully: "Paramètre de l'agent mis à jour avec succès",
 	chatAreaSizeUpdatedSuccessfully: "Taille de la zone de discussion mise à jour avec succès",
 	moreInfoAbout: "Plus d'informations sur {label}",
@@ -67687,7 +67690,8 @@ var modalsPaywallModal$2 = {
 	subscribeToGetAccess: "Abonnez-vous pour accéder à {itemName}",
 	redirecting: "Redirection en cours...",
 	pay: "Payer",
-	thisIncludes: "Cela comprend :"
+	thisIncludes: "Cela comprend :",
+	secureCheckout: "Paiement sécurisé"
 };
 var modalsPromptGalleryModal$2 = {
 	promptGallery: "Galerie d'invites",
@@ -70489,6 +70493,7 @@ var advancePagination$1 = {
 var advancedAdvanced$1 = {
 	failedToUpdateSetting: "Error al actualizar la configuración",
 	settingUpdatedSuccessfully: "Configuración actualizada correctamente",
+	save: "Guardar",
 	agentSettingUpdatedSuccessfully: "Configuración del agente actualizada correctamente",
 	chatAreaSizeUpdatedSuccessfully: "Tamaño del área de chat actualizado correctamente",
 	moreInfoAbout: "Más información sobre {label}",
@@ -73066,7 +73071,8 @@ var modalsPaywallModal$1 = {
 	subscribeToGetAccess: "Suscríbete para acceder a {itemName}",
 	redirecting: "Redirigiendo...",
 	pay: "Pagar",
-	thisIncludes: "Esto incluye:"
+	thisIncludes: "Esto incluye:",
+	secureCheckout: "Pago seguro"
 };
 var modalsPromptGalleryModal$1 = {
 	promptGallery: "Galería de instrucciones",
@@ -75868,6 +75874,7 @@ var advancePagination = {
 var advancedAdvanced = {
 	failedToUpdateSetting: "更新设置失败",
 	settingUpdatedSuccessfully: "设置已成功更新",
+	save: "保存",
 	agentSettingUpdatedSuccessfully: "代理设置已成功更新",
 	chatAreaSizeUpdatedSuccessfully: "聊天区域大小已成功更新",
 	moreInfoAbout: "关于 {label} 的更多信息",
@@ -78445,7 +78452,8 @@ var modalsPaywallModal = {
 	subscribeToGetAccess: "订阅以获取 {itemName} 的访问权限",
 	redirecting: "正在跳转...",
 	pay: "支付",
-	thisIncludes: "包含以下内容："
+	thisIncludes: "包含以下内容：",
+	secureCheckout: "安全结账"
 };
 var modalsPromptGalleryModal = {
 	promptGallery: "提示库",
@@ -83530,7 +83538,7 @@ function getOwnKeys(obj) {
   );
 }
 
-const useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+const useIsomorphicLayoutEffect$2 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 
 function useField(opts) {
   const [fieldApi] = useState(() => {
@@ -83543,8 +83551,8 @@ function useField(opts) {
     extendedApi.Field = Field;
     return extendedApi;
   });
-  useIsomorphicLayoutEffect$1(fieldApi.mount, [fieldApi]);
-  useIsomorphicLayoutEffect$1(() => {
+  useIsomorphicLayoutEffect$2(fieldApi.mount, [fieldApi]);
+  useIsomorphicLayoutEffect$2(() => {
     fieldApi.update(opts);
   });
   useStore(
@@ -83603,9 +83611,9 @@ function useForm(opts) {
     };
     return extendedApi;
   });
-  useIsomorphicLayoutEffect$1(formApi.mount, []);
+  useIsomorphicLayoutEffect$2(formApi.mount, []);
   useStore(formApi.store, (state) => state.isSubmitting);
-  useIsomorphicLayoutEffect$1(() => {
+  useIsomorphicLayoutEffect$2(() => {
     formApi.update(opts);
   });
   return formApi;
@@ -138896,6 +138904,10 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                 : activeTab === 'experience' && experienceSubTab === 'resume'
                     ? { onClick: handleAddResume, upload: true, ariaLabel: t('profileIndex.ariaAddResume') }
                     : null;
+    // Rendered inline on the sub-tabs row (education/experience/resume), pushed to
+    // the far right. `headerAdd` already encodes which sub-tab is active, so this
+    // only appears on the sub-tabs that support adding/uploading.
+    const headerAddButton = headerAdd && (jsx(Button$1, { size: "icon", onClick: headerAdd.onClick, className: "text-gray-700 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white flex-shrink-0", "aria-label": headerAdd.ariaLabel, children: headerAdd.upload ? jsx(Upload, { className: "h-4 w-4" }) : jsx(Plus, { className: "h-4 w-4" }) }));
     const tabDescription = (id) => {
         const key = (isReadOnly && TAB_DESC_PREVIEW_KEYS[id]) || TAB_DESC_KEYS[id];
         return key ? t(`profileIndex.${key}`) : '';
@@ -138910,10 +138922,10 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                                         ? 'bg-blue-50 text-blue-700 font-medium'
                                         : 'hover:bg-gray-50 text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100'}`, children: [jsx(tab.renderIcon, { className: "h-5 w-5 mr-3 flex-shrink-0", "aria-hidden": "true" }), jsx("span", { className: "truncate", children: tab.label })] }, tab.id))) }) }) })] }), jsx("nav", { className: "lg:hidden", "aria-label": t('profileIndex.ariaProfileTabsMobile'), children: jsx("div", { className: "w-full justify-start px-6 py-2 bg-white border-b border-gray-200 rounded-none h-auto overflow-x-auto", children: jsx("div", { className: "flex space-x-2", role: "tablist", "aria-orientation": "horizontal", children: TABS.map((tab) => (jsxs("button", { role: "tab", "aria-selected": activeTab === tab.id, "aria-controls": `${tab.id}-tabpanel`, id: `${tab.id}-tab-mobile`, onClick: () => setActiveTab(tab.id), className: `flex items-center gap-2 px-3 py-2 rounded-lg whitespace-nowrap text-sm transition-all ${activeTab === tab.id
                                 ? 'bg-blue-50 text-blue-600 font-medium'
-                                : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(tab.renderIcon, { className: "h-4 w-4", "aria-hidden": "true" }), jsx("span", { className: "hidden sm:inline", children: tab.label }), jsx("span", { className: "sm:hidden", children: tab.label })] }, tab.id))) }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsx("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_f = (_e = TABS.find((t) => t.id === activeTab)) === null || _e === void 0 ? void 0 : _e.label) !== null && _f !== void 0 ? _f : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }), headerAdd && (jsx(Button$1, { size: "icon", onClick: headerAdd.onClick, className: "text-gray-700 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white mr-4", "aria-label": headerAdd.ariaLabel, children: headerAdd.upload ? jsx(Upload, { className: "h-4 w-4" }) : jsx(Plus, { className: "h-4 w-4" }) }))] }) }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
+                                : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(tab.renderIcon, { className: "h-4 w-4", "aria-hidden": "true" }), jsx("span", { className: "hidden sm:inline", children: tab.label }), jsx("span", { className: "sm:hidden", children: tab.label })] }, tab.id))) }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsx("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: jsx("div", { className: "flex items-center justify-between", children: jsxs("div", { children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_f = (_e = TABS.find((t) => t.id === activeTab)) === null || _e === void 0 ? void 0 : _e.label) !== null && _f !== void 0 ? _f : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }) }) }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
                             overflowY: 'auto',
                             overflowX: 'hidden',
-                        }, role: "tabpanel", id: `${activeTab}-tabpanel`, "aria-labelledby": `${activeTab}-tab`, tabIndex: 0, children: [jsx("div", { className: "lg:hidden mb-6", children: jsxs("div", { className: "flex flex-row items-center sm:justify-between gap-3", children: [jsxs("div", { children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_h = (_g = TABS.find((t) => t.id === activeTab)) === null || _g === void 0 ? void 0 : _g.label) !== null && _h !== void 0 ? _h : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }), headerAdd && (jsx(Button$1, { size: "icon", onClick: headerAdd.onClick, className: "text-gray-700 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", "aria-label": headerAdd.ariaLabel, children: headerAdd.upload ? jsx(Upload, { className: "h-4 w-4" }) : jsx(Plus, { className: "h-4 w-4" }) }))] }) }), activeTab === 'basic' && (jsx("div", { className: "space-y-6", children: jsxs("form", { onSubmit: (formEvent) => {
+                        }, role: "tabpanel", id: `${activeTab}-tabpanel`, "aria-labelledby": `${activeTab}-tab`, tabIndex: 0, children: [jsx("div", { className: "lg:hidden mb-6", children: jsx("div", { className: "flex flex-row items-center sm:justify-between gap-3", children: jsxs("div", { children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_h = (_g = TABS.find((t) => t.id === activeTab)) === null || _g === void 0 ? void 0 : _g.label) !== null && _h !== void 0 ? _h : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }) }) }), activeTab === 'basic' && (jsx("div", { className: "space-y-6", children: jsxs("form", { onSubmit: (formEvent) => {
                                         formEvent.preventDefault();
                                         formEvent.stopPropagation();
                                         if (isReadOnly)
@@ -138988,7 +139000,7 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                                                         var _a;
                                                         return (jsxs(Fragment$1, { children: [jsxs("div", { className: "relative mb-0", children: [jsx("div", { className: "absolute inset-y-0 left-4 flex items-center pointer-events-none", "aria-hidden": "true", children: jsx("div", { className: "bg-black text-white rounded w-8 h-8 flex items-center justify-center", children: jsx("span", { className: "font-bold text-sm", children: "X" }) }) }), jsx(Input, { id: "x", className: "w-full bg-gray-50 border-gray-200 focus:ring-blue-500 focus:border-blue-500 text-base py-3 pl-16 h-10", placeholder: t('profileIndex.placeholderX'), value: field.state.value, onChange: (e) => handleSocialLinkChange(e.target.value, field.handleChange, X_URL_PREFIX), disabled: socialForm.state.isSubmitting || isReadOnly })] }), jsx("p", { className: "text-red-500 dark:text-gray-400 text-sm", role: ((_a = field.state.meta.errors) === null || _a === void 0 ? void 0 : _a.length) ? 'alert' : undefined, "aria-live": "polite", children: field.state.meta.errors })] }));
                                                     },
-                                                })] })] }) })), activeTab === 'education' && (jsxs(Tabs, { value: educationSubTab, onValueChange: setEducationSubTab, className: "space-y-4", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "education", children: t('profileIndex.tabEducation') }), jsx(TabsTrigger, { value: "credentials", children: t('gradebookGradebookTab.typeCredentials') }), jsx(TabsTrigger, { value: "skills", children: t('gradebookGradebookTab.typeSkills') })] }), jsx(TabsContent, { value: "education", children: jsx(EducationTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "credentials", children: jsx(CredentialsList, { org: tenant, username: username }) }), jsx(TabsContent, { value: "skills", children: jsx(SkillsList, { org: tenant, username: username }) })] })), activeTab === 'gradebook' && jsx(GradebookTab, { org: tenant, username: username }), activeTab === 'experience' && (jsxs(Tabs, { value: experienceSubTab, onValueChange: setExperienceSubTab, className: "space-y-4", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "experience", children: t('profileIndex.tabExperience') }), jsx(TabsTrigger, { value: "resume", children: t('profileIndex.tabResume') })] }), jsx(TabsContent, { value: "experience", children: jsx(ExperienceTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "resume", children: jsx(ResumeTab, { org: tenant, username: username }) })] })), activeTab === 'purchases' && jsx(PurchasesTab, { org: tenant, username: username }), activeTab === 'memory' && jsx(MemoryTab, { org: tenant, username: username }), activeTab === 'privacy' && jsx(ChatPrivacyTab, { org: tenant, username: username }), !isReadOnly && activeTab === 'security' && (jsx(Security, { app: currentSPA || '', email: (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '', platformKey: tenant, onAccountDeleted: onAccountDeleted })), activeTab === 'advanced' && (localLLMProps || systemControlProps) && (jsxs("div", { className: "space-y-6", children: [localLLMProps && (jsx(LocalModelsContent, { isAvailable: localLLMProps.isAvailable, state: localLLMProps.state, ollamaStatus: localLLMProps.ollamaStatus, systemMemory: localLLMProps.systemMemory, isUsingFoundry: localLLMProps.isUsingFoundry, foundryModels: localLLMProps.foundryModels, selectedFoundryModel: localLLMProps.selectedFoundryModel, foundryStatus: localLLMProps.foundryStatus, onStartDownload: localLLMProps.onStartDownload, onCancelDownload: localLLMProps.onCancelDownload, onInstallOllama: localLLMProps.onInstallOllama, onStopManager: localLLMProps.onStopManager, onInstallFoundry: localLLMProps.onInstallFoundry, onCheckStatus: localLLMProps.onCheckStatus, onResetState: localLLMProps.onResetState, onSelectFoundryModel: localLLMProps.onSelectFoundryModel })), systemControlProps && (jsx(SystemControlContent, { isAvailable: systemControlProps.isAvailable, state: systemControlProps.state, status: systemControlProps.status, requiredSizeGb: systemControlProps.requiredSizeGb, ollamaStatus: systemControlProps.ollamaStatus, systemMemory: systemControlProps.systemMemory, accessibilityPermission: systemControlProps.accessibilityPermission, onInstall: systemControlProps.onInstall, onStop: systemControlProps.onStop, onCheckStatus: systemControlProps.onCheckStatus, onResetState: systemControlProps.onResetState, onRequestAccessibilityPermission: systemControlProps.onRequestAccessibilityPermission, onDownloadModel: systemControlProps.onDownloadModel }))] }))] }), !isReadOnly && ['basic', 'social'].includes(activeTab) && (jsx("div", { className: "flex-shrink-0 border-t border-gray-200 p-6 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex justify-end gap-3", children: [jsx(Button$1, { onClick: onClose, variant: "outline", children: t('profileIndex.buttonCancel') }), jsx(Button$1, { onClick: () => {
+                                                })] })] }) })), activeTab === 'education' && (jsxs(Tabs, { value: educationSubTab, onValueChange: setEducationSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "education", children: t('profileIndex.tabEducation') }), jsx(TabsTrigger, { value: "credentials", children: t('gradebookGradebookTab.typeCredentials') }), jsx(TabsTrigger, { value: "skills", children: t('gradebookGradebookTab.typeSkills') })] }), headerAddButton] }), jsx(TabsContent, { value: "education", children: jsx(EducationTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "credentials", children: jsx(CredentialsList, { org: tenant, username: username }) }), jsx(TabsContent, { value: "skills", children: jsx(SkillsList, { org: tenant, username: username }) })] })), activeTab === 'gradebook' && jsx(GradebookTab, { org: tenant, username: username }), activeTab === 'experience' && (jsxs(Tabs, { value: experienceSubTab, onValueChange: setExperienceSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "experience", children: t('profileIndex.tabExperience') }), jsx(TabsTrigger, { value: "resume", children: t('profileIndex.tabResume') })] }), headerAddButton] }), jsx(TabsContent, { value: "experience", children: jsx(ExperienceTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "resume", children: jsx(ResumeTab, { org: tenant, username: username }) })] })), activeTab === 'purchases' && jsx(PurchasesTab, { org: tenant, username: username }), activeTab === 'memory' && jsx(MemoryTab, { org: tenant, username: username }), activeTab === 'privacy' && jsx(ChatPrivacyTab, { org: tenant, username: username }), !isReadOnly && activeTab === 'security' && (jsx(Security, { app: currentSPA || '', email: (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '', platformKey: tenant, onAccountDeleted: onAccountDeleted })), activeTab === 'advanced' && (localLLMProps || systemControlProps) && (jsxs("div", { className: "space-y-6", children: [localLLMProps && (jsx(LocalModelsContent, { isAvailable: localLLMProps.isAvailable, state: localLLMProps.state, ollamaStatus: localLLMProps.ollamaStatus, systemMemory: localLLMProps.systemMemory, isUsingFoundry: localLLMProps.isUsingFoundry, foundryModels: localLLMProps.foundryModels, selectedFoundryModel: localLLMProps.selectedFoundryModel, foundryStatus: localLLMProps.foundryStatus, onStartDownload: localLLMProps.onStartDownload, onCancelDownload: localLLMProps.onCancelDownload, onInstallOllama: localLLMProps.onInstallOllama, onStopManager: localLLMProps.onStopManager, onInstallFoundry: localLLMProps.onInstallFoundry, onCheckStatus: localLLMProps.onCheckStatus, onResetState: localLLMProps.onResetState, onSelectFoundryModel: localLLMProps.onSelectFoundryModel })), systemControlProps && (jsx(SystemControlContent, { isAvailable: systemControlProps.isAvailable, state: systemControlProps.state, status: systemControlProps.status, requiredSizeGb: systemControlProps.requiredSizeGb, ollamaStatus: systemControlProps.ollamaStatus, systemMemory: systemControlProps.systemMemory, accessibilityPermission: systemControlProps.accessibilityPermission, onInstall: systemControlProps.onInstall, onStop: systemControlProps.onStop, onCheckStatus: systemControlProps.onCheckStatus, onResetState: systemControlProps.onResetState, onRequestAccessibilityPermission: systemControlProps.onRequestAccessibilityPermission, onDownloadModel: systemControlProps.onDownloadModel }))] }))] }), !isReadOnly && ['basic', 'social'].includes(activeTab) && (jsx("div", { className: "flex-shrink-0 border-t border-gray-200 p-6 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex justify-end gap-3", children: [jsx(Button$1, { onClick: onClose, variant: "outline", children: t('profileIndex.buttonCancel') }), jsx(Button$1, { onClick: () => {
                                         if (activeTab === 'basic') {
                                             basicForm.handleSubmit();
                                         }
@@ -148987,26 +148999,19 @@ const ChatPrivacyContent = ({ platformKey, username }) => {
 };
 
 function StringSettingInput({ value, defaultValue, disabled, onSave, }) {
-    const [localValue, setLocalValue] = useState(value || defaultValue);
-    const debounceRef = useRef(null);
+    const t = useT();
+    const savedValue = value || defaultValue;
+    const [localValue, setLocalValue] = useState(savedValue);
     useEffect(() => {
-        setLocalValue(value || defaultValue);
-    }, [value, defaultValue]);
-    const handleChange = (newValue) => {
-        setLocalValue(newValue);
-        if (debounceRef.current)
-            clearTimeout(debounceRef.current);
-        debounceRef.current = setTimeout(() => {
-            onSave(newValue);
-        }, 800);
+        setLocalValue(savedValue);
+    }, [savedValue]);
+    const isDirty = localValue !== savedValue;
+    const handleSave = () => {
+        if (!isDirty || disabled)
+            return;
+        onSave(localValue);
     };
-    useEffect(() => {
-        return () => {
-            if (debounceRef.current)
-                clearTimeout(debounceRef.current);
-        };
-    }, []);
-    return (jsxs("div", { className: "flex items-center gap-2", children: [jsx(Input, { value: localValue, onChange: (e) => handleChange(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" }))] }));
+    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" }))] }));
 }
 function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatformBaseDomain, }) {
     const t = useT();
@@ -149052,6 +149057,7 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
                 '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' &&
@@ -169827,7 +169833,7 @@ var EditorContentWithKey = forwardRef(
   }
 );
 var EditorContent = React__default.memo(EditorContentWithKey);
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+var useIsomorphicLayoutEffect$1 = typeof window !== "undefined" ? useLayoutEffect : useEffect;
 var EditorStateManager = class {
   constructor(initialEditor) {
     this.transactionNumber = 0;
@@ -169895,7 +169901,7 @@ function useEditorState(options) {
     options.selector,
     (_a = options.equalityFn) != null ? _a : deepEqual
   );
-  useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect$1(() => {
     return editorStateManager.watch(options.editor);
   }, [options.editor, editorStateManager]);
   useDebugValue(selectedState);
@@ -223008,11 +223014,44 @@ function formatInterval(interval) {
         return '';
     return `/${interval}`;
 }
+// Avoids the SSR warning while still measuring/aligning before the browser paints.
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
 function PaywallModal({ pricing, platformKey, itemId, itemType, open, onClose, closable = true, buttonClassName, }) {
     const t = useT();
     const [createCheckout, { isLoading: isCheckoutLoading }] = useCreateCheckoutMutation();
     const [selectedPriceId, setSelectedPriceId] = useState(null);
     const activePrices = pricing.prices;
+    // Keep the title/description block the same height on every card (the tallest
+    // one's height) so the price + Pay button below always line up, regardless of
+    // how long each plan's title or description is.
+    const gridRef = useRef(null);
+    const headerRefs = useRef([]);
+    headerRefs.current.length = activePrices.length;
+    const equalizeHeaderHeights = useCallback(() => {
+        const headers = headerRefs.current.filter((el) => el != null && el.isConnected);
+        // Reset first so we measure each header's natural height, not a stale value.
+        headers.forEach((el) => {
+            el.style.minHeight = '';
+        });
+        if (headers.length <= 1)
+            return;
+        const maxHeight = headers.reduce((max, el) => Math.max(max, el.offsetHeight), 0);
+        headers.forEach((el) => {
+            el.style.minHeight = `${maxHeight}px`;
+        });
+    }, []);
+    useIsomorphicLayoutEffect(() => {
+        if (!open)
+            return;
+        equalizeHeaderHeights();
+        const grid = gridRef.current;
+        if (!grid || typeof ResizeObserver === 'undefined')
+            return;
+        // Re-run when the grid resizes (viewport changes wrap the descriptions).
+        const observer = new ResizeObserver(() => equalizeHeaderHeights());
+        observer.observe(grid);
+        return () => observer.disconnect();
+    }, [open, activePrices, equalizeHeaderHeights]);
     const handleCheckout = async (price) => {
         setSelectedPriceId(price.id);
         try {
@@ -223032,16 +223071,35 @@ function PaywallModal({ pricing, platformKey, itemId, itemType, open, onClose, c
             setSelectedPriceId(null);
         }
     };
+    const preventClose = (e) => {
+        if (!closable)
+            e.preventDefault();
+    };
+    // Single pricing tier: render the focused, card-style layout that matches
+    // UpgradePackageModal instead of a lone card floating in the wide grid modal.
+    if (activePrices.length === 1) {
+        const price = activePrices[0];
+        const isThisLoading = isCheckoutLoading && selectedPriceId === price.id;
+        return (jsx(Dialog, { open: open, onOpenChange: (isOpen) => {
+                if (!isOpen && closable)
+                    onClose();
+            }, children: jsxs(DialogContent, { className: cn('max-w-md gap-0 p-0 overflow-hidden rounded-[10px] border border-[#e5e5e5] shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]', !closable && '[&>button.absolute]:hidden'), onPointerDownOutside: preventClose, onEscapeKeyDown: preventClose, children: [jsxs("div", { className: "relative flex flex-col items-center px-6 pt-8 pb-6 bg-[linear-gradient(135deg,#f5f8ff_0%,#ffffff_100%)] border-b border-[#e5e7eb]", children: [jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full mb-4", style: {
+                                    background: 'linear-gradient(to right, rgb(56, 161, 229), rgb(114, 132, 255))',
+                                    boxShadow: '0 4px 12px -2px rgba(56, 161, 229, 0.4)',
+                                }, children: jsx(Sparkles, { className: "h-6 w-6 text-white" }) }), jsxs("span", { className: "inline-flex items-baseline gap-1 rounded-full px-3 py-1 text-[13px] font-semibold leading-4 mb-3", style: {
+                                    backgroundColor: '#f5f8ff',
+                                    color: '#155dfc',
+                                    border: '1px solid #d0e0ff',
+                                }, children: [formatPrice(price.amount, price.currency), price.interval !== 'one_time' && (jsx("span", { className: "text-[11px] font-normal opacity-80", children: formatInterval(price.interval) }))] }), jsxs(DialogHeader, { className: "text-center sm:text-center space-y-2", children: [jsx(DialogTitle, { className: "text-[18px] font-medium leading-7 text-[#101828] tracking-tight", children: price.name || t('modalsPaywallModal.chooseYourPlan') }), jsx(DialogDescription, { className: "text-[14px] font-normal leading-[22.75px] text-[#4a5565] max-w-[320px] mx-auto", children: price.description ||
+                                            t('modalsPaywallModal.subscribeToGetAccess', { itemName: pricing.item_name }) })] })] }), jsxs("div", { className: "px-6 py-5", children: [price.features.length > 0 && (jsx("ul", { className: "space-y-3 mb-6", children: price.features.map((feature, idx) => (jsxs("li", { className: "flex items-start gap-3 text-[14px] leading-5 text-[#364153]", children: [jsx("span", { className: "mt-0.5 flex h-5 w-5 items-center justify-center rounded-full bg-[#f5f8ff] shrink-0", children: jsx(Check, { className: "h-3 w-3 text-[#155dfc]", strokeWidth: 3 }) }), jsx("span", { className: "font-normal", children: feature })] }, idx))) })), jsx(Button$1, { type: "button", onClick: () => handleCheckout(price), disabled: isCheckoutLoading, className: cn('w-full h-9 px-6 py-2 rounded-lg border-0 text-white text-[14px] font-medium leading-5 bg-[linear-gradient(to_right,rgb(56,161,229),rgb(114,132,255))] hover:opacity-90 transition-opacity disabled:opacity-70', buttonClassName), children: isThisLoading ? (jsxs(Fragment$1, { children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin" }), jsx("span", { children: t('modalsPaywallModal.redirecting') })] })) : (t('modalsPaywallModal.pay')) }), jsxs("div", { className: "mt-3 flex items-center justify-center gap-1.5 text-[12px] font-normal leading-4 text-[#6a7282]", children: [jsx(CreditCard, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), jsx("span", { children: t('modalsPaywallModal.secureCheckout') })] })] })] }) }));
+    }
     return (jsx(Dialog, { open: open, onOpenChange: (isOpen) => {
             if (!isOpen && closable)
                 onClose();
-        }, children: jsxs(DialogContent, { className: cn('max-w-5xl gap-0 overflow-y-auto max-h-[90vh] p-8', !closable && '[&>button.absolute]:hidden'), onPointerDownOutside: (e) => {
-                if (!closable)
-                    e.preventDefault();
-            }, onEscapeKeyDown: (e) => {
-                if (!closable)
-                    e.preventDefault();
-            }, children: [jsxs(DialogHeader, { className: "text-center sm:text-center mb-8", children: [jsx(DialogTitle, { className: "text-3xl font-bold tracking-tight", children: t('modalsPaywallModal.chooseYourPlan') }), jsx(DialogDescription, { className: "text-base text-muted-foreground mt-2", children: t('modalsPaywallModal.subscribeToGetAccess', { itemName: pricing.item_name }) })] }), jsx("div", { className: cn('grid gap-5', activePrices.length === 1 && 'grid-cols-1 max-w-sm mx-auto', activePrices.length === 2 && 'grid-cols-1 sm:grid-cols-2 max-w-2xl mx-auto', activePrices.length === 3 && 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3', activePrices.length >= 4 && 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4'), children: activePrices.map((price) => (jsxs("div", { className: "rounded-xl bg-muted/50 p-6 flex flex-col gap-5", children: [jsxs("div", { children: [jsx("h3", { className: "text-xl font-bold", children: price.name }), price.description && (jsx("p", { className: "text-sm text-muted-foreground mt-2 leading-relaxed", children: price.description }))] }), jsxs("div", { className: "flex items-baseline gap-1", children: [jsx("span", { className: "text-4xl font-bold tracking-tight", children: formatPrice(price.amount, price.currency) }), price.interval !== 'one_time' && (jsx("span", { className: "text-sm text-muted-foreground", children: formatInterval(price.interval) }))] }), jsx(Button$1, { onClick: () => handleCheckout(price), disabled: isCheckoutLoading, className: cn('w-full h-11 text-sm font-medium', buttonClassName), children: isCheckoutLoading && selectedPriceId === price.id
+        }, children: jsxs(DialogContent, { className: cn('max-w-5xl gap-0 overflow-y-auto max-h-[90vh] p-8', !closable && '[&>button.absolute]:hidden'), onPointerDownOutside: preventClose, onEscapeKeyDown: preventClose, children: [jsxs(DialogHeader, { className: "text-center sm:text-center mb-8", children: [jsx(DialogTitle, { className: "text-3xl font-bold tracking-tight", children: t('modalsPaywallModal.chooseYourPlan') }), jsx(DialogDescription, { className: "text-base text-muted-foreground mt-2", children: t('modalsPaywallModal.subscribeToGetAccess', { itemName: pricing.item_name }) })] }), jsx("div", { ref: gridRef, className: cn('grid gap-5 items-stretch', activePrices.length === 2 &&
+                        'grid-cols-1 sm:grid-cols-2 sm:auto-cols-fr max-w-2xl mx-auto', activePrices.length === 3 && 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3', activePrices.length >= 4 && 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-4'), children: activePrices.map((price, index) => (jsxs("div", { className: "rounded-xl bg-muted/50 p-6 flex flex-col gap-5 min-w-[16rem]", children: [jsxs("div", { ref: (el) => {
+                                    headerRefs.current[index] = el;
+                                }, children: [jsx("h3", { className: "text-xl font-bold", children: price.name }), price.description && (jsx("p", { className: "text-sm text-muted-foreground mt-2 leading-relaxed", children: price.description }))] }), jsxs("div", { className: "flex items-baseline gap-1", children: [jsx("span", { className: "text-4xl font-bold tracking-tight", children: formatPrice(price.amount, price.currency) }), price.interval !== 'one_time' && (jsx("span", { className: "text-sm text-muted-foreground", children: formatInterval(price.interval) }))] }), jsx(Button$1, { onClick: () => handleCheckout(price), disabled: isCheckoutLoading, className: cn('w-full h-11 text-sm font-medium', buttonClassName), children: isCheckoutLoading && selectedPriceId === price.id
                                     ? t('modalsPaywallModal.redirecting')
                                     : t('modalsPaywallModal.pay') }), price.features.length > 0 && (jsxs("div", { children: [jsx("p", { className: "text-sm font-medium mb-3", children: t('modalsPaywallModal.thisIncludes') }), jsx("ul", { className: "space-y-3", children: price.features.map((feature, idx) => (jsxs("li", { className: "flex items-start gap-2.5 text-sm", children: [jsx(CircleCheckBig, { className: "h-4 w-4 text-primary shrink-0 mt-0.5" }), jsx("span", { className: "leading-snug", children: feature })] }, idx))) })] }))] }, price.id))) })] }) }));
 }

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

@@ -96962,6 +96962,7 @@ var advancePagination$3 = {
 var advancedAdvanced$3 = {
 	failedToUpdateSetting: "Failed to update setting",
 	settingUpdatedSuccessfully: "Setting updated successfully",
+	save: "Save",
 	agentSettingUpdatedSuccessfully: "Agent setting updated successfully",
 	chatAreaSizeUpdatedSuccessfully: "Chat area size updated successfully",
 	moreInfoAbout: "More info about {label}",
@@ -99539,7 +99540,8 @@ var modalsPaywallModal$3 = {
 	subscribeToGetAccess: "Subscribe to get access to {itemName}",
 	redirecting: "Redirecting...",
 	pay: "Pay",
-	thisIncludes: "This includes:"
+	thisIncludes: "This includes:",
+	secureCheckout: "Secure checkout"
 };
 var modalsPromptGalleryModal$3 = {
 	promptGallery: "Prompt Gallery",
@@ -102341,6 +102343,7 @@ var advancePagination$2 = {
 var advancedAdvanced$2 = {
 	failedToUpdateSetting: "Échec de la mise à jour du paramètre",
 	settingUpdatedSuccessfully: "Paramètre mis à jour avec succès",
+	save: "Enregistrer",
 	agentSettingUpdatedSuccessfully: "Paramètre de l'agent mis à jour avec succès",
 	chatAreaSizeUpdatedSuccessfully: "Taille de la zone de discussion mise à jour avec succès",
 	moreInfoAbout: "Plus d'informations sur {label}",
@@ -104918,7 +104921,8 @@ var modalsPaywallModal$2 = {
 	subscribeToGetAccess: "Abonnez-vous pour accéder à {itemName}",
 	redirecting: "Redirection en cours...",
 	pay: "Payer",
-	thisIncludes: "Cela comprend :"
+	thisIncludes: "Cela comprend :",
+	secureCheckout: "Paiement sécurisé"
 };
 var modalsPromptGalleryModal$2 = {
 	promptGallery: "Galerie d'invites",
@@ -107720,6 +107724,7 @@ var advancePagination$1 = {
 var advancedAdvanced$1 = {
 	failedToUpdateSetting: "Error al actualizar la configuración",
 	settingUpdatedSuccessfully: "Configuración actualizada correctamente",
+	save: "Guardar",
 	agentSettingUpdatedSuccessfully: "Configuración del agente actualizada correctamente",
 	chatAreaSizeUpdatedSuccessfully: "Tamaño del área de chat actualizado correctamente",
 	moreInfoAbout: "Más información sobre {label}",
@@ -110297,7 +110302,8 @@ var modalsPaywallModal$1 = {
 	subscribeToGetAccess: "Suscríbete para acceder a {itemName}",
 	redirecting: "Redirigiendo...",
 	pay: "Pagar",
-	thisIncludes: "Esto incluye:"
+	thisIncludes: "Esto incluye:",
+	secureCheckout: "Pago seguro"
 };
 var modalsPromptGalleryModal$1 = {
 	promptGallery: "Galería de instrucciones",
@@ -113099,6 +113105,7 @@ var advancePagination = {
 var advancedAdvanced = {
 	failedToUpdateSetting: "更新设置失败",
 	settingUpdatedSuccessfully: "设置已成功更新",
+	save: "保存",
 	agentSettingUpdatedSuccessfully: "代理设置已成功更新",
 	chatAreaSizeUpdatedSuccessfully: "聊天区域大小已成功更新",
 	moreInfoAbout: "关于 {label} 的更多信息",
@@ -115676,7 +115683,8 @@ var modalsPaywallModal = {
 	subscribeToGetAccess: "订阅以获取 {itemName} 的访问权限",
 	redirecting: "正在跳转...",
 	pay: "支付",
-	thisIncludes: "包含以下内容："
+	thisIncludes: "包含以下内容：",
+	secureCheckout: "安全结账"
 };
 var modalsPromptGalleryModal = {
 	promptGallery: "提示库",
@@ -173722,6 +173730,10 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                 : activeTab === 'experience' && experienceSubTab === 'resume'
                     ? { onClick: handleAddResume, upload: true, ariaLabel: t('profileIndex.ariaAddResume') }
                     : null;
+    // Rendered inline on the sub-tabs row (education/experience/resume), pushed to
+    // the far right. `headerAdd` already encodes which sub-tab is active, so this
+    // only appears on the sub-tabs that support adding/uploading.
+    const headerAddButton = headerAdd && (jsx(Button$1, { size: "icon", onClick: headerAdd.onClick, className: "text-gray-700 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white flex-shrink-0", "aria-label": headerAdd.ariaLabel, children: headerAdd.upload ? jsx(Upload, { className: "h-4 w-4" }) : jsx(Plus, { className: "h-4 w-4" }) }));
     const tabDescription = (id) => {
         const key = (isReadOnly && TAB_DESC_PREVIEW_KEYS[id]) || TAB_DESC_KEYS[id];
         return key ? t(`profileIndex.${key}`) : '';
@@ -173736,10 +173748,10 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                                         ? 'bg-blue-50 text-blue-700 font-medium'
                                         : 'hover:bg-gray-50 text-gray-700 dark:text-gray-300 hover:text-gray-900 dark:hover:text-gray-100'}`, children: [jsx(tab.renderIcon, { className: "h-5 w-5 mr-3 flex-shrink-0", "aria-hidden": "true" }), jsx("span", { className: "truncate", children: tab.label })] }, tab.id))) }) }) })] }), jsx("nav", { className: "lg:hidden", "aria-label": t('profileIndex.ariaProfileTabsMobile'), children: jsx("div", { className: "w-full justify-start px-6 py-2 bg-white border-b border-gray-200 rounded-none h-auto overflow-x-auto", children: jsx("div", { className: "flex space-x-2", role: "tablist", "aria-orientation": "horizontal", children: TABS.map((tab) => (jsxs("button", { role: "tab", "aria-selected": activeTab === tab.id, "aria-controls": `${tab.id}-tabpanel`, id: `${tab.id}-tab-mobile`, onClick: () => setActiveTab(tab.id), className: `flex items-center gap-2 px-3 py-2 rounded-lg whitespace-nowrap text-sm transition-all ${activeTab === tab.id
                                 ? 'bg-blue-50 text-blue-600 font-medium'
-                                : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(tab.renderIcon, { className: "h-4 w-4", "aria-hidden": "true" }), jsx("span", { className: "hidden sm:inline", children: tab.label }), jsx("span", { className: "sm:hidden", children: tab.label })] }, tab.id))) }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsx("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex items-center justify-between", children: [jsxs("div", { children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_f = (_e = TABS.find((t) => t.id === activeTab)) === null || _e === void 0 ? void 0 : _e.label) !== null && _f !== void 0 ? _f : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }), headerAdd && (jsx(Button$1, { size: "icon", onClick: headerAdd.onClick, className: "text-gray-700 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white mr-4", "aria-label": headerAdd.ariaLabel, children: headerAdd.upload ? jsx(Upload, { className: "h-4 w-4" }) : jsx(Plus, { className: "h-4 w-4" }) }))] }) }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
+                                : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(tab.renderIcon, { className: "h-4 w-4", "aria-hidden": "true" }), jsx("span", { className: "hidden sm:inline", children: tab.label }), jsx("span", { className: "sm:hidden", children: tab.label })] }, tab.id))) }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsx("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: jsx("div", { className: "flex items-center justify-between", children: jsxs("div", { children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_f = (_e = TABS.find((t) => t.id === activeTab)) === null || _e === void 0 ? void 0 : _e.label) !== null && _f !== void 0 ? _f : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }) }) }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
                             overflowY: 'auto',
                             overflowX: 'hidden',
-                        }, role: "tabpanel", id: `${activeTab}-tabpanel`, "aria-labelledby": `${activeTab}-tab`, tabIndex: 0, children: [jsx("div", { className: "lg:hidden mb-6", children: jsxs("div", { className: "flex flex-row items-center sm:justify-between gap-3", children: [jsxs("div", { children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_h = (_g = TABS.find((t) => t.id === activeTab)) === null || _g === void 0 ? void 0 : _g.label) !== null && _h !== void 0 ? _h : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }), headerAdd && (jsx(Button$1, { size: "icon", onClick: headerAdd.onClick, className: "text-gray-700 bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white", "aria-label": headerAdd.ariaLabel, children: headerAdd.upload ? jsx(Upload, { className: "h-4 w-4" }) : jsx(Plus, { className: "h-4 w-4" }) }))] }) }), activeTab === 'basic' && (jsx("div", { className: "space-y-6", children: jsxs("form", { onSubmit: (formEvent) => {
+                        }, role: "tabpanel", id: `${activeTab}-tabpanel`, "aria-labelledby": `${activeTab}-tab`, tabIndex: 0, children: [jsx("div", { className: "lg:hidden mb-6", children: jsx("div", { className: "flex flex-row items-center sm:justify-between gap-3", children: jsxs("div", { children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_h = (_g = TABS.find((t) => t.id === activeTab)) === null || _g === void 0 ? void 0 : _g.label) !== null && _h !== void 0 ? _h : activeTab }), jsx("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: tabDescription(activeTab) })] }) }) }), activeTab === 'basic' && (jsx("div", { className: "space-y-6", children: jsxs("form", { onSubmit: (formEvent) => {
                                         formEvent.preventDefault();
                                         formEvent.stopPropagation();
                                         if (isReadOnly)
@@ -173814,7 +173826,7 @@ function Profile({ tenant, username, tenants, onClose, customization = {}, isAdm
                                                         var _a;
                                                         return (jsxs(Fragment$1, { children: [jsxs("div", { className: "relative mb-0", children: [jsx("div", { className: "absolute inset-y-0 left-4 flex items-center pointer-events-none", "aria-hidden": "true", children: jsx("div", { className: "bg-black text-white rounded w-8 h-8 flex items-center justify-center", children: jsx("span", { className: "font-bold text-sm", children: "X" }) }) }), jsx(Input, { id: "x", className: "w-full bg-gray-50 border-gray-200 focus:ring-blue-500 focus:border-blue-500 text-base py-3 pl-16 h-10", placeholder: t('profileIndex.placeholderX'), value: field.state.value, onChange: (e) => handleSocialLinkChange(e.target.value, field.handleChange, X_URL_PREFIX), disabled: socialForm.state.isSubmitting || isReadOnly })] }), jsx("p", { className: "text-red-500 dark:text-gray-400 text-sm", role: ((_a = field.state.meta.errors) === null || _a === void 0 ? void 0 : _a.length) ? 'alert' : undefined, "aria-live": "polite", children: field.state.meta.errors })] }));
                                                     },
-                                                })] })] }) })), activeTab === 'education' && (jsxs(Tabs, { value: educationSubTab, onValueChange: setEducationSubTab, className: "space-y-4", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "education", children: t('profileIndex.tabEducation') }), jsx(TabsTrigger, { value: "credentials", children: t('gradebookGradebookTab.typeCredentials') }), jsx(TabsTrigger, { value: "skills", children: t('gradebookGradebookTab.typeSkills') })] }), jsx(TabsContent, { value: "education", children: jsx(EducationTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "credentials", children: jsx(CredentialsList, { org: tenant, username: username }) }), jsx(TabsContent, { value: "skills", children: jsx(SkillsList, { org: tenant, username: username }) })] })), activeTab === 'gradebook' && jsx(GradebookTab, { org: tenant, username: username }), activeTab === 'experience' && (jsxs(Tabs, { value: experienceSubTab, onValueChange: setExperienceSubTab, className: "space-y-4", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "experience", children: t('profileIndex.tabExperience') }), jsx(TabsTrigger, { value: "resume", children: t('profileIndex.tabResume') })] }), jsx(TabsContent, { value: "experience", children: jsx(ExperienceTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "resume", children: jsx(ResumeTab, { org: tenant, username: username }) })] })), activeTab === 'purchases' && jsx(PurchasesTab, { org: tenant, username: username }), activeTab === 'memory' && jsx(MemoryTab, { org: tenant, username: username }), activeTab === 'privacy' && jsx(ChatPrivacyTab, { org: tenant, username: username }), !isReadOnly && activeTab === 'security' && (jsx(Security, { app: currentSPA || '', email: (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '', platformKey: tenant, onAccountDeleted: onAccountDeleted })), activeTab === 'advanced' && (localLLMProps || systemControlProps) && (jsxs("div", { className: "space-y-6", children: [localLLMProps && (jsx(LocalModelsContent, { isAvailable: localLLMProps.isAvailable, state: localLLMProps.state, ollamaStatus: localLLMProps.ollamaStatus, systemMemory: localLLMProps.systemMemory, isUsingFoundry: localLLMProps.isUsingFoundry, foundryModels: localLLMProps.foundryModels, selectedFoundryModel: localLLMProps.selectedFoundryModel, foundryStatus: localLLMProps.foundryStatus, onStartDownload: localLLMProps.onStartDownload, onCancelDownload: localLLMProps.onCancelDownload, onInstallOllama: localLLMProps.onInstallOllama, onStopManager: localLLMProps.onStopManager, onInstallFoundry: localLLMProps.onInstallFoundry, onCheckStatus: localLLMProps.onCheckStatus, onResetState: localLLMProps.onResetState, onSelectFoundryModel: localLLMProps.onSelectFoundryModel })), systemControlProps && (jsx(SystemControlContent, { isAvailable: systemControlProps.isAvailable, state: systemControlProps.state, status: systemControlProps.status, requiredSizeGb: systemControlProps.requiredSizeGb, ollamaStatus: systemControlProps.ollamaStatus, systemMemory: systemControlProps.systemMemory, accessibilityPermission: systemControlProps.accessibilityPermission, onInstall: systemControlProps.onInstall, onStop: systemControlProps.onStop, onCheckStatus: systemControlProps.onCheckStatus, onResetState: systemControlProps.onResetState, onRequestAccessibilityPermission: systemControlProps.onRequestAccessibilityPermission, onDownloadModel: systemControlProps.onDownloadModel }))] }))] }), !isReadOnly && ['basic', 'social'].includes(activeTab) && (jsx("div", { className: "flex-shrink-0 border-t border-gray-200 p-6 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex justify-end gap-3", children: [jsx(Button$1, { onClick: onClose, variant: "outline", children: t('profileIndex.buttonCancel') }), jsx(Button$1, { onClick: () => {
+                                                })] })] }) })), activeTab === 'education' && (jsxs(Tabs, { value: educationSubTab, onValueChange: setEducationSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "education", children: t('profileIndex.tabEducation') }), jsx(TabsTrigger, { value: "credentials", children: t('gradebookGradebookTab.typeCredentials') }), jsx(TabsTrigger, { value: "skills", children: t('gradebookGradebookTab.typeSkills') })] }), headerAddButton] }), jsx(TabsContent, { value: "education", children: jsx(EducationTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "credentials", children: jsx(CredentialsList, { org: tenant, username: username }) }), jsx(TabsContent, { value: "skills", children: jsx(SkillsList, { org: tenant, username: username }) })] })), activeTab === 'gradebook' && jsx(GradebookTab, { org: tenant, username: username }), activeTab === 'experience' && (jsxs(Tabs, { value: experienceSubTab, onValueChange: setExperienceSubTab, className: "space-y-4", children: [jsxs("div", { className: "flex items-center justify-between gap-3", children: [jsxs(TabsList, { children: [jsx(TabsTrigger, { value: "experience", children: t('profileIndex.tabExperience') }), jsx(TabsTrigger, { value: "resume", children: t('profileIndex.tabResume') })] }), headerAddButton] }), jsx(TabsContent, { value: "experience", children: jsx(ExperienceTab, { org: tenant, username: username }) }), jsx(TabsContent, { value: "resume", children: jsx(ResumeTab, { org: tenant, username: username }) })] })), activeTab === 'purchases' && jsx(PurchasesTab, { org: tenant, username: username }), activeTab === 'memory' && jsx(MemoryTab, { org: tenant, username: username }), activeTab === 'privacy' && jsx(ChatPrivacyTab, { org: tenant, username: username }), !isReadOnly && activeTab === 'security' && (jsx(Security, { app: currentSPA || '', email: (userMetadata === null || userMetadata === void 0 ? void 0 : userMetadata.email) || '', platformKey: tenant, onAccountDeleted: onAccountDeleted })), activeTab === 'advanced' && (localLLMProps || systemControlProps) && (jsxs("div", { className: "space-y-6", children: [localLLMProps && (jsx(LocalModelsContent, { isAvailable: localLLMProps.isAvailable, state: localLLMProps.state, ollamaStatus: localLLMProps.ollamaStatus, systemMemory: localLLMProps.systemMemory, isUsingFoundry: localLLMProps.isUsingFoundry, foundryModels: localLLMProps.foundryModels, selectedFoundryModel: localLLMProps.selectedFoundryModel, foundryStatus: localLLMProps.foundryStatus, onStartDownload: localLLMProps.onStartDownload, onCancelDownload: localLLMProps.onCancelDownload, onInstallOllama: localLLMProps.onInstallOllama, onStopManager: localLLMProps.onStopManager, onInstallFoundry: localLLMProps.onInstallFoundry, onCheckStatus: localLLMProps.onCheckStatus, onResetState: localLLMProps.onResetState, onSelectFoundryModel: localLLMProps.onSelectFoundryModel })), systemControlProps && (jsx(SystemControlContent, { isAvailable: systemControlProps.isAvailable, state: systemControlProps.state, status: systemControlProps.status, requiredSizeGb: systemControlProps.requiredSizeGb, ollamaStatus: systemControlProps.ollamaStatus, systemMemory: systemControlProps.systemMemory, accessibilityPermission: systemControlProps.accessibilityPermission, onInstall: systemControlProps.onInstall, onStop: systemControlProps.onStop, onCheckStatus: systemControlProps.onCheckStatus, onResetState: systemControlProps.onResetState, onRequestAccessibilityPermission: systemControlProps.onRequestAccessibilityPermission, onDownloadModel: systemControlProps.onDownloadModel }))] }))] }), !isReadOnly && ['basic', 'social'].includes(activeTab) && (jsx("div", { className: "flex-shrink-0 border-t border-gray-200 p-6 bg-white dark:bg-gray-900", children: jsxs("div", { className: "flex justify-end gap-3", children: [jsx(Button$1, { onClick: onClose, variant: "outline", children: t('profileIndex.buttonCancel') }), jsx(Button$1, { onClick: () => {
                                         if (activeTab === 'basic') {
                                             basicForm.handleSubmit();
                                         }
@@ -183813,26 +183825,19 @@ const ChatPrivacyContent = ({ platformKey, username }) => {
 };
 
 function StringSettingInput({ value, defaultValue, disabled, onSave, }) {
-    const [localValue, setLocalValue] = useState(value || defaultValue);
-    const debounceRef = useRef(null);
+    const t = useT();
+    const savedValue = value || defaultValue;
+    const [localValue, setLocalValue] = useState(savedValue);
     useEffect(() => {
-        setLocalValue(value || defaultValue);
-    }, [value, defaultValue]);
-    const handleChange = (newValue) => {
-        setLocalValue(newValue);
-        if (debounceRef.current)
-            clearTimeout(debounceRef.current);
-        debounceRef.current = setTimeout(() => {
-            onSave(newValue);
-        }, 800);
+        setLocalValue(savedValue);
+    }, [savedValue]);
+    const isDirty = localValue !== savedValue;
+    const handleSave = () => {
+        if (!isDirty || disabled)
+            return;
+        onSave(localValue);
     };
-    useEffect(() => {
-        return () => {
-            if (debounceRef.current)
-                clearTimeout(debounceRef.current);
-        };
-    }, []);
-    return (jsxs("div", { className: "flex items-center gap-2", children: [jsx(Input, { value: localValue, onChange: (e) => handleChange(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" }))] }));
+    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" }))] }));
 }
 function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatformBaseDomain, }) {
     const t = useT();
@@ -183878,6 +183883,7 @@ function AdvancedTab({ platformKey, username, currentSPA, authURL, currentPlatfo
                 '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' &&

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "1.25.3",
+  "version": "1.26.0",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -68,8 +68,8 @@
     "winston": "3.19.0",
     "@iblai/data-layer": "1.9.3",
     "@iblai/mcp": "1.8.0",
-    "@iblai/web-containers": "1.14.1",
-    "@iblai/web-utils": "1.12.1"
+    "@iblai/web-containers": "1.15.0",
+    "@iblai/web-utils": "1.13.0"
   },
   "peerDependencies": {
     "@radix-ui/react-dialog": "^1.1.7",