@iblai/iblai-js 2.27.0 → 2.27.1

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

@@ -96838,6 +96838,9 @@ var analyticsAnalyticsFinancialStats$3 = {
 	viewTraces: "Traces →",
 	costByLLMFooter: "{shown} models · ranked by cost"
 };
+var agentSettingsLink$3 = {
+	openSettings: "Open settings for {name}"
+};
 var analyticsAgentScopeLink$3 = {
 	scopeToAgent: "View analytics for {name}"
 };
@@ -97059,6 +97062,8 @@ var analyticsAnalyticsTopicsStats$3 = {
 	topicsRankedFooter: "{shown} of {total} topics · ranked by message volume"
 };
 var analyticsAnalyticsTranscriptsStats$3 = {
+	conversationFallbackTitle: "Conversation",
+	labelEmail: "Email:",
 	anonymous: "Anonymous",
 	justNow: "Just now",
 	minutesAgo: "{count} min ago",
@@ -97503,6 +97508,7 @@ var careerEducationTab$3 = {
 	nothingToShow: "Nothing to show here."
 };
 var chatHistoryChatHistoryTab$3 = {
+	userSentiment: "User Sentiment",
 	tabConversations: "Conversations",
 	tabExports: "Exports",
 	searchAgents: "Search Agents",
@@ -98547,6 +98553,10 @@ var disclaimersTabLabels$3 = {
 	}
 };
 var documentSidebar$3 = {
+	relevance: "Relevance {percent}%",
+	relevanceHint: "How closely this passage matched the question",
+	preview: "Preview",
+	openInNewTab: "Open {title} in a new tab",
 	retrievedDocuments: "Retrieved Documents"
 };
 var embedTabLabels$3 = {
@@ -98656,6 +98666,12 @@ var historyTabLabels$3 = {
 		outOf: "out of 5"
 	},
 	conversation: {
+		sentiment: {
+			positive: "Positive",
+			neutral: "Neutral",
+			negative: "Negative",
+			userSentiment: "User Sentiment"
+		},
 		title: "Conversation",
 		anonymous: "Anonymous",
 		noResponse: "No response available",
@@ -103336,6 +103352,7 @@ var en = {
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail$3,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses$3,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats$3,
+	agentSettingsLink: agentSettingsLink$3,
 	analyticsAgentScopeLink: analyticsAgentScopeLink$3,
 	analyticsAnalyticsMemoryStats: analyticsAnalyticsMemoryStats$3,
 	analyticsAnalyticsMonetizationStats: analyticsAnalyticsMonetizationStats$3,
@@ -104366,6 +104383,9 @@ var analyticsAnalyticsFinancialStats$2 = {
 	viewTraces: "Traces →",
 	costByLLMFooter: "{shown} modèles · classés par coût"
 };
+var agentSettingsLink$2 = {
+	openSettings: "Ouvrir les paramètres de {name}"
+};
 var analyticsAgentScopeLink$2 = {
 	scopeToAgent: "Voir les analyses de {name}"
 };
@@ -104587,6 +104607,8 @@ var analyticsAnalyticsTopicsStats$2 = {
 	topicsRankedFooter: "{shown} sur {total} sujets · classés par volume de messages"
 };
 var analyticsAnalyticsTranscriptsStats$2 = {
+	conversationFallbackTitle: "Conversation",
+	labelEmail: "E-mail :",
 	anonymous: "Anonyme",
 	justNow: "À l'instant",
 	minutesAgo: "Il y a {count} min",
@@ -105031,6 +105053,7 @@ var careerEducationTab$2 = {
 	nothingToShow: "Rien à afficher ici."
 };
 var chatHistoryChatHistoryTab$2 = {
+	userSentiment: "Sentiment de l'utilisateur",
 	tabConversations: "Conversations",
 	tabExports: "Exportations",
 	searchAgents: "Rechercher des agents",
@@ -106241,6 +106264,10 @@ var disclaimersTabLabels$2 = {
 	}
 };
 var documentSidebar$2 = {
+	relevance: "Pertinence {percent}%",
+	relevanceHint: "Dans quelle mesure ce passage correspond à la question",
+	preview: "Aperçu",
+	openInNewTab: "Ouvrir {title} dans un nouvel onglet",
 	retrievedDocuments: "Documents récupérés"
 };
 var embedTabLabels$2 = {
@@ -106350,6 +106377,12 @@ var historyTabLabels$2 = {
 		outOf: "sur 5"
 	},
 	conversation: {
+		sentiment: {
+			positive: "Positif",
+			neutral: "Neutre",
+			negative: "Négatif",
+			userSentiment: "Sentiment de l'utilisateur"
+		},
 		title: "Conversation",
 		anonymous: "Anonyme",
 		noResponse: "Aucune réponse disponible",
@@ -110864,6 +110897,7 @@ var fr = {
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail$2,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses$2,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats$2,
+	agentSettingsLink: agentSettingsLink$2,
 	analyticsAgentScopeLink: analyticsAgentScopeLink$2,
 	analyticsAnalyticsMemoryStats: analyticsAnalyticsMemoryStats$2,
 	analyticsAnalyticsMonetizationStats: analyticsAnalyticsMonetizationStats$2,
@@ -111894,6 +111928,9 @@ var analyticsAnalyticsFinancialStats$1 = {
 	viewTraces: "Trazas →",
 	costByLLMFooter: "{shown} modelos · ordenados por costo"
 };
+var agentSettingsLink$1 = {
+	openSettings: "Abrir la configuración de {name}"
+};
 var analyticsAgentScopeLink$1 = {
 	scopeToAgent: "Ver analíticas de {name}"
 };
@@ -112115,6 +112152,8 @@ var analyticsAnalyticsTopicsStats$1 = {
 	topicsRankedFooter: "{shown} de {total} temas · ordenados por volumen de mensajes"
 };
 var analyticsAnalyticsTranscriptsStats$1 = {
+	conversationFallbackTitle: "Conversación",
+	labelEmail: "Correo electrónico:",
 	anonymous: "Anónimo",
 	justNow: "Ahora mismo",
 	minutesAgo: "Hace {count} min",
@@ -112559,6 +112598,7 @@ var careerEducationTab$1 = {
 	nothingToShow: "No hay nada que mostrar aquí."
 };
 var chatHistoryChatHistoryTab$1 = {
+	userSentiment: "Sentimiento del usuario",
 	tabConversations: "Conversaciones",
 	tabExports: "Exportaciones",
 	searchAgents: "Buscar agentes",
@@ -113769,6 +113809,10 @@ var disclaimersTabLabels$1 = {
 	}
 };
 var documentSidebar$1 = {
+	relevance: "Relevancia {percent}%",
+	relevanceHint: "Cuánto coincide este fragmento con la pregunta",
+	preview: "Vista previa",
+	openInNewTab: "Abrir {title} en una pestaña nueva",
 	retrievedDocuments: "Documentos recuperados"
 };
 var embedTabLabels$1 = {
@@ -113878,6 +113922,12 @@ var historyTabLabels$1 = {
 		outOf: "de 5"
 	},
 	conversation: {
+		sentiment: {
+			positive: "Positivo",
+			neutral: "Neutral",
+			negative: "Negativo",
+			userSentiment: "Sentimiento del usuario"
+		},
 		title: "Conversación",
 		anonymous: "Anónimo",
 		noResponse: "No hay respuesta disponible",
@@ -118392,6 +118442,7 @@ var es = {
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail$1,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses$1,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats$1,
+	agentSettingsLink: agentSettingsLink$1,
 	analyticsAgentScopeLink: analyticsAgentScopeLink$1,
 	analyticsAnalyticsMemoryStats: analyticsAnalyticsMemoryStats$1,
 	analyticsAnalyticsMonetizationStats: analyticsAnalyticsMonetizationStats$1,
@@ -119422,6 +119473,9 @@ var analyticsAnalyticsFinancialStats = {
 	viewTraces: "追踪 →",
 	costByLLMFooter: "{shown} 个模型 · 按成本排序"
 };
+var agentSettingsLink = {
+	openSettings: "打开 {name} 的设置"
+};
 var analyticsAgentScopeLink = {
 	scopeToAgent: "查看 {name} 的分析"
 };
@@ -119643,6 +119697,8 @@ var analyticsAnalyticsTopicsStats = {
 	topicsRankedFooter: "共 {total} 个主题，显示 {shown} 个 · 按消息量排序"
 };
 var analyticsAnalyticsTranscriptsStats = {
+	conversationFallbackTitle: "对话",
+	labelEmail: "邮箱：",
 	anonymous: "匿名",
 	justNow: "刚刚",
 	minutesAgo: "{count} 分钟前",
@@ -120087,6 +120143,7 @@ var careerEducationTab = {
 	nothingToShow: "暂无内容。"
 };
 var chatHistoryChatHistoryTab = {
+	userSentiment: "用户情绪",
 	tabConversations: "对话",
 	tabExports: "导出",
 	searchAgents: "搜索代理",
@@ -121297,6 +121354,10 @@ var disclaimersTabLabels = {
 	}
 };
 var documentSidebar = {
+	relevance: "相关度 {percent}%",
+	relevanceHint: "该片段与问题的匹配程度",
+	preview: "预览",
+	openInNewTab: "在新标签页中打开 {title}",
 	retrievedDocuments: "检索到的文档"
 };
 var embedTabLabels = {
@@ -121406,6 +121467,12 @@ var historyTabLabels = {
 		outOf: "满分 5 分"
 	},
 	conversation: {
+		sentiment: {
+			positive: "积极",
+			neutral: "中性",
+			negative: "消极",
+			userSentiment: "用户情绪"
+		},
 		title: "对话",
 		anonymous: "匿名",
 		noResponse: "暂无回复",
@@ -125920,6 +125987,7 @@ var zh = {
 	analyticsAnalyticsCourseDetail: analyticsAnalyticsCourseDetail,
 	analyticsAnalyticsCourses: analyticsAnalyticsCourses,
 	analyticsAnalyticsFinancialStats: analyticsAnalyticsFinancialStats,
+	agentSettingsLink: agentSettingsLink,
 	analyticsAgentScopeLink: analyticsAgentScopeLink,
 	analyticsAnalyticsMemoryStats: analyticsAnalyticsMemoryStats,
 	analyticsAnalyticsMonetizationStats: analyticsAnalyticsMonetizationStats,
@@ -181054,7 +181122,7 @@ function MemoryTab({ org, username }) {
                 username: editingMemory.mentorId ? currentUsername : username, memory: editingMemory, mentorId: editingMemory.mentorId }))] }));
 }
 
-var _a$1;
+var _a$2;
 const dl = dataLayer;
 /**
  * Read a named export, tolerating absence. In real ESM a missing export reads
@@ -181087,7 +181155,7 @@ const pick = (name, fallback) => { var _a; return ((_a = read(name)) !== null &&
 /** Whether the resolved data-layer actually supports the chat-privacy feature. */
 const CHAT_PRIVACY_SUPPORTED = !!read('ChatPrivacyModeEnum') && !!read('CHAT_PRIVACY_MODES');
 const ChatPrivacyModeEnum = read('ChatPrivacyModeEnum');
-const CHAT_PRIVACY_MODES = ((_a$1 = read('CHAT_PRIVACY_MODES')) !== null && _a$1 !== void 0 ? _a$1 : []);
+const CHAT_PRIVACY_MODES = ((_a$2 = read('CHAT_PRIVACY_MODES')) !== null && _a$2 !== void 0 ? _a$2 : []);
 read('chatPrivacyApiSlice');
 const useGetTenantChatPrivacyConfigQuery = pick('useGetTenantChatPrivacyConfigQuery', noopQuery);
 const useUpdateTenantChatPrivacyConfigMutation = pick('useUpdateTenantChatPrivacyConfigMutation', noopMutation);
@@ -181187,6 +181255,142 @@ function ChatPrivacyTab({ org, username }) {
 
 function c$3(e,u,c){var i=this,a=useRef(null),o=useRef(0),f=useRef(null),l=useRef([]),v=useRef(),m=useRef(),d=useRef(e),g=useRef(true);d.current=e;var p="undefined"!=typeof window,w=!u&&0!==u&&p;if("function"!=typeof e)throw new TypeError("Expected a function");u=+u||0;var s=!!(c=c||{}).leading,x=!("trailing"in c)||!!c.trailing,h="maxWait"in c,y="debounceOnServer"in c&&!!c.debounceOnServer,F=h?Math.max(+c.maxWait||0,u):null;useEffect(function(){return g.current=true,function(){g.current=false;}},[]);var A=useMemo(function(){var r=function(r){var n=l.current,t=v.current;return l.current=v.current=null,o.current=r,m.current=d.current.apply(t,n)},n=function(r,n){w&&cancelAnimationFrame(f.current),f.current=w?requestAnimationFrame(r):setTimeout(r,n);},t=function(r){if(!g.current)return  false;var n=r-a.current;return !a.current||n>=u||n<0||h&&r-o.current>=F},e=function(n){return f.current=null,x&&l.current?r(n):(l.current=v.current=null,m.current)},c=function r(){var c=Date.now();if(t(c))return e(c);if(g.current){var i=u-(c-a.current),f=h?Math.min(i,F-(c-o.current)):i;n(r,f);}},A=function(){if(p||y){var e=Date.now(),d=t(e);if(l.current=[].slice.call(arguments),v.current=i,a.current=e,d){if(!f.current&&g.current)return o.current=a.current,n(c,u),s?r(a.current):m.current;if(h)return n(c,u),r(a.current)}return f.current||n(c,u),m.current}};return A.cancel=function(){f.current&&(w?cancelAnimationFrame(f.current):clearTimeout(f.current)),o.current=0,l.current=a.current=v.current=f.current=null;},A.isPending=function(){return !!f.current},A.flush=function(){return f.current?e(Date.now()):m.current},A},[s,h,u,F,x,w,p,y]);return A}function i$9(r,n){return r===n}function a$3(n,t,a){var o=i$9,f=useRef(n),l=useState({})[1],v=c$3(useCallback(function(r){f.current=r,l({});},[l]),t,a),m=useRef(n);return o(m.current,n)||(v(n),m.current=n),[f.current,v]}
 
+var _a$1;
+/**
+ * One context object for every copy of this module. The SDK ships several
+ * bundles (`index`, `next`, …) that each inline their own copy of this file,
+ * so a host provider from one bundle would never reach a link rendered by
+ * another (the profile modal comes from `next`; Transcripts from `index`).
+ * Registering the context on `globalThis` under a well-known symbol makes
+ * the copies share it — React is a single external instance, so the object
+ * is interchangeable between them.
+ */
+const CONTEXT_KEY = Symbol.for('@iblai/web-containers/agent-settings-launcher');
+const registry = globalThis;
+const AgentSettingsLauncherContext = (_a$1 = registry[CONTEXT_KEY]) !== null && _a$1 !== void 0 ? _a$1 : (registry[CONTEXT_KEY] = React__default.createContext(null));
+function useAgentSettingsLauncher() {
+    return React__default.useContext(AgentSettingsLauncherContext);
+}
+/**
+ * An agent's name, linked to its settings where the host lets this viewer
+ * open them; plain text otherwise. Truncates inside an `inline-flex` box so
+ * it keeps the baseline of the label beside it, and neither its clicks nor
+ * its key presses reach a clickable row around it.
+ */
+function AgentSettingsLink({ uniqueId, name, fallback = '-', className, testId, }) {
+    var _a, _b;
+    const t = useT();
+    const launcher = useAgentSettingsLauncher();
+    const display = name || uniqueId || fallback;
+    const target = uniqueId ? { uniqueId, name: name || uniqueId } : null;
+    const canOpen = !!launcher && !!target && ((_b = (_a = launcher.canOpenAgentSettings) === null || _a === void 0 ? void 0 : _a.call(launcher, target)) !== null && _b !== void 0 ? _b : true);
+    if (!canOpen || !target) {
+        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 (jsx("button", { type: "button", onClick: (event) => {
+            event.stopPropagation();
+            launcher.openAgentSettings(target);
+        }, 
+        // Rows that open on Enter/Space would otherwise swallow the key press.
+        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('agentSettingsLink.openSettings', { name: display }), "data-testid": testId, children: jsx("span", { className: "min-w-0 truncate", children: display }) }));
+}
+
+/**
+ * A conversation's sentiment the way Analytics → Transcripts shows it: a
+ * thumb and "<Sentiment> User Sentiment" — green when positive, blue when
+ * negative, grey otherwise. Renders nothing when the record carries none.
+ */
+function ConversationSentiment({ sentiment, labels, className, compact = false, }) {
+    const key = (sentiment !== null && sentiment !== void 0 ? sentiment : '').trim().toLowerCase();
+    if (!key)
+        return null;
+    const Icon = key === 'negative' ? ThumbsDown : ThumbsUp;
+    const tone = key === 'negative' ? 'text-blue-600' : key === 'positive' ? 'text-green-600' : 'text-gray-600';
+    const word = key === 'negative'
+        ? labels.negative
+        : key === 'positive'
+            ? labels.positive
+            : key === 'neutral'
+                ? labels.neutral
+                : key.charAt(0).toUpperCase() + key.slice(1);
+    const text = `${word} ${labels.userSentiment}`;
+    if (compact) {
+        return (jsx(TooltipProvider, { children: jsxs(Tooltip$1, { children: [jsx(TooltipTrigger, { asChild: true, children: jsxs("span", { className: cn('inline-flex cursor-default items-center', tone, className), "data-testid": "conversation-sentiment", "data-sentiment": key, "data-compact": "true", tabIndex: 0, children: [jsx(Icon, { className: "h-4 w-4", "aria-hidden": "true" }), jsx("span", { className: "sr-only", children: text })] }) }), jsx(TooltipContent, { className: "ibl-tooltip-content", children: text })] }) }));
+    }
+    return (jsxs("div", { className: cn('flex items-center gap-1 text-sm', tone, className), "data-testid": "conversation-sentiment", "data-sentiment": key, children: [jsx(Icon, { className: "h-4 w-4", "aria-hidden": "true" }), jsxs("span", { children: [word, " ", labels.userSentiment] })] }));
+}
+
+/**
+ * A conversation's topic names, whatever shape the endpoint uses: analytics
+ * returns `["Biology"]`, the chat-history endpoints `[{ name: "Biology" }]`.
+ * Blank entries are dropped and repeats collapsed; order is kept.
+ */
+function conversationTopics(topics) {
+    if (!Array.isArray(topics))
+        return [];
+    const names = [];
+    for (const topic of topics) {
+        const raw = typeof topic === 'string'
+            ? topic
+            : topic && typeof topic === 'object'
+                ? topic.name
+                : undefined;
+        const name = typeof raw === 'string' ? raw.trim() : '';
+        if (name && !names.includes(name))
+            names.push(name);
+    }
+    return names;
+}
+
+/** A conversation's topics as the chips Analytics → Transcripts draws. */
+function ConversationTopics({ topics, className, children, leading, }) {
+    const names = conversationTopics(topics);
+    if (names.length === 0 && !children && !leading)
+        return null;
+    return (jsxs("div", { className: cn('flex flex-wrap items-center gap-2', className), "data-testid": "conversation-topics", children: [leading, names.map((name) => (jsx("span", { className: "rounded-[5px] bg-gray-100 px-3 py-1 text-xs text-gray-600", children: name }, name))), children] }));
+}
+
+const clean$2 = (value) => typeof value === 'string' && value.trim() ? value.trim() : undefined;
+/** The first human turn of a conversation, from an array or its JSON string form. */
+function firstHumanMessage(messages) {
+    let turns = messages;
+    if (typeof turns === 'string') {
+        try {
+            turns = JSON.parse(turns);
+        }
+        catch (_a) {
+            return undefined;
+        }
+    }
+    if (!Array.isArray(turns))
+        return undefined;
+    const first = turns[0];
+    return clean$2(first === null || first === void 0 ? void 0 : first.human);
+}
+/**
+ * One title for a conversation, on every surface: the backend's `title` when
+ * it has one, else `first_user_message`, else the first human turn, else the
+ * caller's fallback label. Endpoints differ in which of these they return;
+ * this keeps Transcripts and both History tabs naming a conversation alike.
+ */
+function conversationTitle(source, fallback) {
+    var _a, _b, _c;
+    return ((_c = (_b = (_a = clean$2(source === null || source === void 0 ? void 0 : source.title)) !== null && _a !== void 0 ? _a : clean$2(source === null || source === void 0 ? void 0 : source.first_user_message)) !== null && _b !== void 0 ? _b : firstHumanMessage(source === null || source === void 0 ? void 0 : source.messages)) !== null && _c !== void 0 ? _c : fallback);
+}
+
+/**
+ * A conversation's timestamp the way every history surface shows it:
+ * "Sep 4, 2026, 3:56 PM · 21 days ago". Empty for a missing or invalid value.
+ */
+const formatSessionDate = (value) => {
+    if (!value)
+        return '';
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return '';
+    return `${format$1(date, 'MMM d, yyyy, h:mm a')} · ${formatDistanceToNow(date, { addSuffix: true })}`;
+};
+
 const offsetFormatCache = {};
 const offsetCache = {};
 
@@ -220351,14 +220555,6 @@ function stripMarkdown$1(text) {
  * When a conversation happened: the calendar date and time, followed by the
  * relative "x ago" so both the exact day and recency read at a glance.
  */
-const formatSessionDate = (value) => {
-    if (!value)
-        return '';
-    const date = new Date(value);
-    if (Number.isNaN(date.getTime()))
-        return '';
-    return `${format$1(date, 'MMM d, yyyy, h:mm a')} · ${formatDistanceToNow(date, { addSuffix: true })}`;
-};
 /**
  * The list endpoint may serialize `messages` as a JSON string while the detail
  * endpoint returns a proper array; accept either shape.
@@ -220405,11 +220601,6 @@ function downloadTextFile(filename, content, mime) {
     document.body.removeChild(link);
     URL.revokeObjectURL(blobUrl);
 }
-const SENTIMENT_CLASSES = {
-    positive: 'bg-green-100 text-green-800 border-transparent',
-    negative: 'bg-red-100 text-red-800 border-transparent',
-    neutral: 'bg-gray-100 text-gray-600 border-transparent',
-};
 /**
  * Agent scope filter — the same inline searchable autocomplete the Billing
  * tab's Agent Limits section and the Memory tab use (`SearchSelect`): type to
@@ -220473,7 +220664,7 @@ function ConversationMessages({ messages, username, agent, fallbackEmail, }) {
                                             name: file.name,
                                             contentType: file.content_type,
                                             url: file.url,
-                                        })) })] })] }), jsxs("div", { className: "flex items-start gap-3 border-t border-gray-200 pt-4", children: [jsx(AgentMessageAvatar, { agent: agent, fallback: t('chatHistoryChatHistoryTab.aiAvatarLabel') }), jsxs("div", { className: "min-w-0 flex-1 overflow-x-hidden", children: [jsx("div", { className: "font-medium text-gray-700", children: agent.name }), jsx(Markdown, { className: "mt-1 text-sm text-gray-500", children: (_c = message.ai) !== null && _c !== void 0 ? _c : '' })] })] })] }, index));
+                                        })) })] })] }), jsxs("div", { className: "flex items-start gap-3 border-t border-gray-200 pt-4", children: [jsx(AgentMessageAvatar, { agent: agent, fallback: t('chatHistoryChatHistoryTab.aiAvatarLabel') }), jsxs("div", { className: "min-w-0 flex-1 overflow-x-hidden", children: [jsx(AgentSettingsLink, { uniqueId: agent.uniqueId, name: agent.name, className: "font-medium text-gray-700" }), jsx(Markdown, { className: "mt-1 text-sm text-gray-500", children: (_c = message.ai) !== null && _c !== void 0 ? _c : '' })] })] })] }, index));
         }) }));
 }
 /**
@@ -220482,12 +220673,11 @@ function ConversationMessages({ messages, username, agent, fallbackEmail, }) {
  * download of just this conversation.
  */
 function ConversationPreview({ org, username, session, agent, }) {
-    var _a;
     const t = useT();
     const inlineMessages = normalizeMessages(session.messages);
     const { data: detail, isLoading } = useGetUserChatHistorySessionQuery({ org, userId: username, sessionId: session.id }, { skip: inlineMessages.length > 0 });
     const messages = inlineMessages.length > 0 ? inlineMessages : normalizeMessages(detail === null || detail === void 0 ? void 0 : detail.messages);
-    const title = stripMarkdown$1(session.title || ((_a = messages[0]) === null || _a === void 0 ? void 0 : _a.human) || t('chatHistoryChatHistoryTab.conversation'));
+    const title = stripMarkdown$1(conversationTitle({ title: session.title, first_user_message: session.first_user_message, messages }, t('chatHistoryChatHistoryTab.conversation')));
     if (isLoading) {
         return (jsx("div", { className: "flex items-center justify-center py-10", children: jsx(Spinner, {}) }));
     }
@@ -220524,6 +220714,7 @@ function ChatHistoryTab({ org, username }) {
         var _a;
         const known = agentInfo[session.mentor];
         return {
+            uniqueId: session.mentor || undefined,
             name: session.mentor_name ||
                 (known === null || known === void 0 ? void 0 : known.name) ||
                 ((_a = filters.agent) === null || _a === void 0 ? void 0 : _a.name) ||
@@ -220536,6 +220727,12 @@ function ChatHistoryTab({ org, username }) {
     const sentimentOptions = ((_a = filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.sentiment) === null || _a === void 0 ? void 0 : _a.length)
         ? filterOptions.sentiment
         : DEFAULT_SENTIMENTS;
+    const sentimentLabels = React__default.useMemo(() => ({
+        positive: t('chatHistoryChatHistoryTab.positive'),
+        neutral: t('chatHistoryChatHistoryTab.neutral'),
+        negative: t('chatHistoryChatHistoryTab.negative'),
+        userSentiment: t('chatHistoryChatHistoryTab.userSentiment'),
+    }), [t]);
     const sentimentLabel = React__default.useCallback((value) => {
         const key = value.toLowerCase();
         if (key === 'positive')
@@ -220559,22 +220756,18 @@ function ChatHistoryTab({ org, username }) {
                                                 : t('chatHistoryChatHistoryTab.export')] }) })] }) }), isLoading && (jsx("div", { className: "flex w-full flex-1 items-center justify-center py-10", children: jsx(Spinner, {}) })), isError && !isLoading && (jsx("div", { className: "flex flex-1 flex-col items-center justify-center py-6", children: jsx("p", { className: "text-sm text-gray-600", children: isForbidden
                                 ? t('chatHistoryChatHistoryTab.forbidden')
                                 : t('chatHistoryChatHistoryTab.loadFailed') }) })), sessions.length === 0 && !isLoading && !isError && (jsx("div", { className: "flex flex-1 flex-col items-center justify-center py-6", children: jsx("p", { className: "text-sm text-gray-600", children: t('chatHistoryChatHistoryTab.noConversations') }) })), sessions.length > 0 && (jsxs("div", { className: "grid min-h-[320px] flex-1 grid-cols-1 gap-6 md:grid-cols-2", children: [jsxs("div", { className: "col-span-full flex min-h-0 flex-col gap-3 md:col-span-1", children: [jsx("div", { className: "scrollbar-hide min-h-0 flex-1 overflow-y-auto rounded-md border border-neutral-200", tabIndex: 0, role: "region", "aria-label": t('chatHistoryChatHistoryTab.conversationListLabel'), children: sessions.map((session) => {
-                                            var _a, _b, _c, _d, _e;
+                                            var _a;
                                             const firstMessage = normalizeMessages(session.messages)[0];
-                                            const title = stripMarkdown$1(session.title ||
-                                                (firstMessage === null || firstMessage === void 0 ? void 0 : firstMessage.human) ||
-                                                session.first_user_message ||
-                                                t('chatHistoryChatHistoryTab.conversation'));
+                                            const title = stripMarkdown$1(conversationTitle(session, t('chatHistoryChatHistoryTab.conversation')));
                                             const preview = stripMarkdown$1((_a = firstMessage === null || firstMessage === void 0 ? void 0 : firstMessage.ai) !== null && _a !== void 0 ? _a : '');
-                                            const sentiment = (_c = (_b = session.sentiment) === null || _b === void 0 ? void 0 : _b.toLowerCase()) !== null && _c !== void 0 ? _c : '';
                                             return (jsxs("div", { role: "button", tabIndex: 0, "data-testid": "history-conversation-row", "data-session-id": session.id, className: cn('flex cursor-pointer items-center justify-between border-b border-neutral-200 p-4 last:border-b-0', (selectedSession === null || selectedSession === void 0 ? void 0 : selectedSession.id) === session.id ? 'bg-gray-100' : 'hover:bg-gray-50'), onClick: () => handleConversationClick(session), onKeyDown: (event) => {
                                                     if (event.key === 'Enter' || event.key === ' ') {
                                                         event.preventDefault();
                                                         handleConversationClick(session);
                                                     }
-                                                }, children: [jsxs("div", { className: "w-full", children: [jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [jsxs("span", { className: "flex items-center gap-2 text-sm text-gray-600", children: [formatSessionDate(session.inserted_at), sentiment && (jsx(Badge, { variant: "outline", className: cn('font-normal', (_d = SENTIMENT_CLASSES[sentiment]) !== null && _d !== void 0 ? _d : SENTIMENT_CLASSES.neutral), children: sentimentLabel((_e = session.sentiment) !== null && _e !== void 0 ? _e : '') }))] }), jsx("span", { className: "max-w-[100px] truncate text-sm text-gray-900 sm:max-w-[200px]", children: resolveAgent(session).name })] }), jsx("div", { className: "font-medium text-gray-900", children: textTruncate$2(title, 50) }), preview && (jsx("p", { className: "line-clamp-1 text-sm text-gray-600", children: textTruncate$2(preview, 60) }))] }), jsx("div", { className: "flex items-center gap-2 text-sm text-gray-600", children: jsx(ChevronRight, { className: "h-4 w-4" }) })] }, session.id));
+                                                }, children: [jsxs("div", { className: "w-full", children: [jsxs("div", { className: "mb-2 flex items-center justify-between gap-2", children: [jsx("span", { className: "shrink-0 text-sm text-gray-600", children: formatSessionDate(session.inserted_at) }), jsx(AgentSettingsLink, { uniqueId: resolveAgent(session).uniqueId, name: resolveAgent(session).name, className: "min-w-0 text-right text-sm text-gray-900" })] }), jsx("div", { className: "font-medium text-gray-900", children: textTruncate$2(title, 50) }), jsx(ConversationTopics, { topics: session.topics, className: "mt-1", leading: jsx(ConversationSentiment, { sentiment: session.sentiment, labels: sentimentLabels, compact: true }) }), preview && (jsx("p", { className: "line-clamp-1 text-sm text-gray-600", children: textTruncate$2(preview, 60) }))] }), jsx("div", { className: "flex items-center gap-2 text-sm text-gray-600", children: jsx(ChevronRight, { className: "h-4 w-4" }) })] }, session.id));
                                         }) }), totalPages > 1 && (jsx("div", { className: "flex-shrink-0", children: jsx(IblPagination, { currentPage: page, totalPages: totalPages, onPageChange: setPage, disabled: isFetching || isLoading, disableNumberedButtons: isMobile }) }))] }), jsx("div", { className: "scrollbar-hide hidden min-h-0 flex-col overflow-y-auto rounded-lg border border-neutral-200 bg-white p-6 shadow-sm md:flex", tabIndex: 0, role: "region", "aria-label": t('chatHistoryChatHistoryTab.conversationPreviewLabel'), children: selectedSession ? (jsx(ConversationPreview, { org: org, username: username, session: selectedSession, agent: resolveAgent(selectedSession) })) : (jsx("div", { className: "flex h-full items-center justify-center text-gray-500", children: t('chatHistoryChatHistoryTab.selectPrompt') })) })] })), jsx(Dialog, { open: isPreviewModalOpen, onOpenChange: setIsPreviewModalOpen, children: jsxs(DialogContent, { className: "scrollbar-hide mx-auto max-h-[80vh] max-w-[90vw] overflow-x-hidden overflow-y-auto", children: [jsx(DialogHeader, { children: jsx(DialogTitle, { className: "text-lg font-semibold text-gray-900", children: selectedSession
-                                            ? stripMarkdown$1(selectedSession.title || t('chatHistoryChatHistoryTab.conversation'))
+                                            ? stripMarkdown$1(conversationTitle(selectedSession, t('chatHistoryChatHistoryTab.conversation')))
                                             : t('chatHistoryChatHistoryTab.conversation') }) }), jsx("div", { className: "mx-auto max-w-full overflow-x-hidden", children: selectedSession && (jsx(ConversationPreview, { org: org, username: username, session: selectedSession, agent: resolveAgent(selectedSession) })) })] }) })] }), jsx(TabsContent, { value: "exports", className: "mt-0 min-h-0 flex-1 overflow-y-auto data-[state=inactive]:hidden", children: jsx(ReportHistory, { org: org, username: username, onDownload: downloadFromUrl }) })] }));
 }
 
