@iblai/iblai-js 2.10.3 → 2.11.1

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

@@ -2132,7 +2132,7 @@ var analyticsAnalyticsOverview$3 = {
 	topicsChartDescription: "The most discussed topics, ranked by how many messages each one generated.",
 	activeUsersChartDescription: "Unique active users per day, showing how engagement changes over time.",
 	llmSpend: "LLM spend",
-	llmSpendDescription: "Raw cost of every traced LLM call in the selected period, from the trace store. Billing totals live on the Cost & LLM tab.",
+	llmSpendDescription: "Raw cost of every traced LLM call in the selected period, from the trace store. Billing totals live on the Cost tab.",
 	allTopics: "All topics",
 	topicsRankedFooter: "{shown} of {total} topics · ranked by message volume"
 };
@@ -8089,7 +8089,7 @@ var analyticsChartCard$3 = {
 	adjustRangeHint: "This card only — the page range stays where it is."
 };
 var analyticsCostTabs$3 = {
-	ariaLabel: "Cost & LLM sections",
+	ariaLabel: "Cost sections",
 	spend: "Spend",
 	usage: "Usage & latency",
 	traces: "Traces"
@@ -9280,7 +9280,7 @@ var analyticsAnalyticsOverview$2 = {
 	topicsChartDescription: "Les sujets les plus abordés, classés selon le nombre de messages générés.",
 	activeUsersChartDescription: "Utilisateurs actifs uniques par jour, pour suivre l’évolution de l’engagement.",
 	llmSpend: "Dépenses LLM",
-	llmSpendDescription: "Coût brut de chaque appel LLM tracé sur la période sélectionnée, issu du magasin de traces. Les totaux de facturation sont dans l'onglet Coûts et LLM.",
+	llmSpendDescription: "Coût brut de chaque appel LLM tracé sur la période sélectionnée, issu du magasin de traces. Les totaux de facturation sont dans l'onglet Coûts.",
 	allTopics: "Tous les sujets",
 	topicsRankedFooter: "{shown} sur {total} sujets · classés par volume de messages"
 };
@@ -15237,7 +15237,7 @@ var analyticsChartCard$2 = {
 	adjustRangeHint: "Cette carte uniquement — la plage de la page reste inchangée."
 };
 var analyticsCostTabs$2 = {
-	ariaLabel: "Sections Coûts et LLM",
+	ariaLabel: "Sections Coûts",
 	spend: "Dépenses",
 	usage: "Utilisation et latence",
 	traces: "Traces"
@@ -16428,7 +16428,7 @@ var analyticsAnalyticsOverview$1 = {
 	topicsChartDescription: "Los temas más tratados, ordenados por la cantidad de mensajes que generó cada uno.",
 	activeUsersChartDescription: "Usuarios activos únicos por día, para ver cómo cambia la participación con el tiempo.",
 	llmSpend: "Gasto LLM",
-	llmSpendDescription: "Costo bruto de cada llamada LLM trazada en el período seleccionado, del almacén de trazas. Los totales de facturación están en la pestaña Costos y LLM.",
+	llmSpendDescription: "Costo bruto de cada llamada LLM trazada en el período seleccionado, del almacén de trazas. Los totales de facturación están en la pestaña Costos.",
 	allTopics: "Todos los temas",
 	topicsRankedFooter: "{shown} de {total} temas · ordenados por volumen de mensajes"
 };
@@ -22385,7 +22385,7 @@ var analyticsChartCard$1 = {
 	adjustRangeHint: "Solo esta tarjeta — el rango de la página no cambia."
 };
 var analyticsCostTabs$1 = {
-	ariaLabel: "Secciones de Costos y LLM",
+	ariaLabel: "Secciones de Costos",
 	spend: "Gasto",
 	usage: "Uso y latencia",
 	traces: "Trazas"
@@ -23576,7 +23576,7 @@ var analyticsAnalyticsOverview = {
 	topicsChartDescription: "讨论最多的主题，按各自产生的消息数排序。",
 	activeUsersChartDescription: "每日独立活跃用户数，展示参与度随时间的变化。",
 	llmSpend: "LLM 支出",
-	llmSpendDescription: "所选时段内每次被追踪的 LLM 调用的原始成本，来自追踪存储。计费总额在成本与 LLM 页。",
+	llmSpendDescription: "所选时段内每次被追踪的 LLM 调用的原始成本，来自追踪存储。计费总额在成本页。",
 	allTopics: "所有主题",
 	topicsRankedFooter: "共 {total} 个主题，显示 {shown} 个 · 按消息量排序"
 };
@@ -29533,7 +29533,7 @@ var analyticsChartCard = {
 	adjustRangeHint: "仅此卡片 — 页面范围保持不变。"
 };
 var analyticsCostTabs = {
-	ariaLabel: "成本与 LLM 分区",
+	ariaLabel: "成本分区",
 	spend: "支出",
 	usage: "用量与延迟",
 	traces: "追踪"
@@ -190957,15 +190957,17 @@ const PAGE_SIZE$7 = 20;
 const SEARCH_DEBOUNCE_MS$3 = 300;
 /**
  * The public application URL on the auth SPA for one form of a platform
- * (`<auth-url>/applications/<platform-key>/<form-id>?redirect-to=<origin>`), or
- * null when the auth SPA URL cannot be resolved. `authSpaUrl` (prop) wins;
+ * (`<auth-url>/applications/<platform-key>/<form-id>?redirect-to=<origin>&app=<spa>`),
+ * or null when the auth SPA URL cannot be resolved. `authSpaUrl` (prop) wins;
  * otherwise the runtime-injected env (`window.__ENV__.NEXT_PUBLIC_AUTH_URL`) is
  * used. With no `formId` the link resolves the platform's default form (404
  * when none). The `redirect-to` param carries the origin the applicant is sent
  * back to after submitting — by default the origin the link is copied from — and
- * is omitted when no origin can be read (no DOM).
+ * is omitted when no origin can be read (no DOM). The `app` param carries the
+ * SPA the link was copied from, so the login flow the applicant is sent through
+ * (unauthenticated visitors) is branded for that SPA; omitted when unknown.
  */
-function buildApplicationLink(platformKey, formId, authSpaUrl, redirectTo) {
+function buildApplicationLink(platformKey, formId, authSpaUrl, redirectTo, currentSpa) {
     var _a, _b;
     const base = (_b = authSpaUrl !== null && authSpaUrl !== void 0 ? authSpaUrl : (typeof window !== 'undefined'
         ? (_a = window.__ENV__) === null || _a === void 0 ? void 0 : _a.NEXT_PUBLIC_AUTH_URL
@@ -190975,7 +190977,13 @@ function buildApplicationLink(platformKey, formId, authSpaUrl, redirectTo) {
     const root = `${trimTrailingSlashes(base)}/applications/${encodeURIComponent(platformKey)}`;
     const path = formId != null ? `${root}/${encodeURIComponent(String(formId))}` : root;
     const target = (typeof window !== 'undefined' ? window.location.origin : undefined);
-    return target ? `${path}?redirect-to=${encodeURIComponent(target)}` : path;
+    const query = new URLSearchParams();
+    if (target)
+        query.set('redirect-to', target);
+    if (currentSpa)
+        query.set('app', currentSpa);
+    const search = query.toString();
+    return search ? `${path}?${search}` : path;
 }
 /**
  * Applications management. Entry view lists the platform's application forms
@@ -190983,7 +190991,7 @@ function buildApplicationLink(platformKey, formId, authSpaUrl, redirectTo) {
  * per-form (or all-form) submission pipelines, the submission workspace with
  * per-student decisions, the form/question editor, and the ban list.
  */
-function ApplicationsTab({ platformKey, authSpaUrl, }) {
+function ApplicationsTab({ platformKey, authSpaUrl, currentSpa, }) {
     const [view, setView] = useState({ name: 'forms' });
     if (view.name === 'editor') {
         return (jsx(QuestionsEditor, { platformKey: platformKey, initialFormId: view.formId, startNew: view.startNew, onBack: () => setView({ name: 'forms' }) }));
@@ -190997,10 +191005,10 @@ function ApplicationsTab({ platformKey, authSpaUrl, }) {
     if (view.name === 'submissions') {
         return (jsx(SubmissionsPipeline, { platformKey: platformKey, form: view.form, onBack: () => setView({ name: 'forms' }), onOpen: (submissionId) => setView({ name: 'detail', submissionId, form: view.form }) }));
     }
-    return (jsx(FormsList, { platformKey: platformKey, authSpaUrl: authSpaUrl, onViewSubmissions: (form) => setView({ name: 'submissions', form }), onEditForm: (formId) => setView({ name: 'editor', formId, startNew: false }), onNewForm: () => setView({ name: 'editor', formId: null, startNew: true }), onViewBlocks: () => setView({ name: 'blocks' }) }));
+    return (jsx(FormsList, { platformKey: platformKey, authSpaUrl: authSpaUrl, currentSpa: currentSpa, onViewSubmissions: (form) => setView({ name: 'submissions', form }), onEditForm: (formId) => setView({ name: 'editor', formId, startNew: false }), onNewForm: () => setView({ name: 'editor', formId: null, startNew: true }), onViewBlocks: () => setView({ name: 'blocks' }) }));
 }
 /** The entry view: every application form of the platform, with actions. */
-function FormsList({ platformKey, authSpaUrl, onViewSubmissions, onEditForm, onNewForm, onViewBlocks, }) {
+function FormsList({ platformKey, authSpaUrl, currentSpa, onViewSubmissions, onEditForm, onNewForm, onViewBlocks, }) {
     const t = useT();
     /** The form id whose link was just copied (transient "Copied" feedback). */
     const [copiedFormId, setCopiedFormId] = useState(null);
@@ -191014,7 +191022,7 @@ function FormsList({ platformKey, authSpaUrl, onViewSubmissions, onEditForm, onN
     const counts = statsCounts(stats);
     const total = Object.values(counts).reduce((sum, n) => sum + n, 0);
     const handleCopyLink = async (form) => {
-        const link = buildApplicationLink(platformKey, form.id, authSpaUrl);
+        const link = buildApplicationLink(platformKey, form.id, authSpaUrl, undefined, currentSpa);
         if (!link)
             return;
         try {
@@ -191034,7 +191042,7 @@ function FormsList({ platformKey, authSpaUrl, onViewSubmissions, onEditForm, onN
                                                     ? 'bg-blue-50 text-blue-700 border-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:border-blue-900'
                                                     : 'bg-gray-100 text-gray-600 border-gray-200 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-600', children: t(form.enabled
                                                     ? 'profileApplicationsTab.formEnabled'
-                                                    : 'profileApplicationsTab.formDisabled') }) }), jsx("td", { className: "whitespace-nowrap px-6 py-4 text-right", children: jsxs("div", { className: "flex items-center justify-end gap-1", children: [buildApplicationLink(platformKey, form.id, authSpaUrl) && (jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsxs(Button$1, { variant: "ghost", className: copiedFormId === form.id
+                                                    : 'profileApplicationsTab.formDisabled') }) }), jsx("td", { className: "whitespace-nowrap px-6 py-4 text-right", children: jsxs("div", { className: "flex items-center justify-end gap-1", children: [buildApplicationLink(platformKey, form.id, authSpaUrl, undefined, currentSpa) && (jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsxs(Button$1, { variant: "ghost", className: copiedFormId === form.id
                                                                         ? 'h-8 w-8 p-0 text-blue-600 dark:text-blue-400'
                                                                         : 'h-8 w-8 p-0 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100', onClick: () => handleCopyLink(form), "aria-label": t('profileApplicationsTab.copyFormLink', {
                                                                         form: ((_b = form.schema) === null || _b === void 0 ? void 0 : _b.title) ||
@@ -191587,7 +191595,7 @@ const Admin = ({ tenant, onInviteClick, hasUserTabPermission = false, hasGroupsT
      */
     const isWatcher = isPureWatcher(storeRbacPermissions, currentTenant);
     const showUsersTab = isWatcher || hasUserTabPermission;
-    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: [showUsersTab && jsx(TabsTrigger, { value: "users", children: t('profileAdmin.usersTab') }), !isWatcher && hasGroupsTabPermission && (jsx(TabsTrigger, { value: "groups", children: t('profileAdmin.groupsTab') })), !isWatcher && hasRolesTabPermission && (jsx(TabsTrigger, { value: "roles", children: t('profileAdmin.rolesTab') })), !isWatcher && hasPoliciesTabPermission && (jsx(TabsTrigger, { value: "policies", children: t('profileAdmin.policiesTab') })), !isWatcher && hasTeamsTabPermission && (jsx(TabsTrigger, { value: "teams", children: t('profileAdmin.teamsTab') })), !isWatcher && hasAlertsTabPermission && (jsx(TabsTrigger, { value: "alerts", children: t('profileAdmin.alertsTab') })), !isWatcher && (jsx(TabsTrigger, { value: "applications", children: t('profileAdmin.applicationsTab') })), !isWatcher && (jsx(TabsTrigger, { value: "onboarding", children: t('profileAdmin.onboardingTab') }))] }), showUsersTab && (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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && 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$1, { tenant: tenant })] })), !isWatcher && (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 })] })), !isWatcher && (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 })] }))] }) }));
+    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: [showUsersTab && jsx(TabsTrigger, { value: "users", children: t('profileAdmin.usersTab') }), !isWatcher && hasGroupsTabPermission && (jsx(TabsTrigger, { value: "groups", children: t('profileAdmin.groupsTab') })), !isWatcher && hasRolesTabPermission && (jsx(TabsTrigger, { value: "roles", children: t('profileAdmin.rolesTab') })), !isWatcher && hasPoliciesTabPermission && (jsx(TabsTrigger, { value: "policies", children: t('profileAdmin.policiesTab') })), !isWatcher && hasTeamsTabPermission && (jsx(TabsTrigger, { value: "teams", children: t('profileAdmin.teamsTab') })), !isWatcher && hasAlertsTabPermission && (jsx(TabsTrigger, { value: "alerts", children: t('profileAdmin.alertsTab') })), !isWatcher && (jsx(TabsTrigger, { value: "applications", children: t('profileAdmin.applicationsTab') })), !isWatcher && (jsx(TabsTrigger, { value: "onboarding", children: t('profileAdmin.onboardingTab') }))] }), showUsersTab && (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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && 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$1, { tenant: tenant })] })), !isWatcher && (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, currentSpa: currentSpa })] })), !isWatcher && (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({ isOpen, onClose, apiKey, tenantKey }) {
@@ -229541,7 +229549,7 @@ const useOverview = ({ tenantKey, mentorId, usergroupIds, }) => {
         ...((usergroupIds === null || usergroupIds === void 0 ? void 0 : usergroupIds.length) ? { usergroup_ids: usergroupIds } : {}),
     });
     // LLM spend joins the KPI row so cost is visible before anyone opens the
-    // Cost & LLM tab. It follows the page range; unavailable renders as an
+    // Cost tab. It follows the page range; unavailable renders as an
     // em-dash, never $0.00.
     const globalFilters = (_o = useAnalyticsGlobalFilters()) === null || _o === void 0 ? void 0 : _o.filters;
     const { data: llmSpendData, isLoading: isLoadingLlmSpend, error: llmSpendError, } = useGetLlmUsageMetricsQuery({
@@ -229951,7 +229959,7 @@ const defaultTabs = [
     },
     {
         // The unified cost surface: ClickHouse billing + Langfuse LLM usage.
-        label: 'Cost & LLM',
+        label: 'Cost',
         value: 'financial',
     },
     {
@@ -230499,7 +230507,7 @@ const byProvider = (models) => {
         .sort((a, b) => b.total_cost - a.total_cost);
 };
 /**
- * Spend view-model for the Cost & LLM tab, backed by the ClickHouse
+ * Spend view-model for the Cost tab, backed by the ClickHouse
  * `/api/ai-analytics/` cost endpoints (KPIs, per-model, per-user) and the
  * Langfuse `llm-usage` metrics resource (the daily spend series). The
  * deprecated `/api/analytics/financial/` family is gone; the return shape is
@@ -230708,7 +230716,7 @@ const formatCompactNumber = (value) => {
 const formatLatencySeconds = (value) => `${value.toFixed(2)}s`;
 const UNAVAILABLE = '—';
 /**
- * The Langfuse side of the Cost & LLM tab: tokens, calls, latency percentiles
+ * The Langfuse side of the Cost tab: tokens, calls, latency percentiles
  * and spend breakdowns per service and model. Ranked per-user/per-session
  * totals live on the Spend sub-tab (ClickHouse) — Langfuse cannot group by
  * those dimensions.
@@ -230780,7 +230788,7 @@ function useDebouncedValue(value, delay) {
 }
 /**
  * Tenant user picker for the analytics filter rows — memory, transcripts and
- * the Cost & LLM traces list.
+ * the Cost traces list.
  * Both endpoints behind it do the searching, so the dropdown only pages in the
  * first {@link USERS_PAGE_SIZE} matches for whatever is typed rather than
  * filtering client-side.
@@ -231097,7 +231105,7 @@ function SpendTab({ tenantKey, mentorId: currentMentorId, userId, onOpenUserTrac
                                         }) }), jsxs("div", { className: "flex items-center space-x-2", children: [jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 p-2 !w-auto !inline-flex bg-transparent", onClick: handleFirstPage, disabled: costPerUserPage === 1, children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsFinancialStats.goToFirstPage') }), jsx(ChevronsLeft, { className: "h-4 w-4" })] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 p-2 !w-auto !inline-flex bg-transparent", onClick: handlePreviousPage, disabled: costPerUserPage === 1, children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsFinancialStats.goToPreviousPage') }), jsx(ChevronLeft, { className: "h-4 w-4" })] }), generatePageNumbers().map((page, index) => (jsx(React__default.Fragment, { children: page === '...' ? (jsx("span", { className: "px-2 text-gray-500", children: "..." })) : (jsx(Button$1, { variant: costPerUserPage === page ? 'default' : 'outline', size: "sm", className: `h-8 p-3 !w-auto !inline-flex ${costPerUserPage === page ? 'bg-blue-50 text-blue-600' : 'bg-transparent'}`, onClick: () => setCostPerUserPage(page), children: page })) }, index))), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 p-2 !w-auto !inline-flex bg-transparent", onClick: handleNextPage, disabled: costPerUserPage === detailedCostPerUserData.total_pages, children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsFinancialStats.goToNextPage') }), jsx(ChevronRight, { className: "h-4 w-4" })] }), jsxs(Button$1, { variant: "outline", size: "sm", className: "h-8 p-2 !w-auto !inline-flex bg-transparent", onClick: handleLastPage, disabled: costPerUserPage === detailedCostPerUserData.total_pages, children: [jsx("span", { className: "sr-only", children: t('analyticsAnalyticsFinancialStats.goToLastPage') }), jsx(ChevronsRight, { className: "h-4 w-4" })] })] })] }))] }) }) })] }));
 }
 /**
- * The Cost & LLM tab: one surface over two backends, split where the backends
+ * The Cost tab: one surface over two backends, split where the backends
  * actually split. Spend is ClickHouse (billing truth: marked-up USD, ranked
  * per-user history); Usage & latency and Traces are the Langfuse proxy
  * (tokens, latency percentiles, per-call drill-down). Every card names its

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

@@ -96915,7 +96915,7 @@ var analyticsAnalyticsOverview$3 = {
 	topicsChartDescription: "The most discussed topics, ranked by how many messages each one generated.",
 	activeUsersChartDescription: "Unique active users per day, showing how engagement changes over time.",
 	llmSpend: "LLM spend",
-	llmSpendDescription: "Raw cost of every traced LLM call in the selected period, from the trace store. Billing totals live on the Cost & LLM tab.",
+	llmSpendDescription: "Raw cost of every traced LLM call in the selected period, from the trace store. Billing totals live on the Cost tab.",
 	allTopics: "All topics",
 	topicsRankedFooter: "{shown} of {total} topics · ranked by message volume"
 };
@@ -102872,7 +102872,7 @@ var analyticsChartCard$3 = {
 	adjustRangeHint: "This card only — the page range stays where it is."
 };
 var analyticsCostTabs$3 = {
-	ariaLabel: "Cost & LLM sections",
+	ariaLabel: "Cost sections",
 	spend: "Spend",
 	usage: "Usage & latency",
 	traces: "Traces"
@@ -104063,7 +104063,7 @@ var analyticsAnalyticsOverview$2 = {
 	topicsChartDescription: "Les sujets les plus abordés, classés selon le nombre de messages générés.",
 	activeUsersChartDescription: "Utilisateurs actifs uniques par jour, pour suivre l’évolution de l’engagement.",
 	llmSpend: "Dépenses LLM",
-	llmSpendDescription: "Coût brut de chaque appel LLM tracé sur la période sélectionnée, issu du magasin de traces. Les totaux de facturation sont dans l'onglet Coûts et LLM.",
+	llmSpendDescription: "Coût brut de chaque appel LLM tracé sur la période sélectionnée, issu du magasin de traces. Les totaux de facturation sont dans l'onglet Coûts.",
 	allTopics: "Tous les sujets",
 	topicsRankedFooter: "{shown} sur {total} sujets · classés par volume de messages"
 };
@@ -110020,7 +110020,7 @@ var analyticsChartCard$2 = {
 	adjustRangeHint: "Cette carte uniquement — la plage de la page reste inchangée."
 };
 var analyticsCostTabs$2 = {
-	ariaLabel: "Sections Coûts et LLM",
+	ariaLabel: "Sections Coûts",
 	spend: "Dépenses",
 	usage: "Utilisation et latence",
 	traces: "Traces"
@@ -111211,7 +111211,7 @@ var analyticsAnalyticsOverview$1 = {
 	topicsChartDescription: "Los temas más tratados, ordenados por la cantidad de mensajes que generó cada uno.",
 	activeUsersChartDescription: "Usuarios activos únicos por día, para ver cómo cambia la participación con el tiempo.",
 	llmSpend: "Gasto LLM",
-	llmSpendDescription: "Costo bruto de cada llamada LLM trazada en el período seleccionado, del almacén de trazas. Los totales de facturación están en la pestaña Costos y LLM.",
+	llmSpendDescription: "Costo bruto de cada llamada LLM trazada en el período seleccionado, del almacén de trazas. Los totales de facturación están en la pestaña Costos.",
 	allTopics: "Todos los temas",
 	topicsRankedFooter: "{shown} de {total} temas · ordenados por volumen de mensajes"
 };
@@ -117168,7 +117168,7 @@ var analyticsChartCard$1 = {
 	adjustRangeHint: "Solo esta tarjeta — el rango de la página no cambia."
 };
 var analyticsCostTabs$1 = {
-	ariaLabel: "Secciones de Costos y LLM",
+	ariaLabel: "Secciones de Costos",
 	spend: "Gasto",
 	usage: "Uso y latencia",
 	traces: "Trazas"
@@ -118359,7 +118359,7 @@ var analyticsAnalyticsOverview = {
 	topicsChartDescription: "讨论最多的主题，按各自产生的消息数排序。",
 	activeUsersChartDescription: "每日独立活跃用户数，展示参与度随时间的变化。",
 	llmSpend: "LLM 支出",
-	llmSpendDescription: "所选时段内每次被追踪的 LLM 调用的原始成本，来自追踪存储。计费总额在成本与 LLM 页。",
+	llmSpendDescription: "所选时段内每次被追踪的 LLM 调用的原始成本，来自追踪存储。计费总额在成本页。",
 	allTopics: "所有主题",
 	topicsRankedFooter: "共 {total} 个主题，显示 {shown} 个 · 按消息量排序"
 };
@@ -124316,7 +124316,7 @@ var analyticsChartCard = {
 	adjustRangeHint: "仅此卡片 — 页面范围保持不变。"
 };
 var analyticsCostTabs = {
-	ariaLabel: "成本与 LLM 分区",
+	ariaLabel: "成本分区",
 	spend: "支出",
 	usage: "用量与延迟",
 	traces: "追踪"
@@ -223577,15 +223577,17 @@ const PAGE_SIZE$b = 20;
 const SEARCH_DEBOUNCE_MS$1 = 300;
 /**
  * The public application URL on the auth SPA for one form of a platform
- * (`<auth-url>/applications/<platform-key>/<form-id>?redirect-to=<origin>`), or
- * null when the auth SPA URL cannot be resolved. `authSpaUrl` (prop) wins;
+ * (`<auth-url>/applications/<platform-key>/<form-id>?redirect-to=<origin>&app=<spa>`),
+ * or null when the auth SPA URL cannot be resolved. `authSpaUrl` (prop) wins;
  * otherwise the runtime-injected env (`window.__ENV__.NEXT_PUBLIC_AUTH_URL`) is
  * used. With no `formId` the link resolves the platform's default form (404
  * when none). The `redirect-to` param carries the origin the applicant is sent
  * back to after submitting — by default the origin the link is copied from — and
- * is omitted when no origin can be read (no DOM).
+ * is omitted when no origin can be read (no DOM). The `app` param carries the
+ * SPA the link was copied from, so the login flow the applicant is sent through
+ * (unauthenticated visitors) is branded for that SPA; omitted when unknown.
  */
-function buildApplicationLink(platformKey, formId, authSpaUrl, redirectTo) {
+function buildApplicationLink(platformKey, formId, authSpaUrl, redirectTo, currentSpa) {
     var _a, _b;
     const base = (_b = authSpaUrl !== null && authSpaUrl !== void 0 ? authSpaUrl : (typeof window !== 'undefined'
         ? (_a = window.__ENV__) === null || _a === void 0 ? void 0 : _a.NEXT_PUBLIC_AUTH_URL
@@ -223595,7 +223597,13 @@ function buildApplicationLink(platformKey, formId, authSpaUrl, redirectTo) {
     const root = `${trimTrailingSlashes(base)}/applications/${encodeURIComponent(platformKey)}`;
     const path = formId != null ? `${root}/${encodeURIComponent(String(formId))}` : root;
     const target = (typeof window !== 'undefined' ? window.location.origin : undefined);
-    return target ? `${path}?redirect-to=${encodeURIComponent(target)}` : path;
+    const query = new URLSearchParams();
+    if (target)
+        query.set('redirect-to', target);
+    if (currentSpa)
+        query.set('app', currentSpa);
+    const search = query.toString();
+    return search ? `${path}?${search}` : path;
 }
 /**
  * Applications management. Entry view lists the platform's application forms
@@ -223603,7 +223611,7 @@ function buildApplicationLink(platformKey, formId, authSpaUrl, redirectTo) {
  * per-form (or all-form) submission pipelines, the submission workspace with
  * per-student decisions, the form/question editor, and the ban list.
  */
-function ApplicationsTab({ platformKey, authSpaUrl, }) {
+function ApplicationsTab({ platformKey, authSpaUrl, currentSpa, }) {
     const [view, setView] = useState({ name: 'forms' });
     if (view.name === 'editor') {
         return (jsx(QuestionsEditor, { platformKey: platformKey, initialFormId: view.formId, startNew: view.startNew, onBack: () => setView({ name: 'forms' }) }));
@@ -223617,10 +223625,10 @@ function ApplicationsTab({ platformKey, authSpaUrl, }) {
     if (view.name === 'submissions') {
         return (jsx(SubmissionsPipeline, { platformKey: platformKey, form: view.form, onBack: () => setView({ name: 'forms' }), onOpen: (submissionId) => setView({ name: 'detail', submissionId, form: view.form }) }));
     }
-    return (jsx(FormsList, { platformKey: platformKey, authSpaUrl: authSpaUrl, onViewSubmissions: (form) => setView({ name: 'submissions', form }), onEditForm: (formId) => setView({ name: 'editor', formId, startNew: false }), onNewForm: () => setView({ name: 'editor', formId: null, startNew: true }), onViewBlocks: () => setView({ name: 'blocks' }) }));
+    return (jsx(FormsList, { platformKey: platformKey, authSpaUrl: authSpaUrl, currentSpa: currentSpa, onViewSubmissions: (form) => setView({ name: 'submissions', form }), onEditForm: (formId) => setView({ name: 'editor', formId, startNew: false }), onNewForm: () => setView({ name: 'editor', formId: null, startNew: true }), onViewBlocks: () => setView({ name: 'blocks' }) }));
 }
 /** The entry view: every application form of the platform, with actions. */
-function FormsList({ platformKey, authSpaUrl, onViewSubmissions, onEditForm, onNewForm, onViewBlocks, }) {
+function FormsList({ platformKey, authSpaUrl, currentSpa, onViewSubmissions, onEditForm, onNewForm, onViewBlocks, }) {
     const t = useT();
     /** The form id whose link was just copied (transient "Copied" feedback). */
     const [copiedFormId, setCopiedFormId] = useState(null);
@@ -223634,7 +223642,7 @@ function FormsList({ platformKey, authSpaUrl, onViewSubmissions, onEditForm, onN
     const counts = statsCounts(stats);
     const total = Object.values(counts).reduce((sum, n) => sum + n, 0);
     const handleCopyLink = async (form) => {
-        const link = buildApplicationLink(platformKey, form.id, authSpaUrl);
+        const link = buildApplicationLink(platformKey, form.id, authSpaUrl, undefined, currentSpa);
         if (!link)
             return;
         try {
@@ -223654,7 +223662,7 @@ function FormsList({ platformKey, authSpaUrl, onViewSubmissions, onEditForm, onN
                                                     ? 'bg-blue-50 text-blue-700 border-blue-200 dark:bg-blue-900/30 dark:text-blue-300 dark:border-blue-900'
                                                     : 'bg-gray-100 text-gray-600 border-gray-200 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-600', children: t(form.enabled
                                                     ? 'profileApplicationsTab.formEnabled'
-                                                    : 'profileApplicationsTab.formDisabled') }) }), jsx("td", { className: "whitespace-nowrap px-6 py-4 text-right", children: jsxs("div", { className: "flex items-center justify-end gap-1", children: [buildApplicationLink(platformKey, form.id, authSpaUrl) && (jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsxs(Button$1, { variant: "ghost", className: copiedFormId === form.id
+                                                    : 'profileApplicationsTab.formDisabled') }) }), jsx("td", { className: "whitespace-nowrap px-6 py-4 text-right", children: jsxs("div", { className: "flex items-center justify-end gap-1", children: [buildApplicationLink(platformKey, form.id, authSpaUrl, undefined, currentSpa) && (jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsxs(Button$1, { variant: "ghost", className: copiedFormId === form.id
                                                                         ? 'h-8 w-8 p-0 text-blue-600 dark:text-blue-400'
                                                                         : 'h-8 w-8 p-0 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100', onClick: () => handleCopyLink(form), "aria-label": t('profileApplicationsTab.copyFormLink', {
                                                                         form: ((_b = form.schema) === null || _b === void 0 ? void 0 : _b.title) ||
@@ -224123,7 +224131,7 @@ const Admin = ({ tenant, onInviteClick, hasUserTabPermission = false, hasGroupsT
      */
     const isWatcher = isPureWatcher(storeRbacPermissions, currentTenant);
     const showUsersTab = isWatcher || hasUserTabPermission;
-    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: [showUsersTab && jsx(TabsTrigger, { value: "users", children: t('profileAdmin.usersTab') }), !isWatcher && hasGroupsTabPermission && (jsx(TabsTrigger, { value: "groups", children: t('profileAdmin.groupsTab') })), !isWatcher && hasRolesTabPermission && (jsx(TabsTrigger, { value: "roles", children: t('profileAdmin.rolesTab') })), !isWatcher && hasPoliciesTabPermission && (jsx(TabsTrigger, { value: "policies", children: t('profileAdmin.policiesTab') })), !isWatcher && hasTeamsTabPermission && (jsx(TabsTrigger, { value: "teams", children: t('profileAdmin.teamsTab') })), !isWatcher && hasAlertsTabPermission && (jsx(TabsTrigger, { value: "alerts", children: t('profileAdmin.alertsTab') })), !isWatcher && (jsx(TabsTrigger, { value: "applications", children: t('profileAdmin.applicationsTab') })), !isWatcher && (jsx(TabsTrigger, { value: "onboarding", children: t('profileAdmin.onboardingTab') }))] }), showUsersTab && (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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && (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 })] })), !isWatcher && (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 })] }))] }) }));
+    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: [showUsersTab && jsx(TabsTrigger, { value: "users", children: t('profileAdmin.usersTab') }), !isWatcher && hasGroupsTabPermission && (jsx(TabsTrigger, { value: "groups", children: t('profileAdmin.groupsTab') })), !isWatcher && hasRolesTabPermission && (jsx(TabsTrigger, { value: "roles", children: t('profileAdmin.rolesTab') })), !isWatcher && hasPoliciesTabPermission && (jsx(TabsTrigger, { value: "policies", children: t('profileAdmin.policiesTab') })), !isWatcher && hasTeamsTabPermission && (jsx(TabsTrigger, { value: "teams", children: t('profileAdmin.teamsTab') })), !isWatcher && hasAlertsTabPermission && (jsx(TabsTrigger, { value: "alerts", children: t('profileAdmin.alertsTab') })), !isWatcher && (jsx(TabsTrigger, { value: "applications", children: t('profileAdmin.applicationsTab') })), !isWatcher && (jsx(TabsTrigger, { value: "onboarding", children: t('profileAdmin.onboardingTab') }))] }), showUsersTab && (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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && 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 })] })), !isWatcher && (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, currentSpa: currentSpa })] })), !isWatcher && (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 }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "2.10.3",
+  "version": "2.11.1",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -76,9 +76,9 @@
     "axios": "1.13.6",
     "dotenv": "16.6.1",
     "winston": "3.19.0",
-    "@iblai/mcp": "1.12.12",
+    "@iblai/mcp": "1.12.13",
     "@iblai/data-layer": "1.13.3",
-    "@iblai/web-containers": "1.19.15",
+    "@iblai/web-containers": "1.20.1",
     "@iblai/web-utils": "2.4.6"
   },
   "peerDependencies": {