@eeacms/volto-eea-chatbot 1.0.10 → 1.0.12

package/CHANGELOG.md

@@ -4,6 +4,34 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+### [1.0.12](https://github.com/eea/volto-eea-chatbot/compare/1.0.11...1.0.12) - 23 February 2026
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`fdcd884`](https://github.com/eea/volto-eea-chatbot/commit/fdcd8848fd4c3f990ca5ea021f407487aebd6010)]
+- chore: [JENKINSFILE] use sonarqube branches [EEA Jenkins - [`3d428d7`](https://github.com/eea/volto-eea-chatbot/commit/3d428d72f32c3d05452b0961c76f5db1c416e05c)]
+
+#### :hammer_and_wrench: Others
+
+- fix tests [Miu Razvan - [`1b08a47`](https://github.com/eea/volto-eea-chatbot/commit/1b08a4760f0f16c0a3c2a5be295196f510b8e4f0)]
+- fix tests [Miu Razvan - [`0e1c2a2`](https://github.com/eea/volto-eea-chatbot/commit/0e1c2a23cf17d0ead25132c126892778a74954e0)]
+- update [Miu Razvan - [`b9d3066`](https://github.com/eea/volto-eea-chatbot/commit/b9d306623b9034eb08fc77781a48e4ca59146e54)]
+- Filter non-verifiable sentences [Miu Razvan - [`988a4c7`](https://github.com/eea/volto-eea-chatbot/commit/988a4c71293fda99ffaf02d9750e137332d2a182)]
+### [1.0.11](https://github.com/eea/volto-eea-chatbot/compare/1.0.10...1.0.11) - 7 February 2026
+
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`0a2e3c8`](https://github.com/eea/volto-eea-chatbot/commit/0a2e3c8d000d48dcd949bd3332c7692b2248be53)]
+- chore: JENKINS remove java installation [valentinab25 - [`f224875`](https://github.com/eea/volto-eea-chatbot/commit/f2248756df7dfc89cfe2aea5609473092f331cc6)]
+- style: Automated code fix [eea-jenkins - [`26ae106`](https://github.com/eea/volto-eea-chatbot/commit/26ae106e8364ce7a7d00e75d72c1d77d4cfb7385)]
+
+#### :hammer_and_wrench: Others
+
+- Update tests [Miu Razvan - [`bfe9e0f`](https://github.com/eea/volto-eea-chatbot/commit/bfe9e0f6bfb446a8e59996fb87d5a151bc895c3f)]
+- fix eslint [Miu Razvan - [`9fecdf7`](https://github.com/eea/volto-eea-chatbot/commit/9fecdf747a9c00063c4cf865f515cf1c88f5afc7)]
+- fix eslint [Miu Razvan - [`25b2eba`](https://github.com/eea/volto-eea-chatbot/commit/25b2ebaf1ba7eb186285e8fa1e51e625167a7fd7)]
+- improve coverage to 80% [Miu Razvan - [`7bed26f`](https://github.com/eea/volto-eea-chatbot/commit/7bed26fd8ee9622755f43c5bc625e7a60c5cc09c)]
+- update jest snapshots [Miu Razvan - [`e9e0732`](https://github.com/eea/volto-eea-chatbot/commit/e9e073286fd41fc8f22a5eba248a6cc34eda57d0)]
 ### [1.0.10](https://github.com/eea/volto-eea-chatbot/compare/1.0.9...1.0.10) - 27 January 2026
 
 #### :hammer_and_wrench: Others

package/README.md

@@ -3,16 +3,16 @@
 [![Releases](https://img.shields.io/github/v/release/eea/volto-eea-chatbot)](https://github.com/eea/volto-eea-chatbot/releases)
 
 [![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-eea-chatbot%2Fmaster&subject=master)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-eea-chatbot/job/master/display/redirect)
-[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot-master&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot-master)
-[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot-master&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot-master)
-[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot-master&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot-master)
-[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot-master&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot-master)
+[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot)
+[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot)
+[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot)
+[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot)
 
 [![Pipeline](https://ci.eionet.europa.eu/buildStatus/icon?job=volto-addons%2Fvolto-eea-chatbot%2Fdevelop&subject=develop)](https://ci.eionet.europa.eu/view/Github/job/volto-addons/job/volto-eea-chatbot/job/develop/display/redirect)
-[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot-develop&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot-develop)
-[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot-develop&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot-develop)
-[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot-develop&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot-develop)
-[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot-develop&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot-develop)
+[![Lines of Code](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot&branch=develop&metric=ncloc)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot&branch=develop)
+[![Coverage](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot&branch=develop&metric=coverage)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot&branch=develop)
+[![Bugs](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot&branch=develop&metric=bugs)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot&branch=develop)
+[![Duplicated Lines (%)](https://sonarqube.eea.europa.eu/api/project_badges/measure?project=volto-eea-chatbot&branch=develop&metric=duplicated_lines_density)](https://sonarqube.eea.europa.eu/dashboard?id=volto-eea-chatbot&branch=develop)
 
 [Volto](https://github.com/plone/volto) add-on that integrates an AI-powered chatbot with a customizable interface and advanced settings to tailor its behavior and enhance user interactions.
 

package/jest-addon.config.js

@@ -430,7 +430,7 @@ module.exports = {
       '<rootDir>/node_modules/@plone/volto/jest-addons-loader.js',
   },
   transformIgnorePatterns: [
-    '/node_modules/(?!(@plone|@root|@package|@eeacms)/).*/',
+    '/node_modules/(?!(@plone|@root|@package|@eeacms|compromise|efrt|grad-school|suffix-thumb)/).*/',
   ],
   transform: {
     '^.+\\.js(x)?$': 'babel-jest',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-chatbot",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "@eeacms/volto-eea-chatbot: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -43,6 +43,7 @@
     "@eeacms/volto-matomo": "*",
     "@microsoft/fetch-event-source": "2.0.1",
     "@plone-collective/volto-sentry": "*",
+    "compromise": "14.14.5",
     "fast-json-patch": "3.1.1",
     "highlight.js": "11.10.0",
     "luxon": "3.5.0",

package/src/ChatBlock/ChatBlockView.jsx

@@ -1,12 +1,36 @@
+import { useMemo, useEffect } from 'react';
 import superagent from 'superagent';
+import { parse } from 'qs';
 import withOnyxData from './hocs/withOnyxData';
 import { ChatWindow } from './chat';
 
 function ChatBlockView(props) {
-  const { assistantData, data, isEditMode } = props;
+  const { id, assistantData, data, isEditMode, location } = props;
+
+  const query = useMemo(
+    () => parse(location?.search.replace('?', '')) || {},
+    [location],
+  );
+
+  const isPlaywrightTest = query.playwright === 'yes';
+
+  useEffect(() => {
+    if (isPlaywrightTest) {
+      window.__EEA_CHATBOT_TEST_CONFIG__ = {
+        block_id: id,
+        ...data,
+      };
+    }
+  }, [id, isPlaywrightTest, data]);
 
   return assistantData ? (
-    <ChatWindow persona={assistantData} isEditMode={isEditMode} {...data} />
+    <ChatWindow
+      persona={assistantData}
+      isEditMode={isEditMode}
+      isPlaywrightTest={isPlaywrightTest}
+      block_id={id}
+      {...data}
+    />
   ) : (
     <div>Chatbot</div>
   );

package/src/ChatBlock/chat/AIMessage.tsx

@@ -67,28 +67,30 @@ function addQualityMarkersPlugin() {
 }
 
 export function addHalloumiContext(doc: any, text: string) {
-  const updatedDate = doc.updated_at
-    ? new Date(doc.updated_at).toLocaleString('en-GB', {
-        year: 'numeric',
-        month: 'long',
-        day: '2-digit',
-        hour: '2-digit',
-        minute: '2-digit',
-      })
-    : '';
-
-  const docIndex = doc.index ? `DOCUMENT ${doc.index}: ` : '';
-  const sources: any = { web: 'Website', file: 'File' };
-
-  const sourceType = doc.source_type
-    ? sources[doc.source_type] || capitalize(doc.source_type)
-    : '';
-
-  const header = `${docIndex}${doc.semantic_identifier}${
-    sourceType ? `\nSource: ${sourceType}` : ''
-  }${updatedDate ? `\nUpdated: ${updatedDate}` : ''}`;
-
-  return `${header}\n${text}`;
+  // TODO: CLEAN UP
+  // const updatedDate = doc.updated_at
+  //   ? new Date(doc.updated_at).toLocaleString('en-GB', {
+  //       year: 'numeric',
+  //       month: 'long',
+  //       day: '2-digit',
+  //       hour: '2-digit',
+  //       minute: '2-digit',
+  //     })
+  //   : '';
+
+  // const docIndex = doc.index ? `DOCUMENT ${doc.index}: ` : '';
+  // const sources: any = { web: 'Website', file: 'File' };
+
+  // const sourceType = doc.source_type
+  //   ? sources[doc.source_type] || capitalize(doc.source_type)
+  //   : '';
+
+  // const header = `${docIndex}${doc.semantic_identifier}${
+  //   sourceType ? `\nSource: ${sourceType}` : ''
+  // }${updatedDate ? `\nUpdated: ${updatedDate}` : ''}`;
+
+  // return `${header}\n${text}`;
+  return text.replace(/\u00A0/g, ' ');
 }
 
 function mapToolDocumentsToText(message: any) {
@@ -142,11 +144,13 @@ function getContextSources(
       );
 }
 
-function getScoreDetails(claims: any, qualityCheckStages: any) {
+function getScoreDetails(rawClaims: any, qualityCheckStages: any) {
+  const claims = rawClaims.filter((claim: any) => !claim.skipped);
   const score = (
     (claims.length > 0
-      ? claims.reduce((acc: any, { score }: any) => acc + score, 0) /
-        claims.length
+      ? claims
+          .filter((claim: any) => !claim.skipped)
+          .reduce((acc: any, { score }: any) => acc + score, 0) / claims.length
       : 1) * 100
   ).toFixed(0);
 
@@ -165,6 +169,7 @@ function getScoreDetails(claims: any, qualityCheckStages: any) {
 
 export function AIMessage({
   message,
+  prevMessage,
   isLoading,
   libs,
   onChoice,
@@ -283,6 +288,7 @@ export function AIMessage({
   );
 
   const claims = markers?.claims || [];
+  const emptyClaims = markers?.empty || false;
   const { score, scoreStage, scoreColor, isFirstScoreStage } = getScoreDetails(
     claims,
     qualityCheckStages,
@@ -434,6 +440,7 @@ export function AIMessage({
           }}
           showVerifyClaimsButton={showVerifyClaimsButton}
           retryHalloumi={retryHalloumi}
+          emptyClaims={emptyClaims}
         />
       )}
 
@@ -474,7 +481,10 @@ export function AIMessage({
 
   // Tab panes - conditionally include Sources tab
   const panes = [
-    { menuItem: 'Answer', pane: <Tab.Pane key="answer">{answerTab}</Tab.Pane> },
+    {
+      menuItem: { key: 'answer', content: 'Answer', className: 'answer-tab' },
+      pane: <Tab.Pane key="answer">{answerTab}</Tab.Pane>,
+    },
     ...(showSources && !error
       ? [
           {
@@ -486,6 +496,7 @@ export function AIMessage({
                   <span className="sources-count">({sources.length})</span>
                 </span>
               ),
+              className: 'sources-tab',
             },
             pane: (
               <Tab.Pane key="sources">

package/src/ChatBlock/chat/ChatWindow.tsx

@@ -22,6 +22,7 @@ import PenIcon from '../../icons/square-pen.svg';
 import '../style.less';
 
 interface ChatWindowProps {
+  block_id?: string;
   persona: Persona;
   rehypePrism?: any;
   remarkGfm?: any;
@@ -47,15 +48,18 @@ interface ChatWindowProps {
   enableMatomoTracking?: boolean;
   onDemandInputToggle?: boolean;
   maxContextSegments?: number;
+  isPlaywrightTest?: boolean;
   [key: string]: any;
 }
 
 function ChatWindow({
+  block_id,
   persona,
   rehypePrism,
   remarkGfm,
   placeholderPrompt = 'Ask a question',
   isEditMode,
+  isPlaywrightTest,
   ...data
 }: ChatWindowProps) {
   const {
@@ -141,7 +145,10 @@ function ChatWindow({
   );
 
   return (
-    <div className="chat-window">
+    <div
+      className="chat-window"
+      data-playwright-block-id={isPlaywrightTest ? block_id : undefined}
+    >
       <div className="messages">
         {showLandingPage ? (
           <>
@@ -178,6 +185,7 @@ function ChatWindow({
                 <React.Fragment>
                   <ChatMessage
                     key={message.messageId}
+                    prevMessage={messages[index - 1]}
                     message={message}
                     isLoading={isStreaming}
                     isDeepResearchEnabled={isDeepResearchEnabled}
@@ -211,7 +219,7 @@ function ChatWindow({
 
               {isStreaming &&
                 !isFetchingRelatedQuestions &&
-                !messages[messages.length - 1].isFinalMessageComing && (
+                !messages[messages.length - 1]?.isFinalMessageComing && (
                   <div className="comment">
                     <div className="circle assistant placeholder"></div>
                     <div className="comment-content">
@@ -269,7 +277,9 @@ function ChatWindow({
             </div>
           )}
 
-          {deepResearch === 'always_on' && <small>Deep research on</small>}
+          {deepResearch === 'always_on' && (
+            <small className="deep-research-toggle">Deep research on</small>
+          )}
         </div>
         <div ref={chatWindowEndRef} /> {/* End div to mark the bottom */}
       </div>

package/src/ChatBlock/components/AutoResizeTextarea.jsx

@@ -40,6 +40,7 @@ export default React.forwardRef(function AutoResizeTextarea(props, ref) {
             setInput(input + '\n');
           }
         }}
+        disabled={isStreaming}
         {...rest}
         ref={ref}
       />
@@ -52,7 +53,7 @@ export default React.forwardRef(function AutoResizeTextarea(props, ref) {
           onKeyDown={(e) => {
             handleSubmit(e);
           }}
-          disabled={isStreaming}
+          disabled={isStreaming || input.trim() === ''}
           onClick={(e) => {
             handleSubmit(e);
           }}

package/src/ChatBlock/components/HalloumiFeedback.jsx

@@ -72,8 +72,10 @@ const HalloumiFeedback = ({
   showVerifyClaimsButton,
   sources,
   retryHalloumi,
+  emptyClaims,
 }) => {
-  const noClaimsScore = markers?.claims[0]?.score === null;
+  const claims = (markers?.claims || []).filter((claim) => !claim.skipped);
+  const noClaimsScore = claims[0]?.score === null;
   const messageBySource =
     'Please allow a few minutes for claim verification when many references are involved.';
 
@@ -98,7 +100,7 @@ const HalloumiFeedback = ({
 
       {noClaimsScore && (
         <>
-          <Message color="red">{markers?.claims?.[0].rationale}</Message>
+          <Message color="red">{claims[0].rationale}</Message>
           <Button onClick={retryHalloumi} className="icon">
             <SVGIcon name={RotateIcon} /> Retry Fact-check AI answer
           </Button>
@@ -110,12 +112,14 @@ const HalloumiFeedback = ({
           color={scoreColor}
           className={cx(
             'claim-message',
-            getSupportedBgColor(score / 100, 'claim'),
+            emptyClaims
+              ? 'claim-empty claim-gray-500'
+              : getSupportedBgColor(score / 100, 'claim'),
           )}
           icon
         >
           <MessageContent>
-            {printSlate(halloumiMessage, `${score}%`)}
+            {emptyClaims || printSlate(halloumiMessage, `${score}%`)}
           </MessageContent>
         </Message>
       )}

package/src/ChatBlock/components/QualityCheckToggle.jsx

@@ -10,7 +10,7 @@ const QualityCheckToggle = ({ isEditMode, enabled, setEnabled }) => {
         content="Checks the AI's statements against cited sources to highlight possible inaccuracies and hallucinations."
         trigger={
           <Checkbox
-            id="fact-check-toggle"
+            id="quality-check-toggle"
             toggle
             label="Fact-check AI answer"
             disabled={isEditMode}

package/src/ChatBlock/components/markdown/ClaimModal.jsx

@@ -30,7 +30,7 @@ const trimNonAlphanumeric = (str) =>
   stripMarkdown(str).replace(/(?:^[^a-zA-Z0-9]+)|(?:[^a-zA-Z0-9]+$)/g, '');
 
 export function ClaimModal({ claim, markers, text, citedSources }) {
-  const highlightText = trimNonAlphanumeric(text?.[0] || '');
+  const highlightText = trimNonAlphanumeric(text || '');
 
   return (
     <Modal

package/src/ChatBlock/components/markdown/ClaimSegments.jsx

@@ -10,9 +10,8 @@ const VISIBLE_SEGMENTS = 50; // Number of citations to show by default
 
 export function ClaimSegments({ segmentIds, segments, citedSources }) {
   const joinedSources = citedSources.reduce((acc, source) => {
-    source.startIndex = acc.length ? acc.length + 1 : 0;
-    const sep = acc ? '\n' : '';
-    return acc + sep + source.halloumiContext; // + '\n---\n';
+    source.startIndex = acc.length;
+    return acc + source.halloumiContext;
   }, '');
 
   const snippets = (segmentIds || [])

package/src/ChatBlock/components/markdown/RenderClaimView.jsx

@@ -19,7 +19,7 @@ export const RenderClaimView = (props) => {
 
   sortedSegments.forEach((segment) => {
     const segmentStart = segment.startOffset - sourceStartIndex;
-    const segmentEnd = segment.endOffset - sourceStartIndex;
+    const segmentEnd = segment.endOffset - sourceStartIndex + 1;
 
     // Add the text part before the current segment
     if (segmentStart > lastIndex) {

package/src/ChatBlock/components/markdown/index.js

@@ -33,31 +33,57 @@ export function components(message, markers, citedSources) {
       return <td {...rest}>{processedChildren}</td>;
     },
     span: (props) => {
-      const { node, ...rest } = props;
+      const { node, children } = props;
       const child = node.children[0];
-      let claim;
 
       // identifies if the current text belongs to a claim
       if (child.type === 'text' && child.position && markers) {
+        const text = child.value || '';
         const start = child.position.start.offset;
         const end = child.position.end.offset;
-        claim = markers.claims?.find(
+        const claims = markers.claims?.filter(
           (claim) =>
-            (start >= claim.startOffset && end <= claim.endOffset) ||
-            (claim.startOffset >= start && end <= claim.endOffset),
+            claim.score !== null &&
+            ((start >= claim.startOffset && end <= claim.endOffset) ||
+              (start <= claim.endOffset && end >= claim.endOffset) ||
+              (start <= claim.startOffset && end >= claim.startOffset)),
         );
+
+        if (claims && claims.length > 0) {
+          let relStart = 0;
+          const claimsSegments = claims.map((claim) => ({
+            claim,
+            start: Math.max(0, claim.startOffset - start),
+            end: Math.min(text.length, claim.endOffset - start),
+          }));
+          const segments = claimsSegments.reduce((acc, segment) => {
+            if (relStart < segment.start) {
+              acc.push(child.value.substring(relStart, segment.start));
+            }
+            const claimText = child.value.substring(segment.start, segment.end);
+            acc.push(
+              <ClaimModal
+                claim={segment.claim}
+                markers={markers}
+                text={claimText}
+                citedSources={citedSources}
+              />,
+            );
+            relStart = segment.end;
+            return acc;
+          }, []);
+
+          if (relStart < text.length) {
+            segments.push(text.substring(relStart));
+          }
+
+          return segments;
+        }
+
+        return text;
       }
 
-      return !claim || claim?.score === null ? (
-        rest.children || []
-      ) : (
-        <ClaimModal
-          claim={claim}
-          markers={markers}
-          text={rest.children}
-          citedSources={citedSources}
-        />
-      );
+      return children || [];
     },
     a: (props) => {
       const { node, children, href, ...rest } = props;

package/src/ChatBlock/hooks/useChatController.ts

@@ -18,19 +18,8 @@ interface RelatedQuestion {
 
 // Extract JSON array from related questions response
 function extractRelatedQuestions(str: string): RelatedQuestion[] {
-  const regex = /\[[\s\S]*?\]/;
-  const match = str.match(regex);
-
-  if (match) {
-    try {
-      return JSON.parse(match[0]);
-    } catch {
-      // Fallback to line-by-line parsing
-      return str
-        .split('\n')
-        .filter((line) => line.trim())
-        .map((question) => ({ question }));
-    }
+  if (str.toLowerCase().includes('no_response')) {
+    throw new Error('Related questions were not generated properly');
   }
 
   return str
@@ -65,7 +54,7 @@ async function fetchRelatedQuestions(
     };
 
     let result = '';
-    for await (const packets of sendMessage(params)) {
+    for await (const packets of sendMessage(params, true)) {
       for (const packet of packets) {
         if (packet.obj.type === PacketType.MESSAGE_DELTA) {
           result += packet.obj.content;
@@ -88,6 +77,7 @@ export function useChatController({
 }: UseChatControllerProps) {
   const [messages, setMessages] = useState<Message[]>([]);
   const [chatSessionId, setChatSessionId] = useState<string | null>(null);
+  const [chatSessionLoading, setChatSessionLoading] = useState(false);
   const [isDeepResearchEnabled, setIsDeepResearchEnabled] = useState(
     deepResearch === 'always_on' || deepResearch === 'user_on',
   );
@@ -183,6 +173,7 @@ export function useChatController({
         let sessionId = chatSessionId;
 
         if (!sessionId) {
+          setChatSessionLoading(true);
           sessionId = await createChatSession(personaId, 'Chat session');
           setChatSessionId(sessionId);
         }
@@ -241,6 +232,8 @@ export function useChatController({
         );
       } catch (error) {
         console.error('Failed to submit message:', error);
+      } finally {
+        setChatSessionLoading(false);
       }
     },
     [
@@ -319,7 +312,7 @@ export function useChatController({
 
   return {
     messages,
-    isStreaming,
+    isStreaming: isStreaming || chatSessionLoading,
     isCancelled,
     isFetchingRelatedQuestions,
     onSubmit,

package/src/ChatBlock/hooks/useQualityMarkers.js

@@ -54,17 +54,6 @@ export function useQualityMarkers(
         return;
       }
 
-      // // console.log('Halloumi sources:', sources.length, sources);
-      // if (sources.length > 40) {
-      //   // eslint-disable-next-line no-console
-      //   console.warn(
-      //     `Warning: Too many sources (${sources.length}). Skipping quality control.`,
-      //   );
-      //
-      //   setHalloumiResponse(empty(message, TOOLARGE_RATIONALE));
-      //   return;
-      // }
-
       setIsLoading(true);
 
       try {

package/src/ChatBlock/packets/renderers/MessageTextRenderer.tsx

@@ -46,6 +46,14 @@ export const MessageTextRenderer: MessageRenderer<ChatPacket> = ({
   const [displayedPacketCount, setDisplayedPacketCount] =
     useState(initialPacketCount);
 
+  useEffect(() => {
+    const audioCtx = new AudioContext();
+
+    return () => {
+      audioCtx.close();
+    };
+  }, []);
+
   // Animation effect - gradually increase displayed packets at controlled rate
   // Adaptive animation: ensures visible typing effect even for fast streams
   useEffect(() => {

package/src/ChatBlock/services/streamingService.ts

@@ -8,7 +8,7 @@ export interface SendMessageParams {
   parentMessageId: number | null;
   chatSessionId: string;
   filters: Filters | null;
-  selectedDocumentIds: number[] | null;
+  selectedDocumentIds: number[] | string[] | null;
   queryOverride?: string;
   forceSearch?: boolean;
   modelProvider?: string;
@@ -166,30 +166,33 @@ export async function* handleStream(
 /**
  * Send a message and stream the response
  */
-export async function* sendMessage({
-  regenerate,
-  retrieval_options,
-  message,
-  fileDescriptors,
-  currentMessageFiles,
-  parentMessageId,
-  chatSessionId,
-  filters,
-  selectedDocumentIds,
-  queryOverride,
-  forceSearch,
-  modelProvider,
-  modelVersion,
-  temperature,
-  systemPromptOverride,
-  taskPromptOverride,
-  useExistingUserMessage,
-  alternateAssistantId,
-  signal,
-  useAgentSearch,
-  enabledToolIds,
-  forcedToolIds,
-}: SendMessageParams): AsyncGenerator<Packet[], void, unknown> {
+export async function* sendMessage(
+  {
+    regenerate,
+    retrieval_options,
+    message,
+    fileDescriptors,
+    currentMessageFiles,
+    parentMessageId,
+    chatSessionId,
+    filters,
+    selectedDocumentIds,
+    queryOverride,
+    forceSearch,
+    modelProvider,
+    modelVersion,
+    temperature,
+    systemPromptOverride,
+    taskPromptOverride,
+    useExistingUserMessage,
+    alternateAssistantId,
+    signal,
+    useAgentSearch,
+    enabledToolIds,
+    forcedToolIds,
+  }: SendMessageParams,
+  isRelatedQuestion: boolean = false,
+): AsyncGenerator<Packet[], void, unknown> {
   const documentsAreSelected =
     selectedDocumentIds && selectedDocumentIds.length > 0;
 
@@ -233,7 +236,8 @@ export async function* sendMessage({
 
   const body = JSON.stringify(payload);
 
-  const sendMessageResponse = await fetch('/_da/chat/send-message', {
+  const middleware = isRelatedQuestion ? '_rq' : '_da';
+  const sendMessageResponse = await fetch(`/${middleware}/chat/send-message`, {
     method: 'POST',
     headers: {
       'Content-Type': 'application/json',