@iblai/iblai-js 2.5.9 → 2.5.11

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

@@ -100431,7 +100431,7 @@ var profileAdmin$3 = {
 	applicationsTab: "Applications",
 	applicationsTabDescription: "Review applications to your organization and edit the questions applicants answer when they apply.",
 	onboardingTab: "Onboarding",
-	onboardingTabDescription: "Choose the agent every new member of this platform meets when they arrive, and how it introduces itself."
+	onboardingTabDescription: "Choose the agents new members of this platform can be onboarded by, how each introduces itself, and copy the link that opens it."
 };
 var profileAutoRechargeModal$3 = {
 	title: "Manage Usage",
@@ -103467,24 +103467,39 @@ var onboardingUserOnboarding$3 = {
 	continueToApp: "Continue"
 };
 var profileOnboardingTab$3 = {
-	editorTitle: "User onboarding agent",
-	editorDescription: "The agent every new member of this platform meets when they arrive.",
+	editorTitle: "User onboarding agents",
+	editorDescription: "The agents new members of this platform can be onboarded by.",
 	loadError: "Could not load the onboarding settings.",
 	save: "Save changes",
 	saving: "Saving...",
-	savedToast: "Onboarding agent saved",
-	saveFailedToast: "Could not save the onboarding agent",
+	savedToast: "Onboarding agents saved",
+	saveFailedToast: "Could not save the onboarding agents",
 	unsavedChanges: "Unsaved changes",
-	agentLabel: "Agent",
+	agentLabel: "Agents",
 	searchAgents: "Search agents",
 	loadingAgents: "Loading agents...",
 	noAgents: "No agents found.",
-	clearAgent: "Clear the selected agent",
+	clearAgent: "Remove this agent",
 	agentTitleLabel: "Heading",
 	agentTitlePlaceholder: "Meet your assistant",
 	agentDescriptionLabel: "Sub-heading",
 	agentDescriptionPlaceholder: "Ask your assistant anything to get started.",
-	noAgentHint: "With no agent set, members skip onboarding entirely."
+	noAgentHint: "With no agent set, members skip onboarding entirely.",
+	copyLink: "Copy link",
+	linkCopied: "Copied",
+	defaultBadge: "Default",
+	defaultBadgeHint: "Members who arrive without a link meet this agent.",
+	emptyTitle: "No onboarding agent yet",
+	emptyBody: "Search above to pick the agent new members meet when they arrive. Until then, they skip onboarding entirely.",
+	moveUp: "Move up",
+	moveDown: "Move down",
+	linkLabel: "Onboarding link",
+	introLabel: "Introduction",
+	introSummary: "Heading and sub-heading shown above the agent",
+	collapse: "Hide introduction",
+	expand: "Edit introduction",
+	oneAgent: "1 agent",
+	multipleAgents: "{count} agents"
 };
 var en = {
 	accessTabAddAccess: accessTabAddAccess$3,
@@ -107536,7 +107551,7 @@ var profileAdmin$2 = {
 	applicationsTab: "Candidatures",
 	applicationsTabDescription: "Consultez les candidatures à votre organisation et modifiez les questions auxquelles les candidats répondent lorsqu'ils postulent.",
 	onboardingTab: "Intégration",
-	onboardingTabDescription: "Choisissez l'agent que rencontre chaque nouveau membre de cette plateforme à son arrivée, ainsi que sa présentation."
+	onboardingTabDescription: "Choisissez les agents pouvant accompagner l'arrivée des nouveaux membres de cette plateforme, leur présentation, et copiez le lien qui les ouvre."
 };
 var profileAutoRechargeModal$2 = {
 	title: "Gérer l'utilisation",
@@ -110406,24 +110421,39 @@ var onboardingUserOnboarding$2 = {
 	continueToApp: "Continuer"
 };
 var profileOnboardingTab$2 = {
-	editorTitle: "Agent d'intégration des utilisateurs",
-	editorDescription: "L'agent que rencontre chaque nouveau membre de cette plateforme à son arrivée.",
+	editorTitle: "Agents d'intégration des utilisateurs",
+	editorDescription: "Les agents qui peuvent accompagner l'arrivée des nouveaux membres de cette plateforme.",
 	loadError: "Impossible de charger les paramètres d'intégration.",
 	save: "Enregistrer les modifications",
 	saving: "Enregistrement...",
-	savedToast: "Agent d'intégration enregistré",
-	saveFailedToast: "Impossible d'enregistrer l'agent d'intégration",
+	savedToast: "Agents d'intégration enregistrés",
+	saveFailedToast: "Impossible d'enregistrer les agents d'intégration",
 	unsavedChanges: "Modifications non enregistrées",
-	agentLabel: "Agent",
+	agentLabel: "Agents",
 	searchAgents: "Rechercher des agents",
 	loadingAgents: "Chargement des agents...",
 	noAgents: "Aucun agent trouvé.",
-	clearAgent: "Effacer l'agent sélectionné",
+	clearAgent: "Retirer cet agent",
 	agentTitleLabel: "Titre",
 	agentTitlePlaceholder: "Rencontrez votre assistant",
 	agentDescriptionLabel: "Sous-titre",
 	agentDescriptionPlaceholder: "Posez toutes vos questions à votre assistant pour commencer.",
-	noAgentHint: "Sans agent défini, les membres ignorent complètement l'intégration."
+	noAgentHint: "Sans agent défini, les membres ignorent complètement l'intégration.",
+	copyLink: "Copier le lien",
+	linkCopied: "Copié",
+	defaultBadge: "Par défaut",
+	defaultBadgeHint: "Les membres arrivant sans lien rencontrent cet agent.",
+	emptyTitle: "Aucun agent d'intégration",
+	emptyBody: "Cherchez ci-dessus l'agent que rencontreront les nouveaux membres à leur arrivée. D'ici là, ils passent l'intégration.",
+	moveUp: "Monter",
+	moveDown: "Descendre",
+	linkLabel: "Lien d'intégration",
+	introLabel: "Présentation",
+	introSummary: "Titre et sous-titre affichés au-dessus de l'agent",
+	collapse: "Masquer la présentation",
+	expand: "Modifier la présentation",
+	oneAgent: "1 agent",
+	multipleAgents: "{count} agents"
 };
 var fr = {
 	accessTabAddAccess: accessTabAddAccess$2,
@@ -114475,7 +114505,7 @@ var profileAdmin$1 = {
 	applicationsTab: "Solicitudes",
 	applicationsTabDescription: "Revise las solicitudes a su organización y edite las preguntas que responden los solicitantes cuando postulan.",
 	onboardingTab: "Incorporación",
-	onboardingTabDescription: "Elija el agente que conoce cada nuevo miembro de esta plataforma al llegar y cómo se presenta."
+	onboardingTabDescription: "Elija los agentes que pueden acompañar a los nuevos miembros de esta plataforma, cómo se presenta cada uno, y copie el enlace que lo abre."
 };
 var profileAutoRechargeModal$1 = {
 	title: "Gestionar uso",
@@ -117345,24 +117375,39 @@ var onboardingUserOnboarding$1 = {
 	continueToApp: "Continuar"
 };
 var profileOnboardingTab$1 = {
-	editorTitle: "Agente de incorporación de usuarios",
-	editorDescription: "El agente que conoce cada nuevo miembro de esta plataforma al llegar.",
+	editorTitle: "Agentes de incorporación de usuarios",
+	editorDescription: "Los agentes que pueden acompañar a los nuevos miembros de esta plataforma.",
 	loadError: "No se pudo cargar la configuración de incorporación.",
 	save: "Guardar cambios",
 	saving: "Guardando...",
-	savedToast: "Agente de incorporación guardado",
-	saveFailedToast: "No se pudo guardar el agente de incorporación",
+	savedToast: "Agentes de incorporación guardados",
+	saveFailedToast: "No se pudieron guardar los agentes de incorporación",
 	unsavedChanges: "Cambios sin guardar",
-	agentLabel: "Agente",
+	agentLabel: "Agentes",
 	searchAgents: "Buscar agentes",
 	loadingAgents: "Cargando agentes...",
 	noAgents: "No se encontraron agentes.",
-	clearAgent: "Quitar el agente seleccionado",
+	clearAgent: "Quitar este agente",
 	agentTitleLabel: "Encabezado",
 	agentTitlePlaceholder: "Conozca a su asistente",
 	agentDescriptionLabel: "Subtítulo",
 	agentDescriptionPlaceholder: "Pregúntele lo que quiera a su asistente para empezar.",
-	noAgentHint: "Sin un agente definido, los miembros omiten por completo la incorporación."
+	noAgentHint: "Sin un agente definido, los miembros omiten por completo la incorporación.",
+	copyLink: "Copiar enlace",
+	linkCopied: "Copiado",
+	defaultBadge: "Predeterminado",
+	defaultBadgeHint: "Los miembros que llegan sin enlace conocen a este agente.",
+	emptyTitle: "Aún no hay agente de incorporación",
+	emptyBody: "Busque arriba el agente que conocerán los nuevos miembros al llegar. Hasta entonces, omiten la incorporación.",
+	moveUp: "Subir",
+	moveDown: "Bajar",
+	linkLabel: "Enlace de incorporación",
+	introLabel: "Presentación",
+	introSummary: "Título y subtítulo mostrados sobre el agente",
+	collapse: "Ocultar presentación",
+	expand: "Editar presentación",
+	oneAgent: "1 agente",
+	multipleAgents: "{count} agentes"
 };
 var es = {
 	accessTabAddAccess: accessTabAddAccess$1,
@@ -121414,7 +121459,7 @@ var profileAdmin = {
 	applicationsTab: "申请",
 	applicationsTabDescription: "查看向贵组织提交的申请，并编辑申请人申请时回答的问题。",
 	onboardingTab: "引导",
-	onboardingTabDescription: "选择本平台每位新成员进入时见到的智能体，以及它的介绍文案。"
+	onboardingTabDescription: "选择可引导本平台新成员的助手、各自的介绍文案，并复制打开它的链接。"
 };
 var profileAutoRechargeModal = {
 	title: "管理用量",
@@ -124284,24 +124329,39 @@ var onboardingUserOnboarding = {
 	continueToApp: "继续"
 };
 var profileOnboardingTab = {
-	editorTitle: "用户引导智能体",
-	editorDescription: "本平台每位新成员进入时见到的智能体。",
+	editorTitle: "用户引导助手",
+	editorDescription: "可用于引导本平台新成员的助手。",
 	loadError: "无法加载引导设置。",
 	save: "保存更改",
 	saving: "保存中…",
-	savedToast: "引导智能体已保存",
-	saveFailedToast: "无法保存引导智能体",
+	savedToast: "引导助手已保存",
+	saveFailedToast: "无法保存引导助手",
 	unsavedChanges: "有未保存的更改",
-	agentLabel: "智能体",
+	agentLabel: "助手",
 	searchAgents: "搜索智能体",
 	loadingAgents: "正在加载智能体…",
 	noAgents: "未找到智能体。",
-	clearAgent: "清除所选智能体",
+	clearAgent: "移除此助手",
 	agentTitleLabel: "标题",
 	agentTitlePlaceholder: "认识您的助手",
 	agentDescriptionLabel: "副标题",
 	agentDescriptionPlaceholder: "有任何问题都可以问您的助手。",
-	noAgentHint: "未设置智能体时，成员将完全跳过引导流程。"
+	noAgentHint: "未设置智能体时，成员将完全跳过引导流程。",
+	copyLink: "复制链接",
+	linkCopied: "已复制",
+	defaultBadge: "默认",
+	defaultBadgeHint: "未通过链接进入的成员会见到该助手。",
+	emptyTitle: "尚未设置引导助手",
+	emptyBody: "在上方搜索新成员进入时要见到的助手。在此之前，他们将跳过引导。",
+	moveUp: "上移",
+	moveDown: "下移",
+	linkLabel: "引导链接",
+	introLabel: "介绍",
+	introSummary: "显示在助手上方的标题与副标题",
+	collapse: "隐藏介绍",
+	expand: "编辑介绍",
+	oneAgent: "1 个助手",
+	multipleAgents: "{count} 个助手"
 };
 var zh = {
 	accessTabAddAccess: accessTabAddAccess,
@@ -217760,31 +217820,91 @@ function Markdown({ children, className }) {
 }
 
 /**
- * Single-select searchable picker: a deb-ounce-agnostic input + absolute
+ * Whether the dropdown is open, closing on a pointer press outside `ref` or on
+ * Escape.
+ *
+ * Deliberately NOT closed on the input's `blur`: a press anywhere inside the
+ * panel — its scrollbar above all — blurs the input, so a blur-driven picker
+ * shuts the moment you try to scroll the results. Watching for a press outside
+ * instead means the panel stays put no matter where inside it you press, and
+ * still closes for every gesture that means "I'm done here".
+ */
+function useDismissable(ref) {
+    const [isOpen, setIsOpen] = React__default.useState(false);
+    React__default.useEffect(() => {
+        if (!isOpen)
+            return;
+        const onPointerDown = (event) => {
+            var _a;
+            const target = event.target;
+            // A press on a node already detached from the document (an option that
+            // re-rendered under the pointer) is not a press outside.
+            if (target && !target.isConnected)
+                return;
+            if (target && ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(target)))
+                return;
+            setIsOpen(false);
+        };
+        const onKeyDown = (event) => {
+            if (event.key === 'Escape')
+                setIsOpen(false);
+        };
+        document.addEventListener('pointerdown', onPointerDown, true);
+        document.addEventListener('keydown', onKeyDown);
+        return () => {
+            document.removeEventListener('pointerdown', onPointerDown, true);
+            document.removeEventListener('keydown', onKeyDown);
+        };
+    }, [isOpen, ref]);
+    return [isOpen, setIsOpen];
+}
+/** The search box plus its absolutely-positioned results panel. */
+function SearchField({ labels, searchTerm, onSearchTermChange, options, isLoading, minChars, isOpen, onOpen, onPick, testId, renderOptionSuffix, emptyHint, }) {
+    return (jsxs("div", { className: "relative", children: [jsx(Input, { id: `${testId}-input`, className: "focus-visible:border-blue-500 focus-visible:ring-1 focus-visible:ring-blue-500", "aria-label": labels.label || labels.placeholder, value: searchTerm, onChange: (e) => {
+                    onSearchTermChange(e.target.value);
+                    onOpen();
+                }, onFocus: onOpen, placeholder: labels.placeholder, autoComplete: "off", "aria-autocomplete": "list", "aria-expanded": isOpen, "data-testid": `${testId}-input` }), isOpen && (jsx("div", { className: "absolute top-full right-0 left-0 z-50 mt-1 max-h-64 overflow-y-auto overscroll-contain rounded-md border border-gray-200 bg-white shadow-lg", "data-testid": `${testId}-results`, children: searchTerm.trim().length < minChars ? (jsx("div", { className: "px-3 py-2 text-sm text-gray-600", children: labels.typeToSearch })) : isLoading ? (jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-sm text-gray-600", children: [jsx(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": "true" }), labels.searching] })) : options.length > 0 ? (options.map((option) => (jsxs("button", { type: "button", className: "flex w-full items-center justify-between gap-2 px-3 py-2 text-left hover:bg-gray-50", onClick: () => onPick(option), "data-testid": `${testId}-option-${option.value}`, children: [jsxs("span", { className: "flex min-w-0 flex-col items-start gap-0.5", children: [jsx("span", { className: "text-sm font-medium text-gray-900", children: option.label }), option.sublabel && (jsx("span", { className: "text-xs text-gray-600", children: option.sublabel }))] }), renderOptionSuffix === null || renderOptionSuffix === void 0 ? void 0 : renderOptionSuffix(option)] }, option.value)))) : (jsx("div", { className: "px-3 py-2 text-sm text-gray-600", "data-testid": `${testId}-no-results`, children: emptyHint !== null && emptyHint !== void 0 ? emptyHint : labels.noResults })) }))] }));
+}
+/**
+ * Single-select searchable picker: a debounce-agnostic input + absolute
  * results dropdown (the add-access pattern), collapsing to a removable chip
  * once something is picked. The caller owns the search term and the fetched
  * options so any query hook can back it.
+ *
+ * See {@link MultiSearchSelect} to pick more than one.
  */
 function SearchSelect({ labels, selected, onSelect, onClear, searchTerm, onSearchTermChange, options, isLoading, minChars = 2, labelClassName = 'text-xs font-medium text-gray-700', testId, }) {
-    const [isOpen, setIsOpen] = React__default.useState(false);
-    const blurTimeout = React__default.useRef(null);
-    React__default.useEffect(() => () => {
-        if (blurTimeout.current)
-            clearTimeout(blurTimeout.current);
-    }, []);
+    const containerRef = React__default.useRef(null);
+    const [isOpen, setIsOpen] = useDismissable(containerRef);
     if (selected) {
         return (jsxs("div", { className: "space-y-1.5", children: [labels.label && jsx(Label$1, { className: labelClassName, children: labels.label }), jsxs("div", { className: "flex items-center justify-between gap-2 rounded-md border border-gray-200 bg-gray-50 px-3 py-2", "data-testid": `${testId}-selected`, children: [jsxs("div", { className: "min-w-0", children: [jsx("p", { className: "truncate text-sm font-medium text-gray-900", children: selected.label }), selected.sublabel && (jsx("p", { className: "truncate text-xs text-gray-600", children: selected.sublabel }))] }), jsxs(Button$1, { type: "button", size: "icon", variant: "ghost", className: "h-6 w-6 flex-shrink-0 text-gray-500 hover:text-red-600", onClick: onClear, "data-testid": `${testId}-clear`, children: [jsx(X$2, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), jsx("span", { className: "sr-only", children: labels.clear })] })] })] }));
     }
-    return (jsxs("div", { className: "space-y-1.5", children: [labels.label && (jsx(Label$1, { className: labelClassName, htmlFor: `${testId}-input`, children: labels.label })), jsxs("div", { className: "relative", children: [jsx(Input, { id: `${testId}-input`, className: "focus-visible:border-blue-500 focus-visible:ring-1 focus-visible:ring-blue-500", "aria-label": labels.label || labels.placeholder, value: searchTerm, onChange: (e) => onSearchTermChange(e.target.value), onFocus: () => {
-                            if (blurTimeout.current)
-                                clearTimeout(blurTimeout.current);
-                            setIsOpen(true);
-                        }, onBlur: () => {
-                            blurTimeout.current = setTimeout(() => setIsOpen(false), 100);
-                        }, placeholder: labels.placeholder, autoComplete: "off", "aria-autocomplete": "list", "aria-expanded": isOpen, "data-testid": `${testId}-input` }), isOpen && (jsx("div", { className: "absolute top-full right-0 left-0 z-50 mt-1 max-h-64 overflow-y-auto rounded-md border border-gray-200 bg-white shadow-lg", "data-testid": `${testId}-results`, children: searchTerm.trim().length < minChars ? (jsx("div", { className: "px-3 py-2 text-sm text-gray-600", children: labels.typeToSearch })) : isLoading ? (jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-sm text-gray-600", children: [jsx(LoaderCircle, { className: "h-3.5 w-3.5 animate-spin", "aria-hidden": "true" }), labels.searching] })) : options.length > 0 ? (options.map((option) => (jsxs("button", { type: "button", className: "flex w-full flex-col items-start gap-0.5 px-3 py-2 text-left hover:bg-gray-50", onMouseDown: (event) => event.preventDefault(), onClick: () => {
-                                onSelect(option);
-                                setIsOpen(false);
-                            }, "data-testid": `${testId}-option-${option.value}`, children: [jsx("span", { className: "text-sm font-medium text-gray-900", children: option.label }), option.sublabel && (jsx("span", { className: "text-xs text-gray-600", children: option.sublabel }))] }, option.value)))) : (jsx("div", { className: "px-3 py-2 text-sm text-gray-600", "data-testid": `${testId}-no-results`, children: labels.noResults })) }))] })] }));
+    return (jsxs("div", { className: "space-y-1.5", ref: containerRef, children: [labels.label && (jsx(Label$1, { className: labelClassName, htmlFor: `${testId}-input`, children: labels.label })), jsx(SearchField, { labels: labels, searchTerm: searchTerm, onSearchTermChange: onSearchTermChange, options: options, isLoading: isLoading, minChars: minChars, isOpen: isOpen, onOpen: () => setIsOpen(true), onPick: (option) => {
+                    onSelect(option);
+                    setIsOpen(false);
+                }, testId: testId })] }));
+}
+/**
+ * The {@link SearchSelect} search box, picking any number of options.
+ *
+ * The input stays put rather than collapsing into the selection: picking is
+ * usually not a one-off here, and a field that disappears after the first pick
+ * gives no way to add a second. Options already picked stay listed and ticked,
+ * so clicking one again removes it — the list doubles as the state of the
+ * selection instead of silently shrinking as you go.
+ */
+function MultiSearchSelect({ labels, selected, onSelect, onRemove, searchTerm, onSearchTermChange, options, isLoading, minChars = 2, labelClassName = 'text-xs font-medium text-gray-700', emptyHint, renderSelected, testId, }) {
+    const containerRef = React__default.useRef(null);
+    const [isOpen, setIsOpen] = useDismissable(containerRef);
+    const picked = new Set(selected.map((option) => option.value));
+    return (jsxs("div", { className: "space-y-1.5", ref: containerRef, children: [labels.label && (jsx(Label$1, { className: labelClassName, htmlFor: `${testId}-input`, children: labels.label })), jsx(SearchField, { labels: labels, searchTerm: searchTerm, onSearchTermChange: onSearchTermChange, options: options, isLoading: isLoading, minChars: minChars, isOpen: isOpen, onOpen: () => setIsOpen(true), 
+                // The panel stays open: picking one of several is the normal case here,
+                // and reopening between each would make a set of picks a set of chores.
+                onPick: (option) => (picked.has(option.value) ? onRemove(option.value) : onSelect(option)), testId: testId, renderOptionSuffix: (option) => picked.has(option.value) ? (jsx("span", { className: "shrink-0 text-xs font-medium text-blue-600", "data-testid": `${testId}-picked-${option.value}`, children: "\u2713" })) : null }), selected.length === 0
+                ? emptyHint && jsx("p", { className: "text-xs text-gray-400", children: emptyHint })
+                : renderSelected
+                    ? selected.map((option) => (jsx(React__default.Fragment, { children: renderSelected(option) }, option.value)))
+                    : selected.length > 0 && (jsx("div", { className: "flex flex-wrap gap-2", "data-testid": `${testId}-selected`, children: selected.map((option) => (jsxs("span", { className: cn('inline-flex items-center gap-1 rounded-full border border-gray-200', 'bg-gray-50 py-1 pr-1 pl-3 text-sm text-gray-900'), "data-testid": `${testId}-chip-${option.value}`, children: [jsx("span", { className: "truncate", children: option.label }), jsxs(Button$1, { type: "button", size: "icon", variant: "ghost", className: "h-5 w-5 shrink-0 text-gray-500 hover:text-red-600", onClick: () => onRemove(option.value), "data-testid": `${testId}-remove-${option.value}`, children: [jsx(X$2, { className: "h-3 w-3", "aria-hidden": "true" }), jsx("span", { className: "sr-only", children: labels.clear })] })] }, option.value))) }))] }));
 }
 
 /**
@@ -223524,6 +223644,7 @@ function emptyUserOnboardingForm(title = '') {
         enabled: false,
         title,
         sections: [],
+        agents: [],
         agent: null,
     };
 }
@@ -223543,25 +223664,53 @@ function coerceOnboardingAgent(raw) {
         description: typeof value.description === 'string' ? value.description : undefined,
     };
 }
+/**
+ * Defensive read of a stored agent list. Falls back to the legacy single
+ * `agent` key when no list is stored, so a tenant configured before multi-agent
+ * onboarding keeps working without a migration; unusable entries are dropped
+ * rather than failing the whole read.
+ */
+function coerceOnboardingAgents(rawAgents, rawAgent) {
+    const value = parseMetadataValue(rawAgents);
+    if (Array.isArray(value)) {
+        const agents = value
+            .map(coerceOnboardingAgent)
+            .filter((agent) => !!agent);
+        // De-duplicate: the same agent twice would give the admin two rows that
+        // write to one another, and the learner an ambiguous link.
+        const seen = new Set();
+        return agents.filter((agent) => {
+            if (seen.has(agent.mentor_unique_id))
+                return false;
+            seen.add(agent.mentor_unique_id);
+            return true;
+        });
+    }
+    const legacy = coerceOnboardingAgent(rawAgent);
+    return legacy ? [legacy] : [];
+}
 /**
  * Defensive read of the stored form. Anything unrecognizable (missing key,
  * wrong type, unparseable string) reads as an empty, disabled form so both the
  * editor and the wizard always have something to work with.
  */
 function coerceUserOnboardingForm(raw) {
+    var _a;
     const value = parseMetadataValue(raw);
     if (!isRecord(value))
         return emptyUserOnboardingForm();
     const sections = Array.isArray(value.sections)
         ? value.sections.filter((section) => isRecord(section) && Array.isArray(section.fields))
         : [];
+    const agents = coerceOnboardingAgents(value.agents, value.agent);
     return {
         version: typeof value.version === 'number' ? value.version : USER_ONBOARDING_FORM_VERSION,
         enabled: value.enabled === true,
         title: typeof value.title === 'string' ? value.title : '',
         description: typeof value.description === 'string' ? value.description : undefined,
         sections,
-        agent: coerceOnboardingAgent(value.agent),
+        agents,
+        agent: (_a = agents[0]) !== null && _a !== void 0 ? _a : null,
         updated_at: typeof value.updated_at === 'string' ? value.updated_at : undefined,
     };
 }
