@coveo/atomic 3.59.7 → 3.60.0

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

@@ -22,6 +22,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'
@@ -52,7 +56,9 @@ class AtomicAgentStreamOfThought extends 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 html`
       <div class="step">
         ${'active' === step.status ? this.renderSpinner() : this.renderCheckmark()}
@@ -65,7 +71,9 @@ class AtomicAgentStreamOfThought extends LitElement {
         if (0 === resolvedSteps.length) return 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 html`
       <button
         class="collapsed-timeline-summary"
@@ -179,16 +187,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
+            };
+        }
     });
 }
 export { AtomicAgentStreamOfThought, resolveSteps };

package/dist/esm/components/common/atomic-agent-stream-of-thought/atomic-agent-stream-of-thought.tw.css.js

@@ -1,4 +1,4 @@
 import { css } from "lit";
-const styles = css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial;--tw-outline-style:solid}}}:host{display:block}@keyframes spin{to{transform:rotate(1turn)}}.timeline{font-size:var(--atomic-text-sm);gap:calc(var(--spacing,.25rem)*1);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:calc(var(--spacing,.25rem)*1);--tw-font-weight:var(--font-weight-light,300);color:var(--atomic-neutral-dark);display:flex;flex-direction:column;font-weight:var(--font-weight-light,300)}.collapsed-timeline-summary,.step{align-items:center;display:flex;gap:calc(var(--spacing,.25rem)*2)}.collapsed-timeline-summary{cursor:pointer;--tw-border-style:none;background-color:#0000;border-style:none;color:inherit;font:inherit;padding:calc(var(--spacing,.25rem)*0);text-align:left}.collapsed-timeline-summary:focus-visible{border-radius:var(--atomic-border-radius);outline-color:var(--atomic-primary);outline-offset:2px;outline-style:var(--tw-outline-style);outline-width:2px}.toggle-button{align-items:center;cursor:pointer;gap:calc(var(--spacing,.25rem)*1);--tw-border-style:none;background-color:#0000;border-style:none;color:inherit;display:flex;font:inherit;padding:calc(var(--spacing,.25rem)*0)}.toggle-button:focus-visible{border-radius:var(--atomic-border-radius);outline-color:var(--atomic-primary);outline-offset:2px;outline-style:var(--tw-outline-style);outline-width:2px}.step-icon{align-items:center;display:flex;flex-shrink:0;height:14px;justify-content:center;width:14px}.checkmark-icon{color:var(--atomic-success,#1b8057)}.spinner{animation:spin .8s linear infinite;border:2px solid;border-radius:3.40282e+38px;border-top:2px solid #0000;display:inline-block;height:12px;width:12px}.chevron{align-items:center;display:flex;margin-left:calc(var(--spacing,.25rem)*1);transition:transform .2s}.chevron-up{transform:rotate(180deg)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`;
+const styles = css`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial;--tw-outline-style:solid}}}:host{display:block}@keyframes spin{to{transform:rotate(1turn)}}.timeline{font-size:var(--atomic-text-sm);gap:var(--spacing,.25rem);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857));padding-block:var(--spacing,.25rem);--tw-font-weight:var(--font-weight-light,300);color:var(--atomic-neutral-dark);display:flex;flex-direction:column;font-weight:var(--font-weight-light,300)}.collapsed-timeline-summary,.step{align-items:center;display:flex;gap:calc(var(--spacing,.25rem)*2)}.collapsed-timeline-summary{cursor:pointer;--tw-border-style:none;background-color:#0000;border-style:none;color:inherit;font:inherit;padding:0;text-align:left}.collapsed-timeline-summary:focus-visible{border-radius:var(--atomic-border-radius);outline-color:var(--atomic-primary);outline-offset:2px;outline-style:var(--tw-outline-style);outline-width:2px}.toggle-button{align-items:center;cursor:pointer;gap:var(--spacing,.25rem);--tw-border-style:none;background-color:#0000;border-style:none;color:inherit;display:flex;font:inherit;padding:0}.toggle-button:focus-visible{border-radius:var(--atomic-border-radius);outline-color:var(--atomic-primary);outline-offset:2px;outline-style:var(--tw-outline-style);outline-width:2px}.step-icon{align-items:center;display:flex;flex-shrink:0;height:14px;justify-content:center;width:14px}.checkmark-icon{color:var(--atomic-success,#1b8057)}.spinner{animation:spin .8s linear infinite;border:2px solid;border-radius:3.40282e+38px;border-top:2px solid #0000;display:inline-block;height:12px;width:12px}.chevron{align-items:center;display:flex;margin-left:var(--spacing,.25rem);transition:transform .2s}.chevron-up{transform:rotate(180deg)}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}`;
 const atomic_agent_stream_of_thought_tw_css = styles;
 export default atomic_agent_stream_of_thought_tw_css;

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

@@ -1,4 +1,4 @@
-import { LitElement, html } from "lit";
+import { LitElement, html, nothing } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
 import { createRef, ref } from "lit/directives/ref.js";
 import { renderButton } from "../button.js";
@@ -13,15 +13,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 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);
@@ -30,6 +35,7 @@ class AtomicAskFollowUpInput extends LitElement {
         }
     }
     handleInput() {
+        this.characterCount = this.textAreaRef.value?.value.trim().length ?? 0;
         this.expandTextArea();
         this.syncTextWithReplica();
     }
