@iblai/iblai-js 2.18.1 → 2.19.0

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

@@ -2121,6 +2121,7 @@ var analyticsAccessTimeHeatmap$3 = {
 	tooltipActiveUsers: "{count} active users"
 };
 var analyticsAnalyticsAuditLogStats$3 = {
+	anonymous: "Anonymous",
 	scopeAgent: "Agent",
 	scopeAriaLabel: "Audit log scope",
 	scopePlatform: "Platform",
@@ -2249,6 +2250,7 @@ var analyticsAgentScopeLink$3 = {
 	scopeToAgent: "View analytics for {name}"
 };
 var analyticsAnalyticsMemoryStats$3 = {
+	anonymous: "Anonymous",
 	noPermission: "You do not have permission to view user memories.",
 	scopeLabel: "Memory scope",
 	scopeMentor: "This Agent",
@@ -2463,6 +2465,7 @@ var analyticsAnalyticsTopicsStats$3 = {
 	topicsRankedFooter: "{shown} of {total} topics · ranked by message volume"
 };
 var analyticsAnalyticsTranscriptsStats$3 = {
+	anonymous: "Anonymous",
 	justNow: "Just now",
 	minutesAgo: "{count} min ago",
 	hoursAgo: "{count} hour{count, plural, one {} other {s}} ago",
@@ -9402,6 +9405,7 @@ var analyticsAccessTimeHeatmap$2 = {
 	tooltipActiveUsers: "{count} utilisateurs actifs"
 };
 var analyticsAnalyticsAuditLogStats$2 = {
+	anonymous: "Anonyme",
 	scopeAgent: "Agent",
 	scopeAriaLabel: "Portée du journal d'audit",
 	scopePlatform: "Plateforme",
@@ -9530,6 +9534,7 @@ var analyticsAgentScopeLink$2 = {
 	scopeToAgent: "Voir les analyses de {name}"
 };
 var analyticsAnalyticsMemoryStats$2 = {
+	anonymous: "Anonyme",
 	noPermission: "Vous n'avez pas l'autorisation de consulter les mémoires des utilisateurs.",
 	scopeLabel: "Portée de la mémoire",
 	scopeMentor: "Cet agent",
@@ -9744,6 +9749,7 @@ var analyticsAnalyticsTopicsStats$2 = {
 	topicsRankedFooter: "{shown} sur {total} sujets · classés par volume de messages"
 };
 var analyticsAnalyticsTranscriptsStats$2 = {
+	anonymous: "Anonyme",
 	justNow: "À l'instant",
 	minutesAgo: "Il y a {count} min",
 	hoursAgo: "Il y a {count} heure{count, plural, one {} other {s}}",
@@ -16683,6 +16689,7 @@ var analyticsAccessTimeHeatmap$1 = {
 	tooltipActiveUsers: "{count} usuarios activos"
 };
 var analyticsAnalyticsAuditLogStats$1 = {
+	anonymous: "Anónimo",
 	scopeAgent: "Agente",
 	scopeAriaLabel: "Alcance del registro de auditoría",
 	scopePlatform: "Plataforma",
@@ -16811,6 +16818,7 @@ var analyticsAgentScopeLink$1 = {
 	scopeToAgent: "Ver analíticas de {name}"
 };
 var analyticsAnalyticsMemoryStats$1 = {
+	anonymous: "Anónimo",
 	noPermission: "No tienes permiso para ver los recuerdos de los usuarios.",
 	scopeLabel: "Alcance de la memoria",
 	scopeMentor: "Este agente",
@@ -17025,6 +17033,7 @@ var analyticsAnalyticsTopicsStats$1 = {
 	topicsRankedFooter: "{shown} de {total} temas · ordenados por volumen de mensajes"
 };
 var analyticsAnalyticsTranscriptsStats$1 = {
+	anonymous: "Anónimo",
 	justNow: "Ahora mismo",
 	minutesAgo: "Hace {count} min",
 	hoursAgo: "Hace {count} hora{count, plural, one {} other {s}}",
@@ -23964,6 +23973,7 @@ var analyticsAccessTimeHeatmap = {
 	tooltipActiveUsers: "{count} 位活跃用户"
 };
 var analyticsAnalyticsAuditLogStats = {
+	anonymous: "匿名",
 	scopeAgent: "智能体",
 	scopeAriaLabel: "审计日志范围",
 	scopePlatform: "平台",
@@ -24092,6 +24102,7 @@ var analyticsAgentScopeLink = {
 	scopeToAgent: "查看 {name} 的分析"
 };
 var analyticsAnalyticsMemoryStats = {
+	anonymous: "匿名",
 	noPermission: "您没有查看用户记忆的权限。",
 	scopeLabel: "记忆范围",
 	scopeMentor: "当前智能体",
@@ -24306,6 +24317,7 @@ var analyticsAnalyticsTopicsStats = {
 	topicsRankedFooter: "共 {total} 个主题，显示 {shown} 个 · 按消息量排序"
 };
 var analyticsAnalyticsTranscriptsStats = {
+	anonymous: "匿名",
 	justNow: "刚刚",
 	minutesAgo: "{count} 分钟前",
 	hoursAgo: "{count} 小时前",
@@ -189734,6 +189746,11 @@ function ToolCallIndicator({ toolCalls, isActive = false, showResults = false, }
  * white circle (the catalogue's artwork, or the bot icon when it has none)
  * beside the model's display name. Read-only; used on admin transcripts to
  * name the model a turn ran on.
+ *
+ * It sets no font size, weight or colour of its own and sizes the logo in
+ * `em`, so it reads as one more fact in whatever row holds it — a `text-xs
+ * text-gray-500` transcript card or the details panel — rather than as a
+ * larger, bolder pill beside them. Pass `className` for the nav bar's look.
  */
 function LlmModelBadge({ model, provider, tenantKey, mentorId, className, }) {
     var _a, _b;
@@ -189754,9 +189771,9 @@ function LlmModelBadge({ model, provider, tenantKey, mentorId, className, }) {
     const label = displayName || providerDetails.displayName;
     if (!label)
         return null;
-    return (jsxs("span", { className: cn('inline-flex max-w-full items-center gap-2 text-sm font-medium text-[#646464]', className), title: providerDetails.displayName && providerDetails.displayName !== label
+    return (jsxs("span", { className: cn('inline-flex max-w-full items-center gap-[0.5em] align-middle', className), title: providerDetails.displayName && providerDetails.displayName !== label
             ? `${label} · ${providerDetails.displayName}`
-            : label, "data-testid": "llm-model-badge", children: [jsx("span", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-white", children: providerDetails.logo ? (jsx("img", { src: providerDetails.logo, alt: `${label} model logo`, className: "h-5 w-5 object-contain", height: 32, width: 32, loading: "lazy" })) : (jsx(Bot, { className: "h-4 w-4", "aria-hidden": "true" })) }), jsx("span", { className: "max-w-[220px] truncate", children: label })] }));
+            : label, "data-testid": "llm-model-badge", children: [jsx("span", { className: "flex h-[1.5em] w-[1.5em] flex-shrink-0 items-center justify-center rounded-full bg-white", children: providerDetails.logo ? (jsx("img", { src: providerDetails.logo, alt: `${label} model logo`, className: "h-[1.25em] w-[1.25em] object-contain", height: 32, width: 32, loading: "lazy" })) : (jsx(Bot, { className: "h-[1em] w-[1em]", "aria-hidden": "true" })) }), jsx("span", { className: "max-w-[220px] truncate", children: label })] }));
 }
 
 /** SPAs whose users have coursework, so the profile leads with a Gradebook tab. */
@@ -189802,17 +189819,18 @@ function UserProfileDialog({ tenantKey, username, isOpen, onClose, customization
 function UserProfileLink({ tenantKey, username, display, className, testId, customization, currentSPA, }) {
     const t = useT();
     const [isOpen, setIsOpen] = React__default.useState(false);
+    // The text truncates inside an `inline-flex` box: an `inline-block` with
+    // hidden overflow puts its baseline on its bottom edge, so the value would
+    // ride above the "User:" label beside it.
     if (!username) {
-        // `inline-block`, or `truncate`'s `overflow: hidden` has nothing to clip:
-        // an inline box takes its width from its own text.
-        return (jsx("span", { className: cn('inline-block max-w-full truncate', className), "data-testid": testId, children: display }));
+        return (jsx("span", { className: cn('inline-flex max-w-full', className), "data-testid": testId, children: jsx("span", { className: "min-w-0 truncate", children: display }) }));
     }
     return (jsxs(Fragment$1, { children: [jsx("button", { type: "button", onClick: (event) => {
                     event.stopPropagation();
                     setIsOpen(true);
                 }, 
                 // Rows that open on Enter/Space would otherwise swallow the key press.
-                onKeyDown: (event) => event.stopPropagation(), className: cn('max-w-full cursor-pointer truncate text-left hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none', className), "aria-label": t('tabsUserstab.viewProfileAriaLabel', { name: display }), "data-testid": testId, children: display }), jsx(UserProfileDialog, { tenantKey: tenantKey, username: username, isOpen: isOpen, onClose: () => setIsOpen(false), customization: customization, currentSPA: currentSPA })] }));
+                onKeyDown: (event) => event.stopPropagation(), className: cn('inline-flex max-w-full cursor-pointer text-left hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none', className), "aria-label": t('tabsUserstab.viewProfileAriaLabel', { name: display }), "data-testid": testId, children: jsx("span", { className: "min-w-0 truncate", children: display }) }), jsx(UserProfileDialog, { tenantKey: tenantKey, username: username, isOpen: isOpen, onClose: () => setIsOpen(false), customization: customization, currentSPA: currentSPA })] }));
 }
 
 const AdvancedPagination = ({ currentPage, totalPages, onPageChange, totalCount, itemsPerPage, itemLabel = 'items', variant = 'default', className, }) => {
@@ -232512,7 +232530,8 @@ const nested = (source) => source.user && typeof source.user === 'object' ? sour
  * - `email`: `lti_email`, `email`, `user_email`, the nested `user`'s email —
  *   or a username field that turns out to hold an email address.
  * - `username`: `lti_username`, `username`, `student`, `user_username`, the
- *   nested `user`'s username, or a bare string/number `user` value.
+ *   nested `user`'s username, or a bare string `user` value (a numeric id is
+ *   ignored).
  * - `name`: `user_full_name`, `full_name`, `name`, `first_name last_name`, or
  *   the nested `user`'s name.
  * - `profileUsername`: the first *platform* username (never an LTI claim).
@@ -232531,12 +232550,11 @@ function resolveUserIdentity(source, options = {}) {
     const order = ((_a = options.order) === null || _a === void 0 ? void 0 : _a.length) ? options.order : DEFAULT_USER_IDENTITY_ORDER;
     const record = source && typeof source === 'object' ? source : { user: source !== null && source !== void 0 ? source : null };
     const inner = nested(record);
-    // A bare `user` value is an id or username; numeric ids are still shown.
-    const bareUser = typeof record.user === 'number' && Number.isFinite(record.user)
-        ? String(record.user)
-        : typeof record.user === 'string'
-            ? clean(record.user)
-            : undefined;
+    // A bare `user` value is a username — unless it is a numeric id, which
+    // names nobody: transcript rows carry `user: 1` beside `username: null`,
+    // and showing "1" for that person is worse than "Anonymous".
+    const bareString = typeof record.user === 'string' ? clean(record.user) : undefined;
+    const bareUser = bareString && !/^\d+$/.test(bareString) ? bareString : undefined;
     let email = firstOf(record.lti_email, record.email, record.user_email, inner === null || inner === void 0 ? void 0 : inner.lti_email, inner === null || inner === void 0 ? void 0 : inner.email, inner === null || inner === void 0 ? void 0 : inner.user_email);
     const platformUsername = firstOf(record.username, record.student, record.user_username, inner === null || inner === void 0 ? void 0 : inner.username, inner === null || inner === void 0 ? void 0 : inner.student, inner === null || inner === void 0 ? void 0 : inner.user_username, bareUser && !isEmailLike(bareUser) ? bareUser : undefined);
     let username = firstOf(record.lti_username, inner === null || inner === void 0 ? void 0 : inner.lti_username, platformUsername);
@@ -233154,19 +233172,22 @@ const useTranscripts = ({ tenantKey, mentorId, usergroupIds, }) => {
  * from the data instead of from a search box.
  *
  * It renders as plain text wherever re-scoping is impossible or pointless: on
- * per-agent pages (no picker, so nothing would visibly change), and on rows
- * whose agent the payload identifies by name alone. Safe inside clickable rows
- * and cards — neither its clicks nor its key presses reach their handlers.
+ * per-agent pages (no picker, so nothing would visibly change), on rows whose
+ * agent the payload identifies by name alone, and on rows of the agent the
+ * page is already scoped to (every row, once the picker names one agent — a
+ * blue link there promised something and delivered nothing). Safe inside
+ * clickable rows and cards — neither its clicks nor its key presses reach
+ * their handlers.
  */
 function AgentScopeLink({ uniqueId, name, fallback = '-', onScoped, className, testId, }) {
     const t = useT();
     const setScopedMentor = useAnalyticsScopeSetter();
     const { scopedMentor } = useAnalyticsScope();
     const display = name || uniqueId || fallback;
-    if (!setScopedMentor || !uniqueId) {
+    const isCurrent = !!uniqueId && (scopedMentor === null || scopedMentor === void 0 ? void 0 : scopedMentor.uniqueId) === uniqueId;
+    if (!setScopedMentor || !uniqueId || isCurrent) {
         return (jsx("span", { className: className, "data-testid": testId, children: display }));
     }
-    const isCurrent = (scopedMentor === null || scopedMentor === void 0 ? void 0 : scopedMentor.uniqueId) === uniqueId;
     return (jsx("button", { type: "button", onClick: (event) => {
             event.stopPropagation();
             // No `dbId`: these payloads carry the `unique_id` only. AnalyticsLayout
@@ -233176,7 +233197,10 @@ function AgentScopeLink({ uniqueId, name, fallback = '-', onScoped, className, t
             onScoped === null || onScoped === void 0 ? void 0 : onScoped();
         }, 
         // Rows that open on Enter/Space would otherwise swallow the key press.
-        onKeyDown: (event) => event.stopPropagation(), className: cn('max-w-full cursor-pointer truncate text-left hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none', isCurrent && 'font-medium text-blue-600', className), "aria-label": t('analyticsAgentScopeLink.scopeToAgent', { name: display }), "aria-current": isCurrent ? 'true' : undefined, "data-testid": testId, children: display }));
+        onKeyDown: (event) => event.stopPropagation(), 
+        // Truncates inside an `inline-flex` box so the name keeps the baseline
+        // of the "Agent:" label beside it (see UserProfileLink).
+        className: cn('inline-flex max-w-full cursor-pointer text-left hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none', className), "aria-label": t('analyticsAgentScopeLink.scopeToAgent', { name: display }), "data-testid": testId, children: jsx("span", { className: "min-w-0 truncate", children: display }) }));
 }
 
 /**
@@ -233617,13 +233641,6 @@ const getMessageContent = (content) => {
     }
     return '';
 };
-/**
- * Label for whoever a transcript belongs to, via the shared identity rule.
- * The analytics payload carries an email only on newer deployments, so it
- * wins where present and the display name / username stand in behind it,
- * in the order the caller asks for; "-" when the row names nobody.
- */
-const identifyUser = (source, order) => resolveUserIdentity(source, { order, anonymousLabel: '-' }).label;
 /**
  * The model as the nav bar shows it (logo + display name); hosts may override
  * via `turnDetails.renderModel`. The catalogue is read for the tenant and the
@@ -233668,6 +233685,12 @@ function TranscriptDocumentsButton({ detail, className, }) {
 function AnalyticsTranscriptsStats({ tenantKey, currentSPA, mentorId, selectedMentorId, usergroupIds, turnDetails, }) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     const t = useT();
+    // Who a row belongs to, by the shared identity rule: the translated
+    // "Anonymous" when the row names nobody (a bare "-" read as missing data).
+    const identifyUser = React__default.useCallback((source, order) => resolveUserIdentity(source, {
+        order,
+        anonymousLabel: t('analyticsAnalyticsTranscriptsStats.anonymous'),
+    }).label, [t]);
     const currentMentorId = useScopedMentorId(selectedMentorId, mentorId);
     const [isModalOpen, setIsModalOpen] = useState(false);
     const searchParams = useSearchParams();
@@ -233817,7 +233840,7 @@ function AnalyticsTranscriptsStats({ tenantKey, currentSPA, mentorId, selectedMe
                                                                     ? t('analyticsAnalyticsTranscriptsStats.sentimentNegative')
                                                                     : transcript.sentiment === 'positive'
                                                                         ? t('analyticsAnalyticsTranscriptsStats.sentimentPositive')
-                                                                        : t('analyticsAnalyticsTranscriptsStats.sentimentNeutral'), ' ', t('analyticsAnalyticsTranscriptsStats.userSentiment')] })] }) }), jsxs("div", { className: "flex flex-wrap gap-x-6 gap-y-2 text-xs text-gray-500 mb-2", children: [jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelUser'), ' ', jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: transcript === null || transcript === void 0 ? void 0 : transcript.username, display: identifyUser(transcript) })] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelAgent'), ' ', jsx(AgentScopeLink, { uniqueId: transcript === null || transcript === void 0 ? void 0 : transcript.mentor_unique_id, name: transcript === null || transcript === void 0 ? void 0 : transcript.mentor })] })] }), jsx("div", { className: "flex flex-wrap gap-x-6 gap-y-2 text-xs text-gray-500 mb-2", children: jsxs("div", { className: "inline-flex flex-wrap items-center gap-1.5", children: [t('analyticsAnalyticsTranscriptsStats.labelModelCard'), ' ', (transcript === null || transcript === void 0 ? void 0 : transcript.model)
+                                                                        : t('analyticsAnalyticsTranscriptsStats.sentimentNeutral'), ' ', t('analyticsAnalyticsTranscriptsStats.userSentiment')] })] }) }), jsxs("div", { className: "flex flex-wrap items-baseline gap-x-6 gap-y-2 text-xs text-gray-500 mb-2", children: [jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelUser'), ' ', jsx(UserProfileLink, { currentSPA: currentSPA, tenantKey: tenantKey, username: transcript === null || transcript === void 0 ? void 0 : transcript.username, display: identifyUser(transcript) })] }), jsxs("div", { children: [t('analyticsAnalyticsTranscriptsStats.labelAgent'), ' ', jsx(AgentScopeLink, { uniqueId: transcript === null || transcript === void 0 ? void 0 : transcript.mentor_unique_id, name: transcript === null || transcript === void 0 ? void 0 : transcript.mentor })] })] }), jsx("div", { className: "flex flex-wrap gap-x-6 gap-y-2 text-xs text-gray-500 mb-2", children: jsxs("div", { className: "inline-flex flex-wrap items-center gap-1.5", children: [t('analyticsAnalyticsTranscriptsStats.labelModelCard'), ' ', (transcript === null || transcript === void 0 ? void 0 : transcript.model)
                                                             ? ((_c = turnDetails === null || turnDetails === void 0 ? void 0 : turnDetails.renderModel) !== null && _c !== void 0 ? _c : renderModelBadge)({
                                                                 model: transcript.model,
                                                                 provider: providerOf(transcript),
@@ -236564,10 +236587,7 @@ function AgentAuditLogView({ tenantKey, mentorId, userId, selectedMentorId, curr
                                         }, numberOfMonths: 2 }) })] }), jsx("div", { className: "min-w-[160px]", children: jsxs(Select$1, { value: actionFilter !== undefined ? String(actionFilter) : 'all', onValueChange: (val) => {
                                     setActionFilter(val === 'all' ? undefined : Number(val));
                                     setPage(1);
-                                }, children: [jsx(SelectTrigger, { className: "w-full font-normal bg-white h-9", children: jsx(SelectValue, { placeholder: t('analyticsAnalyticsAuditLogStats.allActions') }) }), jsx(SelectContent, { children: ACTION_FILTER_OPTIONS.map((opt) => (jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] }) })] }) }), jsx("div", { className: "overflow-hidden rounded-md border border-[oklch(0.922_0_0)] bg-white", children: jsx("div", { className: "overflow-x-auto", children: jsx("div", { className: "inline-block min-w-full align-middle", children: isLoading ? (jsx("div", { className: "flex items-center justify-center w-full py-10", children: jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-blue-600 border-t-transparent" }) })) : error && !is403 ? (jsx("div", { className: "py-8 text-center text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.loadError') })) : !((_a = data === null || data === void 0 ? void 0 : data.results) === null || _a === void 0 ? void 0 : _a.length) ? (jsx("div", { className: "h-[120px]", children: jsx(EmptyStats, { title: t('analyticsAnalyticsAuditLogStats.noEntries') }) })) : (jsxs(Table, { className: "min-w-full", children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "bg-muted/50 border-b border-[oklch(0.922_0_0)]", children: [jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.colUser') }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.colAction') }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.colTime') })] }) }), jsx(TableBody, { children: data.results.map((entry) => (jsxs(TableRow, { className: "border-b border-[oklch(0.922_0_0)] last:border-0", children: [jsx(TableCell, { className: "p-3 font-medium whitespace-nowrap text-[#646464]", children: jsx(UserProfileLink, { tenantKey: tenantKey, currentSPA: currentSPA, username: entry.actor_username, display: resolveUserIdentity({
-                                                        email: entry.actor_email,
-                                                        username: entry.actor_username,
-                                                    }).label }) }), jsx(TableCell, { className: "min-w-[250px] p-3 text-[#646464]", children: summarizeChanges(entry) }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: formatDistanceToNow(new Date(entry.timestamp), { addSuffix: true }) })] }, entry.id))) })] })) }) }) }), jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: isLoading })] }));
+                                }, children: [jsx(SelectTrigger, { className: "w-full font-normal bg-white h-9", children: jsx(SelectValue, { placeholder: t('analyticsAnalyticsAuditLogStats.allActions') }) }), jsx(SelectContent, { children: ACTION_FILTER_OPTIONS.map((opt) => (jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value))) })] }) })] }) }), jsx("div", { className: "overflow-hidden rounded-md border border-[oklch(0.922_0_0)] bg-white", children: jsx("div", { className: "overflow-x-auto", children: jsx("div", { className: "inline-block min-w-full align-middle", children: isLoading ? (jsx("div", { className: "flex items-center justify-center w-full py-10", children: jsx("div", { className: "h-6 w-6 animate-spin rounded-full border-2 border-blue-600 border-t-transparent" }) })) : error && !is403 ? (jsx("div", { className: "py-8 text-center text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.loadError') })) : !((_a = data === null || data === void 0 ? void 0 : data.results) === null || _a === void 0 ? void 0 : _a.length) ? (jsx("div", { className: "h-[120px]", children: jsx(EmptyStats, { title: t('analyticsAnalyticsAuditLogStats.noEntries') }) })) : (jsxs(Table, { className: "min-w-full", children: [jsx(TableHeader, { children: jsxs(TableRow, { className: "bg-muted/50 border-b border-[oklch(0.922_0_0)]", children: [jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.colUser') }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.colAction') }), jsx(TableHead, { className: "p-3 text-left text-sm whitespace-nowrap text-[#646464]", children: t('analyticsAnalyticsAuditLogStats.colTime') })] }) }), jsx(TableBody, { children: data.results.map((entry) => (jsxs(TableRow, { className: "border-b border-[oklch(0.922_0_0)] last:border-0", children: [jsx(TableCell, { className: "p-3 font-medium whitespace-nowrap text-[#646464]", children: jsx(UserProfileLink, { tenantKey: tenantKey, currentSPA: currentSPA, username: entry.actor_username, display: resolveUserIdentity({ email: entry.actor_email, username: entry.actor_username }, { anonymousLabel: t('analyticsAnalyticsAuditLogStats.anonymous') }).label }) }), jsx(TableCell, { className: "min-w-[250px] p-3 text-[#646464]", children: summarizeChanges(entry) }), jsx(TableCell, { className: "p-3 whitespace-nowrap text-[#646464]", children: formatDistanceToNow(new Date(entry.timestamp), { addSuffix: true }) })] }, entry.id))) })] })) }) }) }), jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: isLoading })] }));
 }
 function AnalyticsAuditLogStats({ tenantKey, currentSPA, mentorId, userId, selectedMentorId, defaultScope = 'agent', timezone, canViewPlatformAudit, }) {
     const t = useT();
@@ -236607,14 +236627,14 @@ const formatDate = (date) => date ? date.toISOString().split('T')[0] : undefined
 function isForbiddenError(error) {
     return !!error && 'status' in error && error.status === 403;
 }
-function toRowFromMentorMemory(memory) {
+function toRowFromMentorMemory(memory, anonymousLabel) {
     var _a, _b, _c, _d, _e, _f;
     return {
         id: memory.id,
         content: memory.content,
         categoryName: (_b = (_a = memory.category) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : null,
         categorySlug: (_d = (_c = memory.category) === null || _c === void 0 ? void 0 : _c.slug) !== null && _d !== void 0 ? _d : null,
-        learner: resolveUserIdentity(memory).label,
+        learner: resolveUserIdentity(memory, { anonymousLabel }).label,
         username: memory.username,
         email: memory.email || null,
         mentorId: (_e = memory.mentor_id) !== null && _e !== void 0 ? _e : null,
@@ -236624,13 +236644,13 @@ function toRowFromMentorMemory(memory) {
         createdAt: memory.created_at,
     };
 }
-function toRowFromGlobalMemory(memory) {
+function toRowFromGlobalMemory(memory, anonymousLabel) {
     return {
         id: memory.id,
         content: memory.content,
         categoryName: null,
         categorySlug: null,
-        learner: memory.username,
+        learner: resolveUserIdentity(memory, { anonymousLabel }).label,
         username: memory.username,
         email: null,
         mentorId: null,
@@ -236734,14 +236754,18 @@ const useMemory = ({ tenantKey, userId, mentorId, myMemory = false, }) => {
     }), [page, learnerFilter, contentFilter, startDate, endDate]);
     const { data: globalMemories, isLoading: isLoadingGlobal, isFetching: isFetchingGlobal, error: globalError, } = useGetGlobalMemoriesQuery({ org: tenantKey, userId, params: globalParams }, { skip: !hasIdentity || !isGlobalScope });
     const { data: adminCategories } = useGetMemoryCategoriesAdminQuery({ org: tenantKey, mentorId: mentorId !== null && mentorId !== void 0 ? mentorId : '' }, { skip: !tenantKey || !hasMentor });
+    const t = useT();
+    // The learner label when a memory names nobody — the same translated word
+    // the other analytics tabs use.
+    const anonymousLabel = t('analyticsAnalyticsMemoryStats.anonymous');
     const rows = useMemo(() => {
         var _a, _b, _c;
         if (isMentorScope)
-            return ((_a = mentorList === null || mentorList === void 0 ? void 0 : mentorList.results) !== null && _a !== void 0 ? _a : []).map(toRowFromMentorMemory);
+            return ((_a = mentorList === null || mentorList === void 0 ? void 0 : mentorList.results) !== null && _a !== void 0 ? _a : []).map((memory) => toRowFromMentorMemory(memory, anonymousLabel));
         if (isAllMentorsScope)
-            return ((_b = allMentors === null || allMentors === void 0 ? void 0 : allMentors.results) !== null && _b !== void 0 ? _b : []).map(toRowFromMentorMemory);
-        return ((_c = globalMemories === null || globalMemories === void 0 ? void 0 : globalMemories.results) !== null && _c !== void 0 ? _c : []).map(toRowFromGlobalMemory);
-    }, [isMentorScope, isAllMentorsScope, mentorList, allMentors, globalMemories]);
+            return ((_b = allMentors === null || allMentors === void 0 ? void 0 : allMentors.results) !== null && _b !== void 0 ? _b : []).map((memory) => toRowFromMentorMemory(memory, anonymousLabel));
+        return ((_c = globalMemories === null || globalMemories === void 0 ? void 0 : globalMemories.results) !== null && _c !== void 0 ? _c : []).map((memory) => toRowFromGlobalMemory(memory, anonymousLabel));
+    }, [isMentorScope, isAllMentorsScope, mentorList, allMentors, globalMemories, anonymousLabel]);
     const totalCount = useMemo(() => {
         var _a, _b, _c;
         if (isMentorScope)
@@ -236764,7 +236788,7 @@ const useMemory = ({ tenantKey, userId, mentorId, myMemory = false, }) => {
         let totalMemories = 0;
         const categories = groups.map((group) => {
             group.memories.forEach((memory) => {
-                learners.add(resolveUserIdentity(memory).label);
+                learners.add(resolveUserIdentity(memory, { anonymousLabel }).label);
                 if (memory.is_auto_generated)
                     autoCaptured += 1;
             });
@@ -236781,7 +236805,7 @@ const useMemory = ({ tenantKey, userId, mentorId, myMemory = false, }) => {
             learners: learners.size,
             categories: categories.sort((a, b) => b.count - a.count),
         };
-    }, [isMentorScope, mentorGrouped, categoryFilter]);
+    }, [isMentorScope, mentorGrouped, categoryFilter, anonymousLabel]);
     const error = isMentorScope ? mentorListError : isAllMentorsScope ? allMentorsError : globalError;
     const isLoading = isMentorScope
         ? isLoadingMentorList || isLoadingMentorGrouped

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

@@ -96692,6 +96692,7 @@ var analyticsAccessTimeHeatmap$3 = {
 	tooltipActiveUsers: "{count} active users"
 };
 var analyticsAnalyticsAuditLogStats$3 = {
+	anonymous: "Anonymous",
 	scopeAgent: "Agent",
 	scopeAriaLabel: "Audit log scope",
 	scopePlatform: "Platform",
@@ -96820,6 +96821,7 @@ var analyticsAgentScopeLink$3 = {
 	scopeToAgent: "View analytics for {name}"
 };
 var analyticsAnalyticsMemoryStats$3 = {
+	anonymous: "Anonymous",
 	noPermission: "You do not have permission to view user memories.",
 	scopeLabel: "Memory scope",
 	scopeMentor: "This Agent",
@@ -97034,6 +97036,7 @@ var analyticsAnalyticsTopicsStats$3 = {
 	topicsRankedFooter: "{shown} of {total} topics · ranked by message volume"
 };
 var analyticsAnalyticsTranscriptsStats$3 = {
+	anonymous: "Anonymous",
 	justNow: "Just now",
 	minutesAgo: "{count} min ago",
 	hoursAgo: "{count} hour{count, plural, one {} other {s}} ago",
@@ -103973,6 +103976,7 @@ var analyticsAccessTimeHeatmap$2 = {
 	tooltipActiveUsers: "{count} utilisateurs actifs"
 };
 var analyticsAnalyticsAuditLogStats$2 = {
+	anonymous: "Anonyme",
 	scopeAgent: "Agent",
 	scopeAriaLabel: "Portée du journal d'audit",
 	scopePlatform: "Plateforme",
@@ -104101,6 +104105,7 @@ var analyticsAgentScopeLink$2 = {
 	scopeToAgent: "Voir les analyses de {name}"
 };
 var analyticsAnalyticsMemoryStats$2 = {
+	anonymous: "Anonyme",
 	noPermission: "Vous n'avez pas l'autorisation de consulter les mémoires des utilisateurs.",
 	scopeLabel: "Portée de la mémoire",
 	scopeMentor: "Cet agent",
@@ -104315,6 +104320,7 @@ var analyticsAnalyticsTopicsStats$2 = {
 	topicsRankedFooter: "{shown} sur {total} sujets · classés par volume de messages"
 };
 var analyticsAnalyticsTranscriptsStats$2 = {
+	anonymous: "Anonyme",
 	justNow: "À l'instant",
 	minutesAgo: "Il y a {count} min",
 	hoursAgo: "Il y a {count} heure{count, plural, one {} other {s}}",
@@ -111254,6 +111260,7 @@ var analyticsAccessTimeHeatmap$1 = {
 	tooltipActiveUsers: "{count} usuarios activos"
 };
 var analyticsAnalyticsAuditLogStats$1 = {
+	anonymous: "Anónimo",
 	scopeAgent: "Agente",
 	scopeAriaLabel: "Alcance del registro de auditoría",
 	scopePlatform: "Plataforma",
@@ -111382,6 +111389,7 @@ var analyticsAgentScopeLink$1 = {
 	scopeToAgent: "Ver analíticas de {name}"
 };
 var analyticsAnalyticsMemoryStats$1 = {
+	anonymous: "Anónimo",
 	noPermission: "No tienes permiso para ver los recuerdos de los usuarios.",
 	scopeLabel: "Alcance de la memoria",
 	scopeMentor: "Este agente",
@@ -111596,6 +111604,7 @@ var analyticsAnalyticsTopicsStats$1 = {
 	topicsRankedFooter: "{shown} de {total} temas · ordenados por volumen de mensajes"
 };
 var analyticsAnalyticsTranscriptsStats$1 = {
+	anonymous: "Anónimo",
 	justNow: "Ahora mismo",
 	minutesAgo: "Hace {count} min",
 	hoursAgo: "Hace {count} hora{count, plural, one {} other {s}}",
@@ -118535,6 +118544,7 @@ var analyticsAccessTimeHeatmap = {
 	tooltipActiveUsers: "{count} 位活跃用户"
 };
 var analyticsAnalyticsAuditLogStats = {
+	anonymous: "匿名",
 	scopeAgent: "智能体",
 	scopeAriaLabel: "审计日志范围",
 	scopePlatform: "平台",
@@ -118663,6 +118673,7 @@ var analyticsAgentScopeLink = {
 	scopeToAgent: "查看 {name} 的分析"
 };
 var analyticsAnalyticsMemoryStats = {
+	anonymous: "匿名",
 	noPermission: "您没有查看用户记忆的权限。",
 	scopeLabel: "记忆范围",
 	scopeMentor: "当前智能体",
@@ -118877,6 +118888,7 @@ var analyticsAnalyticsTopicsStats = {
 	topicsRankedFooter: "共 {total} 个主题，显示 {shown} 个 · 按消息量排序"
 };
 var analyticsAnalyticsTranscriptsStats = {
+	anonymous: "匿名",
 	justNow: "刚刚",
 	minutesAgo: "{count} 分钟前",
 	hoursAgo: "{count} 小时前",
@@ -222288,6 +222300,11 @@ function useLlmDisplayName({ llmName, llmConfig, org, userId, mentorId, }) {
  * white circle (the catalogue's artwork, or the bot icon when it has none)
  * beside the model's display name. Read-only; used on admin transcripts to
  * name the model a turn ran on.
+ *
+ * It sets no font size, weight or colour of its own and sizes the logo in
+ * `em`, so it reads as one more fact in whatever row holds it — a `text-xs
+ * text-gray-500` transcript card or the details panel — rather than as a
+ * larger, bolder pill beside them. Pass `className` for the nav bar's look.
  */
 function LlmModelBadge({ model, provider, tenantKey, mentorId, className, }) {
     var _a, _b;
@@ -222308,9 +222325,9 @@ function LlmModelBadge({ model, provider, tenantKey, mentorId, className, }) {
     const label = displayName || providerDetails.displayName;
     if (!label)
         return null;
-    return (jsxs("span", { className: cn('inline-flex max-w-full items-center gap-2 text-sm font-medium text-[#646464]', className), title: providerDetails.displayName && providerDetails.displayName !== label
+    return (jsxs("span", { className: cn('inline-flex max-w-full items-center gap-[0.5em] align-middle', className), title: providerDetails.displayName && providerDetails.displayName !== label
             ? `${label} · ${providerDetails.displayName}`
-            : label, "data-testid": "llm-model-badge", children: [jsx("span", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-full bg-white", children: providerDetails.logo ? (jsx("img", { src: providerDetails.logo, alt: `${label} model logo`, className: "h-5 w-5 object-contain", height: 32, width: 32, loading: "lazy" })) : (jsx(Bot, { className: "h-4 w-4", "aria-hidden": "true" })) }), jsx("span", { className: "max-w-[220px] truncate", children: label })] }));
+            : label, "data-testid": "llm-model-badge", children: [jsx("span", { className: "flex h-[1.5em] w-[1.5em] flex-shrink-0 items-center justify-center rounded-full bg-white", children: providerDetails.logo ? (jsx("img", { src: providerDetails.logo, alt: `${label} model logo`, className: "h-[1.25em] w-[1.25em] object-contain", height: 32, width: 32, loading: "lazy" })) : (jsx(Bot, { className: "h-[1em] w-[1em]", "aria-hidden": "true" })) }), jsx("span", { className: "max-w-[220px] truncate", children: label })] }));
 }
 
 /** SPAs whose users have coursework, so the profile leads with a Gradebook tab. */
@@ -222356,17 +222373,18 @@ function UserProfileDialog({ tenantKey, username, isOpen, onClose, customization
 function UserProfileLink({ tenantKey, username, display, className, testId, customization, currentSPA, }) {
     const t = useT();
     const [isOpen, setIsOpen] = React__default.useState(false);
+    // The text truncates inside an `inline-flex` box: an `inline-block` with
+    // hidden overflow puts its baseline on its bottom edge, so the value would
+    // ride above the "User:" label beside it.
     if (!username) {
-        // `inline-block`, or `truncate`'s `overflow: hidden` has nothing to clip:
-        // an inline box takes its width from its own text.
-        return (jsx("span", { className: cn('inline-block max-w-full truncate', className), "data-testid": testId, children: display }));
+        return (jsx("span", { className: cn('inline-flex max-w-full', className), "data-testid": testId, children: jsx("span", { className: "min-w-0 truncate", children: display }) }));
     }
     return (jsxs(Fragment$1, { children: [jsx("button", { type: "button", onClick: (event) => {
                     event.stopPropagation();
                     setIsOpen(true);
                 }, 
                 // Rows that open on Enter/Space would otherwise swallow the key press.
-                onKeyDown: (event) => event.stopPropagation(), className: cn('max-w-full cursor-pointer truncate text-left hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none', className), "aria-label": t('tabsUserstab.viewProfileAriaLabel', { name: display }), "data-testid": testId, children: display }), jsx(UserProfileDialog, { tenantKey: tenantKey, username: username, isOpen: isOpen, onClose: () => setIsOpen(false), customization: customization, currentSPA: currentSPA })] }));
+                onKeyDown: (event) => event.stopPropagation(), className: cn('inline-flex max-w-full cursor-pointer text-left hover:text-blue-600 hover:underline focus:text-blue-600 focus:outline-none', className), "aria-label": t('tabsUserstab.viewProfileAriaLabel', { name: display }), "data-testid": testId, children: jsx("span", { className: "min-w-0 truncate", children: display }) }), jsx(UserProfileDialog, { tenantKey: tenantKey, username: username, isOpen: isOpen, onClose: () => setIsOpen(false), customization: customization, currentSPA: currentSPA })] }));
 }
 
 const AdvancedPagination = ({ currentPage, totalPages, onPageChange, totalCount, itemsPerPage, itemLabel = 'items', variant = 'default', className, }) => {
@@ -259865,7 +259883,8 @@ const nested = (source) => source.user && typeof source.user === 'object' ? sour
  * - `email`: `lti_email`, `email`, `user_email`, the nested `user`'s email —
  *   or a username field that turns out to hold an email address.
  * - `username`: `lti_username`, `username`, `student`, `user_username`, the
- *   nested `user`'s username, or a bare string/number `user` value.
+ *   nested `user`'s username, or a bare string `user` value (a numeric id is
+ *   ignored).
  * - `name`: `user_full_name`, `full_name`, `name`, `first_name last_name`, or
  *   the nested `user`'s name.
  * - `profileUsername`: the first *platform* username (never an LTI claim).
@@ -259884,12 +259903,11 @@ function resolveUserIdentity(source, options = {}) {
     const order = ((_a = options.order) === null || _a === void 0 ? void 0 : _a.length) ? options.order : DEFAULT_USER_IDENTITY_ORDER;
     const record = source && typeof source === 'object' ? source : { user: source !== null && source !== void 0 ? source : null };
     const inner = nested(record);
-    // A bare `user` value is an id or username; numeric ids are still shown.
-    const bareUser = typeof record.user === 'number' && Number.isFinite(record.user)
-        ? String(record.user)
-        : typeof record.user === 'string'
-            ? clean(record.user)
-            : undefined;
+    // A bare `user` value is a username — unless it is a numeric id, which
+    // names nobody: transcript rows carry `user: 1` beside `username: null`,
+    // and showing "1" for that person is worse than "Anonymous".
+    const bareString = typeof record.user === 'string' ? clean(record.user) : undefined;
+    const bareUser = bareString && !/^\d+$/.test(bareString) ? bareString : undefined;
     let email = firstOf(record.lti_email, record.email, record.user_email, inner === null || inner === void 0 ? void 0 : inner.lti_email, inner === null || inner === void 0 ? void 0 : inner.email, inner === null || inner === void 0 ? void 0 : inner.user_email);
     const platformUsername = firstOf(record.username, record.student, record.user_username, inner === null || inner === void 0 ? void 0 : inner.username, inner === null || inner === void 0 ? void 0 : inner.student, inner === null || inner === void 0 ? void 0 : inner.user_username, bareUser && !isEmailLike(bareUser) ? bareUser : undefined);
     let username = firstOf(record.lti_username, inner === null || inner === void 0 ? void 0 : inner.lti_username, platformUsername);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "2.18.1",
+  "version": "2.19.0",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -76,10 +76,10 @@
     "axios": "1.13.6",
     "dotenv": "16.6.1",
     "winston": "3.19.0",
+    "@iblai/mcp": "1.17.0",
+    "@iblai/web-containers": "1.26.0",
     "@iblai/data-layer": "1.19.1",
-    "@iblai/mcp": "1.16.0",
-    "@iblai/web-utils": "2.4.9",
-    "@iblai/web-containers": "1.25.1"
+    "@iblai/web-utils": "2.5.0"
   },
   "peerDependencies": {
     "@iblai/iblai-api": "4.166.0-ai",