@coveo/atomic-react 3.11.3 → 3.11.4

package/dist/cjs/atomic-react.cjs

@@ -8747,7 +8747,7 @@ function getWindow$1() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.52.0",
+        version: "3.52.1",
         headlessVersion,
     };
 }
@@ -20703,31 +20703,14 @@ const renderGeneratingAnswerLabel = ({ props }) => {
 };
 
 /**
- * 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.
  */
 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 lit.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_js.when(!hasRetryableError && isExpanded, () => lit.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: {
@@ -20753,6 +20736,11 @@ const renderAnswerContent = ({ props }) => {
         })(renderCitationsSlot())}
           `)
         : lit.nothing}
+      ${when_js.when(!hasRetryableError && (collapsible ? expanded : true), () => lit.html `
+          <div class="mt-4" part="feedback-and-copy-buttons">
+            ${renderFeedbackAndCopyButtonsSlot()}
+          </div>
+        `)}
       ${!hasRetryableError
         ? lit.html `
             <div part="generated-answer-footer" class="mt-6">
@@ -21075,7 +21063,7 @@ const styles$8 = lit.css`.feedback-buttons [part=feedback-button]{height:2.2rem;
 
 const styles$7 = lit.css`[part=generated-text]{font-size:1.125rem;line-height:1.75rem}[part=generated-text].cursor:after{animation:cursor-blink 1.5s steps(2) infinite;background-color:var(--atomic-neutral-dark);content:"";display:inline-block;height:1em;margin-left:.1em;vertical-align:text-bottom;width:8px}`;
 
-const baseStyle = lit.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 = lit.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}`;
 var generatedAnswer = [
     baseStyle,
     styles$7,
@@ -27948,7 +27936,11 @@ let AtomicGeneratedAnswer$1 = AtomicGeneratedAnswer_1 = class AtomicGeneratedAns
             ?.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();
         }
     }
@@ -28025,13 +28017,13 @@ let AtomicGeneratedAnswer$1 = AtomicGeneratedAnswer_1 = class AtomicGeneratedAns
         });
     }
     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 ?? []),
             ];
@@ -28047,10 +28039,10 @@ let AtomicGeneratedAnswer$1 = AtomicGeneratedAnswer_1 = class AtomicGeneratedAns
         return renderAnswerContent({
             props: {
                 i18n: this.bindings.i18n,
-                generatedAnswer: generatedAnswer,
+                generatedAnswer: this.generatedAnswerState,
                 collapsible: this.isCollapsibleEnabled,
                 renderFeedbackAndCopyButtonsSlot: () => this.renderFeedbackAndCopyButtonsWrapper(),
-                renderCitationsSlot: () => lit.html `${this.renderCitationsList(generatedAnswer.citations)}`,
+                renderCitationsSlot: () => lit.html `${this.renderCitationsList(this.generatedAnswerState.citations)}`,
                 onRetry: () => this.generatedAnswer?.retry(),
                 onClickShowButton: () => this.clickOnShowButton(),
             },
@@ -28072,7 +28064,9 @@ let AtomicGeneratedAnswer$1 = AtomicGeneratedAnswer_1 = class AtomicGeneratedAns
             true);
     }
     get isCollapsibleEnabled() {
-        return this.collapsible && !this.areFollowUpsEnabled;
+        return (this.collapsible &&
+            !this.areFollowUpsEnabled &&
+            (this.fullAnswerHeight ?? 0) > this.validateMaxCollapsedHeight());
     }
     resetCollapsibleStyles() {
         const container = this.getAnswerContainer();