@iblai/iblai-js 1.25.3 → 1.26.1

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",
@@ -63068,7 +63070,8 @@ var projectsProjectsPage$3 = {
 	"delete": "Delete",
 	agentCount: "{count} {count, plural, one {agent} other {agents}}",
 	noProjectsFound: "No projects found",
-	createFirstProject: "Create your first project"
+	createFirstProject: "Create your first project",
+	searching: "Searching..."
 };
 var projectsRenameProjectModal$3 = {
 	title: "Rename Project",
@@ -65110,6 +65113,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 +67691,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",
@@ -68447,7 +68452,8 @@ var projectsProjectsPage$2 = {
 	"delete": "Supprimer",
 	agentCount: "{count} {count, plural, one {agent} other {agents}}",
 	noProjectsFound: "Aucun projet trouvé",
-	createFirstProject: "Créer votre premier projet"
+	createFirstProject: "Créer votre premier projet",
+	searching: "Recherche..."
 };
 var projectsRenameProjectModal$2 = {
 	title: "Renommer le projet",
@@ -70489,6 +70495,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 +73073,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",
@@ -73826,7 +73834,8 @@ var projectsProjectsPage$1 = {
 	"delete": "Eliminar",
 	agentCount: "{count} {count, plural, one {agente} other {agentes}}",
 	noProjectsFound: "No se encontraron proyectos",
-	createFirstProject: "Crear tu primer proyecto"
+	createFirstProject: "Crear tu primer proyecto",
+	searching: "Buscando..."
 };
 var projectsRenameProjectModal$1 = {
 	title: "Renombrar proyecto",
@@ -75868,6 +75877,7 @@ var advancePagination = {
 var advancedAdvanced = {
 	failedToUpdateSetting: "更新设置失败",
 	settingUpdatedSuccessfully: "设置已成功更新",
+	save: "保存",
 	agentSettingUpdatedSuccessfully: "代理设置已成功更新",
 	chatAreaSizeUpdatedSuccessfully: "聊天区域大小已成功更新",
 	moreInfoAbout: "关于 {label} 的更多信息",
@@ -78445,7 +78455,8 @@ var modalsPaywallModal = {
 	subscribeToGetAccess: "订阅以获取 {itemName} 的访问权限",
 	redirecting: "正在跳转...",
 	pay: "支付",
-	thisIncludes: "包含以下内容："
+	thisIncludes: "包含以下内容：",
+	secureCheckout: "安全结账"
 };
 var modalsPromptGalleryModal = {
 	promptGallery: "提示库",
@@ -79205,7 +79216,8 @@ var projectsProjectsPage = {
 	"delete": "删除",
 	agentCount: "{count} 个代理",
 	noProjectsFound: "未找到项目",
-	createFirstProject: "创建您的第一个项目"
+	createFirstProject: "创建您的第一个项目",
+	searching: "搜索中..."
 };
 var projectsRenameProjectModal = {
 	title: "重命名项目",
@@ -83530,7 +83542,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 +83555,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 +83615,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 +138908,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 +138926,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 +139004,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 +149003,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 +149061,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 +169837,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 +169905,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 +223018,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 +223075,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))) })] }) }));
 }
@@ -223580,6 +223642,57 @@ function CreditBalance({ tenant, username, mainPlatformKey, currentUserEmail, re
                                     : t('creditBalance.manageBilling')] })) }))] }), jsx(AutoRechargeModal, { tenant: tenant, isOpen: isAutoRechargeModalOpen, onClose: () => setIsAutoRechargeModalOpen(false) }), jsx(AddCreditsModal, { tenant: tenant, isOpen: isAddCreditsModalOpen, onClose: () => setIsAddCreditsModalOpen(false) }), jsx(AppleRestrictionModal, { isOpen: isAppleRestrictionModalOpen, onClose: () => setIsAppleRestrictionModalOpen(false) })] }));
 }
 
