@coveo/atomic 3.59.7 → 3.60.0

package/dist/cjs/components/commerce/atomic-commerce-breadbox/atomic-commerce-breadbox.cjs

@@ -126,7 +126,9 @@ class AtomicCommerceBreadbox extends external_lit_namespaceObject.LitElement {
         this.numberOfCollapsedBreadcrumbs = value;
         if (0 === value) return void this.hide(this.showMoreButton);
         this.show(this.showMoreButton);
-        this.showMoreText = `+ ${value.toLocaleString(this.bindings.i18n.language)}`;
+        this.showMoreText = this.bindings.i18n.t('show-n-more-filters', {
+            value
+        });
     }
     getNumberFormatter(field) {
         if ('ec_price' === field || 'ec_promo_price' === field) return (0, format_common_cjs_namespaceObject.defaultCurrencyFormatter)(this.contextState.currency);
@@ -194,9 +196,7 @@ class AtomicCommerceBreadbox extends external_lit_namespaceObject.LitElement {
                 i18n: this.bindings.i18n,
                 numberOfCollapsedBreadcrumbs: this.numberOfCollapsedBreadcrumbs,
                 value: this.showMoreText,
-                ariaLabel: this.bindings.i18n.t('show-n-more-filters', {
-                    value: this.numberOfCollapsedBreadcrumbs
-                })
+                ariaLabel: this.showMoreText
             }
         })}
           ${(0, breadcrumb_show_less_cjs_namespaceObject.renderBreadcrumbShowLess)({

package/dist/cjs/components/commerce/atomic-commerce-pager/atomic-commerce-pager.cjs

@@ -57,7 +57,6 @@ const error_guard_cjs_namespaceObject = require("../../../decorators/error-guard
 const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
 const accessibility_utils_cjs_namespaceObject = require("../../../utils/accessibility-utils.cjs");
 const event_utils_cjs_namespaceObject = require("../../../utils/event-utils.cjs");
-const utils_cjs_namespaceObject = require("../../../utils/utils.cjs");
 const arrow_left_rounded_cjs_namespaceObject = require("../../../images/arrow-left-rounded.cjs");
 var arrow_left_rounded_cjs_default = /*#__PURE__*/ __webpack_require__.n(arrow_left_rounded_cjs_namespaceObject);
 const arrow_right_rounded_cjs_namespaceObject = require("../../../images/arrow-right-rounded.cjs");
@@ -118,9 +117,7 @@ class AtomicCommercePager extends external_lit_namespaceObject.LitElement {
                             await this.focusOnFirstResultAndScrollToTop();
                         },
                         page: pageNumber,
-                        groupName: this.radioGroupName,
-                        text: (pageNumber + 1).toLocaleString(this.bindings.i18n.language),
-                        onFocusCallback: this.handleFocus
+                        text: (pageNumber + 1).toLocaleString(this.bindings.i18n.language)
                     }
                 })))}
             `)}
@@ -155,13 +152,7 @@ class AtomicCommercePager extends external_lit_namespaceObject.LitElement {
         });
     }
     constructor(){
-        super(), this.isAppLoaded = false, this.numberOfPages = 5, this.previousButtonIcon = arrow_left_rounded_cjs_default(), this.nextButtonIcon = arrow_right_rounded_cjs_default(), this.ariaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'atomic-pager'), this.radioGroupName = (0, utils_cjs_namespaceObject.randomID)('atomic-commerce-pager-'), this.handleFocus = async (elements, currentFocus, newFocus)=>{
-            const currentIndex = elements.indexOf(currentFocus);
-            const newIndex = elements.indexOf(newFocus);
-            if (currentIndex === elements.length - 1 && 0 === newIndex) await this.nextButton.focus();
-            else if (0 === currentIndex && newIndex === elements.length - 1) await this.previousButton.focus();
-            else newFocus.focus();
-        };
+        super(), this.isAppLoaded = false, this.numberOfPages = 5, this.previousButtonIcon = arrow_left_rounded_cjs_default(), this.nextButtonIcon = arrow_right_rounded_cjs_default(), this.ariaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'atomic-pager');
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 numberOfPages: this.numberOfPages
             }), AtomicCommercePager.propsSchema);

package/dist/cjs/components/common/atomic-agent-stream-of-thought/atomic-agent-stream-of-thought.cjs

@@ -65,6 +65,10 @@ const stepLabelKeys = {
         active: 'agent-generation-step-search',
         completed: 'agent-generation-step-search-completed'
     },
+    'searching-with-query': {
+        active: 'agent-generation-step-search-query',
+        completed: 'agent-generation-step-search-query-completed'
+    },
     'thinking-after-search': {
         active: 'agent-generation-step-analyzing-results',
         completed: 'agent-generation-step-analyzing-results-completed'
@@ -95,7 +99,9 @@ class AtomicAgentStreamOfThought extends external_lit_namespaceObject.LitElement
     }
     renderStep(step) {
         const labelKey = 'active' === step.status ? stepLabelKeys[step.type].active : stepLabelKeys[step.type].completed;
-        const label = this.i18n.t(labelKey);
+        const label = 'searching-with-query' === step.type ? this.i18n.t(labelKey, {
+            query: step.searchQuery
+        }) : this.i18n.t(labelKey);
         return (0, external_lit_namespaceObject.html)`
       <div class="step">
         ${'active' === step.status ? this.renderSpinner() : this.renderCheckmark()}
