@coveo/atomic 3.52.0 → 3.53.0

package/README.md

@@ -79,32 +79,6 @@ pnpm turbo run test --filter=@coveo/atomic
 
 This Storybook instance is configured with the MCP addon, which enables AI agents to programmatically interact with component stories. When Storybook is running, the MCP server is accessible at `http://localhost:4400/mcp`.
 
-## Run Cypress for Atomic components
-
-Ref: https://docs.cypress.io/
-
-- All the tests will need to be under folder cypress\integration
-
-### Open
-
-To open cypress, run:
-
-```sh
-pnpm turbo run e2e:watch --filter=@coveo/atomic
-```
-
-To run all the test, run:
-
-```sh
-pnpm turbo run e2e  --filter=@coveo/atomic
-```
-
-To run all the test in Firefox:
-
-```sh
-pnpm turbo run e2e:firefox --filter=@coveo/atomic
-```
-
 ## Utilities
 
 ### Stencil decorators

package/custom-elements.json

@@ -6,7 +6,24 @@
       "kind": "javascript-module",
       "path": "src/index.ts",
       "declarations": [],
-      "exports": []
+      "exports": [
+        {
+          "kind": "js",
+          "name": "Components",
+          "declaration": {
+            "name": "_Components",
+            "module": "src/index.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "JSX",
+          "declaration": {
+            "name": "_Components",
+            "module": "src/index.ts"
+          }
+        }
+      ]
     },
     {
       "kind": "javascript-module",
@@ -14124,6 +14141,12 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/common/generated-answer/render-agent-generation-steps.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/common/generated-answer/render-answer-content.ts",
@@ -31547,6 +31570,13 @@
                   "type": {
                     "text": "GeneratedAnswerCitation[]"
                   }
+                },
+                {
+                  "name": "answerId",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
                 }
               ]
             },
@@ -47866,19 +47896,19 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/common/facets/facet-value-label-highlight/facet-value-label-highlight.ts",
+      "path": "src/components/common/facets/facet-value-exclude/facet-value-exclude.ts",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/common/facets/facet-value-exclude/facet-value-exclude.ts",
+      "path": "src/components/common/facets/facet-value-exclude/facet-value-exclude.tw.css.ts",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/common/facets/facet-value-exclude/facet-value-exclude.tw.css.ts",
+      "path": "src/components/common/facets/facet-value-label-highlight/facet-value-label-highlight.ts",
       "declarations": [],
       "exports": []
     },

package/dist/atomic/atomic.esm.js

@@ -2,5 +2,4 @@ import {registerAutoloader} from './autoloader/index.esm.js';
 
 registerAutoloader();
 
-export * from './_atomic.esm.js';
 export * from './components/components/lazy-index.js';

package/dist/atomic/autoloader/index.cjs.js