+function c(e,u,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),v=useRef(),m=useRef(),d=useRef(e),g=useRef(true);d.current=e;var p="undefined"!=typeof window,w=!u&&0!==u&&p;if("function"!=typeof e)throw new TypeError("Expected a function");u=+u||0;var s=!!(c=c||{}).leading,x=!("trailing"in c)||!!c.trailing,h="maxWait"in c,y="debounceOnServer"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;useEffect(function(){return g.current=true,function(){g.current=false;}},[]);var A=useMemo(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!g.current)return  false;var n=r-a.current;return !a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f);}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null;},A.isPending=function(){return !!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i(r,n){return r===n}function a(n,t,a){var o=i,f=useRef(n),l=useState({})[1],v=c(useCallback(function(r){f.current=r,l({});},[l]),t,a),m=useRef(n);return o(m.current,n)||(v(n),m.current=n),[f.current,v]}
+
+const DEFAULT_ITEMS_PER_PAGE = 10;
+const DEFAULT_DEBOUNCE_MS = 500;
+/** Manages the projects list: debounced search, pagination, and the paged query. */
+function useProjects({ tenantKey, username, itemsPerPage = DEFAULT_ITEMS_PER_PAGE, debounceMs = DEFAULT_DEBOUNCE_MS, }) {
+    var _a, _b;
+    const [searchValue, setSearchValue] = useState('');
+    const [debouncedSearch] = a(searchValue, debounceMs);
+    const [currentPage, setCurrentPage] = useState(1);
+    // A new search yields a different result set, so any page beyond the first is
+    // meaningless. This is adjusted during render rather than in an effect so that
+    // `page` is already correct on this pass — an effect would let the query fire
+    // once for the stale offset before the reset landed.
+    const [prevDebouncedSearch, setPrevDebouncedSearch] = useState(debouncedSearch);
+    let page = currentPage;
+    if (prevDebouncedSearch !== debouncedSearch) {
+        setPrevDebouncedSearch(debouncedSearch);
+        setCurrentPage(1);
+        page = 1;
+    }
+    const { data, isLoading, isFetching, error } = useGetUserProjectsQuery({
+        tenantKey,
+        username,
+        params: {
+            limit: itemsPerPage,
+            offset: (page - 1) * itemsPerPage,
+            search: debouncedSearch || undefined,
+        },
+    }, { skip: !username || !tenantKey });
+    const projects = (_a = data === null || data === void 0 ? void 0 : data.results) !== null && _a !== void 0 ? _a : [];
+    const totalPages = Math.ceil(((_b = data === null || data === void 0 ? void 0 : data.count) !== null && _b !== void 0 ? _b : 0) / itemsPerPage);
+    // Spans the debounce window (searchValue ahead of debouncedSearch) and the
+    // fetch that follows. Gated on an active term so paging an unfiltered list
+    // doesn't register as searching.
+    const isSearching = searchValue !== debouncedSearch || (isFetching && debouncedSearch !== '');
+    return {
+        projects,
+        totalPages,
+        page,
+        setPage: setCurrentPage,
+        searchValue,
+        setSearchValue,
+        debouncedSearch,
+        isLoading,
+        isFetching,
+        isSearching,
+        error,
+    };
+}
+
 const CreateProjectModal$1 = lazy(() => Promise.resolve().then(function () { return createProjectModal; }).then((mod) => ({
     default: mod.CreateProjectModal,
 })));
@@ -223591,19 +223704,10 @@ const DeleteProjectModal$1 = lazy(() => Promise.resolve().then(function () { ret
 })));
 function ProjectsPage({ tenantKey, username, onOpenProject, navigateToMentorInProject, executeWithTrialCheck = (fn) => fn(), }) {
     const t = useT();
-    const [searchValue, setSearchValue] = useState('');
+    const { projects, totalPages, page, setPage, searchValue, setSearchValue, isLoading, isFetching, isSearching, error, } = useProjects({ tenantKey, username });
     const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
     const [renameModalData, setRenameModalData] = useState({ isOpen: false, projectId: '', currentName: '' });
     const [deleteModalData, setDeleteModalData] = useState({ isOpen: false, projectId: '', projectName: '' });
-    const { data, isLoading, error } = useGetUserProjectsQuery({
-        tenantKey: tenantKey,
-        username: username,
-        params: {
-            limit: 50,
-            search: searchValue || undefined,
-        },
-    }, { skip: !username || !tenantKey });
-    const projects = useMemo(() => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.results) !== null && _a !== void 0 ? _a : []; }, [data]);
     const handleRenameProject = (projectId, currentName) => {
         setRenameModalData({ isOpen: true, projectId, currentName });
     };
