@coveo/atomic 3.61.3 → 3.61.5

package/dist/cjs/autoloader/index.cjs

@@ -50,11 +50,18 @@ function registerAutoloader(roots) {
         roots
     ];
     const visitedNodes = new WeakSet();
+    const reportRegistrationError = (tagName, error)=>{
+        console.error(`[Atomic] Failed to register the "${tagName}" component. The component will not be displayed. This can happen when its code fails to load (e.g. network error, CDN issue, content security policy, proxy, or ad blocker).`, error);
+    };
     const observeStencilElementHydration = (atomicElement)=>{
         const attributeObserver = new MutationObserver(async ()=>{
             if (atomicElement.classList.contains('hydrated') && 'shadowRoot' in atomicElement && atomicElement.shadowRoot && !visitedNodes.has(atomicElement.shadowRoot)) {
                 attributeObserver.disconnect();
-                await discover(atomicElement.shadowRoot);
+                try {
+                    await discover(atomicElement.shadowRoot);
+                } catch (error) {
+                    reportRegistrationError(atomicElement.tagName.toLowerCase(), error);
+                }
                 observer.observe(atomicElement.shadowRoot, {
                     subtree: true,
                     childList: true
@@ -109,16 +116,27 @@ function registerAutoloader(roots) {
         await Promise.allSettled(litRegistrationPromises);
         customElements.upgrade(root);
     };
-    const register = (tagName)=>{
-        if (customElements.get(tagName)) return Promise.resolve();
-        return lazy_index_cjs_default()[tagName]?.();
+    const register = async (tagName)=>{
+        if (customElements.get(tagName)) return;
+        try {
+            await lazy_index_cjs_default()[tagName]?.();
+        } catch (error) {
+            reportRegistrationError(tagName, error);
+        }
     };
     const observer = new MutationObserver(async (mutations)=>{
-        for (const { addedNodes } of mutations)for (const node of addedNodes)if (node.nodeType === Node.ELEMENT_NODE) await discover(node);
+        for (const { addedNodes } of mutations)for (const node of addedNodes)if (node.nodeType === Node.ELEMENT_NODE) try {
+            await discover(node);
+        } catch (error) {
+            reportRegistrationError(node.tagName.toLowerCase(), error);
+        }
     });
     const initializeDiscovery = ()=>{
         for (const root of roots){
-            discover(root);
+            discover(root).catch((error)=>{
+                const tagName = root instanceof Element ? root.tagName.toLowerCase() : 'root';
+                reportRegistrationError(tagName, error);
+            });
             observer.observe(root, {
                 subtree: true,
                 childList: true

package/dist/cjs/components/common/atomic-generated-answer-content/atomic-generated-answer-content.cjs

@@ -46,7 +46,9 @@ const when_js_namespaceObject = require("lit/directives/when.js");
 const atomic_generated_answer_tw_css_cjs_namespaceObject = require("../../search/atomic-generated-answer/atomic-generated-answer.tw.css.cjs");
 var atomic_generated_answer_tw_css_cjs_default = /*#__PURE__*/ __webpack_require__.n(atomic_generated_answer_tw_css_cjs_namespaceObject);
 const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
+const accessibility_utils_cjs_namespaceObject = require("../../../utils/accessibility-utils.cjs");
 require("../atomic-agent-stream-of-thought/atomic-agent-stream-of-thought.cjs");
+const answer_announcement_cjs_namespaceObject = require("../generated-answer/answer-announcement.cjs");
 const generated_content_container_cjs_namespaceObject = require("../generated-answer/generated-content-container.cjs");
 const render_feedback_and_copy_buttons_cjs_namespaceObject = require("../generated-answer/render-feedback-and-copy-buttons.cjs");
 const source_citations_cjs_namespaceObject = require("../generated-answer/source-citations.cjs");
@@ -100,6 +102,24 @@ class AtomicGeneratedAnswerContent extends external_lit_namespaceObject.LitEleme
       </div>
     `;
     }
+    updated() {
+        this.announceAnswerStatus();
+    }
+    announceAnswerStatus() {
+        if (!this.i18n || !this.generatedAnswer) return;
+        const { message, assertive } = (0, answer_announcement_cjs_namespaceObject.getAnswerAnnouncement)(this.generatedAnswer, this.i18n);
+        if (!this.hasObservedAnswer) {
+            this.hasObservedAnswer = true;
+            if ((0, answer_announcement_cjs_namespaceObject.isSettledAnswer)(this.generatedAnswer)) {
+                this.lastAnnouncedMessage = message;
+                return;
+            }
+        }
+        if (message === this.lastAnnouncedMessage) return;
+        this.lastAnnouncedMessage = message;
+        if (assertive) this.ariaErrorMessage.message = message;
+        else this.ariaMessage.message = message;
+    }
     renderFeedbackAndCopyButtons(answerId) {
         return (0, external_lit_namespaceObject.html)`
       <div class="mt-4" part="feedback-and-copy-buttons">
@@ -130,9 +150,11 @@ class AtomicGeneratedAnswerContent extends external_lit_namespaceObject.LitEleme
         try {
             await navigator.clipboard.writeText(answer);
             this.copyState = 'success';
+            this.ariaCopyMessage.message = this.i18n.t('generated-answer-copied');
             this.onCopyToClipboard(answerId);
         } catch (error) {
             this.copyState = 'error';
+            this.ariaCopyMessage.message = this.i18n.t('failed-to-copy-generated-answer');
             console.error(`Failed to copy to clipboard: ${error}`);
         }
         this.scheduleCopyReset();
@@ -169,7 +191,7 @@ class AtomicGeneratedAnswerContent extends external_lit_namespaceObject.LitEleme
     `;
     }
     constructor(...args){
-        super(...args), this.answerId = '', this.renderCitations = ()=>(0, external_lit_namespaceObject.html)``, this.onClickLike = ()=>{}, this.onClickDislike = ()=>{}, this.onCopyToClipboard = ()=>{}, this.copyState = 'idle';
+        super(...args), this.answerId = '', this.renderCitations = ()=>(0, external_lit_namespaceObject.html)``, this.onClickLike = ()=>{}, this.onClickDislike = ()=>{}, this.onCopyToClipboard = ()=>{}, this.copyState = 'idle', this.ariaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'generated-answer', false, true), this.ariaErrorMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'generated-answer-error', true), this.ariaCopyMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'generated-answer-copy', true), this.hasObservedAnswer = false;
     }
 }
 AtomicGeneratedAnswerContent.styles = [

package/dist/cjs/components/common/atomic-generated-answer-thread/atomic-generated-answer-thread.cjs

@@ -138,7 +138,7 @@ class AtomicGeneratedAnswerThread extends external_lit_namespaceObject.LitElemen
     `;
         return (0, external_lit_namespaceObject.html)`
       <li class="group/title grid min-w-0 grid-cols-[10px_1fr] gap-x-3">
-        <div class="row-span-2 flex flex-col items-center">
+        <div class="row-span-2 flex flex-col items-center" aria-hidden="true">
           <div class="flex justify-center items-center text-base h-[1lh] my-1.5">
             <span class=${timelineDotClasses}></span>
           </div>

package/dist/cjs/components/common/atomic-generated-answer-thread-item/atomic-generated-answer-thread-item.cjs

@@ -121,7 +121,7 @@ class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitEl
         const timelineConnectorClasses = "relative h-full w-px bg-neutral transition-colors duration-150 group-hover:bg-neutral-dark before:absolute before:left-0 before:top-[-8px] before:h-[8px] before:w-px before:bg-neutral before:transition-colors before:duration-150 group-hover:before:bg-neutral-dark before:content-[''] after:absolute after:bottom-[-8px] after:left-0 after:h-[8px] after:w-px after:bg-neutral after:transition-colors after:duration-150 group-hover:after:bg-neutral-dark after:content-['']";
         return (0, external_lit_namespaceObject.html)`
       <div class="group/title grid min-w-0 grid-cols-[10px_1fr] gap-x-3">
-        <div class="row-span-2 flex flex-col items-center">
+        <div class="row-span-2 flex flex-col items-center" aria-hidden="true">
           <div class=${timelineDotToggleClasses}>
             ${(0, when_js_namespaceObject.when)(this.showTimelineDot, ()=>(0, external_lit_namespaceObject.html)`
                 <span
@@ -155,8 +155,9 @@ class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitEl
                 >${this.title}</span
               >`)}
         </div>
-        <div id=${this.contentId} class="min-w-0 pl-2 py-1.5">
+        <div class="min-w-0 pl-2 py-1.5">
           <div
+            id=${this.contentId}
             class="mb-2"
             ?hidden=${!this.isExpanded}
             aria-hidden=${this.isExpanded ? 'false' : 'true'}

package/dist/cjs/components/common/generated-answer/answer-announcement.cjs

@@ -0,0 +1,73 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    getAnswerAnnouncement: ()=>getAnswerAnnouncement,
+    isSettledAnswer: ()=>isSettledAnswer
+});
+const markdown_utils_cjs_namespaceObject = require("./generated-content/markdown-utils.cjs");
+const SILENT = {
+    message: '',
+    assertive: false
+};
+const getAnswerAnnouncement = (answer, i18n)=>{
+    if (!answer) return SILENT;
+    if (answer.error) {
+        const errorMessageKey = answer.error.isSseTurnLimitReachedError?.() ? 'generated-answer-error-turn-limit-reached' : 'generated-answer-error-generic';
+        return {
+            message: i18n.t(errorMessageKey),
+            assertive: true
+        };
+    }
+    if (answer.cannotAnswer) return {
+        message: i18n.t('generated-answer-cannot-generate-answer'),
+        assertive: true
+    };
+    if (answer.isStreaming || answer.isLoading) return {
+        message: i18n.t('generating-answer'),
+        assertive: false
+    };
+    if (answer.answer?.trim()) return {
+        message: i18n.t('answer-generated', {
+            answer: (0, markdown_utils_cjs_namespaceObject.markdownToPlainText)(answer.answer)
+        }),
+        assertive: false
+    };
+    return SILENT;
+};
+const isSettledAnswer = (answer)=>Boolean(answer && !answer.isStreaming && !answer.isLoading && !answer.error && !answer.cannotAnswer && answer.answer?.trim());
+exports.getAnswerAnnouncement = __webpack_exports__.getAnswerAnnouncement;
+exports.isSettledAnswer = __webpack_exports__.isSettledAnswer;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "getAnswerAnnouncement",
+    "isSettledAnswer"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/common/generated-answer/copy-button.cjs

@@ -54,6 +54,7 @@ const renderCopyButton = ({ props })=>{
     return (0, external_button_cjs_namespaceObject.renderButton)({
         props: {
             title: props.title,
+            ariaLabel: props.title,
             part: 'copy-button',
             style: 'text-transparent',
             class: classes.join(' '),
@@ -61,7 +62,7 @@ const renderCopyButton = ({ props })=>{
         }
     })((0, external_lit_namespaceObject.html)`
     <div class="icon-container text-neutral-dark">
-      <atomic-icon class="w-5" .icon=${copy_cjs_default()}></atomic-icon>
+      <atomic-icon class="w-5" .icon=${copy_cjs_default()} aria-hidden="true"></atomic-icon>
     </div>
   `);
 };

package/dist/cjs/components/common/generated-answer/feedback-button.cjs

@@ -68,6 +68,7 @@ const renderFeedbackButton = ({ props })=>{
     return (0, external_lit_namespaceObject.html)`<button
     type="button"
     title=${props.title}
+    aria-label=${props.title}
     part="feedback-button"
     class=${classNames}
     aria-pressed=${props.active ? 'true' : 'false'}
@@ -76,7 +77,7 @@ const renderFeedbackButton = ({ props })=>{
         })}
     @click=${props.onClick}
   >
-    <atomic-icon class=${iconClassNames} .icon=${thumbs_cjs_default()}></atomic-icon>
+    <atomic-icon class=${iconClassNames} .icon=${thumbs_cjs_default()} aria-hidden="true"></atomic-icon>
   </button>`;
 };
 exports.renderFeedbackButton = __webpack_exports__.renderFeedbackButton;

package/dist/cjs/components/common/generated-answer/generated-content/markdown-utils.cjs

@@ -69,8 +69,7 @@ const customRenderer = {
         return `<em part="answer-emphasis">${text}</em>`;
     },
     heading (text, level) {
-        const plainText = toInlinePlainText(text);
-        return `<div part="answer-heading-${level}" aria-label="${plainText}">${text}</div>`;
+        return `<div part="answer-heading-${level}" role="heading" aria-level="${level}">${text}</div>`;
     },
     html (text) {
         return escapeHtml(text);

package/dist/cjs/components/common/generated-answer/generated-content-container.cjs

@@ -31,10 +31,15 @@ __webpack_require__.d(__webpack_exports__, {
     renderGeneratedContentContainer: ()=>renderGeneratedContentContainer
 });
 const external_lit_namespaceObject = require("lit");
+const if_defined_js_namespaceObject = require("lit/directives/if-defined.js");
 const generated_markdown_content_cjs_namespaceObject = require("./generated-content/generated-markdown-content.cjs");
 const generated_text_content_cjs_namespaceObject = require("./generated-content/generated-text-content.cjs");
 const renderGeneratedContentContainer = ({ props })=>(children)=>(0, external_lit_namespaceObject.html)`
-    <div part="generated-container">
+    <div
+      part="generated-container"
+      id=${(0, if_defined_js_namespaceObject.ifDefined)(props.id)}
+      aria-busy=${props.isStreaming ? 'true' : 'false'}
+    >
       ${'text/markdown' === props.answerContentFormat ? (0, generated_markdown_content_cjs_namespaceObject.renderGeneratedMarkdownContent)({
             props: {
                 answer: props.answer,

package/dist/cjs/components/common/generated-answer/render-answer-content.cjs

@@ -38,6 +38,7 @@ const external_show_button_cjs_namespaceObject = require("./show-button.cjs");
 const external_source_citations_cjs_namespaceObject = require("./source-citations.cjs");
 const external_render_generating_answer_label_cjs_namespaceObject = require("./render-generating-answer-label.cjs");
 require("../atomic-icon/atomic-icon.cjs");
+const GENERATED_CONTENT_ID = 'generated-answer-content';
 const renderAnswerContent = ({ props })=>{
     const { i18n, generatedAnswer, collapsible, renderFeedbackAndCopyButtonsSlot, renderCitationsSlot, onRetry, onClickShowButton } = props;
     const { answer, isStreaming, citations, answerContentFormat, expanded, error } = generatedAnswer;
@@ -55,7 +56,8 @@ const renderAnswerContent = ({ props })=>{
         props: {
             answer,
             answerContentFormat,
-            isStreaming: !!isStreaming
+            isStreaming: !!isStreaming,
+            id: collapsible ? GENERATED_CONTENT_ID : void 0
         }
     })((0, external_lit_namespaceObject.html)`
               ${(0, external_source_citations_cjs_namespaceObject.renderSourceCitations)({
@@ -83,7 +85,8 @@ const renderAnswerContent = ({ props })=>{
         props: {
             i18n,
             onClick: onClickShowButton,
-            isCollapsed: !expanded
+            isCollapsed: !expanded,
+            controlsId: GENERATED_CONTENT_ID
         }
     }) : external_lit_namespaceObject.nothing}
               </div>

package/dist/cjs/components/common/generated-answer/show-button.cjs

@@ -53,6 +53,7 @@ const renderShowButton = ({ props })=>(0, external_lit_namespaceObject.html)`${(
             part: 'answer-show-button',
             class: 'hidden items-center hover:bg-transparent',
             ariaExpanded: props.isCollapsed ? 'false' : 'true',
+            ariaControls: props.controlsId,
             onClick: props.onClick
         }
     })((0, external_lit_namespaceObject.html)`

package/dist/cjs/components/insight/atomic-insight-generated-answer/atomic-insight-generated-answer.cjs

@@ -177,11 +177,13 @@ class AtomicInsightGeneratedAnswer extends external_lit_namespaceObject.LitEleme
     async copyToClipboard(answer) {
         await this.controller.copyToClipboard(answer, ()=>{
             this.copied = true;
+            this.ariaCopyMessage.message = this.bindings.i18n.t('generated-answer-copied');
             setTimeout(()=>{
                 this.copied = false;
             }, 2000);
         }, ()=>{
             this.copyError = true;
+            this.ariaCopyMessage.message = this.bindings.i18n.t('failed-to-copy-generated-answer');
             setTimeout(()=>{
                 this.copyError = false;
             }, 2000);
@@ -318,7 +320,7 @@ class AtomicInsightGeneratedAnswer extends external_lit_namespaceObject.LitEleme
     constructor(){
         super(), this.DEFAULT_COLLAPSED_HEIGHT = 16, this.MAX_COLLAPSED_HEIGHT = 32, this.MIN_COLLAPSED_HEIGHT = 9, this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS = [
             'filetype'
-        ], this.withToggle = false, this.collapsible = false, this.maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT, this.disableCitationAnchoring = false, this.copied = false, this.copyError = false, this.ariaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'generated-answer', false, true), this.ariaErrorMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'generated-answer-error', true), this.onGeneratedAnswerStateUpdate = ()=>{
+        ], this.withToggle = false, this.collapsible = false, this.maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT, this.disableCitationAnchoring = false, this.copied = false, this.copyError = false, this.ariaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'generated-answer', false, true), this.ariaErrorMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'generated-answer-error', true), this.ariaCopyMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'generated-answer-copy', true), this.onGeneratedAnswerStateUpdate = ()=>{
             if (this.generatedAnswerState.isVisible !== this.controller.data.isVisible) {
                 this.controller.data = {
                     ...this.controller.data,

package/dist/cjs/components/search/atomic-generated-answer/atomic-generated-answer.cjs

@@ -174,6 +174,7 @@ class AtomicGeneratedAnswer extends external_lit_namespaceObject.LitElement {
                 'generated-answer-content-background': this.areFollowUpsEnabled,
                 'agent-scrollable': this.areFollowUpsEnabled
             })}
+                    tabindex=${this.areFollowUpsEnabled ? '0' : external_lit_namespaceObject.nothing}
                   >
                     <article>${this.renderAnswerContent()}</article>
                   </div>
@@ -198,6 +199,9 @@ class AtomicGeneratedAnswer extends external_lit_namespaceObject.LitElement {
       </div>
     `;
     }
+    get shouldAnnounceAnswerStatus() {
+        return !this.areFollowUpsEnabled;
+    }
     get hasNoAnswerGenerated() {
         return this.controller.hasNoAnswerGenerated;
     }
@@ -222,11 +226,13 @@ class AtomicGeneratedAnswer extends external_lit_namespaceObject.LitElement {
     async copyToClipboard(answer) {
         await this.controller.copyToClipboard(answer, ()=>{
             this.copied = true;
+            this.ariaCopyMessage.message = this.bindings.i18n.t('generated-answer-copied');
             setTimeout(()=>{
                 this.copied = false;
             }, 2000);
         }, ()=>{
             this.copyError = true;
+            this.ariaCopyMessage.message = this.bindings.i18n.t('failed-to-copy-generated-answer');
             setTimeout(()=>{
                 this.copyError = false;
             }, 2000);
@@ -421,7 +427,7 @@ class AtomicGeneratedAnswer extends external_lit_namespaceObject.LitElement {
     constructor(){
         super(), this.DEFAULT_COLLAPSED_HEIGHT = 16, this.MAX_COLLAPSED_HEIGHT = 32, this.MIN_COLLAPSED_HEIGHT = 9, this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS = [
             'filetype'
-        ], this.withToggle = false, this.collapsible = false, this.maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT, this.disableCitationAnchoring = false, this.tabsIncluded = [], this.tabsExcluded = [], this.copied = false, this.copyError = false, this.ariaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'generated-answer', false, true), this.ariaErrorMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'generated-answer-error', true), this.onGeneratedAnswerStateUpdate = ()=>{
+        ], this.withToggle = false, this.collapsible = false, this.maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT, this.disableCitationAnchoring = false, this.tabsIncluded = [], this.tabsExcluded = [], this.copied = false, this.copyError = false, this.ariaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'generated-answer', false, true), this.ariaErrorMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'generated-answer-error', true), this.ariaCopyMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'generated-answer-copy', true), this.onGeneratedAnswerStateUpdate = ()=>{
             if (this.generatedAnswerState.isVisible !== this.controller.data.isVisible) {
                 this.controller.data = {
                     ...this.controller.data,
@@ -429,6 +435,7 @@ class AtomicGeneratedAnswer extends external_lit_namespaceObject.LitElement {
                 };
                 this.controller.writeStoredData(this.controller.data);
             }
+            if (!this.shouldAnnounceAnswerStatus) return;
             const status = this.controller.getGeneratedAnswerStatus();
             if (this.controller.isStatusAssertive()) {
                 this.ariaMessage.message = '';

package/dist/cjs/components/search/atomic-sort-dropdown/atomic-sort-dropdown.cjs

@@ -144,6 +144,7 @@ class AtomicSortDropdown extends external_lit_namespaceObject.LitElement {
                 })))}`);
     }
     render() {
+        if (!this.options.length) return (0, external_lit_namespaceObject.html)`<slot></slot>`;
         const { hasError, hasResults, firstSearchExecuted, isLoading } = this.searchStatusState;
         return (0, external_lit_namespaceObject.html)`
       ${(0, sort_guard_cjs_namespaceObject.sortGuard)({

package/dist/cjs/global/environment.cjs

@@ -32,7 +32,7 @@ function getWindow() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.61.3",
+        version: "3.61.5",
         headlessVersion
     };
 }

package/dist/cjs/versions.cjs

@@ -32,7 +32,7 @@ __webpack_require__.d(__webpack_exports__, {
     headlessVersion: ()=>package_json_namespaceObject.version
 });
 const package_json_namespaceObject = require("@coveo/headless/package.json");
-const atomicVersion = "3.61.3";
+const atomicVersion = "3.61.5";
 exports.atomicVersion = __webpack_exports__.atomicVersion;
 exports.headlessVersion = __webpack_exports__.headlessVersion;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/esm/autoloader/index.js

@@ -8,11 +8,18 @@ function registerAutoloader(roots) {
         roots
     ];
     const visitedNodes = new WeakSet();
+    const reportRegistrationError = (tagName, error)=>{
+        console.error(`[Atomic] Failed to register the "${tagName}" component. The component will not be displayed. This can happen when its code fails to load (e.g. network error, CDN issue, content security policy, proxy, or ad blocker).`, error);
+    };
     const observeStencilElementHydration = (atomicElement)=>{
         const attributeObserver = new MutationObserver(async ()=>{
             if (atomicElement.classList.contains('hydrated') && 'shadowRoot' in atomicElement && atomicElement.shadowRoot && !visitedNodes.has(atomicElement.shadowRoot)) {
                 attributeObserver.disconnect();
-                await discover(atomicElement.shadowRoot);
+                try {
+                    await discover(atomicElement.shadowRoot);
+                } catch (error) {
+                    reportRegistrationError(atomicElement.tagName.toLowerCase(), error);
+                }
                 observer.observe(atomicElement.shadowRoot, {
                     subtree: true,
                     childList: true
@@ -67,16 +74,27 @@ function registerAutoloader(roots) {
         await Promise.allSettled(litRegistrationPromises);
         customElements.upgrade(root);
     };
-    const register = (tagName)=>{
-        if (customElements.get(tagName)) return Promise.resolve();
-        return lazy_index[tagName]?.();
+    const register = async (tagName)=>{
+        if (customElements.get(tagName)) return;
+        try {
+            await lazy_index[tagName]?.();
+        } catch (error) {
+            reportRegistrationError(tagName, error);
+        }
     };
     const observer = new MutationObserver(async (mutations)=>{
-        for (const { addedNodes } of mutations)for (const node of addedNodes)if (node.nodeType === Node.ELEMENT_NODE) await discover(node);
+        for (const { addedNodes } of mutations)for (const node of addedNodes)if (node.nodeType === Node.ELEMENT_NODE) try {
+            await discover(node);
+        } catch (error) {
+            reportRegistrationError(node.tagName.toLowerCase(), error);
+        }
     });
     const initializeDiscovery = ()=>{
         for (const root of roots){
-            discover(root);
+            discover(root).catch((error)=>{
+                const tagName = root instanceof Element ? root.tagName.toLowerCase() : 'root';
+                reportRegistrationError(tagName, error);
+            });
             observer.observe(root, {
                 subtree: true,
                 childList: true

package/dist/esm/components/common/atomic-generated-answer-content/atomic-generated-answer-content.js

@@ -4,7 +4,9 @@ import { customElement, property, state } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 import atomic_generated_answer_tw_css from "../../search/atomic-generated-answer/atomic-generated-answer.tw.css.js";
 import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
+import { AriaLiveRegionController } from "../../../utils/accessibility-utils.js";
 import "../atomic-agent-stream-of-thought/atomic-agent-stream-of-thought.js";
+import { getAnswerAnnouncement, isSettledAnswer } from "../generated-answer/answer-announcement.js";
 import { renderGeneratedContentContainer } from "../generated-answer/generated-content-container.js";
 import { renderFeedbackAndCopyButtons } from "../generated-answer/render-feedback-and-copy-buttons.js";
 import { renderSourceCitations } from "../generated-answer/source-citations.js";
@@ -58,6 +60,24 @@ class AtomicGeneratedAnswerContent extends LitElement {
       </div>
     `;
     }
+    updated() {
+        this.announceAnswerStatus();
+    }
+    announceAnswerStatus() {
+        if (!this.i18n || !this.generatedAnswer) return;
+        const { message, assertive } = getAnswerAnnouncement(this.generatedAnswer, this.i18n);
+        if (!this.hasObservedAnswer) {
+            this.hasObservedAnswer = true;
+            if (isSettledAnswer(this.generatedAnswer)) {
+                this.lastAnnouncedMessage = message;
+                return;
+            }
+        }
+        if (message === this.lastAnnouncedMessage) return;
+        this.lastAnnouncedMessage = message;
+        if (assertive) this.ariaErrorMessage.message = message;
+        else this.ariaMessage.message = message;
+    }
     renderFeedbackAndCopyButtons(answerId) {
         return html`
       <div class="mt-4" part="feedback-and-copy-buttons">
@@ -88,9 +108,11 @@ class AtomicGeneratedAnswerContent extends LitElement {
         try {
             await navigator.clipboard.writeText(answer);
             this.copyState = 'success';
+            this.ariaCopyMessage.message = this.i18n.t('generated-answer-copied');
             this.onCopyToClipboard(answerId);
         } catch (error) {
             this.copyState = 'error';
+            this.ariaCopyMessage.message = this.i18n.t('failed-to-copy-generated-answer');
             console.error(`Failed to copy to clipboard: ${error}`);
         }
         this.scheduleCopyReset();
@@ -127,7 +149,7 @@ class AtomicGeneratedAnswerContent extends LitElement {
     `;
     }
     constructor(...args){
-        super(...args), this.answerId = '', this.renderCitations = ()=>html``, this.onClickLike = ()=>{}, this.onClickDislike = ()=>{}, this.onCopyToClipboard = ()=>{}, this.copyState = 'idle';
+        super(...args), this.answerId = '', this.renderCitations = ()=>html``, this.onClickLike = ()=>{}, this.onClickDislike = ()=>{}, this.onCopyToClipboard = ()=>{}, this.copyState = 'idle', this.ariaMessage = new AriaLiveRegionController(this, 'generated-answer', false, true), this.ariaErrorMessage = new AriaLiveRegionController(this, 'generated-answer-error', true), this.ariaCopyMessage = new AriaLiveRegionController(this, 'generated-answer-copy', true), this.hasObservedAnswer = false;
     }
 }
 AtomicGeneratedAnswerContent.styles = [

package/dist/esm/components/common/atomic-generated-answer-thread/atomic-generated-answer-thread.js

@@ -106,7 +106,7 @@ class AtomicGeneratedAnswerThread extends LitElement {
     `;
         return html`
       <li class="group/title grid min-w-0 grid-cols-[10px_1fr] gap-x-3">
-        <div class="row-span-2 flex flex-col items-center">
+        <div class="row-span-2 flex flex-col items-center" aria-hidden="true">
           <div class="flex justify-center items-center text-base h-[1lh] my-1.5">
             <span class=${timelineDotClasses}></span>
           </div>

package/dist/esm/components/common/atomic-generated-answer-thread-item/atomic-generated-answer-thread-item.js

@@ -89,7 +89,7 @@ class AtomicGeneratedAnswerThreadItem extends LitElement {
         const timelineConnectorClasses = "relative h-full w-px bg-neutral transition-colors duration-150 group-hover:bg-neutral-dark before:absolute before:left-0 before:top-[-8px] before:h-[8px] before:w-px before:bg-neutral before:transition-colors before:duration-150 group-hover:before:bg-neutral-dark before:content-[''] after:absolute after:bottom-[-8px] after:left-0 after:h-[8px] after:w-px after:bg-neutral after:transition-colors after:duration-150 group-hover:after:bg-neutral-dark after:content-['']";
         return html`
       <div class="group/title grid min-w-0 grid-cols-[10px_1fr] gap-x-3">
-        <div class="row-span-2 flex flex-col items-center">
+        <div class="row-span-2 flex flex-col items-center" aria-hidden="true">
           <div class=${timelineDotToggleClasses}>
             ${when(this.showTimelineDot, ()=>html`
                 <span
@@ -123,8 +123,9 @@ class AtomicGeneratedAnswerThreadItem extends LitElement {
                 >${this.title}</span
               >`)}
         </div>
-        <div id=${this.contentId} class="min-w-0 pl-2 py-1.5">
+        <div class="min-w-0 pl-2 py-1.5">
           <div
+            id=${this.contentId}
             class="mb-2"
             ?hidden=${!this.isExpanded}
             aria-hidden=${this.isExpanded ? 'false' : 'true'}

package/dist/esm/components/common/generated-answer/answer-announcement.js

@@ -0,0 +1,32 @@
+import { markdownToPlainText } from "./generated-content/markdown-utils.js";
+const SILENT = {
+    message: '',
+    assertive: false
+};
+const getAnswerAnnouncement = (answer, i18n)=>{
+    if (!answer) return SILENT;
+    if (answer.error) {
+        const errorMessageKey = answer.error.isSseTurnLimitReachedError?.() ? 'generated-answer-error-turn-limit-reached' : 'generated-answer-error-generic';
+        return {
+            message: i18n.t(errorMessageKey),
+            assertive: true
+        };
+    }
+    if (answer.cannotAnswer) return {
+        message: i18n.t('generated-answer-cannot-generate-answer'),
+        assertive: true
+    };
+    if (answer.isStreaming || answer.isLoading) return {
+        message: i18n.t('generating-answer'),
+        assertive: false
+    };
+    if (answer.answer?.trim()) return {
+        message: i18n.t('answer-generated', {
+            answer: markdownToPlainText(answer.answer)
+        }),
+        assertive: false
+    };
+    return SILENT;
+};
+const isSettledAnswer = (answer)=>Boolean(answer && !answer.isStreaming && !answer.isLoading && !answer.error && !answer.cannotAnswer && answer.answer?.trim());
+export { getAnswerAnnouncement, isSettledAnswer };

package/dist/esm/components/common/generated-answer/copy-button.js

@@ -12,6 +12,7 @@ const renderCopyButton = ({ props })=>{
     return renderButton({
         props: {
             title: props.title,
+            ariaLabel: props.title,
             part: 'copy-button',
             style: 'text-transparent',
             class: classes.join(' '),
@@ -19,7 +20,7 @@ const renderCopyButton = ({ props })=>{
         }
     })(html`
     <div class="icon-container text-neutral-dark">
-      <atomic-icon class="w-5" .icon=${copy}></atomic-icon>
+      <atomic-icon class="w-5" .icon=${copy} aria-hidden="true"></atomic-icon>
     </div>
   `);
 };

package/dist/esm/components/common/generated-answer/feedback-button.js

@@ -26,6 +26,7 @@ const renderFeedbackButton = ({ props })=>{
     return html`<button
     type="button"
     title=${props.title}
+    aria-label=${props.title}
     part="feedback-button"
     class=${classNames}
     aria-pressed=${props.active ? 'true' : 'false'}
@@ -34,7 +35,7 @@ const renderFeedbackButton = ({ props })=>{
         })}
     @click=${props.onClick}
   >
-    <atomic-icon class=${iconClassNames} .icon=${thumbs}></atomic-icon>
+    <atomic-icon class=${iconClassNames} .icon=${thumbs} aria-hidden="true"></atomic-icon>
   </button>`;
 };
 export { renderFeedbackButton };

package/dist/esm/components/common/generated-answer/generated-content/markdown-utils.js

@@ -36,8 +36,7 @@ const customRenderer = {
         return `<em part="answer-emphasis">${text}</em>`;
     },
     heading (text, level) {
-        const plainText = toInlinePlainText(text);
-        return `<div part="answer-heading-${level}" aria-label="${plainText}">${text}</div>`;
+        return `<div part="answer-heading-${level}" role="heading" aria-level="${level}">${text}</div>`;
     },
     html (text) {
         return escapeHtml(text);