@coveo/atomic 3.60.1 → 3.60.2

package/dist/cjs/components/common/atomic-aria-live/atomic-aria-live.cjs

@@ -54,9 +54,10 @@ class AtomicAriaLive extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(ex
     disconnectedCallback() {
         super.disconnectedCallback();
         this.messagesQueue.clear();
+        this.queuedMessageIds.clear();
         document.removeEventListener('atomic/accessibility/findAriaLive', this.onFindAriaLive);
     }
-    updateMessage(region, message, assertive) {
+    updateMessage(region, message, assertive, preserveQueuedMessages = false) {
         const updateRegion = ()=>{
             this.regions = {
                 ...this.regions,
@@ -66,11 +67,18 @@ class AtomicAriaLive extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(ex
                 }
             };
         };
-        if (message) this.messagesQueue.enqueue(updateRegion, region);
-        else {
-            this.messagesQueue.cancelActionIfQueued(region);
+        if (!message) {
+            this.clearQueuedMessages(region);
             updateRegion();
+            return;
         }
+        if (!preserveQueuedMessages) {
+            this.clearQueuedMessages(region);
+            this.messagesQueue.enqueue(updateRegion, region);
+            return;
+        }
+        if (this.regions[region]?.message === message && this.regions[region]?.assertive === assertive) return;
+        this.queueMessage(region, message, updateRegion);
     }
     registerRegion(region, assertive) {
         if (region in this.regions) return;
@@ -82,6 +90,28 @@ class AtomicAriaLive extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(ex
             }
         };
     }
+    clearQueuedMessages(region) {
+        for (const messageId of this.queuedMessageIds.get(region) ?? [])this.messagesQueue.cancelActionIfQueued(messageId);
+        this.queuedMessageIds.delete(region);
+    }
+    getMessageQueueId(region, message) {
+        return JSON.stringify([
+            region,
+            message
+        ]);
+    }
+    queueMessage(region, message, updateRegion) {
+        const messageId = this.getMessageQueueId(region, message);
+        const queuedMessageIds = this.queuedMessageIds.get(region) ?? new Set();
+        if (queuedMessageIds.has(messageId)) return;
+        queuedMessageIds.add(messageId);
+        this.queuedMessageIds.set(region, queuedMessageIds);
+        this.messagesQueue.enqueue(()=>{
+            queuedMessageIds.delete(messageId);
+            if (0 === queuedMessageIds.size) this.queuedMessageIds.delete(region);
+            updateRegion();
+        }, messageId);
+    }
     render() {
         const hostStyles = {
             position: 'absolute',
@@ -107,7 +137,7 @@ class AtomicAriaLive extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(ex
     constructor(...args){
         super(...args), this.regions = {}, this.messagesQueue = (0, debounce_utils_cjs_namespaceObject.buildDebouncedQueue)({
             delay: 500
-        }), this.onFindAriaLive = (event)=>{
+        }), this.queuedMessageIds = new Map(), this.onFindAriaLive = (event)=>{
             const customEvent = event;
             customEvent.detail.element = this;
         };

package/dist/cjs/components/common/atomic-citation/atomic-citation.cjs

@@ -46,6 +46,7 @@ var class_map_js_namespaceObject = require("lit/directives/class-map.js");
 var ref_js_namespaceObject = require("lit/directives/ref.js");
 var watch_cjs_namespaceObject = require("../../../decorators/watch.cjs");
 var with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
+var markdown_utils_cjs_namespaceObject = require("../generated-answer/generated-content/markdown-utils.cjs");
 var external_heading_cjs_namespaceObject = require("../heading.cjs");
 var item_link_cjs_namespaceObject = require("../item-link/item-link.cjs");
 var external_atomic_citation_tw_css_cjs_namespaceObject = require("./atomic-citation.tw.css.cjs");
@@ -148,7 +149,8 @@ class AtomicCitation extends external_lit_namespaceObject.LitElement {
         clearTimeout(this.closePopoverTimeout);
     }
     getTruncatedText() {
-        return this.citation.text && `${this.citation.text?.trim().slice(0, 200)}${this.citation.text.length > 200 ? '...' : ''}`;
+        const plainText = (0, markdown_utils_cjs_namespaceObject.markdownToPlainText)(this.citation.text ?? '');
+        return plainText ? `${plainText.slice(0, 200)}${plainText.length > 200 ? '...' : ''}` : void 0;
     }
     anchorUrl(uri, text, filetype, pageNumber) {
         if (this.disableCitationAnchoring) return uri;

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

@@ -122,12 +122,13 @@ class AtomicGeneratedAnswerThread extends external_lit_namespaceObject.LitElemen
         const showPreviousButtonClasses = `
       text-on-background text-base min-w-0 inline-flex text-left mr-auto
       px-2 py-1.5 font-normal bg-transparent border-0 appearance-none
-      transition-colors hover:bg-neutral-light rounded-md cursor-pointer
+      transition-colors hover:bg-neutral hover:text-primary rounded-md cursor-pointer
       focus-visible:outline-none focus-visible:ring-2
       focus-visible:ring-primary focus-visible:ring-offset-2
     `;
         const timelineDotClasses = `
-      h-2 w-2 rounded-full bg-neutral-dim
+      h-2 w-2 rounded-full bg-neutral-dim transition-colors
+      hover:bg-neutral-dark group-has-[button:hover]/title:bg-neutral-dark
     `;
         const timelineConnectorClasses = `
       relative h-full w-px bg-neutral
@@ -137,23 +138,27 @@ class AtomicGeneratedAnswerThread extends external_lit_namespaceObject.LitElemen
       after:h-[8px] after:w-px after:bg-neutral after:content-['']
     `;
         return (0, external_lit_namespaceObject.html)`
-      <li class="grid min-w-0">
-        <div class="flex min-w-0 items-center gap-3">
-          <div class="flex w-[10px] shrink-0 items-center justify-center">
+      <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="flex justify-center items-center text-base h-[1lh] my-1.5"
+          >
             <span class=${timelineDotClasses}></span>
           </div>
-          <div class="flex min-w-0 flex-col">
-            <button
-              type="button"
-              class=${showPreviousButtonClasses}
-              @click=${this.handleShowAllClick}
-            >
-              ${label}
-            </button>
+          <div
+            class="flex grow w-full justify-center items-center py-2 -my-2 min-h-3"
+          >
+            <span class=${timelineConnectorClasses}> </span>
           </div>
         </div>
-        <div class="flex h-3 w-[10px] shrink-0 justify-center">
-          <span class=${timelineConnectorClasses}> </span>
+        <div class="flex min-w-0 flex-col">
+          <button
+            type="button"
+            class=${showPreviousButtonClasses}
+            @click=${this.handleShowAllClick}
+          >
+            ${label}
+          </button>
         </div>
       </li>
     `;

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

@@ -69,11 +69,14 @@ class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitEl
         const titleButtonClasses = (0, class_map_js_namespaceObject.classMap)({
             ...titleBaseClasses,
             ...titleWeightClasses,
-            'bg-transparent': true,
+            'bg-transparent': !this.isDotHovered,
+            'bg-neutral': this.isDotHovered,
+            'text-primary': this.isDotHovered,
             'border-0': true,
             'appearance-none': true,
             'transition-colors': true,
-            'hover:bg-neutral-light': true,
+            'hover:bg-neutral': true,
+            'hover:text-primary': true,
             'rounded-md': true,
             'cursor-pointer': true,
             'focus-visible:outline-none': true,
@@ -93,87 +96,87 @@ class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitEl
             'bg-neutral-dark': this.isExpanded,
             'bg-neutral-dim': !this.isExpanded,
             'cursor-pointer': isTimelineDotInteractive,
-            'group-hover:bg-neutral-dark': !this.isExpanded && isTimelineDotInteractive
+            'hover:bg-neutral-dark': !this.isExpanded && isTimelineDotInteractive,
+            'group-has-[button:hover]/title:bg-neutral-dark': !this.isExpanded && isTimelineDotInteractive
         });
         const timelineDotToggleClasses = (0, class_map_js_namespaceObject.classMap)({
             flex: true,
-            'w-[10px]': true,
-            'shrink-0': true,
             'justify-center': true,
-            'items-center': true
+            'items-center': true,
+            'text-base': true,
+            'h-[1lh] my-1.5': true
         });
         const timelineLineToggleClasses = (0, class_map_js_namespaceObject.classMap)({
             flex: true,
-            'w-[10px]': true,
-            'shrink-0': true,
+            grow: true,
+            'w-full': true,
             'justify-center': true,
             'items-center': true,
             group: isTimelineLineInteractive,
             'cursor-pointer': isTimelineLineInteractive,
             'py-2': true,
-            '-my-2': true
-        });
-        const timelineBodyRowClasses = (0, class_map_js_namespaceObject.classMap)({
-            flex: true,
-            'min-w-0': true,
-            'gap-3': true,
+            '-my-2': true,
             'min-h-3': !this.isExpanded
         });
         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="grid min-w-0">
-        <div class="flex min-w-0 items-center gap-3">
+      <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=${timelineDotToggleClasses}>
             ${(0, when_js_namespaceObject.when)(this.showTimelineDot, ()=>(0, external_lit_namespaceObject.html)`
                 <span
                   class=${timelineDotClasses}
                   @click=${isTimelineDotInteractive ? this.toggle : null}
+                  @mouseenter=${isTimelineDotInteractive ? this.handleDotMouseEnter : null}
+                  @mouseleave=${isTimelineDotInteractive ? this.handleDotMouseLeave : null}
                 ></span>
               `)}
           </div>
-          <div class="flex min-w-0 flex-col">
-            ${(0, when_js_namespaceObject.when)(!this.disableCollapse, ()=>(0, external_lit_namespaceObject.html)`<button
-                  type="button"
-                  aria-expanded=${this.isExpanded}
-                  aria-controls=${this.contentId}
-                  class=${titleButtonClasses}
-                  @click=${this.toggle}
-                >
-                  <span part="thread-item-title" style=${clampedTitleStyles}
-                    >${this.title}</span
-                  >
-                </button>`, ()=>(0, external_lit_namespaceObject.html)`<span
-                  class=${titleTextClasses}
-                  part="thread-item-title"
-                  style=${clampedTitleStyles}
-                  >${this.title}</span
-                >`)}
-          </div>
-        </div>
-        <div class=${timelineBodyRowClasses}>
           <div
             class=${timelineLineToggleClasses}
             @click=${isTimelineLineInteractive ? this.toggle : null}
           >
             ${(0, when_js_namespaceObject.when)(this.hideLine, ()=>(0, external_lit_namespaceObject.html)``, ()=>(0, external_lit_namespaceObject.html)`<span class=${timelineConnectorClasses}> </span>`)}
           </div>
-          <div id=${this.contentId} class="min-w-0 pl-2 py-1.5">
-            <div
-              class="mb-2"
-              ?hidden=${!this.isExpanded}
-              aria-hidden=${this.isExpanded ? 'false' : 'true'}
-            >
-              <slot></slot>
-            </div>
+        </div>
+        <div class="flex min-w-0 flex-col">
+          ${(0, when_js_namespaceObject.when)(!this.disableCollapse, ()=>(0, external_lit_namespaceObject.html)`<button
+                type="button"
+                aria-expanded=${this.isExpanded}
+                aria-controls=${this.contentId}
+                class=${titleButtonClasses}
+                @click=${this.toggle}
+              >
+                <span part="thread-item-title" style=${clampedTitleStyles}
+                  >${this.title}</span
+                >
+              </button>`, ()=>(0, external_lit_namespaceObject.html)`<span
+                class=${titleTextClasses}
+                part="thread-item-title"
+                style=${clampedTitleStyles}
+                >${this.title}</span
+              >`)}
+        </div>
+        <div id=${this.contentId} class="min-w-0 pl-2 py-1.5">
+          <div
+            class="mb-2"
+            ?hidden=${!this.isExpanded}
+            aria-hidden=${this.isExpanded ? 'false' : 'true'}
+          >
+            <slot></slot>
           </div>
         </div>
       </div>
     `;
     }
     constructor(...args){
-        super(...args), this.contentId = `atomic-generated-answer-thread-item-content-${crypto.randomUUID()}`, this.title = '', this.disableCollapse = false, this.hideLine = false, this.isExpanded = false, this.showTimelineDot = true, this.toggle = ()=>{
+        super(...args), this.contentId = `atomic-generated-answer-thread-item-content-${crypto.randomUUID()}`, this.title = '', this.disableCollapse = false, this.hideLine = false, this.isExpanded = false, this.showTimelineDot = true, this.isDotHovered = false, this.toggle = ()=>{
             if (this.disableCollapse) return;
             this.isExpanded = !this.isExpanded;
+        }, this.handleDotMouseEnter = ()=>{
+            this.isDotHovered = true;
+        }, this.handleDotMouseLeave = ()=>{
+            this.isDotHovered = false;
         };
     }
 }
@@ -206,6 +209,9 @@ _ts_decorate([
         attribute: 'show-timeline-dot'
     })
 ], AtomicGeneratedAnswerThreadItem.prototype, "showTimelineDot", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.state)()
+], AtomicGeneratedAnswerThreadItem.prototype, "isDotHovered", void 0);
 AtomicGeneratedAnswerThreadItem = _ts_decorate([
     (0, decorators_js_namespaceObject.customElement)('atomic-generated-answer-thread-item'),
     with_tailwind_styles_cjs_namespaceObject.withTailwindStyles

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

@@ -32,6 +32,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 var local_storage_utils_cjs_namespaceObject = require("../../../utils/local-storage-utils.cjs");
 require("../atomic-generated-answer-feedback-modal/atomic-generated-answer-feedback-modal.cjs");
+var markdown_utils_cjs_namespaceObject = require("./generated-content/markdown-utils.cjs");
 class GeneratedAnswerController {
     hostConnected() {}
     get data() {
@@ -66,14 +67,23 @@ class GeneratedAnswerController {
         const isGenerating = !!state.isStreaming;
         const hasNonEmptyAnswer = !!state.answer?.trim();
         const hasError = !!state.error?.message;
+        const cannotAnswer = !!state.cannotAnswer;
         if (isHidden) return bindings.i18n.t('generated-answer-hidden');
         if (isGenerating) return bindings.i18n.t('generating-answer');
-        if (hasError) return bindings.i18n.t('answer-could-not-be-generated');
+        if (hasError || cannotAnswer) return bindings.i18n.t('answer-could-not-be-generated');
         if (hasNonEmptyAnswer) return bindings.i18n.t('answer-generated', {
-            answer: state.answer
+            answer: (0, markdown_utils_cjs_namespaceObject.markdownToPlainText)(state.answer)
         });
         return '';
     }
+    isStatusAssertive() {
+        const state = this.options.getGeneratedAnswerState();
+        if (!state) return false;
+        const isHidden = !state.isVisible;
+        const isGenerating = !!state.isStreaming;
+        const hasError = !!state.error?.message;
+        return !isHidden && !isGenerating && hasError;
+    }
     get hasRetryableError() {
         const searchState = this.options.getSearchStatusState();
         const answerState = this.options.getGeneratedAnswerState();

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

@@ -28,9 +28,11 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    markdownToPlainText: ()=>markdownToPlainText,
     transformMarkdownToHtml: ()=>transformMarkdownToHtml
 });
 var external_marked_namespaceObject = require("marked");
+var utils_cjs_namespaceObject = require("../../../../utils/utils.cjs");
 const toInlinePlainText = (textWithHtml)=>{
     const withoutHtmlTags = textWithHtml.replace(/<[^>]*>/g, ' ');
     const withCollapsedWhitespaces = withoutHtmlTags.replace(/\s{2,}/g, ' ');
@@ -51,6 +53,7 @@ const completeUnclosedElement = (text)=>{
     }
     return text;
 };
+const decodeHtmlEntities = (text)=>(0, utils_cjs_namespaceObject.parseHTML)(text).body.textContent ?? '';
 const escapeHtml = (text)=>text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;').replace(/'/g, '&#39;');
 const customRenderer = {
     blockquote (quote) {
@@ -108,11 +111,85 @@ const customRenderer = {
         return completeUnclosedElement(text);
     }
 };
-const transformMarkdownToHtml = (text)=>external_marked_namespaceObject.marked.use({
-        renderer: customRenderer
-    }).parse(text);
+class PlainTextRenderer extends external_marked_namespaceObject.Renderer {
+    blockquote(quote) {
+        return ` ${quote} `;
+    }
+    br() {
+        return ' ';
+    }
+    checkbox() {
+        return '';
+    }
+    code(code) {
+        return ` ${code} `;
+    }
+    codespan(text) {
+        return text;
+    }
+    del(text) {
+        return text;
+    }
+    em(text) {
+        return text;
+    }
+    heading(text) {
+        return ` ${text} `;
+    }
+    hr() {
+        return ' ';
+    }
+    html(text) {
+        return toInlinePlainText(text);
+    }
+    image(_href, _title, text) {
+        return text;
+    }
+    link(_href, _title, text) {
+        return text;
+    }
+    list(body) {
+        return ` ${body} `;
+    }
+    listitem(text) {
+        return ` ${text} `;
+    }
+    paragraph(text) {
+        return ` ${text} `;
+    }
+    strong(text) {
+        return text;
+    }
+    table(header, body) {
+        return ` ${header} ${body} `;
+    }
+    tablecell(content) {
+        return `${content} `;
+    }
+    tablerow(content) {
+        return ` ${content} `;
+    }
+    text(text) {
+        return text.replace(unclosedElement, '$2');
+    }
+}
+const markdownParser = new external_marked_namespaceObject.Marked();
+const plainTextMarkdownParser = new external_marked_namespaceObject.Marked();
+const htmlRenderer = Object.assign(new external_marked_namespaceObject.Renderer(), customRenderer);
+const plainTextRenderer = new PlainTextRenderer();
+const transformMarkdownToHtml = (text)=>markdownParser.parse(text, {
+        renderer: htmlRenderer
+    });
+const markdownToPlainText = (text)=>{
+    const plain = plainTextMarkdownParser.parse(text, {
+        renderer: plainTextRenderer
+    });
+    return decodeHtmlEntities(plain).replace(/\s+/g, ' ').trim();
+};
+exports.markdownToPlainText = __webpack_exports__.markdownToPlainText;
 exports.transformMarkdownToHtml = __webpack_exports__.transformMarkdownToHtml;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "markdownToPlainText",
     "transformMarkdownToHtml"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/cjs/components/common/generated-answer/render-conversation-debug-header.cjs

@@ -53,7 +53,7 @@ const renderConversationDebugHeader = ({ props })=>{
     ${i18n.t('generated-answer-debug-mode-on')}
     <div class="bg-success h-2 w-2 rounded-full shrink-0"></div>
 
-    <div class="flex items-center text-neutral-dark shrink-0">
+    <div class="flex items-center text-neutral-dark break-all">
       ${i18n.t('generated-answer-conversation-id', {
         conversationId
     })}

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

@@ -318,7 +318,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'), 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.onGeneratedAnswerStateUpdate = ()=>{
             if (this.generatedAnswerState.isVisible !== this.controller.data.isVisible) {
                 this.controller.data = {
                     ...this.controller.data,
@@ -326,7 +326,14 @@ class AtomicInsightGeneratedAnswer extends external_lit_namespaceObject.LitEleme
                 };
                 this.controller.writeStoredData(this.controller.data);
             }
-            this.ariaMessage.message = this.controller.getGeneratedAnswerStatus();
+            const status = this.controller.getGeneratedAnswerStatus();
+            if (this.controller.isStatusAssertive()) {
+                this.ariaMessage.message = '';
+                this.ariaErrorMessage.message = status;
+            } else {
+                this.ariaErrorMessage.message = '';
+                this.ariaMessage.message = status;
+            }
         };
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 maxCollapsedHeight: this.maxCollapsedHeight

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

@@ -421,7 +421,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'), 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.onGeneratedAnswerStateUpdate = ()=>{
             if (this.generatedAnswerState.isVisible !== this.controller.data.isVisible) {
                 this.controller.data = {
                     ...this.controller.data,
@@ -429,7 +429,14 @@ class AtomicGeneratedAnswer extends external_lit_namespaceObject.LitElement {
                 };
                 this.controller.writeStoredData(this.controller.data);
             }
-            this.ariaMessage.message = this.controller.getGeneratedAnswerStatus();
+            const status = this.controller.getGeneratedAnswerStatus();
+            if (this.controller.isStatusAssertive()) {
+                this.ariaMessage.message = '';
+                this.ariaErrorMessage.message = status;
+            } else {
+                this.ariaErrorMessage.message = '';
+                this.ariaMessage.message = status;
+            }
         };
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 maxCollapsedHeight: this.maxCollapsedHeight

package/dist/cjs/global/environment.cjs

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

package/dist/cjs/utils/accessibility-utils.cjs

@@ -42,7 +42,9 @@ class AriaLiveRegionController {
         return element;
     }
     dispatchMessage(message) {
-        this.getAriaLiveElement()?.updateMessage(this.regionName, message, this.assertive);
+        const ariaLiveElement = this.getAriaLiveElement();
+        if (this.preserveQueuedMessages) return void ariaLiveElement?.updateMessage(this.regionName, message, this.assertive, true);
+        ariaLiveElement?.updateMessage(this.regionName, message, this.assertive);
     }
     set message(msg) {
         this.dispatchMessage(msg);
@@ -50,10 +52,11 @@ class AriaLiveRegionController {
     hostUpdate() {
         this.getAriaLiveElement()?.registerRegion(this.regionName, this.assertive);
     }
-    constructor(host, regionName, assertive = false){
+    constructor(host, regionName, assertive = false, preserveQueuedMessages = false){
         this.host = host;
         this.regionName = regionName;
         this.assertive = assertive;
+        this.preserveQueuedMessages = preserveQueuedMessages;
         this.host.addController(this);
     }
 }

package/dist/cjs/utils/debounce-utils.cjs

@@ -30,10 +30,13 @@ __webpack_require__.r(__webpack_exports__);
 function buildDebouncedQueue(options) {
     let actions = [];
     let intervalId = null;
+    let lastExecutedAt = null;
     function dequeueAction() {
         const action = actions.shift();
-        if (action) action.execute();
-        else {
+        if (action) {
+            lastExecutedAt = Date.now();
+            action.execute();
+        } else {
             clearInterval(intervalId);
             intervalId = null;
         }
@@ -48,10 +51,18 @@ function buildDebouncedQueue(options) {
                 id: uniqueId,
                 execute
             });
-            if (null === intervalId) {
-                dequeueAction();
+            if (null !== intervalId) return;
+            const elapsedSinceLastExecution = null === lastExecutedAt ? null : Date.now() - lastExecutedAt;
+            if (null === elapsedSinceLastExecution || elapsedSinceLastExecution >= options.delay) {
                 intervalId = setInterval(dequeueAction, options.delay);
+                dequeueAction();
+                return;
             }
+            const remainingDelay = options.delay - elapsedSinceLastExecution;
+            intervalId = setTimeout(()=>{
+                intervalId = setInterval(dequeueAction, options.delay);
+                dequeueAction();
+            }, remainingDelay);
         },
         clear () {
             actions = [];