@@ -222940,6 +223133,201 @@ function InvitedUsersDialog({ tenant, onClose }) {
         }, children: jsx(DialogPortal, { forceMount: true, children: jsxs(DialogContent, { "aria-label": t('profileInvitedUsers.dialogAriaLabel'), className: "max-w-sm rounded-2xl px-6 py-8 pointer-events-auto", "aria-describedby": "invited-users-dialog", children: [jsx(DialogHeader, { className: "relative flex-row justify-between", children: jsx(DialogTitle, { className: "text-blue-600 text-xl font-semibold", children: t('profileInvitedUsers.title') }) }), jsxs("div", { className: "mt-4 space-y-1", children: [jsx("p", { className: "text-gray-500 text-sm", children: t('profileInvitedUsers.pendingDescription') }), jsx("form", { children: jsx(Input, { value: query, onChange: (event) => setQuery(event.target.value), placeholder: t('profileInvitedUsers.searchPlaceholder'), className: "mt-2" }) })] }), jsxs("div", { children: [jsx("h2", { className: "text-md text-gray-600 font-semibold mb-4", children: t('profileInvitedUsers.emailHeading') }), invitedUsers === null || invitedUsers === void 0 ? void 0 : invitedUsers.results.map((user) => (jsx("div", { className: "border-b-gray-50 pb-2 mb-4 text-sm text-gray-600 dark:text-gray-400", children: user.email }, user.id))), (invitedUsers === null || invitedUsers === void 0 ? void 0 : invitedUsers.results.length) === 0 && (jsx("p", { className: "text-gray", children: t('profileInvitedUsers.noRecords') }))] })] }) }) }));
 }
 