@@ -223569,26 +223718,43 @@ function coerceUserOnboardingForm(raw) {
 function readUserOnboardingForm(metadata) {
     return coerceUserOnboardingForm(metadata === null || metadata === void 0 ? void 0 : metadata[USER_ONBOARDING_FORM_SLUG]);
 }
+/**
+ * The learner-facing link for one onboarding agent: `<base>/onboarding/<id>`.
+ * `base` is the host's own origin or path prefix — trailing slashes are the
+ * caller's habit, not their intent, so they are trimmed rather than doubled up.
+ */
+function buildOnboardingAgentPath(base, agentId) {
+    return `${(base !== null && base !== void 0 ? base : '').replace(/\/+$/, '')}/onboarding/${encodeURIComponent(agentId)}`;
+}
 /**
  * Merge the form into the tenant metadata for a `PUT` (the endpoint replaces
  * the whole object, so untouched keys must ride along).
  */
 function buildUserOnboardingFormMetadata(metadata, form, updatedAt) {
-    var _a;
+    var _a, _b, _c;
     return {
         ...(metadata !== null && metadata !== void 0 ? metadata : {}),
         [USER_ONBOARDING_FORM_SLUG]: {
             ...form,
             version: USER_ONBOARDING_FORM_VERSION,
-            agent: (_a = form.agent) !== null && _a !== void 0 ? _a : null,
+            agents: (_a = form.agents) !== null && _a !== void 0 ? _a : [],
+            // Mirrored, not authored: see the note on `UserOnboardingForm.agent`.
+            agent: (_c = (_b = form.agents) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : null,
             updated_at: updatedAt,
         },
     };
 }
 
 /**
- * Onboarding management: which agent every new member of the platform
- * meets, and how it is introduced (heading + sub-heading).
+ * Onboarding management: which agents new members of the platform can be
+ * onboarded by, and how each is introduced (heading + sub-heading).
+ *
+ * More than one agent may be configured. They are not shown in sequence — a
+ * learner meets exactly one, picked by the agent id in the link they arrive
+ * through (`<onboardingBasePath>/onboarding/<agent-id>`, the link the Copy
+ * button here hands out), so a tenant can point different audiences at
+ * different onboardings. Arriving without an id gets the first in the list,
+ * which is why the list is ordered and its head marked as the default.
  *
  * The whole thing is one tenant-metadata key (`user_onboarding_form`), so
  * saving merges the choice in and PUTs the metadata back. The member-facing
@@ -223596,8 +223762,8 @@ function buildUserOnboardingFormMetadata(metadata, form, updatedAt) {
  * agent — and nothing at all when no agent is set, handing the user straight
  * back to the app.
  */
-function OnboardingTab({ platformKey, username, }) {
-    var _a, _b, _c;
+function OnboardingTab({ platformKey, username, onboardingBasePath, }) {
+    var _a;
     const t = useT();
     const { data, isLoading, error } = useGetTenantMetadataQuery([{ org: platformKey }], {
         skip: !platformKey,
@@ -223615,24 +223781,39 @@ function OnboardingTab({ platformKey, username, }) {
             return '';
         }
     }, [username]);
-    const [agent, setAgent] = React.useState(null);
+    const [agents, setAgents] = React.useState([]);
     const [dirty, setDirty] = React.useState(false);
     // Seed from the saved metadata, and re-seed when a refetch brings a newer
     // saved version.
     const saved = readUserOnboardingForm(metadata);
     const savedAt = saved.updated_at;
     React.useEffect(() => {
-        var _a;
         if (!metadata)
             return;
-        setAgent((_a = readUserOnboardingForm(metadata).agent) !== null && _a !== void 0 ? _a : null);
+        setAgents(readUserOnboardingForm(metadata).agents);
         setDirty(false);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [!!metadata, savedAt]);
     const update = (next) => {
-        setAgent(next);
+        setAgents(next);
         setDirty(true);
     };
+    const addAgent = (option) => update([...agents, { mentor_unique_id: option.value, name: option.label }]);
+    const removeAgent = (agentId) => update(agents.filter((agent) => agent.mentor_unique_id !== agentId));
+    const patchAgent = (agentId, patch) => update(agents.map((agent) => (agent.mentor_unique_id === agentId ? { ...agent, ...patch } : agent)));
+    /**
+     * Move an agent one place along the list. Order is not decoration: the head
+     * of the list is the agent a member meets when they arrive with no link, so
+     * this is how an admin picks which onboarding is the platform default.
+     */
+    const moveAgent = (index, delta) => {
+        const target = index + delta;
+        if (target < 0 || target >= agents.length)
+            return;
+        const next = [...agents];
+        [next[index], next[target]] = [next[target], next[index]];
+        update(next);
+    };
     // Agent search — the endpoint filters server-side, so only the term is local.
     const [searchTerm, setSearchTerm] = React.useState('');
     const [debouncedTerm, setDebouncedTerm] = React.useState('');
@@ -223679,9 +223860,9 @@ function OnboardingTab({ platformKey, username, }) {
                         metadata: buildUserOnboardingFormMetadata(latest, {
                             ...emptyUserOnboardingForm(),
                             // An agent IS the onboarding here: picking one turns the flow
-                            // on, clearing it turns the flow off.
-                            enabled: !!agent,
-                            agent,
+                            // on, clearing them all turns the flow off.
+                            enabled: agents.length > 0,
+                            agents,
                         }, new Date().toISOString()),
                     },
                 },
@@ -223694,26 +223875,84 @@ function OnboardingTab({ platformKey, username, }) {
         }
     };
     if (isLoading) {
-        return (jsxs("div", { className: "space-y-4 pt-4", children: [jsx(Skeleton, { className: "h-8 w-56" }), jsx(Skeleton, { className: "h-40 w-full" })] }));
+        return (jsxs("div", { className: "space-y-4 pt-4", children: [jsx(Skeleton, { className: "h-11 w-full rounded-xl" }), jsx(Skeleton, { className: "h-28 w-full rounded-xl" }), jsx(Skeleton, { className: "h-28 w-full rounded-xl" })] }));
     }
     if (error) {
         return jsx("p", { className: "pt-4 text-sm text-red-600", children: t('profileOnboardingTab.loadError') });
     }
-    return (jsxs("div", { className: "space-y-5 pt-4", children: [jsxs("div", { className: "space-y-4 rounded-xl border border-gray-200 bg-white p-5 shadow-sm dark:border-gray-700 dark:bg-gray-900", children: [jsx(SearchSelect, { testId: "onboarding-agent", labels: {
-                            label: t('profileOnboardingTab.agentLabel'),
-                            placeholder: t('profileOnboardingTab.searchAgents'),
-                            typeToSearch: t('profileOnboardingTab.searchAgents'),
-                            searching: t('profileOnboardingTab.loadingAgents'),
-                            noResults: t('profileOnboardingTab.noAgents'),
-                            clear: t('profileOnboardingTab.clearAgent'),
-                        }, 
-                        // Focusing shows the platform's agents straight away; typing filters.
-                        minChars: 0, 
-                        // The picker's own compact label would sit a size below the Heading
-                        // and Sub-heading fields beside it; match them instead.
-                        labelClassName: "text-sm font-medium", selected: agent
-                            ? { value: agent.mentor_unique_id, label: agent.name || agent.mentor_unique_id }
-                            : null, onSelect: (option) => update({ ...(agent !== null && agent !== void 0 ? agent : {}), mentor_unique_id: option.value, name: option.label }), onClear: () => update(null), searchTerm: searchTerm, onSearchTermChange: setSearchTerm, options: options, isLoading: isSearching }), agent && (jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [jsxs("div", { className: "space-y-1.5", children: [jsx(Label$1, { htmlFor: "onboarding-agent-title", children: t('profileOnboardingTab.agentTitleLabel') }), jsx(Input, { id: "onboarding-agent-title", value: (_b = agent.title) !== null && _b !== void 0 ? _b : '', placeholder: t('profileOnboardingTab.agentTitlePlaceholder'), onChange: (event) => update({ ...agent, title: event.target.value }) })] }), jsxs("div", { className: "space-y-1.5", children: [jsx(Label$1, { htmlFor: "onboarding-agent-description", children: t('profileOnboardingTab.agentDescriptionLabel') }), jsx(Input, { id: "onboarding-agent-description", value: (_c = agent.description) !== null && _c !== void 0 ? _c : '', placeholder: t('profileOnboardingTab.agentDescriptionPlaceholder'), onChange: (event) => update({ ...agent, description: event.target.value }) })] })] })), !agent && jsx("p", { className: "text-xs text-gray-400", children: t('profileOnboardingTab.noAgentHint') })] }), jsxs("div", { className: "flex flex-wrap items-center justify-end gap-3", children: [dirty && (jsx("span", { className: "text-xs text-amber-600", children: t('profileOnboardingTab.unsavedChanges') })), jsx(Button$1, { onClick: handleSave, disabled: saving, className: "bg-gradient-to-r from-blue-600 to-blue-400 text-white hover:opacity-90", children: saving ? t('profileOnboardingTab.saving') : t('profileOnboardingTab.save') })] })] }));
+    return (jsxs("div", { className: "space-y-4 pt-4", children: [jsx("div", { className: "rounded-xl border border-gray-200 bg-white p-4 shadow-sm dark:border-gray-700 dark:bg-gray-900", children: jsx(MultiSearchSelect, { testId: "onboarding-agent", labels: {
+                        label: t('profileOnboardingTab.agentLabel'),
+                        placeholder: t('profileOnboardingTab.searchAgents'),
+                        typeToSearch: t('profileOnboardingTab.searchAgents'),
+                        searching: t('profileOnboardingTab.loadingAgents'),
+                        noResults: t('profileOnboardingTab.noAgents'),
+                        clear: t('profileOnboardingTab.clearAgent'),
+                    }, 
+                    // Focusing shows the platform's agents straight away; typing filters.
+                    minChars: 0, labelClassName: "text-sm font-medium", selected: agents.map((agent) => ({
+                        value: agent.mentor_unique_id,
+                        label: agent.name || agent.mentor_unique_id,
+                    })), onSelect: addAgent, onRemove: removeAgent, searchTerm: searchTerm, onSearchTermChange: setSearchTerm, options: options, isLoading: isSearching, 
+                    // The list below IS the selection; chips above it would say the same
+                    // thing twice.
+                    renderSelected: () => null }) }), agents.length === 0 ? (jsx(EmptyState, {})) : (jsxs("div", { className: "space-y-3", "data-testid": "onboarding-agent-list", children: [jsx("div", { className: "flex items-center justify-between px-1", children: jsx("p", { className: "text-xs font-medium tracking-wide text-gray-500 uppercase", children: agents.length === 1
+                                ? t('profileOnboardingTab.oneAgent')
+                                : t('profileOnboardingTab.multipleAgents', { count: agents.length }) }) }), agents.map((agent, index) => (jsx(AgentCard$1, { agent: agent, basePath: onboardingBasePath, isDefault: index === 0, canMoveUp: index > 0, canMoveDown: index < agents.length - 1, onMove: (delta) => moveAgent(index, delta), onRemove: () => removeAgent(agent.mentor_unique_id), onPatch: (patch) => patchAgent(agent.mentor_unique_id, patch) }, agent.mentor_unique_id)))] })), jsxs("div", { className: "flex flex-wrap items-center justify-end gap-3 pt-1", children: [dirty && (jsx("span", { className: "text-xs text-amber-600", children: t('profileOnboardingTab.unsavedChanges') })), jsx(Button$1, { onClick: handleSave, disabled: saving, className: "bg-gradient-to-r from-blue-600 to-blue-400 text-white hover:opacity-90", children: saving ? t('profileOnboardingTab.saving') : t('profileOnboardingTab.save') })] })] }));
+}
+/**
+ * What the page says before anything is configured. Named as a state of its own
+ * rather than a hint under the search box, because it is also the answer to
+ * "what happens to members right now" — nothing, they skip onboarding.
+ */
+function EmptyState() {
+    const t = useT();
+    return (jsxs("div", { className: "flex flex-col items-center rounded-xl border border-dashed border-gray-300 bg-gray-50/60 px-6 py-10 text-center dark:border-gray-700 dark:bg-gray-800/40", "data-testid": "onboarding-agent-empty", children: [jsx("span", { className: "mb-3 flex h-11 w-11 items-center justify-center rounded-xl bg-gradient-to-br from-blue-600 to-blue-400 text-white", children: jsx(UserPlus, { className: "h-5 w-5", "aria-hidden": "true" }) }), jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: t('profileOnboardingTab.emptyTitle') }), jsx("p", { className: "mt-1 max-w-sm text-xs text-gray-500", children: t('profileOnboardingTab.emptyBody') })] }));
+}
+/**
+ * One configured agent: who it is, where it sits in the order, the link that
+ * opens it, and — behind a disclosure — the heading and sub-heading shown above
+ * it in the flow. The introduction is tucked away because it is the part an
+ * admin sets once; the link is the part they come back for.
+ */
+function AgentCard$1({ agent, basePath, isDefault, canMoveUp, canMoveDown, onMove, onRemove, onPatch, }) {
+    var _a, _b;
+    const t = useT();
+    const id = agent.mentor_unique_id;
+    const titleId = `onboarding-agent-title-${id}`;
+    const descriptionId = `onboarding-agent-description-${id}`;
+    // Open by default: nothing is hidden from an admin who has just added an
+    // agent, and a long list can be tidied away card by card.
+    const [open, setOpen] = React.useState(true);
+    const name = agent.name || id;
+    return (jsxs("div", { className: "overflow-hidden rounded-xl border border-gray-200 bg-white shadow-sm transition-shadow hover:shadow-md dark:border-gray-700 dark:bg-gray-900", "data-testid": `onboarding-agent-card-${id}`, children: [jsxs("div", { className: "flex items-start gap-3 p-4", children: [jsx("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-gradient-to-br from-blue-600 to-blue-400 text-sm font-semibold text-white", "aria-hidden": "true", children: name.trim().charAt(0).toUpperCase() || '?' }), jsxs("div", { className: "min-w-0 flex-1", children: [jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [jsx("p", { className: "truncate text-sm font-semibold text-gray-900 dark:text-gray-100", children: name }), isDefault && (jsxs("span", { className: "inline-flex items-center gap-1 rounded-full bg-blue-50 px-2 py-0.5 text-[11px] font-medium text-blue-700 dark:bg-blue-950 dark:text-blue-300", title: t('profileOnboardingTab.defaultBadgeHint'), "data-testid": `onboarding-agent-default-${id}`, children: [jsx(Sparkles, { className: "h-3 w-3", "aria-hidden": "true" }), t('profileOnboardingTab.defaultBadge')] }))] }), jsx("p", { className: "truncate text-xs text-gray-500", children: id })] }), jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [(canMoveUp || canMoveDown) && (jsxs(Fragment$1, { children: [jsx(IconButton, { label: t('profileOnboardingTab.moveUp'), disabled: !canMoveUp, onClick: () => onMove(-1), testId: `onboarding-agent-move-up-${id}`, children: jsx(ChevronDown, { className: "h-3.5 w-3.5 rotate-180", "aria-hidden": "true" }) }), jsx(IconButton, { label: t('profileOnboardingTab.moveDown'), disabled: !canMoveDown, onClick: () => onMove(1), testId: `onboarding-agent-move-down-${id}`, children: jsx(ChevronDown, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) })] })), jsx(IconButton, { label: t('profileOnboardingTab.clearAgent'), onClick: onRemove, testId: `onboarding-agent-remove-${id}`, className: "hover:text-red-600", children: jsx(Trash2, { className: "h-3.5 w-3.5", "aria-hidden": "true" }) })] })] }), jsx("div", { className: "border-t border-gray-100 px-4 py-3 dark:border-gray-800", children: jsx(CopyLink, { agentId: id, basePath: basePath }) }), jsxs("div", { className: "border-t border-gray-100 dark:border-gray-800", children: [jsxs("button", { type: "button", onClick: () => setOpen((value) => !value), "aria-expanded": open, "aria-controls": `onboarding-agent-intro-${id}`, className: "flex w-full items-center justify-between px-4 py-2.5 text-left text-xs font-medium text-gray-600 transition-colors hover:bg-gray-50 dark:text-gray-300 dark:hover:bg-gray-800", "data-testid": `onboarding-agent-intro-toggle-${id}`, children: [jsxs("span", { className: "flex min-w-0 flex-col", children: [jsx("span", { children: t('profileOnboardingTab.introLabel') }), jsx("span", { className: "truncate text-[11px] font-normal text-gray-400", children: agent.title || t('profileOnboardingTab.introSummary') })] }), jsx(ChevronDown, { className: cn('h-4 w-4 shrink-0 transition-transform', open && 'rotate-180'), "aria-hidden": "true" })] }), open && (jsxs("div", { id: `onboarding-agent-intro-${id}`, className: "grid gap-3 px-4 pt-1 pb-4 sm:grid-cols-2", children: [jsxs("div", { className: "space-y-1.5", children: [jsx(Label$1, { htmlFor: titleId, children: t('profileOnboardingTab.agentTitleLabel') }), jsx(Input, { id: titleId, value: (_a = agent.title) !== null && _a !== void 0 ? _a : '', placeholder: t('profileOnboardingTab.agentTitlePlaceholder'), onChange: (event) => onPatch({ title: event.target.value }) })] }), jsxs("div", { className: "space-y-1.5", children: [jsx(Label$1, { htmlFor: descriptionId, children: t('profileOnboardingTab.agentDescriptionLabel') }), jsx(Input, { id: descriptionId, value: (_b = agent.description) !== null && _b !== void 0 ? _b : '', placeholder: t('profileOnboardingTab.agentDescriptionPlaceholder'), onChange: (event) => onPatch({ description: event.target.value }) })] })] }))] })] }));
+}
+/** A square, icon-only action with its name left to assistive tech. */
+function IconButton({ label, onClick, disabled, testId, className, children, }) {
+    return (jsxs(Button$1, { type: "button", size: "icon", variant: "ghost", className: cn('h-7 w-7 text-gray-400 hover:text-gray-700', className), disabled: disabled, onClick: onClick, title: label, "data-testid": testId, children: [children, jsx("span", { className: "sr-only", children: label })] }));
+}
+/** The agent's onboarding link, shown in full and copyable in one press. */
+function CopyLink({ agentId, basePath }) {
+    const t = useT();
+    const [copied, setCopied] = React.useState(false);
+    // The browser's origin is the right default whenever the admin panel and the
+    // learner-facing onboarding are one deployment; SSR has no origin to read, so
+    // the link resolves on the client.
+    const [origin, setOrigin] = React.useState('');
+    React.useEffect(() => {
+        setOrigin(window.location.origin);
+    }, []);
+    const link = buildOnboardingAgentPath(basePath || origin, agentId);
+    const handleCopy = async () => {
+        try {
+            await navigator.clipboard.writeText(link);
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch (_a) {
+            /* Clipboard unavailable (permissions/insecure context). */
+        }
+    };
+    return (jsxs("div", { className: "flex items-center gap-2", children: [jsx(Link2, { className: "h-3.5 w-3.5 shrink-0 text-gray-400", "aria-hidden": "true" }), jsx("code", { className: "min-w-0 flex-1 truncate font-mono text-xs text-gray-600 dark:text-gray-300", title: link, "data-testid": `onboarding-agent-link-${agentId}`, children: link }), jsxs(Button$1, { type: "button", size: "sm", variant: "outline", className: cn('h-7 shrink-0 text-xs transition-colors', copied && 'border-green-200 bg-green-50 text-green-700 hover:bg-green-50'), onClick: handleCopy, "data-testid": `onboarding-agent-copy-${agentId}`, children: [copied ? (jsx(Check, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": "true" })) : (jsx(Copy, { className: "mr-1.5 h-3.5 w-3.5", "aria-hidden": "true" })), copied ? t('profileOnboardingTab.linkCopied') : t('profileOnboardingTab.copyLink')] })] }));
 }
 
 const TabDescription = ({ icon, title, children }) => {
@@ -223721,9 +223960,9 @@ const TabDescription = ({ icon, title, children }) => {
     const [expanded, setExpanded] = useState(false);
     return (jsxs("div", { className: "flex gap-3 items-start border rounded-lg p-4 bg-blue-50/60 border-blue-100", children: [jsx("div", { className: "shrink-0 w-9 h-9 rounded-md flex items-center justify-center bg-blue-100 text-blue-600", children: icon }), jsxs("div", { className: "flex-1 min-w-0", children: [jsx("h3", { className: "text-sm font-semibold mb-1 text-blue-900 hidden sm:block", children: title }), jsx("p", { className: `text-sm text-gray-600 leading-relaxed sm:line-clamp-none! ${expanded ? '' : 'line-clamp-2'}`, children: children }), jsx("button", { type: "button", onClick: () => setExpanded((prev) => !prev), className: "mt-1 text-xs font-medium text-blue-700 hover:text-blue-800 sm:hidden", children: expanded ? t('profileAdmin.readLess') : t('profileAdmin.readMore') })] })] }));
 };
-const Admin = ({ tenant, onInviteClick, hasUserTabPermission = false, hasGroupsTabPermission = false, hasRolesTabPermission = false, hasPoliciesTabPermission = false, hasTeamsTabPermission = false, hasAlertsTabPermission = false, hasInviteUserPermission = false, hasCreateTeamPermission = false, onLoadGroupPermissions, rbacPermissions = {}, enableRbac = false, showGradebookTab = false, currentSpa, authSpaUrl, }) => {
+const Admin = ({ tenant, onInviteClick, hasUserTabPermission = false, hasGroupsTabPermission = false, hasRolesTabPermission = false, hasPoliciesTabPermission = false, hasTeamsTabPermission = false, hasAlertsTabPermission = false, hasInviteUserPermission = false, hasCreateTeamPermission = false, onLoadGroupPermissions, rbacPermissions = {}, enableRbac = false, showGradebookTab = false, currentSpa, authSpaUrl, onboardingBasePath, }) => {
     const t = useT();
-    return (jsx("div", { className: "border border-gray-200 rounded-lg p-6", children: jsxs(Tabs, { defaultValue: "users", "aria-label": t('profileAdmin.rbacManagementTabsAriaLabel'), children: [jsxs(TabsList, { "aria-label": t('profileAdmin.managementTabsAriaLabel'), className: "max-w-full overflow-x-auto justify-start px-1", children: [hasUserTabPermission && (jsx(TabsTrigger, { value: "users", children: t('profileAdmin.usersTab') })), hasGroupsTabPermission && (jsx(TabsTrigger, { value: "groups", children: t('profileAdmin.groupsTab') })), hasRolesTabPermission && (jsx(TabsTrigger, { value: "roles", children: t('profileAdmin.rolesTab') })), hasPoliciesTabPermission && (jsx(TabsTrigger, { value: "policies", children: t('profileAdmin.policiesTab') })), hasTeamsTabPermission && (jsx(TabsTrigger, { value: "teams", children: t('profileAdmin.teamsTab') })), hasAlertsTabPermission && (jsx(TabsTrigger, { value: "alerts", children: t('profileAdmin.alertsTab') })), jsx(TabsTrigger, { value: "applications", children: t('profileAdmin.applicationsTab') }), jsx(TabsTrigger, { value: "onboarding", children: t('profileAdmin.onboardingTab') })] }), hasUserTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "users", children: [jsx(TabDescription, { icon: jsx(Users, { className: "w-5 h-5" }), title: t('profileAdmin.usersTab'), children: t('profileAdmin.usersDescription') }), jsx(UsersTab, { tenant: tenant, onInviteClick: onInviteClick, currentSpa: currentSpa, showGradebookTab: showGradebookTab })] })), hasGroupsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "groups", children: [jsx(TabDescription, { icon: jsx(UsersRound, { className: "w-5 h-5" }), title: t('profileAdmin.groupsTab'), children: t('profileAdmin.groupsDescription') }), jsx(GroupsTab, { tenant: tenant })] })), hasRolesTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "roles", children: [jsx(TabDescription, { icon: jsx(UserCog, { className: "w-5 h-5" }), title: t('profileAdmin.rolesTab'), children: t('profileAdmin.rolesDescription') }), jsx(RolesTab, { tenant: tenant })] })), hasPoliciesTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "policies", children: [jsx(TabDescription, { icon: jsx(ScrollText, { className: "w-5 h-5" }), title: t('profileAdmin.policiesTab'), children: t('profileAdmin.policiesDescription') }), jsx(PoliciesTab, { tenant: tenant })] })), hasTeamsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "teams", children: [jsx(TabDescription, { icon: jsx(Shield, { className: "w-5 h-5" }), title: t('profileAdmin.teamsTab'), children: t('profileAdmin.teamsDescription') }), jsx(GroupsTab, { tenant: tenant, isTeam: true, onInviteClick: onInviteClick, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, rbacPermissions: rbacPermissions, enableRbac: enableRbac })] })), hasAlertsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "alerts", children: [jsx(TabDescription, { icon: jsx(BellRing, { className: "w-5 h-5" }), title: t('profileAdmin.alertsTab'), children: t('profileAdmin.alertsDescription') }), jsx(AlertsTab, { tenant: tenant })] })), jsxs(TabsContent, { className: "mt-4", value: "applications", children: [jsx(TabDescription, { icon: jsx(ClipboardList, { className: "w-5 h-5" }), title: t('profileAdmin.applicationsTab'), children: t('profileAdmin.applicationsTabDescription') }), jsx(ApplicationsTab, { platformKey: tenant, authSpaUrl: authSpaUrl })] }), jsxs(TabsContent, { className: "mt-4", value: "onboarding", children: [jsx(TabDescription, { icon: jsx(UserPlus, { className: "w-5 h-5" }), title: t('profileAdmin.onboardingTab'), children: t('profileAdmin.onboardingTabDescription') }), jsx(OnboardingTab, { platformKey: tenant })] })] }) }));
+    return (jsx("div", { className: "border border-gray-200 rounded-lg p-6", children: jsxs(Tabs, { defaultValue: "users", "aria-label": t('profileAdmin.rbacManagementTabsAriaLabel'), children: [jsxs(TabsList, { "aria-label": t('profileAdmin.managementTabsAriaLabel'), className: "max-w-full overflow-x-auto justify-start px-1", children: [hasUserTabPermission && (jsx(TabsTrigger, { value: "users", children: t('profileAdmin.usersTab') })), hasGroupsTabPermission && (jsx(TabsTrigger, { value: "groups", children: t('profileAdmin.groupsTab') })), hasRolesTabPermission && (jsx(TabsTrigger, { value: "roles", children: t('profileAdmin.rolesTab') })), hasPoliciesTabPermission && (jsx(TabsTrigger, { value: "policies", children: t('profileAdmin.policiesTab') })), hasTeamsTabPermission && (jsx(TabsTrigger, { value: "teams", children: t('profileAdmin.teamsTab') })), hasAlertsTabPermission && (jsx(TabsTrigger, { value: "alerts", children: t('profileAdmin.alertsTab') })), jsx(TabsTrigger, { value: "applications", children: t('profileAdmin.applicationsTab') }), jsx(TabsTrigger, { value: "onboarding", children: t('profileAdmin.onboardingTab') })] }), hasUserTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "users", children: [jsx(TabDescription, { icon: jsx(Users, { className: "w-5 h-5" }), title: t('profileAdmin.usersTab'), children: t('profileAdmin.usersDescription') }), jsx(UsersTab, { tenant: tenant, onInviteClick: onInviteClick, currentSpa: currentSpa, showGradebookTab: showGradebookTab })] })), hasGroupsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "groups", children: [jsx(TabDescription, { icon: jsx(UsersRound, { className: "w-5 h-5" }), title: t('profileAdmin.groupsTab'), children: t('profileAdmin.groupsDescription') }), jsx(GroupsTab, { tenant: tenant })] })), hasRolesTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "roles", children: [jsx(TabDescription, { icon: jsx(UserCog, { className: "w-5 h-5" }), title: t('profileAdmin.rolesTab'), children: t('profileAdmin.rolesDescription') }), jsx(RolesTab, { tenant: tenant })] })), hasPoliciesTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "policies", children: [jsx(TabDescription, { icon: jsx(ScrollText, { className: "w-5 h-5" }), title: t('profileAdmin.policiesTab'), children: t('profileAdmin.policiesDescription') }), jsx(PoliciesTab, { tenant: tenant })] })), hasTeamsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "teams", children: [jsx(TabDescription, { icon: jsx(Shield, { className: "w-5 h-5" }), title: t('profileAdmin.teamsTab'), children: t('profileAdmin.teamsDescription') }), jsx(GroupsTab, { tenant: tenant, isTeam: true, onInviteClick: onInviteClick, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, rbacPermissions: rbacPermissions, enableRbac: enableRbac })] })), hasAlertsTabPermission && (jsxs(TabsContent, { className: "mt-4", value: "alerts", children: [jsx(TabDescription, { icon: jsx(BellRing, { className: "w-5 h-5" }), title: t('profileAdmin.alertsTab'), children: t('profileAdmin.alertsDescription') }), jsx(AlertsTab, { tenant: tenant })] })), jsxs(TabsContent, { className: "mt-4", value: "applications", children: [jsx(TabDescription, { icon: jsx(ClipboardList, { className: "w-5 h-5" }), title: t('profileAdmin.applicationsTab'), children: t('profileAdmin.applicationsTabDescription') }), jsx(ApplicationsTab, { platformKey: tenant, authSpaUrl: authSpaUrl })] }), jsxs(TabsContent, { className: "mt-4", value: "onboarding", children: [jsx(TabDescription, { icon: jsx(UserPlus, { className: "w-5 h-5" }), title: t('profileAdmin.onboardingTab'), children: t('profileAdmin.onboardingTabDescription') }), jsx(OnboardingTab, { platformKey: tenant, onboardingBasePath: onboardingBasePath })] })] }) }));
 };
 
 function DeleteApiModal$1({ isOpen, onClose, apiKey, tenantKey }) {
@@ -264156,7 +264395,7 @@ function MemoryAdminTab({ tenantKey, username }) {
     return (jsxs(Tabs, { defaultValue: "global-memories", "aria-label": t('memoryAdminTab.tabsAriaLabel'), children: [jsxs(TabsList, { "aria-label": t('memoryAdminTab.tabsAriaLabel'), className: "max-w-full overflow-x-auto justify-start px-1", children: [jsx(TabsTrigger, { "data-testid": "memory-admin-sub-tab-global", value: "global-memories", children: t('memoryAdminTab.tabGlobalMemories') }), jsx(TabsTrigger, { "data-testid": "memory-admin-sub-tab-agent", value: "agent-memories", children: t('memoryAdminTab.tabAgentMemories') })] }), jsx(TabsContent, { className: "mt-4", value: "global-memories", children: jsx(GlobalMemoriesSection, { tenantKey: tenantKey, username: username }) }), jsx(TabsContent, { className: "mt-4", value: "agent-memories", children: jsx(AgentMemoriesSection, { tenantKey: tenantKey, username: username }) })] }));
 }
 
-function Account({ tenant, tenants = [], username, onInviteClick, email, mainPlatformKey, userActiveApp = null, showPlatformName = false, isAdmin = false, targetTab = 'basic', currentPlan: _currentPlan = '', currentSPA = '', authURL, onTenantUpdate, currentPlatformBaseDomain = '', enableRbac = false, showBenchmarks = false, rbacPermissions = {}, onLoadGroupPermissions, onTabChange, defaultSupportPhone = '', enableSupportPhone, showGradebookTab = false, }) {
+function Account({ tenant, tenants = [], username, onInviteClick, email, mainPlatformKey, userActiveApp = null, showPlatformName = false, isAdmin = false, targetTab = 'basic', currentPlan: _currentPlan = '', currentSPA = '', authURL, onTenantUpdate, currentPlatformBaseDomain = '', enableRbac = false, showBenchmarks = false, rbacPermissions = {}, onLoadGroupPermissions, onTabChange, defaultSupportPhone = '', enableSupportPhone, showGradebookTab = false, onboardingBasePath = '', }) {
     var _a, _b, _c, _d;
     const t = useT();
     const currentTenant = tenants.find((ten) => ten.key === tenant);
@@ -264257,10 +264496,10 @@ function Account({ tenant, tenants = [], username, onInviteClick, email, mainPla
                                     : 'text-gray-600 hover:bg-gray-50'}`, children: [jsx(CreditCard, { className: "h-4 w-4" }), jsx("span", { className: "hidden sm:inline", children: t('profileAccount.tabBilling') }), jsx("span", { className: "sm:hidden", children: t('profileAccount.tabBilling') })] }, 'billing'))] }) }) }), jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", style: { height: '100%' }, children: [jsxs("div", { className: "hidden lg:block flex-shrink-0 p-6 border-b border-gray-200 bg-white dark:bg-gray-900", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_b = (_a = TABS.find((t) => t.id === activeTab)) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : (activeTab === 'billing' ? t('profileAccount.tabBilling') : activeTab) }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'management' && t('profileAccount.descManagement'), activeTab === 'organization' && t('profileAccount.descOrganization'), activeTab === 'integrations' && t('profileAccount.descIntegrations'), activeTab === 'billing' && t('profileAccount.descBilling'), activeTab === 'monetization' && t('profileAccount.descMonetization'), activeTab === 'datasets' && t('profileAccount.descBenchmarks'), activeTab === 'memory' && t('profileAccount.descMemory'), activeTab === 'advanced' && t('profileAccount.descAdvanced')] })] }), jsxs("div", { className: "flex-1 p-6 space-y-6", style: {
                             overflowY: 'auto',
                             overflowX: 'hidden',
-                        }, children: [jsxs("div", { className: "lg:hidden mb-6", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_d = (_c = TABS.find((t) => t.id === activeTab)) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : (activeTab === 'billing' ? t('profileAccount.tabBilling') : activeTab) }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'billing' && t('profileAccount.descBilling'), activeTab === 'basic' && t('profileAccount.descBasic'), activeTab === 'social' && t('profileAccount.descSocial'), activeTab === 'security' && t('profileAccount.descSecurity'), activeTab === 'management' && t('profileAccount.descManagement'), activeTab === 'organization' && t('profileAccount.descOrganization'), activeTab === 'monetization' && t('profileAccount.descMonetization'), activeTab === 'datasets' && t('profileAccount.descBenchmarks'), activeTab === 'memory' && t('profileAccount.descMemory'), activeTab === 'advanced' && t('profileAccount.descAdvanced')] })] }), activeTab === 'management' && hasManagementPermissions && (jsx(Admin, { authSpaUrl: authURL, onInviteClick: onInviteClick, tenant: tenant, currentSpa: currentSPA, hasUserTabPermission: hasUserTabPermission, hasGroupsTabPermission: hasGroupsTabPermission, hasPoliciesTabPermission: hasPoliciesTabPermission, hasRolesTabPermission: hasRolesTabPermission, hasTeamsTabPermission: hasTeamsTabPermission, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, hasAlertsTabPermission: hasAlertsTabPermission, rbacPermissions: rbacPermissions, enableRbac: enableRbac, showGradebookTab: showGradebookTab })), activeTab === 'organization' && (jsx(OrganizationTab, { platformKey: tenant, tenant: tenants.find((ten) => ten.key === tenant), onTenantUpdate: onTenantUpdate, setOrganizationLogoFromOutside: setOrganizationLogo, defaultSupportPhone: defaultSupportPhone, enableSupportPhone: enableSupportPhone })), activeTab === 'integrations' && (jsx(IntegrationsTab, { tenantKey: tenant, username: username })), activeTab === 'billing' && (jsx(BillingTab, { tenant: tenant, userActiveApp: userActiveApp, username: username, currentUserEmail: email, mainPlatformKey: mainPlatformKey })), activeTab === 'monetization' && (jsx(MonetizationTab, { platformKey: tenant, authURL: authURL })), activeTab === 'datasets' && showBenchmarks && (jsx(BenchmarksTab, { tenantKey: tenant, username: username })), activeTab === 'memory' && jsx(MemoryAdminTab, { tenantKey: tenant, username: username }), activeTab === 'advanced' && (jsx(AdvancedTab, { platformKey: tenant, currentSPA: currentSPA, username: username, authURL: authURL, currentPlatformBaseDomain: currentPlatformBaseDomain }))] })] }), jsx(ToastProvider, {})] }));
+                        }, children: [jsxs("div", { className: "lg:hidden mb-6", children: [jsx("h3", { className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-2", children: (_d = (_c = TABS.find((t) => t.id === activeTab)) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : (activeTab === 'billing' ? t('profileAccount.tabBilling') : activeTab) }), jsxs("p", { className: "text-gray-600 dark:text-gray-400 text-sm", children: [activeTab === 'billing' && t('profileAccount.descBilling'), activeTab === 'basic' && t('profileAccount.descBasic'), activeTab === 'social' && t('profileAccount.descSocial'), activeTab === 'security' && t('profileAccount.descSecurity'), activeTab === 'management' && t('profileAccount.descManagement'), activeTab === 'organization' && t('profileAccount.descOrganization'), activeTab === 'monetization' && t('profileAccount.descMonetization'), activeTab === 'datasets' && t('profileAccount.descBenchmarks'), activeTab === 'memory' && t('profileAccount.descMemory'), activeTab === 'advanced' && t('profileAccount.descAdvanced')] })] }), activeTab === 'management' && hasManagementPermissions && (jsx(Admin, { onboardingBasePath: onboardingBasePath, authSpaUrl: authURL, onInviteClick: onInviteClick, tenant: tenant, currentSpa: currentSPA, hasUserTabPermission: hasUserTabPermission, hasGroupsTabPermission: hasGroupsTabPermission, hasPoliciesTabPermission: hasPoliciesTabPermission, hasRolesTabPermission: hasRolesTabPermission, hasTeamsTabPermission: hasTeamsTabPermission, hasInviteUserPermission: hasInviteUserPermission, hasCreateTeamPermission: hasCreateTeamPermission, onLoadGroupPermissions: onLoadGroupPermissions, hasAlertsTabPermission: hasAlertsTabPermission, rbacPermissions: rbacPermissions, enableRbac: enableRbac, showGradebookTab: showGradebookTab })), activeTab === 'organization' && (jsx(OrganizationTab, { platformKey: tenant, tenant: tenants.find((ten) => ten.key === tenant), onTenantUpdate: onTenantUpdate, setOrganizationLogoFromOutside: setOrganizationLogo, defaultSupportPhone: defaultSupportPhone, enableSupportPhone: enableSupportPhone })), activeTab === 'integrations' && (jsx(IntegrationsTab, { tenantKey: tenant, username: username })), activeTab === 'billing' && (jsx(BillingTab, { tenant: tenant, userActiveApp: userActiveApp, username: username, currentUserEmail: email, mainPlatformKey: mainPlatformKey })), activeTab === 'monetization' && (jsx(MonetizationTab, { platformKey: tenant, authURL: authURL })), activeTab === 'datasets' && showBenchmarks && (jsx(BenchmarksTab, { tenantKey: tenant, username: username })), activeTab === 'memory' && jsx(MemoryAdminTab, { tenantKey: tenant, username: username }), activeTab === 'advanced' && (jsx(AdvancedTab, { platformKey: tenant, currentSPA: currentSPA, username: username, authURL: authURL, currentPlatformBaseDomain: currentPlatformBaseDomain }))] })] }), jsx(ToastProvider, {})] }));
 }
 
-function UserProfileModal({ isOpen, onClose, params, email, mainPlatformKey, showMentorAIDisplayCheckbox = false, showLeaderboardDisplayCheckbox = false, showGradebookTab = false, showUsernameField = false, showPlatformName = false, useGravatarPicFallback = true, enableCatalogInvite = false, targetTab = 'basic', currentPlan = '', currentSPA = '', userActiveApp = null, authURL, tenants = [], onTenantUpdate, currentPlatformBaseDomain = '', rbacPermissions = {}, enableRbac = false, onLoadGroupPermissions, onTabChange, defaultSupportPhone = '', onBillingTabRequest, onAccountDeleted, enableMemoryTab = false, showBenchmarks = false, localLLMProps, enableSupportPhone, }) {
+function UserProfileModal({ isOpen, onClose, params, email, mainPlatformKey, showMentorAIDisplayCheckbox = false, showLeaderboardDisplayCheckbox = false, showGradebookTab = false, showUsernameField = false, showPlatformName = false, useGravatarPicFallback = true, enableCatalogInvite = false, targetTab = 'basic', currentPlan = '', currentSPA = '', userActiveApp = null, authURL, tenants = [], onTenantUpdate, currentPlatformBaseDomain = '', rbacPermissions = {}, enableRbac = false, onLoadGroupPermissions, onTabChange, defaultSupportPhone = '', onBillingTabRequest, onAccountDeleted, enableMemoryTab = false, showBenchmarks = false, localLLMProps, enableSupportPhone, onboardingBasePath = '', }) {
     const t = useT();
     console.log('[UserProfileModal] localLLMProps received:', {
         isAvailable: localLLMProps === null || localLLMProps === void 0 ? void 0 : localLLMProps.isAvailable,
@@ -264334,7 +264573,7 @@ function UserProfileModal({ isOpen, onClose, params, email, mainPlatformKey, sho
                         'billing',
                         'monetization',
                         'datasets',
-                    ].includes(targetTab) && (jsxs(Fragment$1, { children: [jsx(Account, { onInviteClick: () => setIsInviteUserDialogOpen(true), tenant: params.tenantKey, tenants: tenants, username: getUserName$1(), email: email, mainPlatformKey: mainPlatformKey, showUsernameField: showUsernameField, showPlatformName: showPlatformName, useGravatarPicFallback: useGravatarPicFallback, onClose: onClose, isAdmin: params.isAdmin, targetTab: targetTab, currentPlan: currentPlan, currentSPA: currentSPA, userActiveApp: userActiveApp, authURL: authURL, onTenantUpdate: onTenantUpdate, currentPlatformBaseDomain: currentPlatformBaseDomain, rbacPermissions: rbacPermissions, enableRbac: enableRbac, onLoadGroupPermissions: onLoadGroupPermissions, onTabChange: onTabChange, defaultSupportPhone: defaultSupportPhone, showBenchmarks: showBenchmarks, enableSupportPhone: enableSupportPhone, showGradebookTab: showGradebookTab }), isInviteUserDialogOpen && (jsx(InviteUserDialog, { tenant: params.tenantKey, onClose: () => setIsInviteUserDialogOpen(false), isOpen: isInviteUserDialogOpen, enableCatalogInvite: enableCatalogInvite, hasManageUsersPermission: hasManageUsersPermission })), isInvitedUsersDialogOpen && (jsx(InvitedUsersDialog, { onClose: () => setIsInvitedUsersDialogOpen(false), tenant: params.tenantKey }))] }))] }) }) }));
+                    ].includes(targetTab) && (jsxs(Fragment$1, { children: [jsx(Account, { onboardingBasePath: onboardingBasePath, onInviteClick: () => setIsInviteUserDialogOpen(true), tenant: params.tenantKey, tenants: tenants, username: getUserName$1(), email: email, mainPlatformKey: mainPlatformKey, showUsernameField: showUsernameField, showPlatformName: showPlatformName, useGravatarPicFallback: useGravatarPicFallback, onClose: onClose, isAdmin: params.isAdmin, targetTab: targetTab, currentPlan: currentPlan, currentSPA: currentSPA, userActiveApp: userActiveApp, authURL: authURL, onTenantUpdate: onTenantUpdate, currentPlatformBaseDomain: currentPlatformBaseDomain, rbacPermissions: rbacPermissions, enableRbac: enableRbac, onLoadGroupPermissions: onLoadGroupPermissions, onTabChange: onTabChange, defaultSupportPhone: defaultSupportPhone, showBenchmarks: showBenchmarks, enableSupportPhone: enableSupportPhone, showGradebookTab: showGradebookTab }), isInviteUserDialogOpen && (jsx(InviteUserDialog, { tenant: params.tenantKey, onClose: () => setIsInviteUserDialogOpen(false), isOpen: isInviteUserDialogOpen, enableCatalogInvite: enableCatalogInvite, hasManageUsersPermission: hasManageUsersPermission })), isInvitedUsersDialogOpen && (jsx(InvitedUsersDialog, { onClose: () => setIsInvitedUsersDialogOpen(false), tenant: params.tenantKey }))] }))] }) }) }));
 }
 
 const LOCAL_STORAGE_KEY = 'model_download_state';
@@ -264809,7 +265048,7 @@ currentSPA = '', showMentorAIDisplayCheckbox = false, showLeaderboardDisplayChec
 // Local LLM props
 localLLMProps, 
 // Controlled modal state
-isModalOpen, onModalOpenChange, defaultActiveTab, onAccountDeleted, enableMemoryTab, showBenchmarks = false, }) {
+isModalOpen, onModalOpenChange, defaultActiveTab, onAccountDeleted, enableMemoryTab, showBenchmarks = false, onboardingBasePath = '', }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const t = useT();
     // Use hooks to fetch user metadata
@@ -265017,6 +265256,7 @@ isModalOpen, onModalOpenChange, defaultActiveTab, onAccountDeleted, enableMemory
             onAccountDeleted,
             enableMemoryTab,
             showBenchmarks,
+            onboardingBasePath,
         };
         if (CustomProfileModal) {
             return jsx(CustomProfileModal, { ...modalProps });