@@ -57,12 +57,12 @@ function registerAutoloader(roots) {
   };
   const discover = async (root) => {
     visitedNodes.add(root);
-    const rootTagName = root.ownerDocument.defaultView && root instanceof root.ownerDocument.defaultView.Element || root instanceof Element ? root.tagName.toLowerCase() : "";
+    const rootTagName = root instanceof Element ? root.tagName.toLowerCase() : "";
     const rootIsCustomElement = rootTagName?.includes("-");
     const allCustomElements = [...root.querySelectorAll("*")].filter(
       (el) => el.tagName.toLowerCase().includes("-")
     );
-    if (rootIsCustomElement && (root.ownerDocument.defaultView && root instanceof root.ownerDocument.defaultView.Element || root instanceof Element) && !customElements.get(rootTagName) && !allCustomElements.includes(root)) {
+    if (rootIsCustomElement && root instanceof Element && !customElements.get(rootTagName) && !allCustomElements.includes(root)) {
       allCustomElements.push(root);
     }
     if (rootIsCustomElement) {

package/dist/atomic/autoloader/index.esm.js

@@ -24,12 +24,12 @@ function registerAutoloader(roots) {
   };
   const discover = async (root) => {
     visitedNodes.add(root);
-    const rootTagName = root.ownerDocument.defaultView && root instanceof root.ownerDocument.defaultView.Element || root instanceof Element ? root.tagName.toLowerCase() : "";
+    const rootTagName = root instanceof Element ? root.tagName.toLowerCase() : "";
     const rootIsCustomElement = rootTagName?.includes("-");
     const allCustomElements = [...root.querySelectorAll("*")].filter(
       (el) => el.tagName.toLowerCase().includes("-")
     );
-    if (rootIsCustomElement && (root.ownerDocument.defaultView && root instanceof root.ownerDocument.defaultView.Element || root instanceof Element) && !customElements.get(rootTagName) && !allCustomElements.includes(root)) {
+    if (rootIsCustomElement && root instanceof Element && !customElements.get(rootTagName) && !allCustomElements.includes(root)) {
       allCustomElements.push(root);
     }
     if (rootIsCustomElement) {

package/dist/atomic/components/components/commerce/product-template-component-utils/context/fetch-product-context.js

@@ -0,0 +1,14 @@
+import { fetchItemContext } from "../../../common/item-list/fetch-item-context";
+/**
+ * Retrieves `Product` on a rendered `atomic-product`.
+ *
+ * This utility function is useful for building custom product template elements, see [Create a Product List](https://docs.coveo.com/en/atomic/latest/cc-search/create-custom-components/native-components/#custom-product-template-component-example) for more information.
+ *
+ * You should use the utility function in the [`connectedCallback` lifecycle method](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements#using_the_lifecycle_callbacks).
+ *
+ * @param element - The element that the event is dispatched to, which must be the child of a rendered `atomic-product`.
+ * @returns A promise that resolves on initialization of the parent `atomic-product` element, or rejects when there is no parent `atomic-product` element.
+ */
+export function fetchProductContext(element) {
+    return fetchItemContext(element, 'atomic-product');
+}

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

@@ -6,9 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
+import { when } from 'lit/directives/when.js';
 import atomicGeneratedAnswerStyles from "../../../search/atomic-generated-answer/atomic-generated-answer.tw.css.js";
 import { withTailwindStyles } from "../../../../decorators/with-tailwind-styles";
 import { renderGeneratedContentContainer } from '../generated-content-container';
+import { renderAgentGenerationSteps } from '../render-agent-generation-steps';
 import { renderFeedbackAndCopyButtons } from '../render-feedback-and-copy-buttons';
 import { renderSourceCitations } from '../source-citations';
 const COPY_RESET_DURATION_MS = 2000;
@@ -46,15 +48,26 @@ let AtomicAnswerContent = class AtomicAnswerContent extends LitElement {
         clearTimeout(this.resetCopyTimeout);
     }
     render() {
-        const { answer, answerContentFormat, isStreaming, citations = [], answerId, error, } = this.generatedAnswer || {};
+        const { answer, answerContentFormat, isStreaming, generationSteps, citations = [], answerId, error, cannotAnswer, } = this.generatedAnswer || {};
         if (error) {
             return this.renderError();
         }
-        if (!answer || !answerId) {
+        if (cannotAnswer) {
+            return this.renderCannotAnswer();
+        }
+        if (!answerId) {
             return html ``;
         }
+        const shouldRenderFeedbackAndCopyButtons = Boolean(answer) && !isStreaming;
         return html `
       <div>
+        ${renderAgentGenerationSteps({
+            props: {
+                i18n: this.i18n,
+                agentSteps: generationSteps ?? [],
+                isStreaming: Boolean(isStreaming),
+            },
+        })}
         <div>
           ${renderGeneratedContentContainer({
             props: {
@@ -63,17 +76,22 @@ let AtomicAnswerContent = class AtomicAnswerContent extends LitElement {
                 isStreaming: Boolean(isStreaming),
             },
         })(html `
-              ${renderSourceCitations({
+            ${renderSourceCitations({
             props: {
                 label: this.i18n.t('citations'),
                 isVisible: citations.length > 0,
             },
-        })(html `${this.renderCitations(citations)}`)}
-            `)}
+        })(html `${this.renderCitations(citations, answerId)}`)}
+          `)}
         </div>
-
-        <div class="mt-4" part="feedback-and-copy-buttons">
-          ${renderFeedbackAndCopyButtons({
+        ${when(shouldRenderFeedbackAndCopyButtons, () => this.renderFeedbackAndCopyButtons(answerId))}
+      </div>
+    `;
+    }
+    renderFeedbackAndCopyButtons(answerId) {
+        return html `
+      <div class="mt-4" part="feedback-and-copy-buttons">
+        ${renderFeedbackAndCopyButtons({
             props: {
                 i18n: this.i18n,
                 generatedAnswerActionsState: {
@@ -91,7 +109,6 @@ let AtomicAnswerContent = class AtomicAnswerContent extends LitElement {
                 onCopyToClipboard: () => this.copyToClipboard(),
             },
         })}
-        </div>
       </div>
     `;
     }
@@ -136,6 +153,15 @@ let AtomicAnswerContent = class AtomicAnswerContent extends LitElement {
       </div>
     `;
     }
+    renderCannotAnswer() {
+        return html `
+      <div part="generated-answer-cannot-answer">
+        <p>
+          ${this.i18n.t('generated-answer-cannot-generate-answer')}
+        </p>
+      </div>
+    `;
+    }
 };
 AtomicAnswerContent.styles = [atomicGeneratedAnswerStyles];
 __decorate([

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

@@ -10,7 +10,8 @@ export const renderFeedbackButton = ({ props, }) => {
     const baseClassName = getClassNameForButtonStyle(buttonStyle);
     const classNames = multiClassMap(tw({
         [baseClassName]: true,
-        'feedback-button rounded-md p-2 text-neutral-dark': true,
+        'feedback-button rounded-md p-2': true,
+        'text-neutral-dark': !props.active,
         [props.variant]: true,
         active: props.active,
         'hover:text-success': props.variant === 'like',

package/dist/atomic/components/components/common/generated-answer/render-agent-generation-steps.js

@@ -0,0 +1,34 @@
+import { html } from 'lit';
+import { keyed } from 'lit/directives/keyed.js';
+import { when } from 'lit/directives/when.js';
+const stepLabelKeys = {
+    searching: 'agent-generation-step-search',
+    thinking: 'agent-generation-step-think',
+    answering: 'generating-answer',
+};
+/**
+ * @internal
+ */
+export const renderAgentGenerationSteps = ({ props }) => {
+    const { i18n, agentSteps, isStreaming } = props;
+    const currentStepKey = getCurrentStepKey(agentSteps);
+    const currentStepLabel = currentStepKey ? i18n.t(currentStepKey) : undefined;
+    const canRender = isStreaming && !!currentStepLabel;
+    return html `${when(canRender, () => keyed(currentStepKey, html `
+        <div
+          part="agent-generation-status"
+          class="text-neutral-dark flex text-sm font-light"
+        >
+          <span class="generation-steps-container">
+            <span class="generation-steps-value">${currentStepLabel}</span>
+          </span>
+        </div>
+      `))}`;
+};
+/**
+ * Returns the current generation-step localization key.
+ */
+export function getCurrentStepKey(generationSteps) {
+    const activeStep = generationSteps.findLast((step) => step.status === 'active');
+    return activeStep ? stepLabelKeys[activeStep.name] : undefined;
+}

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

@@ -7,31 +7,14 @@ import { renderSourceCitations } from "./source-citations";
 import { renderGeneratingAnswerLabel } from './render-generating-answer-label';
 import "../atomic-icon/atomic-icon";
 /**
- * Renders the answer content of a given generated answer including question, answer text, and citations.
+ * Renders the answer content of a given generated answer including answer text and citations.
  */
 export const renderAnswerContent = ({ props }) => {
     const { i18n, generatedAnswer, collapsible, renderFeedbackAndCopyButtonsSlot, renderCitationsSlot, onRetry, onClickShowButton, } = props;
-    const { answer, question, isStreaming, citations, answerContentFormat, expanded, error, } = generatedAnswer;
-    const isExpanded = collapsible ? expanded : true;
-    const trimmedQuestion = question.trim();
+    const { answer, isStreaming, citations, answerContentFormat, expanded, error } = generatedAnswer;
     const hasRetryableError = error?.isRetryable === true;
     return html `
     <div>
-      <div class="mt-6 flex gap-3">
-        <p
-          class="question-text min-w-0 flex-1 text-base font-semibold leading-6"
-        >
-          ${trimmedQuestion}
-        </p>
-        ${when(!hasRetryableError && isExpanded, () => html `
-            <div
-              part="feedback-and-copy-buttons"
-              class="flex h-9 shrink-0 items-center justify-end gap-2"
-            >
-              ${renderFeedbackAndCopyButtonsSlot()}
-            </div>
-          `)}
-      </div>
       ${hasRetryableError
         ? renderRetryPrompt({
             props: {
@@ -57,6 +40,11 @@ export const renderAnswerContent = ({ props }) => {
         })(renderCitationsSlot())}
           `)
         : nothing}
+      ${when(!hasRetryableError && (collapsible ? expanded : true), () => html `
+          <div class="mt-4" part="feedback-and-copy-buttons">
+            ${renderFeedbackAndCopyButtonsSlot()}
+          </div>
+        `)}
       ${!hasRetryableError
         ? html `
             <div part="generated-answer-footer" class="mt-6">

package/dist/atomic/components/components/common/generated-answer/render-disclaimer.js

@@ -1,13 +1,12 @@
 import { html } from 'lit';
-import { when } from 'lit/directives/when.js';
 /**
  * Renders the disclaimer text for the generated answer.
  */
 export const renderDisclaimer = ({ props, }) => {
-    const { i18n, isStreaming } = props;
-    return html `${when(!isStreaming, () => html `
-      <div class="flex justify-end text-neutral-dark text-xs/[1rem]">
-        <slot name="disclaimer">${i18n.t('generated-answer-disclaimer')}</slot>
-      </div>
-    `)}`;
+    const { i18n } = props;
+    return html `
+    <div class="flex justify-end text-neutral-dark text-xs/[1rem]">
+      <slot name="disclaimer">${i18n.t('generated-answer-disclaimer')}</slot>
+    </div>
+  `;
 };

package/dist/atomic/components/components/common/generated-answer/styles/generated-answer.tw.css.js

@@ -3,7 +3,7 @@ import generatedMarkdownContent from '../generated-content/generated-markdown-co
 import copyButton from './copy-button.tw.css';
 import feedbackButtons from './feedback-buttons.tw.css';
 import generatedText from './generated-text.tw.css';
-const baseStyle = css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@keyframes cursor-blink{0%{opacity:0}}[part=container]{contain:layout;container-type:inline-size}.footer{display:flex}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*2)}@container (max-width: 37.5rem){.footer{flex-direction:column;gap:calc(var(--spacing, .25rem)*4)}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*0)}[part=generated-answer-footer]{flex-direction:column;gap:calc(var(--spacing, .25rem)*1)}}@media not all and (width >= 768px){.footer{flex-direction:column;gap:calc(var(--spacing, .25rem)*4)}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*0)}[part=generated-answer-footer]{flex-direction:column;gap:calc(var(--spacing, .25rem)*1)}}@container (max-width: 25rem){.footer{margin-top:calc(var(--spacing, .25rem)*4)}.footer .feedback-buttons{position:relative;right:calc(var(--spacing, .25rem)*0);top:calc(var(--spacing, .25rem)*0)}}.is-collapsible{justify-content:space-between}.is-collapsible [part=answer-show-button]{display:flex}[part=header-icon]{color:var(--atomic-primary)}[part=feedback-and-copy-buttons]{min-width:var(--atomic-generated-answer-actions-reserved-width,8rem)}[part=header-icon] svg,[part=header-icon] svg *{fill:currentColor;stroke:currentColor}.generating-label-visible [part=is-generating]{display:flex}[part=generated-container].answer-collapsed{max-height:var(--atomic-crga-collapsed-height,16rem);overflow:hidden;position:relative}[part=generated-container].answer-collapsed:before{background:linear-gradient(transparent calc(var(--atomic-crga-collapsed-height, 16rem)*.7),var(--atomic-background));content:"";height:100%;left:calc(var(--spacing, .25rem)*0);position:absolute;top:calc(var(--spacing, .25rem)*0);width:100%}[part=generated-container].answer-collapsed .feedback-buttons{display:none}[part=generated-content-container] .agent-scrollable{height:var(--atomic-generated-answer-content-fixed-height,50vh);overflow-y:auto}.query-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}`;
+const baseStyle = css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@keyframes cursor-blink{0%{opacity:0}}@keyframes generation-steps-rolodex{0%{opacity:.75;transform:translateY(105%) rotateX(-82deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}[part=container]{contain:layout;container-type:inline-size}.footer{display:flex}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*2)}@container (max-width: 37.5rem){.footer{flex-direction:column;gap:calc(var(--spacing, .25rem)*4)}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*0)}[part=generated-answer-footer]{flex-direction:column;gap:calc(var(--spacing, .25rem)*1)}}@media not all and (width >= 768px){.footer{flex-direction:column;gap:calc(var(--spacing, .25rem)*4)}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*0)}[part=generated-answer-footer]{flex-direction:column;gap:calc(var(--spacing, .25rem)*1)}}@container (max-width: 25rem){.footer{margin-top:calc(var(--spacing, .25rem)*4)}.footer .feedback-buttons{position:relative;right:calc(var(--spacing, .25rem)*0);top:calc(var(--spacing, .25rem)*0)}}.is-collapsible{justify-content:space-between}.is-collapsible [part=answer-show-button]{display:flex}[part=header-icon]{color:var(--atomic-primary)}[part=feedback-and-copy-buttons]{min-width:var(--atomic-generated-answer-actions-reserved-width,8rem)}[part=header-icon] svg,[part=header-icon] svg *{fill:currentColor;stroke:currentColor}.generating-label-visible [part=is-generating]{display:flex}[part=agent-generation-status] .generation-steps-container{display:inline-flex;overflow:hidden;perspective:700px}[part=agent-generation-status] .generation-steps-value{animation:generation-steps-rolodex 1s cubic-bezier(.22,.9,.26,1) both;backface-visibility:hidden;display:inline-block;transform-origin:50% 100%;white-space:nowrap;will-change:transform}[part=generated-container].answer-collapsed{max-height:var(--atomic-crga-collapsed-height,16rem);overflow:hidden;position:relative}[part=generated-container].answer-collapsed:before{background:linear-gradient(transparent calc(var(--atomic-crga-collapsed-height, 16rem)*.7),var(--atomic-background));content:"";height:100%;left:calc(var(--spacing, .25rem)*0);position:absolute;top:calc(var(--spacing, .25rem)*0);width:100%}[part=generated-container].answer-collapsed .feedback-buttons{display:none}[part=generated-content-container] .agent-scrollable{height:var(--atomic-generated-answer-content-fixed-height,50vh);overflow-y:auto}.query-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}`;
 export default [
     baseStyle,
     generatedText,

package/dist/atomic/components/components/common/item-list/fetch-item-context.js

@@ -0,0 +1,15 @@
+import { closest } from '../../../utils/dom-utils.js';
+import { buildCustomEvent } from '../../../utils/event-utils.js';
+import { MissingParentError } from './context/item-context-controller.js';
+const itemContextEventName = 'atomic/resolveResult';
+export function fetchItemContext(element, parentName) {
+    return new Promise((resolve, reject) => {
+        const event = buildCustomEvent(itemContextEventName, (item) => {
+            return resolve(item);
+        });
+        element.dispatchEvent(event);
+        if (!closest(element, parentName)) {
+            reject(new MissingParentError(element.nodeName.toLowerCase(), parentName));
+        }
+    });
+}

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

@@ -188,7 +188,6 @@ let AtomicInsightGeneratedAnswer = AtomicInsightGeneratedAnswer_1 = class Atomic
                   ${renderDisclaimer({
             props: {
                 i18n: this.bindings.i18n,
-                isStreaming: !!this.generatedAnswerState.isStreaming,
             },
         })}
                 </div>`)}
@@ -260,7 +259,11 @@ let AtomicInsightGeneratedAnswer = AtomicInsightGeneratedAnswer_1 = class Atomic
             ?.getBoundingClientRect().height;
         if (answerHeight) {
             const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
-            this.fullAnswerHeight = answerHeight / rootFontSize;
+            const nextFullAnswerHeight = answerHeight / rootFontSize;
+            if (this.fullAnswerHeight !== nextFullAnswerHeight) {
+                this.fullAnswerHeight = nextFullAnswerHeight;
+                this.requestUpdate();
+            }
             this.updateAnswerHeight();
         }
     }
@@ -340,13 +343,13 @@ let AtomicInsightGeneratedAnswer = AtomicInsightGeneratedAnswer_1 = class Atomic
     renderContent() {
         const generatedAnswer = {
             ...this.generatedAnswerState,
-            question: this.bindings.engine.state.query?.q ?? '',
         };
         return renderAnswerContent({
             props: {
                 i18n: this.bindings.i18n,
                 generatedAnswer: generatedAnswer,
-                collapsible: this.collapsible,
+                collapsible: this.collapsible &&
+                    (this.fullAnswerHeight ?? 0) > this.validateMaxCollapsedHeight(),
                 renderFeedbackAndCopyButtonsSlot: () => this.renderFeedbackAndCopyButtonsWrapper(),
                 renderCitationsSlot: () => html `${this.renderCitationsList()}`,
                 onRetry: () => this.generatedAnswer?.retry(),

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

@@ -254,7 +254,6 @@ let AtomicGeneratedAnswer = AtomicGeneratedAnswer_1 = class AtomicGeneratedAnswe
                     ${renderDisclaimer({
             props: {
                 i18n: this.bindings.i18n,
-                isStreaming: !!this.generatedAnswerState.isStreaming,
             },
         })}
                   </div>
@@ -327,7 +326,11 @@ let AtomicGeneratedAnswer = AtomicGeneratedAnswer_1 = class AtomicGeneratedAnswe
             ?.getBoundingClientRect().height;
         if (answerHeight) {
             const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
-            this.fullAnswerHeight = answerHeight / rootFontSize;
+            const nextFullAnswerHeight = answerHeight / rootFontSize;
+            if (this.fullAnswerHeight !== nextFullAnswerHeight) {
+                this.fullAnswerHeight = nextFullAnswerHeight;
+                this.requestUpdate();
+            }
             this.updateAnswerHeight();
         }
     }
@@ -368,16 +371,16 @@ let AtomicGeneratedAnswer = AtomicGeneratedAnswer_1 = class AtomicGeneratedAnswe
     clickLike() {
         this.controller.clickLike();
     }
-    renderCitationsList(citations) {
+    renderCitationsList(citations, answerId) {
         return renderCitations({
             props: {
                 citations,
                 i18n: this.bindings.i18n,
                 buildInteractiveCitation: (citation) => buildInteractiveCitation(this.bindings.engine, {
-                    options: { citation },
+                    options: { citation, answerId },
                 }),
                 logCitationHover: (citationId, citationHoverTimeMs) => {
-                    this.generatedAnswer?.logCitationHover(citationId, citationHoverTimeMs);
+                    this.generatedAnswer?.logCitationHover(citationId, citationHoverTimeMs, answerId);
                 },
                 disableCitationAnchoring: this.disableCitationAnchoring,
             },
@@ -404,13 +407,13 @@ let AtomicGeneratedAnswer = AtomicGeneratedAnswer_1 = class AtomicGeneratedAnswe
         });
     }
     renderAnswerContent() {
-        const generatedAnswer = {
-            ...this.generatedAnswerState,
-            question: this.bindings.engine.state.query?.q ?? '',
-        };
         if (this.areFollowUpsEnabled) {
+            const generatedAnswerWithQuestion = {
+                ...this.generatedAnswerState,
+                question: this.bindings.engine.state.query?.q ?? '',
+            };
             const allGeneratedAnswers = [
-                generatedAnswer,
+                generatedAnswerWithQuestion,
                 ...(this.generatedAnswerWithFollowUps?.state.followUpAnswers
                     .followUpAnswers ?? []),
             ];
@@ -426,10 +429,10 @@ let AtomicGeneratedAnswer = AtomicGeneratedAnswer_1 = class AtomicGeneratedAnswe
         return renderAnswerContent({
             props: {
                 i18n: this.bindings.i18n,
-                generatedAnswer: generatedAnswer,
+                generatedAnswer: this.generatedAnswerState,
                 collapsible: this.isCollapsibleEnabled,
                 renderFeedbackAndCopyButtonsSlot: () => this.renderFeedbackAndCopyButtonsWrapper(),
-                renderCitationsSlot: () => html `${this.renderCitationsList(generatedAnswer.citations)}`,
+                renderCitationsSlot: () => html `${this.renderCitationsList(this.generatedAnswerState.citations)}`,
                 onRetry: () => this.generatedAnswer?.retry(),
                 onClickShowButton: () => this.clickOnShowButton(),
             },
@@ -451,7 +454,9 @@ let AtomicGeneratedAnswer = AtomicGeneratedAnswer_1 = class AtomicGeneratedAnswe
             true);
     }
     get isCollapsibleEnabled() {
-        return this.collapsible && !this.areFollowUpsEnabled;
+        return (this.collapsible &&
+            !this.areFollowUpsEnabled &&
+            (this.fullAnswerHeight ?? 0) > this.validateMaxCollapsedHeight());
     }
     resetCollapsibleStyles() {
         const container = this.getAnswerContainer();

package/dist/atomic/components/global/environment.js

@@ -3,7 +3,7 @@ function getWindow() {
 }
 export function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.52.0",
+        version: "3.53.0",
         headlessVersion,
     };
 }

package/dist/atomic/components/index.d.ts

@@ -1,4 +1,3 @@
-export * from './_index.js';
 export * from '../../types/components/index.js';
-
-export type {Components as LitComponents} from '../../types/lit-components.d.ts';
+export * as Components from '../../types/components/index.js';
+export * as JSX from '../../types/components/index.js';

package/dist/atomic/components/index.js

@@ -1,2 +1,8 @@
-export * from './_index.js';
-export * from './components/index.js';
+export * from '@coveo/atomic-legacy/item-decorators';
+import * as _Components from './components/index.js';
+export { _Components as Components, _Components as JSX };
+export { fetchProductContext } from './components/commerce/product-template-component-utils/context/fetch-product-context';
+export { dispatchSearchBoxSuggestionsEvent } from './components/common/suggestions/suggestions-events';
+export { elementHasNoQuery, elementHasQuery, } from './components/common/suggestions/suggestions-utils';
+export { fetchBindings as initializeBindings, MissingInterfaceParentError, } from './utils/initialization-common-utils';
+export { bindLogDocumentOpenOnResult } from './utils/result-utils';