@@ -64,7 +70,7 @@ class AtomicAskFollowUpInput extends LitElement {
         return 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
@@ -77,6 +83,8 @@ class AtomicAskFollowUpInput extends 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' : nothing}
           ></textarea>
         </div>
         ${renderButton({
@@ -85,7 +93,7 @@ class AtomicAskFollowUpInput extends 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()
             }
@@ -102,10 +110,31 @@ class AtomicAskFollowUpInput extends 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 = createRef();
+        super(...args), this.submitButtonDisabled = false, this.isSubmitting = false, this.characterCount = 0, this.textAreaRef = createRef();
     }
 }
 AtomicAskFollowUpInput.styles = atomic_ask_follow_up_input_tw_css;
@@ -131,6 +160,10 @@ _ts_decorate([
     state(),
     _ts_metadata("design:type", Boolean)
 ], AtomicAskFollowUpInput.prototype, "isSubmitting", void 0);
+_ts_decorate([
+    state(),
+    _ts_metadata("design:type", Number)
+], AtomicAskFollowUpInput.prototype, "characterCount", void 0);
 AtomicAskFollowUpInput = _ts_decorate([
     customElement('atomic-ask-follow-up-input'),
     withTailwindStyles

package/dist/esm/components/common/atomic-ask-follow-up-input/atomic-ask-follow-up-input.tw.css.js

@@ -1,4 +1,4 @@
 import { css } from "lit";
-const styles = css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}[part=input-container]{min-height:calc(2.5rem + 2px)}[part=textarea-expander]:after{content:attr(data-replicated-value) " ";visibility:hidden}[part=textarea-expander]{margin-right:calc(var(--spacing,.25rem)*10)}[part=textarea-expander]:after,[part=textarea-expander]>[part=input-field]{-ms-overflow-style:none;scrollbar-width:none}:is([part=textarea-expander]>[part=input-field])::-webkit-scrollbar{display:none}[part=textarea-expander]:after,[part=textarea-expander]>[part=input-field]{background-color:#0000;overflow:hidden;padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4);resize:none;white-space:nowrap}:is([part=textarea-expander]>[part=input-field])::placeholder{color:var(--atomic-neutral-dark)}[part=textarea-expander]:after,[part=textarea-expander]>[part=input-field]{--tw-outline-style:none;grid-area:1/1/2/2;min-height:2.5rem;outline-style:none;padding-right:3rem}[part=textarea-expander].expanded{background-color:var(--atomic-background);border-color:var(--atomic-primary);border-radius:var(--atomic-border-radius-md);border-style:var(--tw-border-style);border-width:1px;margin-right:calc(var(--spacing,.25rem)*0);--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-primary);bottom:-1px;left:-1px;overflow:visible;position:absolute;right:-1px;z-index:10}[part=textarea-expander].expanded:after,[part=textarea-expander].expanded>[part=input-field]{max-height:8rem;overflow-y:auto;white-space:pre-wrap}[part=submit-button]{z-index:11}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`;
+const styles = css`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}[part=input-container]{min-height:calc(2.5rem + 2px)}[part=textarea-expander]:after{content:attr(data-replicated-value) " ";visibility:hidden}[part=textarea-expander]{margin-right:calc(var(--spacing,.25rem)*10)}[part=textarea-expander]:after,[part=textarea-expander]>[part=input-field]{-ms-overflow-style:none;scrollbar-width:none}:is([part=textarea-expander]>[part=input-field])::-webkit-scrollbar{display:none}[part=textarea-expander]:after,[part=textarea-expander]>[part=input-field]{background-color:#0000;overflow:hidden;padding-block:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4);resize:none;white-space:nowrap}:is([part=textarea-expander]>[part=input-field])::placeholder{color:var(--atomic-neutral-dark)}[part=textarea-expander]:after,[part=textarea-expander]>[part=input-field]{--tw-outline-style:none;grid-area:1/1/2/2;min-height:2.5rem;outline-style:none;padding-right:3rem}[part=textarea-expander].expanded{background-color:var(--atomic-background);border-color:var(--atomic-primary);border-radius:var(--atomic-border-radius-md);border-style:var(--tw-border-style);border-width:1px;--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--atomic-primary);bottom:-1px;left:-1px;margin-right:0;overflow:visible;position:absolute;right:-1px;z-index:10}[part=textarea-expander].expanded:after,[part=textarea-expander].expanded>[part=input-field]{max-height:8rem;overflow-y:auto;white-space:pre-wrap}[part=submit-button]{z-index:11}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}`;
 const atomic_ask_follow_up_input_tw_css = styles;
 export default atomic_ask_follow_up_input_tw_css;

package/dist/esm/components/common/atomic-citation/atomic-citation.tw.css.js

@@ -1,4 +1,4 @@
 import { css } from "lit";
-const styles = css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */:host{display:contents;position:relative}[part=citation]{--height:2.2em;--index-height:1.1em;--max-citation-width:400px;height:var(--height);max-width:var(--max-citation-width)}[part=citation-popover]{--popover-width:350px;width:var(--popover-width)}[part=citation-popover] p{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}`;
+const styles = css`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */:host{display:contents;position:relative}[part=citation]{--height:2.2em;--index-height:1.1em;--max-citation-width:400px;height:var(--height);max-width:var(--max-citation-width)}[part=citation-popover]{--popover-width:350px;width:var(--popover-width)}[part=citation-popover] p{--font-size:var(--atomic-text-sm);font-size:var(--font-size);--line-height:calc(var(--font-size)*var(--atomic-line-height-ratio));line-height:var(--line-height)}`;
 const atomic_citation_tw_css = styles;
 export default atomic_citation_tw_css;

package/dist/esm/components/common/atomic-focus-trap/atomic-focus-trap.js

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

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

@@ -82,21 +82,15 @@ class AtomicGeneratedAnswerFeedbackModal extends LitElement {
     }
     renderHeader() {
         return html`
-      <div
-        slot="header"
-        part="modal-header"
-        class=${multiClassMap({
-            'flex w-full items-center justify-between': true
-        })}
-      >
-        <h1>
-          <span>${this.bindings.i18n.t('feedback-modal-title')}</span>
-          <span class=${multiClassMap({
+      <h1 slot="header" part="modal-header">
+        <span>${this.bindings.i18n.t('feedback-modal-title')}</span>
+        <span class=${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">
         ${renderIconButton({
             props: {
                 style: 'text-transparent',
@@ -403,7 +397,7 @@ AtomicGeneratedAnswerFeedbackModal.options = [
         correspondingAnswer: 'readable'
     }
 ];
-AtomicGeneratedAnswerFeedbackModal.styles = css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */[part=generated-answer-feedback-modal]::part(container){min-width:calc(var(--spacing,.25rem)*170)}[part=generated-answer-feedback-modal]::part(body),[part=generated-answer-feedback-modal]::part(footer),[part=generated-answer-feedback-modal]::part(header){max-width:calc(var(--spacing,.25rem)*170)}@media not all and (min-width:1024px){[part=generated-answer-feedback-modal]::part(container){min-width:100%;width:auto}[part=generated-answer-feedback-modal]::part(body),[part=generated-answer-feedback-modal]::part(footer),[part=generated-answer-feedback-modal]::part(header){max-width:100%}[part=generated-answer-feedback-modal] [part=buttons] .required-label{font-size:var(--atomic-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}[part=generated-answer-feedback-modal] [part=form] .answer-evaluation{display:block}[part=generated-answer-feedback-modal] [part=form] .options{margin-top:calc(var(--spacing,.25rem)*2)}[part=generated-answer-feedback-modal] [part=modal-header] .hide{display:none}}[part=form] .active{background-color:var(--atomic-primary-background);border-color:var(--atomic-primary-light);color:var(--atomic-primary-light)}[part=form] .text-error-red{color:var(--atomic-inline-code)}`;
+AtomicGeneratedAnswerFeedbackModal.styles = css`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */[part=generated-answer-feedback-modal]::part(container){min-width:calc(var(--spacing,.25rem)*170)}[part=generated-answer-feedback-modal]::part(body),[part=generated-answer-feedback-modal]::part(footer),[part=generated-answer-feedback-modal]::part(header){max-width:calc(var(--spacing,.25rem)*170)}@media not all and (min-width:1024px){[part=generated-answer-feedback-modal]::part(container){min-width:100%;width:auto}[part=generated-answer-feedback-modal]::part(body),[part=generated-answer-feedback-modal]::part(footer),[part=generated-answer-feedback-modal]::part(header){max-width:100%}[part=generated-answer-feedback-modal] [part=buttons] .required-label{font-size:var(--atomic-text-sm);line-height:var(--tw-leading,var(--text-sm--line-height,1.42857))}[part=generated-answer-feedback-modal] [part=form] .answer-evaluation{display:block}[part=generated-answer-feedback-modal] [part=form] .options{margin-top:calc(var(--spacing,.25rem)*2)}[part=generated-answer-feedback-modal] [part=modal-header] .hide{display:none}}[part=form] .active{background-color:var(--atomic-primary-background);border-color:var(--atomic-primary-light);color:var(--atomic-primary-light)}[part=form] .text-error-red{color:var(--atomic-inline-code)}`;
 _ts_decorate([
     property({
         type: Boolean,

package/dist/esm/components/common/atomic-generated-answer-inline-link/atomic-generated-answer-inline-link.tw.css.js

@@ -1,4 +1,4 @@
 import { css } from "lit";
-const styles = css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */:host{display:inline}a{color:var(--atomic-primary);text-decoration-line:none}a [part=answer-link-text]{text-decoration-line:underline}.icon-wrapper{display:inline-block;height:1em;vertical-align:text-bottom;width:1em}`;
+const styles = css`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */:host{display:inline}a{color:var(--atomic-primary);text-decoration-line:none}a [part=answer-link-text]{text-decoration-line:underline}.icon-wrapper{display:inline-block;height:1em;vertical-align:text-bottom;width:1em}`;
 const atomic_generated_answer_inline_link_tw_css = styles;
 export default atomic_generated_answer_inline_link_tw_css;

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

@@ -10,6 +10,10 @@ function _ts_decorate(decorators, target, key, desc) {
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 }
 class AtomicGeneratedAnswerThreadItem extends LitElement {
+    connectedCallback() {
+        super.connectedCallback();
+        this.setAttribute('role', 'listitem');
+    }
     willUpdate() {
         if (!this.hasUpdated) this.isExpanded = this.disableCollapse ? true : this.isExpanded;
     }
@@ -85,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`
-      <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}>
             ${when(this.showTimelineDot, ()=>html`
@@ -131,7 +135,7 @@ class AtomicGeneratedAnswerThreadItem extends LitElement {
             </div>
           </div>
         </div>
-      </li>
+      </div>
     `;
     }
     constructor(...args){

package/dist/esm/components/common/atomic-modal/atomic-modal.js

@@ -55,7 +55,7 @@ class AtomicModal extends InitializeBindingsMixin(LitElement) {
               .source=${this.source}
               .container=${this.container ?? this}
               ${ref(this.focusTrap)}
-              .scope=${this.scope}
+              .scope=${this.scope ?? this.bindings?.interfaceElement ?? document.body}
             >
               ${this.renderContent()}
             </atomic-focus-trap>
@@ -143,9 +143,11 @@ class AtomicModal extends InitializeBindingsMixin(LitElement) {
             '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" />
@@ -204,7 +206,7 @@ class AtomicModal extends InitializeBindingsMixin(LitElement) {
         };
     }
 }
-AtomicModal.styles = css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@keyframes scaleUp{0%{opacity:0;transform:scale(.7)translateY(150vh)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(150vh)}}article.animate-open{animation:var(--animate-scale-up-modal,scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards)}article.animate-close{animation:var(--animate-slide-down-modal,slideDown .5s linear forwards)}.grid-template-modal{grid-template:". . ."1fr".modal."". . ."3fr/1fr min(30rem,100%) 1fr}`;
+AtomicModal.styles = css`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@keyframes scaleUp{0%{opacity:0;transform:scale(.7)translateY(150vh)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(150vh)}}article.animate-open{animation:var(--animate-scale-up-modal,scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards)}article.animate-close{animation:var(--animate-slide-down-modal,slideDown .5s linear forwards)}.grid-template-modal{grid-template:". . ."1fr".modal."". . ."3fr/1fr min(30rem,100%) 1fr}`;
 _ts_decorate([
     state(),
     _ts_metadata("design:type", "u" < typeof AnyBindings ? Object : AnyBindings)

package/dist/esm/components/common/atomic-rating/atomic-rating.tw.css.js

@@ -1,4 +1,4 @@
 import { css } from "lit";
-const styles = css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer components{:is(:is(atomic-product-rating,atomic-result-rating) .text-rating-icon-active,:is(atomic-product-rating,atomic-result-rating) .text-rating-icon-inactive) svg path{stroke:var(--atomic-rating-icon-outline-color,none)}}`;
+const styles = css`/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */@layer components{:is(:is(atomic-product-rating,atomic-result-rating) .text-rating-icon-active,:is(atomic-product-rating,atomic-result-rating) .text-rating-icon-inactive) svg path{stroke:var(--atomic-rating-icon-outline-color,none)}}`;
 const atomic_rating_tw_css = styles;
 export default atomic_rating_tw_css;