@@ -223619,13 +223723,13 @@ function ProjectsPage({ tenantKey, username, onOpenProject, navigateToMentorInPr
     if (error) {
         return (jsx("div", { className: "flex h-full items-center justify-center", children: jsxs("div", { className: "text-center", children: [jsx(CircleAlert, { className: "mx-auto mb-4 h-12 w-12 text-red-500" }), jsx("p", { className: "text-gray-600", children: t('projectsProjectsPage.failedToLoadProjects') })] }) }));
     }
-    return (jsxs("div", { className: "flex h-full overflow-hidden", children: [jsx("div", { className: "scrollbar-hide flex-1 overflow-y-auto", children: jsxs("div", { className: "mx-auto max-w-[920px] px-3 py-6 md:px-6 md:py-8", children: [jsxs("div", { className: "mb-6", children: [jsx("h1", { className: "mb-2 text-2xl font-semibold text-gray-700", children: t('projectsProjectsPage.heading') }), jsx("p", { className: "text-sm text-gray-600", children: t('projectsProjectsPage.subheading') })] }), jsxs("div", { className: "mb-6 flex flex-col gap-4 sm:flex-row", children: [jsxs("div", { className: "relative flex-1", children: [jsx(Search, { className: "absolute top-1/2 left-4 h-5 w-5 -translate-y-1/2 transform text-gray-400" }), jsx(Input, { placeholder: t('projectsProjectsPage.searchPlaceholder'), value: searchValue, onChange: (e) => setSearchValue(e.target.value), className: "w-full rounded-lg border-gray-300 py-3 pr-4 pl-12 text-base focus:border-blue-500 focus:ring-2 focus:ring-blue-500" })] }), jsxs(Button$1, { className: "rounded-lg bg-gradient-to-r from-[#38A1E5] to-[#7284FF] px-6 py-3 whitespace-nowrap text-white hover:from-[#2E8BD1] hover:to-[#5F6FE8]", onClick: () => executeWithTrialCheck(() => setIsCreateModalOpen(true)), children: [jsx(Plus, { className: "mr-2 h-5 w-5" }), t('projectsProjectsPage.newProject')] })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-12", children: jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-gray-400" }) })) : (jsxs(Fragment$1, { children: [jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: projects.map((project) => (jsx(Card, { className: "cursor-pointer rounded-lg border border-[#D0E0FF] bg-[#F5F8FF] transition-shadow hover:shadow-md", onClick: () => executeWithTrialCheck(() => onOpenProject(project)), children: jsxs(CardContent, { className: "p-6", children: [jsxs("div", { className: "mb-3 flex items-start justify-between gap-2", children: [jsx("h3", { className: "text-base font-semibold text-gray-900", children: project.name }), jsxs(DropdownMenu, { modal: false, children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "icon", className: "h-7 w-7 flex-shrink-0 text-gray-500 hover:bg-[#c9d8f8]", "aria-label": t('projectsProjectsPage.projectActions'), onClick: (e) => e.stopPropagation(), children: jsx(EllipsisVertical, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", onClick: (e) => e.stopPropagation(), children: [jsxs(DropdownMenuItem, { onClick: (e) => {
+    return (jsxs("div", { className: "flex h-full overflow-hidden", children: [jsx("div", { className: "scrollbar-hide flex-1 overflow-y-auto", children: jsxs("div", { className: "mx-auto max-w-[920px] px-3 py-6 md:px-6 md:py-8", children: [jsxs("div", { className: "mb-6", children: [jsx("h1", { className: "mb-2 text-2xl font-semibold text-gray-700", children: t('projectsProjectsPage.heading') }), jsx("p", { className: "text-sm text-gray-600", children: t('projectsProjectsPage.subheading') })] }), jsxs("div", { className: "mb-6 flex flex-col gap-4 sm:flex-row", children: [jsxs("div", { className: "relative flex-1", children: [jsx(Search, { className: "absolute top-1/2 left-4 h-5 w-5 -translate-y-1/2 transform text-gray-400" }), jsx(Input, { placeholder: t('projectsProjectsPage.searchPlaceholder'), value: searchValue, onChange: (e) => setSearchValue(e.target.value), className: `w-full rounded-lg border-gray-300 py-3 pl-12 text-base focus:border-blue-500 focus:ring-2 focus:ring-blue-500 ${isSearching ? 'pr-11' : 'pr-4'}` }), isSearching && (jsx(LoaderCircle, { role: "status", "aria-label": t('projectsProjectsPage.searching'), className: "absolute top-1/2 right-4 h-5 w-5 -translate-y-1/2 transform animate-spin text-blue-500" }))] }), jsxs(Button$1, { className: "rounded-lg bg-gradient-to-r from-[#38A1E5] to-[#7284FF] px-6 py-3 whitespace-nowrap text-white hover:from-[#2E8BD1] hover:to-[#5F6FE8]", onClick: () => executeWithTrialCheck(() => setIsCreateModalOpen(true)), children: [jsx(Plus, { className: "mr-2 h-5 w-5" }), t('projectsProjectsPage.newProject')] })] }), isLoading ? (jsx("div", { className: "flex items-center justify-center py-12", children: jsx(LoaderCircle, { className: "h-8 w-8 animate-spin text-gray-400" }) })) : (jsxs(Fragment$1, { children: [jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: projects.map((project) => (jsx(Card, { className: "cursor-pointer rounded-lg border border-[#D0E0FF] bg-[#F5F8FF] transition-shadow hover:shadow-md", onClick: () => executeWithTrialCheck(() => onOpenProject(project)), children: jsxs(CardContent, { className: "p-6", children: [jsxs("div", { className: "mb-3 flex items-start justify-between gap-2", children: [jsx("h3", { className: "text-base font-semibold text-gray-900", children: project.name }), jsxs(DropdownMenu, { modal: false, children: [jsx(DropdownMenuTrigger, { asChild: true, children: jsx(Button$1, { variant: "ghost", size: "icon", className: "h-7 w-7 flex-shrink-0 text-gray-500 hover:bg-[#c9d8f8]", "aria-label": t('projectsProjectsPage.projectActions'), onClick: (e) => e.stopPropagation(), children: jsx(EllipsisVertical, { className: "h-4 w-4" }) }) }), jsxs(DropdownMenuContent, { align: "end", onClick: (e) => e.stopPropagation(), children: [jsxs(DropdownMenuItem, { onClick: (e) => {
                                                                                 e.stopPropagation();
                                                                                 executeWithTrialCheck(() => handleRenameProject(String(project.id), project.name));
-                                                                            }, children: [jsx(Pencil, { className: "mr-2 h-4 w-4" }), t('projectsProjectsPage.rename')] }), jsxs(DropdownMenuItem, { className: "text-red-600 focus:text-red-600", onClick: (e) => {
+                                                                            }, children: [jsx(Pencil, { className: "mr-2 h-4 w-4" }), t('projectsProjectsPage.rename')] }), jsxs(DropdownMenuItem, { onClick: (e) => {
                                                                                 e.stopPropagation();
                                                                                 executeWithTrialCheck(() => handleDeleteProject(String(project.id), project.name));
-                                                                            }, children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), t('projectsProjectsPage.delete')] })] })] })] }), jsx("div", { className: "flex items-center text-xs text-gray-500", children: jsx("span", { children: t('projectsProjectsPage.agentCount', { count: project.mentor_count }) }) })] }) }, project.id))) }), projects.length === 0 && !isLoading && (jsxs("div", { className: "py-12 text-center", children: [jsx("p", { className: "mb-4 text-gray-500", children: t('projectsProjectsPage.noProjectsFound') }), jsxs(Button$1, { variant: "outline", onClick: () => executeWithTrialCheck(() => setIsCreateModalOpen(true)), className: "border-gray-300", children: [jsx(Plus, { className: "mr-2 h-4 w-4" }), t('projectsProjectsPage.createFirstProject')] })] }))] }))] }) }), isCreateModalOpen && (jsx(Suspense, { fallback: null, children: jsx(CreateProjectModal$1, { isOpen: isCreateModalOpen, onClose: () => setIsCreateModalOpen(false), tenantKey: tenantKey, username: username, navigateToMentorInProject: navigateToMentorInProject }) })), renameModalData.isOpen && (jsx(Suspense, { fallback: null, children: jsx(RenameProjectModal$1, { isOpen: renameModalData.isOpen, onClose: handleCloseRenameModal, projectId: renameModalData.projectId, currentName: renameModalData.currentName, tenantKey: tenantKey, username: username }) })), deleteModalData.isOpen && (jsx(Suspense, { fallback: null, children: jsx(DeleteProjectModal$1, { isOpen: deleteModalData.isOpen, onClose: handleCloseDeleteModal, projectId: deleteModalData.projectId, projectName: deleteModalData.projectName, tenantKey: tenantKey, username: username }) }))] }));
+                                                                            }, children: [jsx(Trash2, { className: "mr-2 h-4 w-4" }), t('projectsProjectsPage.delete')] })] })] })] }), jsx("div", { className: "flex items-center text-xs text-gray-500", children: jsx("span", { children: t('projectsProjectsPage.agentCount', { count: project.mentor_count }) }) })] }) }, project.id))) }), totalPages > 1 && (jsx("div", { className: "mt-8", children: jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: isFetching }) })), projects.length === 0 && !isFetching && (jsxs("div", { className: "py-12 text-center", children: [jsx("p", { className: "mb-4 text-gray-500", children: t('projectsProjectsPage.noProjectsFound') }), jsxs(Button$1, { variant: "outline", onClick: () => executeWithTrialCheck(() => setIsCreateModalOpen(true)), className: "border-gray-300", children: [jsx(Plus, { className: "mr-2 h-4 w-4" }), t('projectsProjectsPage.createFirstProject')] })] }))] }))] }) }), isCreateModalOpen && (jsx(Suspense, { fallback: null, children: jsx(CreateProjectModal$1, { isOpen: isCreateModalOpen, onClose: () => setIsCreateModalOpen(false), tenantKey: tenantKey, username: username, navigateToMentorInProject: navigateToMentorInProject }) })), renameModalData.isOpen && (jsx(Suspense, { fallback: null, children: jsx(RenameProjectModal$1, { isOpen: renameModalData.isOpen, onClose: handleCloseRenameModal, projectId: renameModalData.projectId, currentName: renameModalData.currentName, tenantKey: tenantKey, username: username }) })), deleteModalData.isOpen && (jsx(Suspense, { fallback: null, children: jsx(DeleteProjectModal$1, { isOpen: deleteModalData.isOpen, onClose: handleCloseDeleteModal, projectId: deleteModalData.projectId, projectName: deleteModalData.projectName, tenantKey: tenantKey, username: username }) }))] }));
 }
 
 const DeepSearchIcon = ({ className }) => (jsx("svg", { width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: jsx("path", { d: "M17.2743 17.9886C17.2743 16.7316 16.2549 15.7124 14.9979 15.7122C13.7408 15.7122 12.7216 16.7315 12.7216 17.9886C12.7217 19.2456 13.7409 20.265 14.9979 20.265C16.2549 20.2649 17.2742 19.2456 17.2743 17.9886ZM5.70935 13.0653C4.92914 13.39 4.52833 14.2595 4.78943 15.0633L5.28895 16.5971L5.34607 16.748C5.6666 17.4806 6.48392 17.8782 7.26941 17.6576L10.9535 16.6205C11.5241 14.9329 13.1178 13.7171 14.9979 13.7171C16.0406 13.7172 16.9956 14.0911 17.7372 14.7118L19.6386 14.1771L19.5404 13.9208L17.6493 8.10094L5.70935 13.0653ZM21.893 4.58677L21.7011 4.62925L20.456 5.03356C19.6044 5.31043 19.1378 6.22539 19.4144 7.077L21.4389 13.3041L21.4974 13.4593C21.8292 14.2111 22.6839 14.605 23.4824 14.3456L24.7274 13.9398L24.9062 13.8607C25.2414 13.6704 25.433 13.2961 25.3895 12.9129L25.3485 12.7225L22.9199 5.24888C22.7753 4.80483 22.3397 4.53635 21.893 4.58677ZM19.2695 17.9886C19.2693 19.382 18.5982 20.6148 17.5658 21.3944L20.4267 25.9706L20.516 26.1522C20.6781 26.5869 20.519 27.0905 20.1102 27.3461C19.7015 27.6015 19.179 27.524 18.8592 27.1878L18.7347 27.0282L15.7128 22.1942C15.48 22.2335 15.2418 22.26 14.9979 22.2602C14.7526 22.2602 14.5127 22.2339 14.2787 22.1942L11.2582 27.0282L11.1337 27.1878C10.8139 27.524 10.2914 27.6015 9.8827 27.3461C9.41571 27.054 9.27436 26.4377 9.56629 25.9706L12.4257 21.3929C11.5843 20.7564 10.9867 19.8186 10.7953 18.7371L7.80994 19.578C6.05816 20.0706 4.23476 19.1844 3.51941 17.5506L3.39197 17.2137L2.89246 15.68C2.3098 13.8868 3.20363 11.9463 4.94471 11.2225L17.3813 6.05015C17.5755 4.73435 18.4886 3.5757 19.8393 3.13658L21.0858 2.73082L21.3773 2.6517C22.8447 2.33417 24.3429 3.17504 24.8168 4.63364L27.2456 12.1058L27.3246 12.3988C27.6204 13.7681 26.9088 15.1646 25.6269 15.7298L25.3442 15.8382L24.0975 16.2425C23.031 16.5888 21.9203 16.4129 21.0419 15.8558L18.9735 16.4358C19.1618 16.9175 19.2695 17.4404 19.2695 17.9886Z", fill: "currentColor" }) }));