+/**
+ * Whether, and how, a retrieved document can be shown inside the app.
+ *
+ * The Datasets tab accepts PDFs, Office files, CSV/TXT/Markdown, images,
+ * audio, video, ZIPs, GitHub repos, YouTube videos, web pages and crawls, and
+ * links to Google Drive, OneDrive and Dropbox. Only some of those a browser
+ * can render on its own; the rest get no Preview button rather than a blank
+ * frame. Decided from the source URL (extension and host) and, when the
+ * backend sends one, the document's kind.
+ */
+const IMAGE = new Set(['png', 'jpg', 'jpeg', 'gif', 'webp', 'svg', 'bmp', 'avif']);
+const AUDIO = new Set(['mp3', 'wav', 'ogg', 'oga', 'm4a', 'aac', 'flac']);
+const VIDEO = new Set(['mp4', 'webm', 'ogv', 'mov', 'm4v']);
+/** Browsers cannot render these; a frame would only offer a download. */
+const NOT_VIEWABLE = new Set([
+    'doc',
+    'docx',
+    'ppt',
+    'pptx',
+    'xls',
+    'xlsx',
+    'odt',
+    'odp',
+    'ods',
+    'rtf',
+    'zip',
+    'rar',
+    '7z',
+    'tar',
+    'gz',
+    'tgz',
+]);
+/** Hosts that refuse to be framed, or need the viewer's own sign-in. */
+const UNFRAMEABLE_HOSTS = [
+    'github.com',
+    'dropbox.com',
+    'onedrive.live.com',
+    '1drv.ms',
+    'sharepoint.com',
+];
+const hostMatches = (host, domain) => host === domain || host.endsWith(`.${domain}`);
+const extensionOf = (pathname) => {
+    var _a;
+    const last = (_a = pathname.split('/').pop()) !== null && _a !== void 0 ? _a : '';
+    const dot = last.lastIndexOf('.');
+    return dot > 0 ? last.slice(dot + 1).toLowerCase() : '';
+};
+const youtubeEmbed = (url) => {
+    var _a;
+    const host = url.hostname.toLowerCase().replace(/^(www|m)\./, '');
+    let id = null;
+    if (host === 'youtu.be')
+        id = (_a = url.pathname.split('/')[1]) !== null && _a !== void 0 ? _a : null;
+    else if (host === 'youtube.com' || host === 'youtube-nocookie.com') {
+        const [, section, rest] = url.pathname.split('/');
+        if (section === 'watch')
+            id = url.searchParams.get('v');
+        else if (section === 'embed' || section === 'shorts' || section === 'live' || section === 'v')
+            id = rest !== null && rest !== void 0 ? rest : null;
+    }
+    return id && /^[\w-]{6,}$/.test(id) ? `https://www.youtube-nocookie.com/embed/${id}` : null;
+};
+const googleEmbed = (url) => {
+    const host = url.hostname.toLowerCase();
+    if (host === 'drive.google.com') {
+        const file = url.pathname.match(/^\/file\/d\/([\w-]+)/);
+        if (file)
+            return `https://drive.google.com/file/d/${file[1]}/preview`;
+        const open = url.pathname === '/open' && url.searchParams.get('id');
+        if (open)
+            return `https://drive.google.com/file/d/${open}/preview`;
+        return null;
+    }
+    if (host === 'docs.google.com') {
+        const doc = url.pathname.match(/^\/(document|spreadsheets|presentation)\/d\/([\w-]+)/);
+        return doc ? `https://docs.google.com/${doc[1]}/d/${doc[2]}/preview` : null;
+    }
+    return null;
+};
+/** A kind the backend may name on the document, when it says one. */
+const kindFromHint = (hint) => {
+    const h = (hint !== null && hint !== void 0 ? hint : '').toLowerCase();
+    if (!h)
+        return null;
+    if (/image|photo|picture/.test(h))
+        return 'image';
+    if (/audio|podcast/.test(h))
+        return 'audio';
+    if (/video(?!.*youtube)/.test(h) && !/youtube/.test(h))
+        return 'video';
+    if (/docx|word|powerpoint|pptx|excel|xlsx|spreadsheet|zip|archive|course/.test(h))
+        return 'none';
+    return null;
+};
+/**
+ * `null` when the document cannot be shown here: no URL, a host that refuses
+ * framing, or a file type a browser cannot render (Office files, archives).
+ */
+function previewPlan(source, hint) {
+    const raw = (source !== null && source !== void 0 ? source : '').trim();
+    if (!/^https?:\/\//i.test(raw))
+        return null;
+    let url;
+    try {
+        url = new URL(raw);
+    }
+    catch (_a) {
+        return null;
+    }
+    const host = url.hostname.toLowerCase();
+    const yt = youtubeEmbed(url);
+    if (yt)
+        return { kind: 'frame', src: yt };
+    // A YouTube page that is not a video (a channel, a playlist) cannot be framed.
+    if (/(^|\.)(youtube\.com|youtu\.be|youtube-nocookie\.com)$/.test(host))
+        return null;
+    const google = googleEmbed(url);
+    if (google)
+        return { kind: 'frame', src: google };
+    if (host === 'drive.google.com' || host === 'docs.google.com')
+        return null;
+    if (host === 'raw.githubusercontent.com')
+        return { kind: 'frame', src: raw };
+    if (UNFRAMEABLE_HOSTS.some((domain) => hostMatches(host, domain)))
+        return null;
+    const hinted = kindFromHint(hint);
+    if (hinted === 'none')
+        return null;
+    if (hinted)
+        return { kind: hinted, src: raw };
+    const ext = extensionOf(url.pathname);
+    if (IMAGE.has(ext))
+        return { kind: 'image', src: raw };
+    if (AUDIO.has(ext))
+        return { kind: 'audio', src: raw };
+    if (VIDEO.has(ext))
+        return { kind: 'video', src: raw };
+    if (NOT_VIEWABLE.has(ext))
+        return null;
+    // PDFs, text, CSV, Markdown, HTML, JSON and extension-less API URLs: the
+    // browser renders these itself (its PDF viewer, or as text or a page).
+    return { kind: 'frame', src: raw };
+}
+
+/** The shape a retrieved document is listed by: the session query's `VectorResult`
+ *  and a transcript's `TranscriptRetrievedDocument` both satisfy it. */
+/** Only `http(s)` sources are links; a bare file name or dataset id is not. */
+const isHttpUrl = (value) => /^https?:\/\//i.test((value !== null && value !== void 0 ? value : '').trim());
+/** `0.7` → `70`; anything unusable → undefined. */
+const relevancePercent = (score) => typeof score === 'number' && Number.isFinite(score)
+    ? Math.round(Math.max(0, Math.min(1, score)) * 100)
+    : undefined;
+/**
+ * The document's URL with a text fragment for the matched passage's opening
+ * words, so a browser that supports fragments (Chromium for HTML pages) opens
+ * the page scrolled to, and highlighting, the passage. PDFs and other
+ * viewers ignore it; a frame cannot honour it, so only new-tab links get it.
+ */
+const deepLink = (url, snippet) => {
+    const words = (snippet !== null && snippet !== void 0 ? snippet : '').replace(/\s+/g, ' ').trim().split(' ').slice(0, 8).join(' ');
+    const text = words.replace(/[\s.,;:!?"'”’)\]]+$/, '');
+    if (text.length < 12)
+        return url;
+    return `${url.split('#')[0]}#:~:text=${encodeURIComponent(text)}`;
+};
+const hostOf = (value) => {
+    try {
+        return new URL(value).host;
+    }
+    catch (_a) {
+        return '';
+    }
+};
+/**
+ * One retrieved document: its title (a new-tab link when the source is a
+ * URL), its relevance, the matched passage, and — for URLs — a preview the
+ * reader can open (the title link beside it still opens the source in a new
+ * tab).
+ */
+function RetrievedDocumentRow({ doc }) {
+    var _a, _b;
+    const t = useT();
+    const [previewOpen, setPreviewOpen] = React.useState(false);
+    const source = ((_a = doc.source) !== null && _a !== void 0 ? _a : '').trim();
+    const url = isHttpUrl(source) ? source : null;
+    const title = doc.title || (url ? hostOf(url) : source);
+    const relevance = relevancePercent(doc.score);
+    const openHref = url ? deepLink(url, doc.snippet) : null;
+    // Preview only what a browser can show; Office files, archives and
+    // unframeable hosts get no button rather than a blank frame.
+    const preview = previewPlan(source, doc.type);
+    return (jsx("div", { className: "rounded-lg p-2 hover:bg-gray-50", "data-testid": "retrieved-document", children: jsxs("div", { className: "flex items-start gap-2", children: [jsx(Radio$1, { className: "mt-1 h-4 w-4 text-gray-400" }), jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [jsxs("div", { className: "flex items-start justify-between gap-2", children: [jsx("div", { className: "min-w-0", children: url ? (jsxs("a", { href: openHref !== null && openHref !== void 0 ? openHref : url, target: "_blank", rel: "noopener noreferrer", className: "inline-flex min-w-0 items-center gap-1 text-sm font-semibold text-[#646464] hover:text-blue-600", "aria-label": t('documentSidebar.openInNewTab', { title }), "data-testid": "retrieved-document-link", children: [jsx("span", { className: "min-w-0 break-words", children: title }), jsx(SquareArrowOutUpRight, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": "true" })] })) : (jsx("span", { className: "text-sm font-semibold break-words text-[#646464]", children: title })) }), relevance !== undefined && (jsx("span", { className: "shrink-0 rounded-[5px] bg-blue-50 px-2 py-0.5 text-xs text-blue-700", title: t('documentSidebar.relevanceHint'), "data-testid": "retrieved-document-relevance", children: t('documentSidebar.relevance', { percent: relevance }) }))] }), preview && (jsxs("div", { className: "pt-1", children: [jsxs(Button$1, { type: "button", variant: "outline", size: "sm", onClick: () => setPreviewOpen(true), className: "h-7 gap-1.5 px-2.5 text-xs", "data-testid": "retrieved-document-preview-toggle", children: [jsx(Eye, { className: "h-3.5 w-3.5", "aria-hidden": "true" }), t('documentSidebar.preview')] }), jsx(Dialog, { open: previewOpen, onOpenChange: setPreviewOpen, children: jsxs(DialogContent, { className: "flex flex-col gap-0 overflow-hidden rounded-lg p-0", 
+                                        // Inline: the size must not depend on a host's Tailwind scan.
+                                        style: { width: '94vw', maxWidth: '94vw', height: '92vh' }, "data-testid": "retrieved-document-preview", children: [jsxs(DialogHeader, { className: "border-b border-gray-200 bg-white px-5 py-3 pr-12 text-left", children: [jsxs(DialogTitle, { className: "flex min-w-0 items-center gap-2 text-base font-semibold text-gray-800", children: [jsx("span", { className: "min-w-0 truncate", children: title }), jsx("a", { href: (_b = openHref !== null && openHref !== void 0 ? openHref : url) !== null && _b !== void 0 ? _b : undefined, target: "_blank", rel: "noopener noreferrer", className: "inline-flex shrink-0 items-center text-blue-600 hover:text-blue-700", "aria-label": t('documentSidebar.openInNewTab', { title }), children: jsx(SquareArrowOutUpRight, { className: "h-4 w-4", "aria-hidden": "true" }) })] }), jsx(DialogDescription, { className: "flex flex-wrap items-center gap-2 text-xs text-gray-500", children: relevance !== undefined && (jsx("span", { className: "rounded-[5px] bg-blue-50 px-2 py-0.5 text-blue-700", children: t('documentSidebar.relevance', { percent: relevance }) })) })] }), jsx("div", { className: "flex min-h-0 flex-1 items-center justify-center bg-gray-100", children: preview.kind === 'image' ? (jsx("img", { src: preview.src, alt: title, className: "h-full w-full object-contain" })) : preview.kind === 'audio' ? (jsx("audio", { src: preview.src, controls: true, className: "w-full max-w-2xl px-6" })) : preview.kind === 'video' ? (jsx("video", { src: preview.src, controls: true, className: "h-full w-full bg-black" })) : (jsx("iframe", { src: preview.src, title: title, referrerPolicy: "no-referrer", allow: "fullscreen; autoplay; encrypted-media; picture-in-picture", className: "h-full w-full border-0 bg-white" })) })] }) })] })), jsx("p", { className: "line-clamp-6 pt-[10px] text-[14px] text-gray-600", children: doc.snippet })] })] }) }));
+}
 function DocumentSidebar({ isModal = false, sessionId = '', documents, }) {
     const t = useT();
     const [isCollapsed, setIsCollapsed] = React.useState(false);
@@ -222972,10 +223360,7 @@ function DocumentSidebar({ isModal = false, sessionId = '', documents, }) {
                 backgroundColor: isCollapsed && !isModal ? 'white' : '#F3F6FB',
                 // In the dialog the parent bounds the height; the rail caps itself.
                 maxHeight: isModal ? undefined : 'calc(100vh - 80px)',
-            }, children: jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [!isModal && (jsxs("div", { className: cn('flex cursor-pointer items-center gap-2 border-b border-gray-200 p-4 transition-colors duration-200', isCollapsed && 'h-[80px] justify-center rounded-tl-[5px] rounded-bl-[5px] p-2', 'hover:bg-blue-100'), onClick: toggleCollapse, style: { backgroundColor: '#F3F6FB' }, children: [jsx(FileText, { className: "h-5 w-5 shrink-0 text-blue-600" }), !isCollapsed && (jsxs(Fragment$1, { children: [jsx("h2", { className: "text-base font-medium text-[#646464]", children: t('documentSidebar.retrievedDocuments') }), jsx(ChevronRight, { className: cn('ml-auto h-4 w-4 text-gray-400 transition-transform', isCollapsed ? 'rotate-180' : '') })] }))] })), (!isCollapsed || isModal) && (jsx(Fragment$1, { children: jsx("div", { className: "min-h-0 flex-1 overflow-auto", style: { backgroundColor: '#F3F6FB' }, children: jsx("div", { className: "mt-0 space-y-1 p-2", children: vectorDocuments.map((doc, index) => {
-                                    var _a, _b;
-                                    return (jsxs(React.Fragment, { children: [jsx("div", { className: "rounded-lg p-2 hover:bg-gray-50", children: jsxs("div", { className: "flex items-start gap-2", children: [jsx(Radio$1, { className: "mt-1 h-4 w-4 text-gray-400" }), jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [jsxs("div", { className: "flex items-center justify-between", children: [jsx(Link$2, { href: (_a = doc.source) !== null && _a !== void 0 ? _a : '', target: "_blank", className: "min-w-0", children: jsx("span", { className: "text-sm font-semibold break-words text-[#646464] hover:text-blue-600", children: doc.title }) }), jsx("div", { className: "flex items-center gap-2 self-center", children: jsx("span", { className: "text-xs text-gray-500", children: (_b = doc === null || doc === void 0 ? void 0 : doc.score) === null || _b === void 0 ? void 0 : _b.toFixed(2) }) })] }), jsx("p", { className: "line-clamp-6 pt-[10px] text-[14px] text-gray-600", children: doc.snippet })] })] }) }), index < vectorDocuments.length - 1 && (jsx("div", { className: "my-2 border-t border-gray-200" }))] }, index));
-                                }) }) }) }))] }) })) : null }));
+            }, children: jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [!isModal && (jsxs("div", { className: cn('flex cursor-pointer items-center gap-2 border-b border-gray-200 p-4 transition-colors duration-200', isCollapsed && 'h-[80px] justify-center rounded-tl-[5px] rounded-bl-[5px] p-2', 'hover:bg-blue-100'), onClick: toggleCollapse, style: { backgroundColor: '#F3F6FB' }, children: [jsx(FileText, { className: "h-5 w-5 shrink-0 text-blue-600" }), !isCollapsed && (jsxs(Fragment$1, { children: [jsx("h2", { className: "text-base font-medium text-[#646464]", children: t('documentSidebar.retrievedDocuments') }), jsx(ChevronRight, { className: cn('ml-auto h-4 w-4 text-gray-400 transition-transform', isCollapsed ? 'rotate-180' : '') })] }))] })), (!isCollapsed || isModal) && (jsx(Fragment$1, { children: jsx("div", { className: "min-h-0 flex-1 overflow-auto", style: { backgroundColor: '#F3F6FB' }, children: jsx("div", { className: "mt-0 space-y-1 p-2", children: vectorDocuments.map((doc, index) => (jsxs(React.Fragment, { children: [jsx(RetrievedDocumentRow, { doc: doc }), index < vectorDocuments.length - 1 && (jsx("div", { className: "my-2 border-t border-gray-200" }))] }, index))) }) }) }))] }) })) : null }));
 }
 
 /**
@@ -281164,6 +281549,12 @@ const AGENT_HISTORY_TAB_LABELS = {
         aiAgent: 'AI Agent',
         noConversations: 'No conversations found',
         documentsChip: (count) => `Documents · ${count}`,
+        sentiment: {
+            positive: 'Positive',
+            neutral: 'Neutral',
+            negative: 'Negative',
+            userSentiment: 'User Sentiment',
+        },
     },
     summary: {
         notAvailable: 'Summary not available',
@@ -281203,6 +281594,12 @@ function buildHistoryTabLabels(t) {
             aiAgent: t('historyTabLabels.conversation.aiAgent'),
             noConversations: t('historyTabLabels.conversation.noConversations'),
             documentsChip: (count) => t('historyTabLabels.conversation.documentsChip', { count }),
+            sentiment: {
+                positive: t('historyTabLabels.conversation.sentiment.positive'),
+                neutral: t('historyTabLabels.conversation.sentiment.neutral'),
+                negative: t('historyTabLabels.conversation.sentiment.negative'),
+                userSentiment: t('historyTabLabels.conversation.sentiment.userSentiment'),
+            },
         },
         summary: {
             notAvailable: t('historyTabLabels.summary.notAvailable'),
@@ -281237,7 +281634,7 @@ function textTruncate$1(str, length, ending) {
     return str;
 }
 function AgentHistoryTab({ renderMessageContent, PaginationComponent, onExport, isExporting = false, labels: labelsOverride, currentSPA, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     const t = useT();
     const { tenantKey, mentorId, username } = useAgentSettings();
     const labels = React__default.useMemo(() => resolveHistoryTabLabels(labelsOverride, t), [labelsOverride, t]);
@@ -281325,12 +281722,10 @@ function AgentHistoryTab({ renderMessageContent, PaginationComponent, onExport,
                                                 const owner = resolveUserIdentity(conversation, {
                                                     anonymousLabel: labels.conversation.anonymous,
                                                 });
-                                                const timeAgo = formatDistanceToNow(new Date(conversation.inserted_at), {
-                                                    addSuffix: true,
-                                                });
-                                                const title = (firstMessage === null || firstMessage === void 0 ? void 0 : firstMessage.human)
-                                                    ? textTruncate$1(firstMessage.human, 50)
-                                                    : labels.conversation.title;
+                                                // The same date pattern as the profile History tab.
+                                                const when = formatSessionDate(conversation.inserted_at);
+                                                // title → first_user_message → first human turn → label, as everywhere.
+                                                const title = textTruncate$1(conversationTitle(conversation, labels.conversation.title), 50);
                                                 const preview = (firstMessage === null || firstMessage === void 0 ? void 0 : firstMessage.ai)
                                                     ? textTruncate$1(firstMessage.ai, 60)
                                                     : labels.conversation.noResponse;
@@ -281342,14 +281737,14 @@ function AgentHistoryTab({ renderMessageContent, PaginationComponent, onExport,
                                                 const rollup = summarizeTranscriptTurns(messages);
                                                 return (jsxs("div", { className: cn('flex cursor-pointer items-center justify-between border-b p-4 last:border-b-0', (selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.id) === conversation.id
                                                         ? 'bg-gray-100'
-                                                        : 'hover:bg-gray-50'), onClick: () => handleConversationClick(conversation), children: [jsxs("div", { className: "w-full", children: [jsxs("div", { className: "mb-2 flex items-center justify-between", children: [jsx("span", { className: "text-sm text-gray-600", children: timeAgo }), jsx(UserProfileLink, { tenantKey: tenantKey, username: owner.profileUsername, display: owner.label, currentSPA: currentSPA, className: "max-w-[100px] text-sm text-gray-900 sm:max-w-[200px]" })] }), jsx("div", { className: "font-medium text-gray-900", children: title }), jsx("p", { className: "line-clamp-1 text-sm text-gray-600", children: preview }), (rollup.documentsCount > 0 || rollup.toolCallsCount > 0) && (jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: [rollup.documentsCount > 0 && (
+                                                        : 'hover:bg-gray-50'), onClick: () => handleConversationClick(conversation), children: [jsxs("div", { className: "w-full", children: [jsxs("div", { className: "mb-2 flex items-center justify-between", children: [jsx("span", { className: "text-sm text-gray-600", children: when }), jsx(UserProfileLink, { tenantKey: tenantKey, username: owner.profileUsername, display: owner.label, currentSPA: currentSPA, className: "max-w-[100px] text-sm text-gray-900 sm:max-w-[200px]" })] }), jsx("div", { className: "font-medium text-gray-900", children: title }), jsx(ConversationTopics, { topics: conversation.topics, className: "mt-1", leading: jsx(ConversationSentiment, { sentiment: conversation.sentiment, labels: labels.conversation.sentiment, compact: true }) }), jsx("p", { className: "line-clamp-1 text-sm text-gray-600", children: preview }), (rollup.documentsCount > 0 || rollup.toolCallsCount > 0) && (jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-1.5", children: [rollup.documentsCount > 0 && (
                                                                         // The chat's documents dialog, as a chip: one
                                                                         // click shows what the conversation retrieved.
                                                                         jsx(RetrievedDocumentsButton, { documents: documents, label: labels.conversation.documentsChip(rollup.documentsCount), className: "h-6 gap-1 rounded-md border-transparent bg-blue-50 px-2 text-xs font-normal text-blue-700 hover:bg-blue-100 [&_svg]:h-3 [&_svg]:w-3" })), jsx(TranscriptRollupBadges, { documentsCount: 0, toolCallsCount: rollup.toolCallsCount })] }))] }), jsx("div", { className: "flex items-center gap-2 text-sm text-gray-600", children: jsx(ChevronRight, { className: "h-4 w-4" }) })] }, conversation.id));
-                                            }) }), totalPages > 1 && PaginationComponent && (jsx("div", { className: "my-2", children: jsx(PaginationComponent, { currentPage: currentPage, totalPages: totalPages, onPageChange: handlePageChange, disabled: isChatHistoryFetching || isChatHistoryLoading, disableNumberedButtons: isMobile }) }))] }), jsx("div", { className: "scrollbar-hide hidden max-h-[500px] flex-col overflow-y-auto rounded-lg border bg-white p-6 shadow-sm md:flex", tabIndex: 0, role: "region", "aria-label": t('tabsHistoryTab.conversationPreviewLabel'), children: selectedConversation && previewConversationContent ? (jsxs(Fragment$1, { children: [jsxs("div", { className: "mb-4", children: [jsx("h3", { className: "mb-1 text-base font-semibold text-gray-700", children: ((_m = selectedConversation.messages[0]) === null || _m === void 0 ? void 0 : _m.human) || labels.conversation.title }), jsx("span", { className: "text-sm text-gray-500", children: format$1(new Date(selectedConversation.inserted_at), "MMM dd, yyyy 'at' h:mm a") }), jsx(RetrievedDocumentsButton, { sessionId: selectedConversation.id, documents: conversationDocuments(selectedConversation.messages).length > 0
+                                            }) }), totalPages > 1 && PaginationComponent && (jsx("div", { className: "my-2", children: jsx(PaginationComponent, { currentPage: currentPage, totalPages: totalPages, onPageChange: handlePageChange, disabled: isChatHistoryFetching || isChatHistoryLoading, disableNumberedButtons: isMobile }) }))] }), jsx("div", { className: "scrollbar-hide hidden max-h-[500px] flex-col overflow-y-auto rounded-lg border bg-white p-6 shadow-sm md:flex", tabIndex: 0, role: "region", "aria-label": t('tabsHistoryTab.conversationPreviewLabel'), children: selectedConversation && previewConversationContent ? (jsxs(Fragment$1, { children: [jsxs("div", { className: "mb-4", children: [jsx("h3", { className: "mb-1 text-base font-semibold text-gray-700", children: conversationTitle(selectedConversation, labels.conversation.title) }), jsx("span", { className: "text-sm text-gray-500", children: format$1(new Date(selectedConversation.inserted_at), "MMM dd, yyyy 'at' h:mm a") }), jsx(RetrievedDocumentsButton, { sessionId: selectedConversation.id, documents: conversationDocuments(selectedConversation.messages).length > 0
                                                             ? conversationDocuments(selectedConversation.messages)
-                                                            : undefined, className: "mt-2" })] }), jsxs("div", { className: "space-y-6", children: [selectedConversation.messages.map((message, index) => (jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-blue-100", children: jsx("span", { className: "text-sm font-medium text-blue-600", children: selectedOwner.initial }) }), jsxs("div", { className: "flex-1", children: [jsx("div", { className: "font-medium text-gray-700", children: jsx(UserProfileLink, { tenantKey: tenantKey, username: selectedOwner.profileUsername, display: selectedOwner.label, currentSPA: currentSPA }) }), jsx("p", { className: "mt-1 text-sm whitespace-pre-line text-gray-500", children: message.human }), jsx(TranscriptFileCards, { files: attachmentCards(message.human_files) })] })] }), jsxs("div", { className: "flex items-start gap-3 border-t border-gray-200 pt-4", children: [jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-gray-100", children: jsx("span", { className: "text-sm font-medium text-gray-600", children: t('tabsHistoryTab.aiAvatarLabel') }) }), jsxs("div", { className: "flex-1", children: [jsx("div", { className: "font-medium text-gray-700", children: labels.conversation.aiAgent }), jsx("div", { className: "mt-1 text-sm text-gray-500", children: renderAiContent(message.ai) }), jsx(TranscriptFileCards, { files: attachmentCards(message.ai_files) }), jsx(TranscriptTurnDetails, { turn: message, tenantKey: tenantKey, mentorId: mentorId })] })] })] }, index))), (selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.memory_tracked) && (jsxs("div", { className: "border-t border-gray-200 pt-4", children: [jsxs(Button$1, { variant: "outline", onClick: () => setShowConversationMemory(!showConversationMemory), className: "flex w-full items-center justify-center gap-2 border-gray-200 text-gray-700 hover:bg-gray-50", children: [jsx(Brain, { className: "h-4 w-4" }), showConversationMemory ? labels.memory.hide : labels.memory.show] }), showConversationMemory && (jsx("div", { className: "mt-4 space-y-6", children: isConversationMemoryLoading ? (jsx("div", { className: "flex items-center justify-center py-4", children: jsx(Spinner, {}) })) : ((_o = conversationMemory === null || conversationMemory === void 0 ? void 0 : conversationMemory.entries) === null || _o === void 0 ? void 0 : _o.length) ? (jsx(Fragment$1, { children: conversationMemory.entries.map((entry, index) => (jsxs("div", { children: [jsx("h4", { className: "mb-3 font-semibold text-gray-900", children: entry.key }), jsx("ul", { className: "space-y-2", children: jsx("li", { className: "flex items-start gap-2 text-sm text-gray-600", children: entry.value }) })] }, index))) })) : (jsx("div", { className: "text-sm text-gray-500", children: labels.memory.notAvailable })) }))] }))] })] })) : (jsx("div", { className: "flex h-full items-center justify-center text-gray-500", children: labels.conversation.selectPrompt })) })] }))] }) }), jsx(Dialog, { open: isConversationPreviewModalOpen, onOpenChange: setIsConversationPreviewModalOpen, children: jsxs(DialogContent, { className: "scrollbar-hide mx-auto max-h-[80vh] max-w-[90vw] overflow-x-hidden overflow-y-auto", children: [jsx(DialogHeader, { children: jsx(DialogTitle, { className: "text-lg font-semibold text-gray-900", children: previewConversationContent
-                                    ? ((_p = previewConversationContent.messages[0]) === null || _p === void 0 ? void 0 : _p.human) || labels.conversation.title
+                                                            : undefined, className: "mt-2" })] }), jsxs("div", { className: "space-y-6", children: [selectedConversation.messages.map((message, index) => (jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-blue-100", children: jsx("span", { className: "text-sm font-medium text-blue-600", children: selectedOwner.initial }) }), jsxs("div", { className: "flex-1", children: [jsx("div", { className: "font-medium text-gray-700", children: jsx(UserProfileLink, { tenantKey: tenantKey, username: selectedOwner.profileUsername, display: selectedOwner.label, currentSPA: currentSPA }) }), jsx("p", { className: "mt-1 text-sm whitespace-pre-line text-gray-500", children: message.human }), jsx(TranscriptFileCards, { files: attachmentCards(message.human_files) })] })] }), jsxs("div", { className: "flex items-start gap-3 border-t border-gray-200 pt-4", children: [jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-gray-100", children: jsx("span", { className: "text-sm font-medium text-gray-600", children: t('tabsHistoryTab.aiAvatarLabel') }) }), jsxs("div", { className: "flex-1", children: [jsx("div", { className: "font-medium text-gray-700", children: labels.conversation.aiAgent }), jsx("div", { className: "mt-1 text-sm text-gray-500", children: renderAiContent(message.ai) }), jsx(TranscriptFileCards, { files: attachmentCards(message.ai_files) }), jsx(TranscriptTurnDetails, { turn: message, tenantKey: tenantKey, mentorId: mentorId })] })] })] }, index))), (selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.memory_tracked) && (jsxs("div", { className: "border-t border-gray-200 pt-4", children: [jsxs(Button$1, { variant: "outline", onClick: () => setShowConversationMemory(!showConversationMemory), className: "flex w-full items-center justify-center gap-2 border-gray-200 text-gray-700 hover:bg-gray-50", children: [jsx(Brain, { className: "h-4 w-4" }), showConversationMemory ? labels.memory.hide : labels.memory.show] }), showConversationMemory && (jsx("div", { className: "mt-4 space-y-6", children: isConversationMemoryLoading ? (jsx("div", { className: "flex items-center justify-center py-4", children: jsx(Spinner, {}) })) : ((_m = conversationMemory === null || conversationMemory === void 0 ? void 0 : conversationMemory.entries) === null || _m === void 0 ? void 0 : _m.length) ? (jsx(Fragment$1, { children: conversationMemory.entries.map((entry, index) => (jsxs("div", { children: [jsx("h4", { className: "mb-3 font-semibold text-gray-900", children: entry.key }), jsx("ul", { className: "space-y-2", children: jsx("li", { className: "flex items-start gap-2 text-sm text-gray-600", children: entry.value }) })] }, index))) })) : (jsx("div", { className: "text-sm text-gray-500", children: labels.memory.notAvailable })) }))] }))] })] })) : (jsx("div", { className: "flex h-full items-center justify-center text-gray-500", children: labels.conversation.selectPrompt })) })] }))] }) }), jsx(Dialog, { open: isConversationPreviewModalOpen, onOpenChange: setIsConversationPreviewModalOpen, children: jsxs(DialogContent, { className: "scrollbar-hide mx-auto max-h-[80vh] max-w-[90vw] overflow-x-hidden overflow-y-auto", children: [jsx(DialogHeader, { children: jsx(DialogTitle, { className: "text-lg font-semibold text-gray-900", children: previewConversationContent
+                                    ? conversationTitle(previewConversationContent, labels.conversation.title)
                                     : labels.conversation.title }) }), jsx("div", { className: "mx-auto max-w-full overflow-x-hidden", children: previewConversationContent && (jsxs("div", { className: "scrollbar-hide space-y-4 overflow-y-auto", children: [jsx("div", { className: "text-sm text-gray-500", children: format$1(new Date(previewConversationContent.inserted_at), "MMM dd, yyyy 'at' h:mm a") }), jsx(RetrievedDocumentsButton, { sessionId: previewConversationContent.id, documents: conversationDocuments(previewConversationContent.messages).length > 0
                                             ? conversationDocuments(previewConversationContent.messages)
                                             : undefined }), previewConversationContent.messages.map((message, index) => (jsxs("div", { className: "space-y-4", children: [jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-blue-100", children: jsx("span", { className: "text-sm font-medium text-blue-600", children: previewOwner.initial }) }), jsxs("div", { className: "overflow-x-hidden", children: [jsx("div", { className: "truncate font-medium text-gray-900", children: jsx(UserProfileLink, { tenantKey: tenantKey, username: previewOwner.profileUsername, display: previewOwner.label, currentSPA: currentSPA }) }), jsx("p", { className: "mt-1 text-sm whitespace-pre-line text-gray-900", children: message.human }), jsx(TranscriptFileCards, { files: attachmentCards(message.human_files) })] })] }), jsxs("div", { className: "flex items-start gap-3 border-t border-gray-200 pt-4", children: [jsx("div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-gray-100", children: jsx("span", { className: "text-sm font-medium text-gray-600", children: t('tabsHistoryTab.aiAvatarLabel') }) }), jsxs("div", { className: "overflow-x-hidden", children: [jsx("div", { className: "font-medium text-gray-900", children: labels.conversation.aiAgent }), jsx("div", { className: "mt-1 text-sm text-gray-900", children: renderAiContent(message.ai) }), jsx(TranscriptFileCards, { files: attachmentCards(message.ai_files) }), jsx(TranscriptTurnDetails, { turn: message, tenantKey: tenantKey, mentorId: mentorId })] })] })] }, index)))] })) })] }) })] }));