@@ -108,7 +114,9 @@ class AtomicAgentStreamOfThought extends external_lit_namespaceObject.LitElement
         if (0 === resolvedSteps.length) return external_lit_namespaceObject.nothing;
         const step = resolvedSteps[resolvedSteps.length - 1];
         const labelKey = stepLabelKeys[step.type].completed;
-        const label = this.i18n.t(labelKey);
+        const label = 'searching-with-query' === step.type ? this.i18n.t(labelKey, {
+            query: step.searchQuery
+        }) : this.i18n.t(labelKey);
         return (0, external_lit_namespaceObject.html)`
       <button
         class="collapsed-timeline-summary"
@@ -222,16 +230,38 @@ AtomicAgentStreamOfThought = _ts_decorate([
 ], AtomicAgentStreamOfThought);
 function resolveSteps(steps) {
     let searchWasPerformed = false;
-    return steps.map((step)=>{
-        let type;
+    return steps.flatMap((step)=>{
         if ('searching' === step.name) {
             searchWasPerformed = true;
-            type = 'searching';
-        } else type = 'answering' === step.name ? 'answering' : searchWasPerformed ? 'thinking-after-search' : 'thinking-before-search';
-        return {
-            type,
-            status: step.status
-        };
+            const searchToolCalls = step.toolCalls?.filter((tc)=>'search' === tc.type);
+            if (searchToolCalls?.length) return searchToolCalls.map((tc)=>{
+                const searchQuery = tc.toolCallArgs && 'q' in tc.toolCallArgs ? tc.toolCallArgs.q : void 0;
+                if (searchQuery) return {
+                    type: 'searching-with-query',
+                    status: tc.status,
+                    searchQuery
+                };
+                return {
+                    type: 'searching',
+                    status: tc.status
+                };
+            });
+            return {
+                type: 'searching',
+                status: step.status
+            };
+        }
+        {
+            if ('answering' === step.name) return {
+                type: 'answering',
+                status: step.status
+            };
+            const type = searchWasPerformed ? 'thinking-after-search' : 'thinking-before-search';
+            return {
+                type,
+                status: step.status
+            };
+        }
     });
 }
 exports.AtomicAgentStreamOfThought = __webpack_exports__.AtomicAgentStreamOfThought;

package/dist/cjs/components/common/atomic-ask-follow-up-input/atomic-ask-follow-up-input.cjs

@@ -55,15 +55,20 @@ function _ts_decorate(decorators, target, key, desc) {
 function _ts_metadata(k, v) {
     if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
 }
+const MAX_FOLLOW_UP_QUESTION_LENGTH = 300;
 class AtomicAskFollowUpInput extends external_lit_namespaceObject.LitElement {
+    get isOverCharacterLimit() {
+        return this.characterCount > MAX_FOLLOW_UP_QUESTION_LENGTH;
+    }
     async handleSubmit() {
         const input = this.textAreaRef.value;
         if (!input || this.isSubmitting) return;
         const inputValue = input.value.trim();
-        if (!inputValue || this.submitButtonDisabled) return;
+        if (!inputValue || this.submitButtonDisabled || this.isOverCharacterLimit) return;
         this.isSubmitting = true;
         try {
             input.value = '';
+            this.characterCount = 0;
             this.clearReplicaText();
             this.collapseTextArea();
             await this.askFollowUp(inputValue);
@@ -72,6 +77,7 @@ class AtomicAskFollowUpInput extends external_lit_namespaceObject.LitElement {
         }
     }
     handleInput() {
+        this.characterCount = this.textAreaRef.value?.value.trim().length ?? 0;
         this.expandTextArea();
         this.syncTextWithReplica();
     }
@@ -106,7 +112,7 @@ class AtomicAskFollowUpInput extends external_lit_namespaceObject.LitElement {
         return (0, external_lit_namespaceObject.html)`
       <div
         part="input-container"