@@ -223712,8 +223816,6 @@ function ProjectMentorsList({ projectMentors, onMentorRemoved, onAddMentorClick,
                 }) }), showMinimumMentorAlert && (jsx(Suspense, { fallback: null, children: jsx(MinimumMentorAlert$1, { open: showMinimumMentorAlert, onOpenChange: setShowMinimumMentorAlert }) }))] }));
 }
 
-function c(e,u,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),v=useRef(),m=useRef(),d=useRef(e),g=useRef(true);d.current=e;var p="undefined"!=typeof window,w=!u&&0!==u&&p;if("function"!=typeof e)throw new TypeError("Expected a function");u=+u||0;var s=!!(c=c||{}).leading,x=!("trailing"in c)||!!c.trailing,h="maxWait"in c,y="debounceOnServer"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;useEffect(function(){return g.current=true,function(){g.current=false;}},[]);var A=useMemo(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!g.current)return  false;var n=r-a.current;return !a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f);}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null;},A.isPending=function(){return !!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i(r,n){return r===n}function a(n,t,a){var o=i,f=useRef(n),l=useState({})[1],v=c(useCallback(function(r){f.current=r,l({});},[l]),t,a),m=useRef(n);return o(m.current,n)||(v(n),m.current=n),[f.current,v]}
-
 const AgentSettingsContext = React__default.createContext(null);
 function AgentSettingsProvider({ children, ...value }) {
     const ctx = React__default.useMemo(() => value, 

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",
@@ -100299,7 +100301,8 @@ var projectsProjectsPage$3 = {
 	"delete": "Delete",
 	agentCount: "{count} {count, plural, one {agent} other {agents}}",
 	noProjectsFound: "No projects found",
-	createFirstProject: "Create your first project"
+	createFirstProject: "Create your first project",
+	searching: "Searching..."
 };
 var projectsRenameProjectModal$3 = {
 	title: "Rename Project",
@@ -102341,6 +102344,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 +104922,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",
@@ -105678,7 +105683,8 @@ var projectsProjectsPage$2 = {
 	"delete": "Supprimer",
 	agentCount: "{count} {count, plural, one {agent} other {agents}}",
 	noProjectsFound: "Aucun projet trouvé",
-	createFirstProject: "Créer votre premier projet"
+	createFirstProject: "Créer votre premier projet",
+	searching: "Recherche..."
 };
 var projectsRenameProjectModal$2 = {
 	title: "Renommer le projet",
@@ -107720,6 +107726,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 +110304,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",
@@ -111057,7 +111065,8 @@ var projectsProjectsPage$1 = {
 	"delete": "Eliminar",
 	agentCount: "{count} {count, plural, one {agente} other {agentes}}",
 	noProjectsFound: "No se encontraron proyectos",
-	createFirstProject: "Crear tu primer proyecto"
+	createFirstProject: "Crear tu primer proyecto",
+	searching: "Buscando..."
 };
 var projectsRenameProjectModal$1 = {
 	title: "Renombrar proyecto",
@@ -113099,6 +113108,7 @@ var advancePagination = {
 var advancedAdvanced = {
 	failedToUpdateSetting: "更新设置失败",
 	settingUpdatedSuccessfully: "设置已成功更新",
+	save: "保存",
 	agentSettingUpdatedSuccessfully: "代理设置已成功更新",
 	chatAreaSizeUpdatedSuccessfully: "聊天区域大小已成功更新",
 	moreInfoAbout: "关于 {label} 的更多信息",
@@ -115676,7 +115686,8 @@ var modalsPaywallModal = {
 	subscribeToGetAccess: "订阅以获取 {itemName} 的访问权限",
 	redirecting: "正在跳转...",
 	pay: "支付",
-	thisIncludes: "包含以下内容："
+	thisIncludes: "包含以下内容：",
+	secureCheckout: "安全结账"
 };
 var modalsPromptGalleryModal = {
 	promptGallery: "提示库",
@@ -116436,7 +116447,8 @@ var projectsProjectsPage = {
 	"delete": "删除",
 	agentCount: "{count} 个代理",
 	noProjectsFound: "未找到项目",
-	createFirstProject: "创建您的第一个项目"
+	createFirstProject: "创建您的第一个项目",
+	searching: "搜索中..."
 };
 var projectsRenameProjectModal = {
 	title: "重命名项目",
@@ -173722,6 +173734,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 +173752,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 +173830,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 +183829,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 +183887,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' &&
@@ -248508,6 +248518,8 @@ function getLLMProviderDetails(llmProvider, llmName) {
     }
 }
 
+function c$3(e,u,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),v=useRef(),m=useRef(),d=useRef(e),g=useRef(true);d.current=e;var p="undefined"!=typeof window,w=!u&&0!==u&&p;if("function"!=typeof e)throw new TypeError("Expected a function");u=+u||0;var s=!!(c=c||{}).leading,x=!("trailing"in c)||!!c.trailing,h="maxWait"in c,y="debounceOnServer"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;useEffect(function(){return g.current=true,function(){g.current=false;}},[]);var A=useMemo(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!g.current)return  false;var n=r-a.current;return !a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f);}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null;},A.isPending=function(){return !!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i$8(r,n){return r===n}function a$3(n,t,a){var o=i$8,f=useRef(n),l=useState({})[1],v=c$3(useCallback(function(r){f.current=r,l({});},[l]),t,a),m=useRef(n);return o(m.current,n)||(v(n),m.current=n),[f.current,v]}
+
 lazy(() => Promise.resolve().then(function () { return createProjectModal; }).then((mod) => ({
     default: mod.CreateProjectModal,
 })));
@@ -248602,8 +248614,6 @@ function ProjectMentorsList({ projectMentors, onMentorRemoved, onAddMentorClick,
                 }) }), showMinimumMentorAlert && (jsx(Suspense, { fallback: null, children: jsx(MinimumMentorAlert$1, { open: showMinimumMentorAlert, onOpenChange: setShowMinimumMentorAlert }) }))] }));
 }
 