-        class="relative flex rounded-md border border-neutral"
+        class="relative flex rounded-md border ${this.isOverCharacterLimit ? 'border-error' : 'border-neutral'}"
       >
         <div part="textarea-expander" class="grid grow overflow-hidden">
           <textarea
@@ -119,6 +125,8 @@ class AtomicAskFollowUpInput extends external_lit_namespaceObject.LitElement {
             @blur=${this.collapseTextArea}
             placeholder=${this.i18n.t('ask-follow-up')}
             aria-label=${this.i18n.t('ask-follow-up')}
+            aria-invalid=${this.isOverCharacterLimit}
+            aria-describedby=${this.isOverCharacterLimit ? 'follow-up-validation-message' : external_lit_namespaceObject.nothing}
           ></textarea>
         </div>
         ${(0, external_button_cjs_namespaceObject.renderButton)({
@@ -127,7 +135,7 @@ class AtomicAskFollowUpInput extends external_lit_namespaceObject.LitElement {
                 part: 'submit-button',
                 class: 'absolute right-1 bottom-1 flex h-8 w-8 items-center justify-center rounded-md disabled:bg-primary/60 disabled:opacity-100',
                 type: 'button',
-                disabled: this.submitButtonDisabled,
+                disabled: this.submitButtonDisabled || this.isOverCharacterLimit,
                 ariaLabel: this.i18n.t('submit-follow-up'),
                 onClick: ()=>this.handleSubmit()
             }
@@ -144,10 +152,31 @@ class AtomicAskFollowUpInput extends external_lit_namespaceObject.LitElement {
             />
           </svg>`)}
       </div>
+      <div
+        part="input-footer"
+        class="mt-1 flex min-h-5 items-start justify-between gap-2 px-1 text-sm"
+      >
+        <span
+          id="follow-up-validation-message"
+          part="validation-message"
+          class="text-error"
+          aria-live="polite"
+        >
+          ${this.isOverCharacterLimit ? this.i18n.t('follow-up-input-too-long', {
+            max: MAX_FOLLOW_UP_QUESTION_LENGTH
+        }) : ''}
+        </span>
+        <span
+          part="character-counter"
+          class="shrink-0 ${this.isOverCharacterLimit ? 'text-error' : 'text-neutral-dark'}"
+        >
+          ${this.characterCount} / ${MAX_FOLLOW_UP_QUESTION_LENGTH}
+        </span>
+      </div>
     `;
     }
     constructor(...args){
-        super(...args), this.submitButtonDisabled = false, this.isSubmitting = false, this.textAreaRef = (0, ref_js_namespaceObject.createRef)();
+        super(...args), this.submitButtonDisabled = false, this.isSubmitting = false, this.characterCount = 0, this.textAreaRef = (0, ref_js_namespaceObject.createRef)();
     }
 }
 AtomicAskFollowUpInput.styles = external_atomic_ask_follow_up_input_tw_css_cjs_default();
@@ -173,6 +202,10 @@ _ts_decorate([
     (0, decorators_js_namespaceObject.state)(),
     _ts_metadata("design:type", Boolean)
 ], AtomicAskFollowUpInput.prototype, "isSubmitting", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.state)(),
+    _ts_metadata("design:type", Number)
+], AtomicAskFollowUpInput.prototype, "characterCount", void 0);
 AtomicAskFollowUpInput = _ts_decorate([
     (0, decorators_js_namespaceObject.customElement)('atomic-ask-follow-up-input'),
     with_tailwind_styles_cjs_namespaceObject.withTailwindStyles

package/dist/cjs/components/common/atomic-focus-trap/atomic-focus-trap.cjs

@@ -114,11 +114,9 @@ class AtomicFocusTrap extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(e
     }
     constructor(...args){
         super(...args), this.active = false, this.shouldHideSelf = true, this.scope = document.body, this.hiddenElements = [], this.onFocusChanged = (e)=>{
-            const elementIsPartOfHost = (focusedElement)=>(0, utils_cjs_namespaceObject.isAncestorOf)(this, focusedElement);
-            const elementIsPartOfScope = (focusedElement)=>(0, utils_cjs_namespaceObject.isAncestorOf)(this.scope, focusedElement);
             if (!e.target || !this.active) return;
             const focusedElement = (0, utils_cjs_namespaceObject.getFocusedElement)();
-            if (focusedElement && (elementIsPartOfHost(focusedElement) || !elementIsPartOfScope(focusedElement))) return;
+            if (focusedElement && (0, utils_cjs_namespaceObject.isAncestorOf)(this, focusedElement)) return;
             (0, accessibility_utils_cjs_namespaceObject.getFirstFocusableDescendant)(this)?.focus();
         };
     }

package/dist/cjs/components/common/atomic-generated-answer-feedback-modal/atomic-generated-answer-feedback-modal.cjs

@@ -125,21 +125,15 @@ class AtomicGeneratedAnswerFeedbackModal extends external_lit_namespaceObject.Li
     }
     renderHeader() {
         return (0, external_lit_namespaceObject.html)`
-      <div
-        slot="header"
-        part="modal-header"
-        class=${(0, multi_class_map_cjs_namespaceObject.multiClassMap)({
-            'flex w-full items-center justify-between': true
-        })}
-      >
-        <h1>
-          <span>${this.bindings.i18n.t('feedback-modal-title')}</span>
-          <span class=${(0, multi_class_map_cjs_namespaceObject.multiClassMap)({
+      <h1 slot="header" part="modal-header">
+        <span>${this.bindings.i18n.t('feedback-modal-title')}</span>
+        <span class=${(0, multi_class_map_cjs_namespaceObject.multiClassMap)({
             'hide ml-0.5': true
         })}>
-            ${this.bindings.i18n.t('additional-feedback')}
-          </span>
-        </h1>
+          ${this.bindings.i18n.t('additional-feedback')}
+        </span>
+      </h1>
+      <div slot="header-actions" class="contents">
         ${(0, external_icon_button_cjs_namespaceObject.renderIconButton)({
             props: {
                 style: 'text-transparent',

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

@@ -42,6 +42,10 @@ function _ts_decorate(decorators, target, key, desc) {
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
 class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'listitem');
+    }
     willUpdate() {
         if (!this.hasUpdated) this.isExpanded = this.disableCollapse ? true : this.isExpanded;
     }
@@ -117,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)`
-      <li class="grid min-w-0">
+      <div class="grid min-w-0">
         <div class="flex min-w-0 items-center gap-3">
           <div class=${timelineDotToggleClasses}>
             ${(0, when_js_namespaceObject.when)(this.showTimelineDot, ()=>(0, external_lit_namespaceObject.html)`
@@ -163,7 +167,7 @@ class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitEl
             </div>
           </div>
         </div>
-      </li>
+      </div>
     `;
     }
     constructor(...args){

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

@@ -87,7 +87,7 @@ class AtomicModal extends (0, bindings_mixin_cjs_namespaceObject.InitializeBindi
               .source=${this.source}
               .container=${this.container ?? this}
               ${(0, ref_js_namespaceObject.ref)(this.focusTrap)}
-              .scope=${this.scope}
+              .scope=${this.scope ?? this.bindings?.interfaceElement ?? document.body}
             >
               ${this.renderContent()}
             </atomic-focus-trap>
@@ -175,9 +175,11 @@ class AtomicModal extends (0, bindings_mixin_cjs_namespaceObject.InitializeBindi
             'flex justify-between w-full max-w-lg text-xl': true,
             'font-bold': this.fullscreen
         }))}
-            id=${this.headerId}
           >
-            <slot name="header"></slot>
+            <div id=${this.headerId} class="contents">
+              <slot name="header"></slot>
+            </div>
+            <slot name="header-actions"></slot>
           </div>
         </header>
         <hr part="header-ruler" class="border-t border-neutral" />

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

@@ -89,6 +89,9 @@ class GeneratedAnswerController {
     get isAnswerVisible() {
         return !!this.options.getGeneratedAnswerState()?.isVisible;
     }
+    get followUpConversationId() {
+        return this.options.getGeneratedAnswerState()?.followUpAnswers?.conversationId;
+    }
     getToggleTooltip() {
         const key = this.isAnswerVisible ? 'generated-answer-toggle-on' : 'generated-answer-toggle-off';
         return this.options.getBindings().i18n.t(key);

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

@@ -34,27 +34,36 @@ const external_lit_namespaceObject = require("lit");
 require("../atomic-icon/atomic-icon.cjs");
 const external_heading_cjs_namespaceObject = require("../heading.cjs");
 const external_switch_cjs_namespaceObject = require("../switch.cjs");
+const external_render_conversation_debug_header_cjs_namespaceObject = require("./render-conversation-debug-header.cjs");
 const renderCardHeader = ({ props })=>{
-    const { i18n, isAnswerVisible, toggleTooltip, withToggle, onToggle } = props;
+    const { i18n, isAnswerVisible, toggleTooltip, withToggle, onToggle, withDebug, conversationId } = props;
     return (0, external_lit_namespaceObject.html)` <div
     part="header"
-    class="flex items-center ${isAnswerVisible ? 'border-b-1 border-gray-200' : ''} px-6 py-3"
+    class="flex ${isAnswerVisible ? 'border-b border-gray-200' : ''} px-6 py-3"
   >
-    <atomic-icon
-      part="header-icon"
-      class="text-primary h-4 w-4 fill-current"
-      .icon=${'assets://sparkles.svg'}
-    >
-    </atomic-icon>
-    ${(0, external_heading_cjs_namespaceObject.renderHeading)({
+    <div class="flex items-center flex-wrap grow">
+      <atomic-icon
+        part="header-icon"
+        class="text-primary h-4 w-4 fill-current"
+        .icon=${'assets://sparkles.svg'}
+      >
+      </atomic-icon>
+      ${(0, external_heading_cjs_namespaceObject.renderHeading)({
         props: {
             level: 0,
             part: 'header-label',
-            class: 'text-primary inline-block rounded-md px-2.5 py-2 font-medium'
+            class: 'text-primary inline-block rounded-md px-2.5 py-2 font-medium mr-auto shrink-0'
         }
     })((0, external_lit_namespaceObject.html)`${i18n.t('generated-answer-title')}`)}
-    <div class="ml-auto flex h-9 items-center">
-      ${(0, external_switch_cjs_namespaceObject.renderSwitch)({
+      ${withDebug && conversationId ? (0, external_render_conversation_debug_header_cjs_namespaceObject.renderConversationDebugHeader)({
+        props: {
+            i18n,
+            conversationId
+        }
+    }) : external_lit_namespaceObject.nothing}
+    </div>
+    ${withToggle ? (0, external_lit_namespaceObject.html)`<div class="ml-auto flex h-9 items-center gap-1.5">
+          ${(0, external_switch_cjs_namespaceObject.renderSwitch)({
         props: {
             part: 'toggle',
             checked: isAnswerVisible,
@@ -65,7 +74,7 @@ const renderCardHeader = ({ props })=>{
             tabIndex: 0
         }
     })}
-    </div>
+        </div>` : external_lit_namespaceObject.nothing}
   </div>`;
 };
 exports.renderCardHeader = __webpack_exports__.renderCardHeader;

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

@@ -0,0 +1,82 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__, {
+    renderConversationDebugHeader: ()=>renderConversationDebugHeader
+});
+const external_lit_namespaceObject = require("lit");
+require("../atomic-icon/atomic-icon.cjs");
+const external_button_cjs_namespaceObject = require("../button.cjs");
+const external_generated_answer_utils_cjs_namespaceObject = require("./generated-answer-utils.cjs");
+const copy_cjs_namespaceObject = require("../../../images/copy.cjs");
+var copy_cjs_default = /*#__PURE__*/ __webpack_require__.n(copy_cjs_namespaceObject);
+const renderConversationDebugHeader = ({ props })=>{
+    const { i18n, conversationId } = props;
+    return (0, external_lit_namespaceObject.html)`<div
+    class="flex flex-wrap gap-1.5 items-center text-neutral-dark"
+  >
+    ${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">
+      ${i18n.t('generated-answer-conversation-id', {
+        conversationId
+    })}
+      ${(0, external_generated_answer_utils_cjs_namespaceObject.hasClipboardSupport)() ? (0, external_button_cjs_namespaceObject.renderButton)({
+        props: {
+            style: 'text-transparent',
+            class: 'p-2 flex items-center',
+            title: i18n.t('generated-answer-copy-conversation-id'),
+            onClick: ()=>{
+                navigator.clipboard.writeText(conversationId).catch(()=>{});
+            }
+        }
+    })((0, external_lit_namespaceObject.html)`<atomic-icon
+              class="w-4 text-neutral-dark"
+              .icon=${copy_cjs_default()}
+            ></atomic-icon>`) : external_lit_namespaceObject.nothing}
+    </div>
+  </div>`;
+};
+exports.renderConversationDebugHeader = __webpack_exports__.renderConversationDebugHeader;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "renderConversationDebugHeader"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/common/item-list/item-list-common.cjs

@@ -45,7 +45,12 @@ class ItemListCommon {
     setNewResultRef(element, resultIndex) {
         if (0 === resultIndex) this.firstResultEl = element;
         if (resultIndex !== this.indexOfResultToFocus) return;
-        if (!element.children.length && !element.shadowRoot?.children.length) return;
+        if (!element.children.length && !element.shadowRoot?.children.length) {
+            const litElement = element;
+            const ready = litElement.getUpdateComplete?.() ?? litElement.updateComplete;
+            ready?.then(()=>this.setNewResultRef(element, resultIndex));
+            return;
+        }
         this.indexOfResultToFocus = void 0;
         const elementToFocus = (0, accessibility_utils_cjs_namespaceObject.getFirstFocusableDescendant)(element) ?? element;
         this.props.nextNewItemTarget.setTarget(elementToFocus);

package/dist/cjs/components/common/pager/pager-buttons.cjs

@@ -36,7 +36,6 @@ __webpack_require__.d(__webpack_exports__, {
 require("../atomic-icon/atomic-icon.cjs");
 const external_lit_namespaceObject = require("lit");
 const external_button_cjs_namespaceObject = require("../button.cjs");
-const external_radio_button_cjs_namespaceObject = require("../radio-button.cjs");
 const renderPagerPreviousButton = ({ props })=>(0, external_button_cjs_namespaceObject.renderButton)({
         props: {
             ...props,
@@ -63,28 +62,17 @@ const renderPagerNextButton = ({ props })=>(0, external_button_cjs_namespaceObje
       part="next-button-icon"
       class="w-5 align-middle"
     ></atomic-icon>`);
-const renderPagerPageButton = ({ props })=>(0, external_radio_button_cjs_namespaceObject.renderRadioButton)({
+const renderPagerPageButton = ({ props })=>(0, external_button_cjs_namespaceObject.renderButton)({
         props: {
-            ...props,
-            selectWhenFocused: false,
-            key: props.page,
             style: 'outline-neutral',
-            checked: props.isSelected,
+            ariaLabel: props.ariaLabel ?? props.text,
             ariaCurrent: props.isSelected ? 'page' : 'false',
-            class: 'btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1',
+            class: `btn-page focus-visible:bg-neutral-light min-h-10 min-w-10 p-1${props.isSelected ? ' selected' : ''}`,
             part: `page-button${props.isSelected ? ' active-page-button' : ''}`,
-            onFocusCallback: props.onFocusCallback,
-            ariaRoleDescription: 'link'
+            onClick: props.onChecked
         }
-    });
-const renderPageButtons = ({ props })=>(children)=>(0, external_lit_namespaceObject.html)` <div
-      part="page-buttons"
-      role="radiogroup"
-      aria-label=${props.i18n.t('pagination')}
-      class="contents"
-    >
-      ${children}
-    </div>`;
+    })((0, external_lit_namespaceObject.html)`${props.text}`);
+const renderPageButtons = ()=>(children)=>(0, external_lit_namespaceObject.html)`<div part="page-buttons" class="contents">${children}</div>`;
 exports.renderPageButtons = __webpack_exports__.renderPageButtons;
 exports.renderPagerNextButton = __webpack_exports__.renderPagerNextButton;
 exports.renderPagerPageButton = __webpack_exports__.renderPagerPageButton;

package/dist/cjs/components/common/pager/pager-navigation.cjs

@@ -32,9 +32,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const external_lit_namespaceObject = require("lit");
 const renderPagerNavigation = ({ props })=>(children)=>(0, external_lit_namespaceObject.html)`<nav aria-label=${props.i18n.t('pagination')}>
-      <div part="buttons" role="toolbar" class="flex flex-wrap gap-2">
-        ${children}
-      </div>
+      <div part="buttons" class="flex flex-wrap gap-2">${children}</div>
     </nav>`;
 exports.renderPagerNavigation = __webpack_exports__.renderPagerNavigation;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

package/dist/cjs/components/common/refine-modal/modal.cjs

@@ -52,8 +52,8 @@ const renderRefineModal = ({ props })=>(children)=>{
             props.host.querySelector('div[slot="facets"]')?.remove();
         };
         const renderHeader = ()=>(0, external_lit_namespaceObject.html)`
-        <div slot="header" class="contents">
-          <h1 part="title" class="truncate">${props.title}</h1>
+        <h1 part="title" slot="header" class="truncate">${props.title}</h1>
+        <div slot="header-actions" class="contents">
           ${(0, external_button_cjs_namespaceObject.renderButton)({
                 props: {
                     style: 'text-transparent',

package/dist/cjs/components/insight/atomic-insight-pager/atomic-insight-pager.cjs

@@ -56,7 +56,6 @@ const error_guard_cjs_namespaceObject = require("../../../decorators/error-guard
 const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
 const accessibility_utils_cjs_namespaceObject = require("../../../utils/accessibility-utils.cjs");
 const event_utils_cjs_namespaceObject = require("../../../utils/event-utils.cjs");
-const utils_cjs_namespaceObject = require("../../../utils/utils.cjs");
 const arrow_left_rounded_cjs_namespaceObject = require("../../../images/arrow-left-rounded.cjs");
 var arrow_left_rounded_cjs_default = /*#__PURE__*/ __webpack_require__.n(arrow_left_rounded_cjs_namespaceObject);
 const arrow_right_rounded_cjs_namespaceObject = require("../../../images/arrow-right-rounded.cjs");
@@ -116,9 +115,7 @@ class AtomicInsightPager extends external_lit_namespaceObject.LitElement {
                             await this.focusOnFirstResultAndScrollToTop();
                         },
                         page: pageNumber,
-                        groupName: this.radioGroupName,
-                        text: (pageNumber + 1).toLocaleString(this.bindings.i18n.language),
-                        onFocusCallback: this.handleFocus
+                        text: (pageNumber + 1).toLocaleString(this.bindings.i18n.language)
                     }
                 })))}
           `)}
@@ -152,13 +149,7 @@ class AtomicInsightPager extends external_lit_namespaceObject.LitElement {
         });
     }
     constructor(){
-        super(), this.numberOfPages = 5, this.ariaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'atomic-insight-pager'), this.radioGroupName = (0, utils_cjs_namespaceObject.randomID)('atomic-insight-pager-'), this.handleFocus = async (elements, currentFocus, newFocus)=>{
-            const currentIndex = elements.indexOf(currentFocus);
-            const newIndex = elements.indexOf(newFocus);
-            if (currentIndex === elements.length - 1 && 0 === newIndex) await this.nextButton.focus();
-            else if (0 === currentIndex && newIndex === elements.length - 1) await this.previousButton.focus();
-            else newFocus.focus();
-        };
+        super(), this.numberOfPages = 5, this.ariaMessage = new accessibility_utils_cjs_namespaceObject.AriaLiveRegionController(this, 'atomic-insight-pager');
         new validate_props_controller_cjs_namespaceObject.ValidatePropsController(this, ()=>({
                 numberOfPages: this.numberOfPages
             }), new bueno_namespaceObject.Schema({

package/dist/cjs/components/search/atomic-breadbox/atomic-breadbox.cjs

@@ -130,9 +130,7 @@ class AtomicBreadbox extends external_lit_namespaceObject.LitElement {
                 i18n: this.bindings.i18n,
                 numberOfCollapsedBreadcrumbs: this.numberOfCollapsedBreadcrumbs,
                 value: this.showMoreText,
-                ariaLabel: this.bindings.i18n.t('show-n-more-filters', {
-                    value: this.numberOfCollapsedBreadcrumbs
-                })
+                ariaLabel: this.showMoreText
             }
         })}
           ${(0, breadcrumb_show_less_cjs_namespaceObject.renderBreadcrumbShowLess)({
@@ -209,7 +207,9 @@ class AtomicBreadbox extends external_lit_namespaceObject.LitElement {
         this.numberOfCollapsedBreadcrumbs = value;
         if (0 === value) return void this.hide(this.showMoreButton);
         this.show(this.showMoreButton);
-        this.showMoreText = `+ ${value.toLocaleString(this.bindings.i18n.language)}`;
+        this.showMoreText = this.bindings.i18n.t('show-n-more-filters', {
+            value
+        });
     }
     get facetBreadcrumbs() {
         return this.breadcrumbManagerState.facetBreadcrumbs.flatMap(({ facetId, field, values })=>values.map((value)=>({