-function c$3(e,u,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),v=useRef(),m=useRef(),d=useRef(e),g=useRef(true);d.current=e;var p="undefined"!=typeof window,w=!u&&0!==u&&p;if("function"!=typeof e)throw new TypeError("Expected a function");u=+u||0;var s=!!(c=c||{}).leading,x=!("trailing"in c)||!!c.trailing,h="maxWait"in c,y="debounceOnServer"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;useEffect(function(){return g.current=true,function(){g.current=false;}},[]);var A=useMemo(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!g.current)return  false;var n=r-a.current;return !a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f);}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null;},A.isPending=function(){return !!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i$8(r,n){return r===n}function a$3(n,t,a){var o=i$8,f=useRef(n),l=useState({})[1],v=c$3(useCallback(function(r){f.current=r,l({});},[l]),t,a),m=useRef(n);return o(m.current,n)||(v(n),m.current=n),[f.current,v]}
-
 const AgentSettingsContext = React__default.createContext(null);
 function AgentSettingsProvider({ children, ...value }) {
     const ctx = React__default.useMemo(() => value, 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "1.25.3",
+  "version": "1.26.1",
   "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.1",
+    "@iblai/web-utils": "1.13.0"
   },
   "peerDependencies": {
     "@radix-ui/react-dialog": "^1.1.7",