@coveo/atomic 3.57.3 → 3.58.0

package/dist/esm/components/commerce/atomic-product-section-visual/atomic-product-section-visual.js

@@ -10,7 +10,7 @@ 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);
 }
-class AtomicProductSectionVisual extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */atomic-product-section-visual.with-sections{grid-area:visual;overflow:hidden;text-overflow:ellipsis}atomic-product-section-visual.with-sections.image-icon{border-radius:var(--atomic-border-radius);height:2rem;width:2rem}atomic-product-section-visual.with-sections.image-none{display:none}@media (min-width:1024px){atomic-product-section-visual.with-sections.display-list{margin-right:1rem}atomic-product-section-visual.with-sections.display-list.density-comfortable{margin-right:1.5rem}atomic-product-section-visual.with-sections.display-list.image-large.density-compact{height:10rem;width:10rem}atomic-product-section-visual.with-sections.display-list.image-large.density-comfortable,atomic-product-section-visual.with-sections.display-list.image-large.density-normal{height:20.375rem;width:20.375rem}atomic-product-section-visual.with-sections.display-list.image-small{height:10rem;width:10rem}atomic-product-section-visual.with-sections.display-grid{margin-bottom:.5rem}:is(atomic-product-section-visual.with-sections.display-grid.image-large,atomic-product-section-visual.with-sections.display-grid.image-small).density-comfortable{margin:0 auto 2rem}:is(atomic-product-section-visual.with-sections.display-grid.image-large,atomic-product-section-visual.with-sections.display-grid.image-small).density-normal{margin:0 auto 1.5rem}:is(atomic-product-section-visual.with-sections.display-grid.image-large,atomic-product-section-visual.with-sections.display-grid.image-small).density-compact{margin:0 auto 1rem}atomic-product-section-visual.with-sections.display-grid.image-large,atomic-product-section-visual.with-sections.display-grid.image-small{width:100%}atomic-product-section-visual.with-sections.display-grid.image-large{aspect-ratio:1;height:auto}@supports not (aspect-ratio:1/1){atomic-product-section-visual.with-sections.display-grid.image-large{height:19.75rem}}atomic-product-section-visual.with-sections.display-grid.image-small{aspect-ratio:1;height:auto}@supports not (aspect-ratio:1/1){atomic-product-section-visual.with-sections.display-grid.image-small{height:14rem}}}@media not all and (min-width:1024px){atomic-product-section-visual.with-sections.display-list{margin-right:1rem}atomic-product-section-visual.with-sections.display-list.image-large{aspect-ratio:1;height:auto}@supports not (aspect-ratio:1/1){atomic-product-section-visual.with-sections.display-list.image-large{height:7.25rem}}atomic-product-section-visual.with-sections.display-list.image-large{margin-bottom:1rem;margin-right:0;width:100%}atomic-product-section-visual.with-sections.display-list.image-small{height:24vw;margin-bottom:1rem;width:24vw}atomic-product-section-visual.with-sections.display-list.image-icon{margin-bottom:0}atomic-product-section-visual.with-sections.display-grid.image-large{margin-right:1rem}atomic-product-section-visual.with-sections.display-grid.image-large.image-large{aspect-ratio:1;height:auto}@supports not (aspect-ratio:1/1){atomic-product-section-visual.with-sections.display-grid.image-large.image-large{height:7.25rem}}atomic-product-section-visual.with-sections.display-grid.image-large.image-large{margin-bottom:1rem;margin-right:0;width:100%}atomic-product-section-visual.with-sections.display-grid.image-large.image-small{height:24vw;margin-bottom:1rem;width:24vw}atomic-product-section-visual.with-sections.display-grid.image-large.image-icon{margin-bottom:0}:is(:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-large,:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small).density-comfortable{margin-bottom:1rem}:is(:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-large,:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small).density-normal{margin-bottom:.75rem}:is(:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-large,:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small).density-compact{margin-bottom:.5rem}:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-large,:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small{width:100%}:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small{aspect-ratio:1;height:auto}@supports not (aspect-ratio:1/1){:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small{height:9rem}}:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small{height:10.25rem;width:10.25rem}}atomic-product-section-visual.with-sections.display-table{margin-right:1rem}atomic-product-section-visual.with-sections.display-table.density-comfortable{margin-right:1.5rem}atomic-product-section-visual.with-sections.display-table.image-large.density-compact{height:10rem;width:10rem}atomic-product-section-visual.with-sections.display-table.image-large.density-comfortable,atomic-product-section-visual.with-sections.display-table.image-large.density-normal{height:20.375rem;width:20.375rem}atomic-product-section-visual.with-sections.display-table.image-small{height:10rem;width:10rem}atomic-product-section-visual .with-sections.image-icon atomic-product-image::part(indicator),atomic-product-section-visual .with-sections.image-icon atomic-product-image::part(next-button),atomic-product-section-visual .with-sections.image-icon atomic-product-image::part(previous-button){display:none}`) {
+class AtomicProductSectionVisual extends ItemSectionMixin(LitElement, css`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */atomic-product-section-visual.with-sections{grid-area:visual;overflow:hidden;text-overflow:ellipsis}atomic-product-section-visual.with-sections.image-icon{border-radius:var(--atomic-border-radius);height:2rem;width:2rem}atomic-product-section-visual.with-sections.image-none{display:none}@media (min-width:1024px){atomic-product-section-visual.with-sections.display-list{margin-right:1rem}atomic-product-section-visual.with-sections.display-list.density-comfortable{margin-right:1.5rem}atomic-product-section-visual.with-sections.display-list.image-large.density-compact{height:10rem;width:10rem}atomic-product-section-visual.with-sections.display-list.image-large.density-comfortable,atomic-product-section-visual.with-sections.display-list.image-large.density-normal{height:20.375rem;width:20.375rem}atomic-product-section-visual.with-sections.display-list.image-small{height:10rem;width:10rem}atomic-product-section-visual.with-sections.display-grid{margin-bottom:.5rem}:is(atomic-product-section-visual.with-sections.display-grid.image-large,atomic-product-section-visual.with-sections.display-grid.image-small).density-comfortable{margin:0 auto 2rem}:is(atomic-product-section-visual.with-sections.display-grid.image-large,atomic-product-section-visual.with-sections.display-grid.image-small).density-normal{margin:0 auto 1.5rem}:is(atomic-product-section-visual.with-sections.display-grid.image-large,atomic-product-section-visual.with-sections.display-grid.image-small).density-compact{margin:0 auto 1rem}atomic-product-section-visual.with-sections.display-grid.image-large,atomic-product-section-visual.with-sections.display-grid.image-small{width:100%}atomic-product-section-visual.with-sections.display-grid.image-large{aspect-ratio:1;height:auto}@supports not (aspect-ratio:1/1){atomic-product-section-visual.with-sections.display-grid.image-large{height:19.75rem}}atomic-product-section-visual.with-sections.display-grid.image-small{aspect-ratio:1;height:auto}@supports not (aspect-ratio:1/1){atomic-product-section-visual.with-sections.display-grid.image-small{height:14rem}}}@media not all and (min-width:1024px){atomic-product-section-visual.with-sections.display-list{margin-right:1rem}atomic-product-section-visual.with-sections.display-list.image-large{aspect-ratio:1;height:auto}@supports not (aspect-ratio:1/1){atomic-product-section-visual.with-sections.display-list.image-large{height:7.25rem}}atomic-product-section-visual.with-sections.display-list.image-large{margin-bottom:1rem;margin-right:0;width:100%}atomic-product-section-visual.with-sections.display-list.image-small{height:24vw;margin-bottom:1rem;width:24vw}atomic-product-section-visual.with-sections.display-list.image-icon{margin-bottom:0}atomic-product-section-visual.with-sections.display-grid.image-large{margin-right:1rem}atomic-product-section-visual.with-sections.display-grid.image-large.image-large{aspect-ratio:1;height:auto}@supports not (aspect-ratio:1/1){atomic-product-section-visual.with-sections.display-grid.image-large.image-large{height:7.25rem}}atomic-product-section-visual.with-sections.display-grid.image-large.image-large{margin-bottom:1rem;margin-right:0;width:100%}atomic-product-section-visual.with-sections.display-grid.image-large.image-small{height:24vw;margin-bottom:1rem;width:24vw}atomic-product-section-visual.with-sections.display-grid.image-large.image-icon{margin-bottom:0}:is(:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-large,:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small).density-comfortable{margin-bottom:1rem}:is(:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-large,:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small).density-normal{margin-bottom:.75rem}:is(:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-large,:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small).density-compact{margin-bottom:.5rem}:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-large,:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small{width:100%}:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small{aspect-ratio:1;height:auto}@supports not (aspect-ratio:1/1){:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small{height:9rem}}:is(atomic-product-section-visual.with-sections.display-grid.image-small,atomic-product-section-visual.with-sections.display-grid.image-icon,atomic-product-section-visual.with-sections.display-grid.image-none).image-small{height:10.25rem;width:10.25rem}}atomic-product-section-visual.with-sections.display-table{margin-right:1rem}atomic-product-section-visual.with-sections.display-table.density-comfortable{margin-right:1.5rem}atomic-product-section-visual.with-sections.display-table.image-large.density-compact{height:10rem;width:10rem}atomic-product-section-visual.with-sections.display-table.image-large.density-comfortable,atomic-product-section-visual.with-sections.display-table.image-large.density-normal{height:20.375rem;width:20.375rem}atomic-product-section-visual.with-sections.display-table.image-small{height:10rem;width:10rem}atomic-product-section-visual .with-sections.image-icon atomic-product-image::part(indicator),atomic-product-section-visual .with-sections.image-icon atomic-product-image::part(next-button),atomic-product-section-visual .with-sections.image-icon atomic-product-image::part(previous-button){display:none}`) {
 }
 _ts_decorate([
     property({

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

@@ -0,0 +1,194 @@
+import { LitElement, html, nothing } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+import { classMap } from "lit/directives/class-map.js";
+import { map } from "lit/directives/map.js";
+import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
+import atomic_agent_stream_of_thought_tw_css from "./atomic-agent-stream-of-thought.tw.css.js";
+function _ts_decorate(decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);
+    else for(var i = decorators.length - 1; i >= 0; i--)if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+function _ts_metadata(k, v) {
+    if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+}
+const stepLabelKeys = {
+    'thinking-before-search': {
+        active: 'agent-generation-step-analyzing-question',
+        completed: 'agent-generation-step-analyzing-question-completed'
+    },
+    searching: {
+        active: 'agent-generation-step-search',
+        completed: 'agent-generation-step-search-completed'
+    },
+    'thinking-after-search': {
+        active: 'agent-generation-step-analyzing-results',
+        completed: 'agent-generation-step-analyzing-results-completed'
+    },
+    answering: {
+        active: 'agent-generation-step-answering',
+        completed: 'agent-generation-step-answering-completed'
+    }
+};
+class AtomicAgentStreamOfThought extends LitElement {
+    willUpdate(changed) {
+        if (changed.has('isStreaming')) this.expanded = this.isStreaming;
+    }
+    render() {
+        const resolvedSteps = resolveSteps(this.agentSteps);
+        if (0 === resolvedSteps.length) return nothing;
+        const isComplete = !this.isStreaming;
+        const isCollapsible = resolvedSteps.length > 1;
+        if (isComplete && !this.expanded && isCollapsible) return html`
+        <div class="timeline">${this.renderCollapsedTimelineSummary()}</div>
+      `;
+        return html`
+      <div class="timeline">
+        ${map(resolvedSteps, (step)=>this.renderStep(step))}
+        ${isComplete && isCollapsible ? this.renderToggleButton() : nothing}
+      </div>
+    `;
+    }
+    renderStep(step) {
+        const labelKey = 'active' === step.status ? stepLabelKeys[step.type].active : stepLabelKeys[step.type].completed;
+        const label = this.i18n.t(labelKey);
+        return html`
+      <div class="step">
+        ${'active' === step.status ? this.renderSpinner() : this.renderCheckmark()}
+        <span class="step-label">${label}</span>
+      </div>
+    `;
+    }
+    renderCollapsedTimelineSummary() {
+        const resolvedSteps = resolveSteps(this.agentSteps);
+        if (0 === resolvedSteps.length) return nothing;
+        const step = resolvedSteps[resolvedSteps.length - 1];
+        const labelKey = stepLabelKeys[step.type].completed;
+        const label = this.i18n.t(labelKey);
+        return html`
+      <button
+        class="collapsed-timeline-summary"
+        @click=${this.handleToggle}
+        aria-expanded=${this.expanded}
+        type="button"
+      >
+        ${this.renderCheckmark()}
+        <span class="step-label">${label}</span>
+        ${this.renderChevron()}
+      </button>
+    `;
+    }
+    renderToggleButton() {
+        return html`
+      <button
+        class="toggle-button"
+        @click=${this.handleToggle}
+        aria-expanded=${this.expanded}
+        type="button"
+      >
+        <span class="toggle-label">${this.i18n.t('collapse')}</span>
+        ${this.renderChevron()}
+      </button>
+    `;
+    }
+    renderSpinner() {
+        return html`<span class="step-icon"
+      ><span class="spinner" aria-hidden="true"></span
+    ></span>`;
+    }
+    renderCheckmark() {
+        return html`
+      <span class="step-icon checkmark-icon">
+        <svg
+          width="12"
+          height="9"
+          viewBox="0 0 12 9"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          aria-hidden="true"
+        >
+          <path
+            d="M1 4.33333L4.33333 7.66667L11 1"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+      </span>
+    `;
+    }
+    renderChevron() {
+        return html`
+      <span class=${classMap({
+            chevron: true,
+            'chevron-up': this.expanded
+        })}>
+        <svg
+          width="11"
+          height="6"
+          viewBox="0 0 11 6"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          aria-hidden="true"
+        >
+          <path
+            d="M1.18998 0.52682L5.43262 4.76946L9.67526 0.526821"
+            stroke="currentColor"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          />
+        </svg>
+      </span>
+    `;
+    }
+    handleToggle() {
+        this.expanded = !this.expanded;
+    }
+    constructor(...args){
+        super(...args), this.agentSteps = [], this.isStreaming = false, this.expanded = true;
+    }
+}
+AtomicAgentStreamOfThought.styles = [
+    atomic_agent_stream_of_thought_tw_css
+];
+_ts_decorate([
+    property({
+        attribute: false
+    }),
+    _ts_metadata("design:type", "u" < typeof i18n ? Object : i18n)
+], AtomicAgentStreamOfThought.prototype, "i18n", void 0);
+_ts_decorate([
+    property({
+        attribute: false
+    }),
+    _ts_metadata("design:type", Array)
+], AtomicAgentStreamOfThought.prototype, "agentSteps", void 0);
+_ts_decorate([
+    property({
+        attribute: false
+    })
+], AtomicAgentStreamOfThought.prototype, "isStreaming", void 0);
+_ts_decorate([
+    state()
+], AtomicAgentStreamOfThought.prototype, "expanded", void 0);
+AtomicAgentStreamOfThought = _ts_decorate([
+    customElement('atomic-agent-stream-of-thought'),
+    withTailwindStyles
+], AtomicAgentStreamOfThought);
+function resolveSteps(steps) {
+    let searchWasPerformed = false;
+    return steps.map((step)=>{
+        let type;
+        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
+        };
+    });
+}
+export { AtomicAgentStreamOfThought, resolveSteps };

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

@@ -0,0 +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 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.tw.css.js

@@ -1,4 +1,4 @@
 import { css } from "lit";
-const styles = css`/*! tailwindcss v4.2.4 | 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.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 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.2.4 | 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.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 atomic_citation_tw_css = styles;
 export default atomic_citation_tw_css;

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

@@ -4,8 +4,8 @@ import { customElement, property, state } from "lit/decorators.js";
 import { when } from "lit/directives/when.js";
 import atomic_generated_answer_tw_css from "../../search/atomic-generated-answer/atomic-generated-answer.tw.css.js";
 import { withTailwindStyles } from "../../../decorators/with-tailwind-styles.js";
+import "../atomic-agent-stream-of-thought/atomic-agent-stream-of-thought.js";
 import { renderGeneratedContentContainer } from "../generated-answer/generated-content-container.js";
-import { renderAgentGenerationSteps } from "../generated-answer/render-agent-generation-steps.js";
 import { renderFeedbackAndCopyButtons } from "../generated-answer/render-feedback-and-copy-buttons.js";
 import { renderSourceCitations } from "../generated-answer/source-citations.js";
 import { answerContext } from "./answer-context.js";
@@ -33,13 +33,11 @@ class AtomicGeneratedAnswerContent extends LitElement {
         const shouldRenderFeedbackAndCopyButtons = Boolean(answer) && !isStreaming;
         return html`
       <div>
-        ${renderAgentGenerationSteps({
-            props: {
-                i18n: this.i18n,
-                agentSteps: generationSteps ?? [],
-                isStreaming: Boolean(isStreaming)
-            }
-        })}
+        <atomic-agent-stream-of-thought
+          .i18n=${this.i18n}
+          .agentSteps=${generationSteps ?? []}
+          .isStreaming=${Boolean(isStreaming)}
+        ></atomic-agent-stream-of-thought>
         <div>
           ${renderGeneratedContentContainer({
             props: {

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

@@ -121,7 +121,7 @@ class AtomicGeneratedAnswerFeedbackModal extends LitElement {
                 onChecked: ()=>{
                     this.setCurrentAnswer(correspondingAnswer, option);
                 },
-                class: `min-w-20 flex items-center justify-center px-3 py-1.5 mr-1 text-neutral-dark ${isSelected ? 'active' : ''}`,
+                class: `min-w-20 flex items-center justify-center whitespace-nowrap px-3 py-1.5 mr-1 text-neutral-dark ${isSelected ? 'active' : ''}`,
                 text: this.bindings.i18n.t(option)
             }
         });
@@ -384,7 +384,7 @@ AtomicGeneratedAnswerFeedbackModal.options = [
         correspondingAnswer: 'readable'
     }
 ];
-AtomicGeneratedAnswerFeedbackModal.styles = css`/*! tailwindcss v4.2.4 | 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.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)}`;
 _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.2.4 | 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.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 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/atomic-generated-answer-thread.js

@@ -26,7 +26,7 @@ class AtomicGeneratedAnswerThread extends LitElement {
         if (this.generatedAnswers.length > MIN_ANSWERS_TO_COLLAPSE && !this.allGeneratedAnswersDisplayed) {
             const lastGeneratedAnswer = this.generatedAnswers[this.generatedAnswers.length - 1];
             return html`
-        <ul class="mt-6">
+        <ul>
           ${this.renderShowPreviousAnswersButton()}
           ${this.renderThread([
                 lastGeneratedAnswer
@@ -35,7 +35,7 @@ class AtomicGeneratedAnswerThread extends LitElement {
       `;
         }
         return html`
-      <ul class="mt-6">
+      <ul>
         ${this.renderThread(this.generatedAnswers)}
       </ul>
     `;

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

@@ -14,6 +14,8 @@ class AtomicGeneratedAnswerThreadItem extends LitElement {
         if (!this.hasUpdated) this.isExpanded = this.disableCollapse ? true : this.isExpanded;
     }
     render() {
+        const isTimelineDotInteractive = !this.disableCollapse && this.showTimelineDot;
+        const isTimelineLineInteractive = !this.disableCollapse && !this.hideLine;
         const clampedTitleStyles = 'display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; max-height: calc(4.5rem + 1px);';
         const titleBaseClasses = {
             'text-on-background': true,
@@ -51,8 +53,29 @@ class AtomicGeneratedAnswerThreadItem extends LitElement {
             'h-2': true,
             'w-2': true,
             'rounded-full': true,
+            'transition-colors': true,
             'bg-neutral-dark': this.isExpanded,
-            'bg-neutral-dim': !this.isExpanded
+            'bg-neutral-dim': !this.isExpanded,
+            'cursor-pointer': isTimelineDotInteractive,
+            'group-hover:bg-neutral-dark': !this.isExpanded && isTimelineDotInteractive
+        });
+        const timelineDotToggleClasses = classMap({
+            flex: true,
+            'w-[10px]': true,
+            'shrink-0': true,
+            'justify-center': true,
+            'items-center': true
+        });
+        const timelineLineToggleClasses = classMap({
+            flex: true,
+            'w-[10px]': true,
+            'shrink-0': true,
+            'justify-center': true,
+            'items-center': true,
+            group: isTimelineLineInteractive,
+            'cursor-pointer': isTimelineLineInteractive,
+            'py-2': true,
+            '-my-2': true
         });
         const timelineBodyRowClasses = classMap({
             flex: true,
@@ -60,12 +83,17 @@ class AtomicGeneratedAnswerThreadItem extends LitElement {
             'gap-3': true,
             'min-h-3': !this.isExpanded
         });
-        const timelineConnectorClasses = "relative h-full w-px bg-neutral before:absolute before:left-0 before:top-[-8px] before:h-[8px] before:w-px before:bg-neutral before:content-[''] after:absolute after:bottom-[-8px] after:left-0 after:h-[8px] after:w-px after:bg-neutral after:content-['']";
+        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="flex min-w-0 items-center gap-3">
-          <div class="flex w-[10px] shrink-0 items-center justify-center">
-            ${when(this.showTimelineDot, ()=>html` <span class=${timelineDotClasses}></span> `)}
+          <div class=${timelineDotToggleClasses}>
+            ${when(this.showTimelineDot, ()=>html`
+                <span
+                  class=${timelineDotClasses}
+                  @click=${isTimelineDotInteractive ? this.toggle : null}
+                ></span>
+              `)}
           </div>
           <div class="flex min-w-0 flex-col">
             ${when(!this.disableCollapse, ()=>html`<button
@@ -87,7 +115,10 @@ class AtomicGeneratedAnswerThreadItem extends LitElement {
           </div>
         </div>
         <div class=${timelineBodyRowClasses}>
-          <div class="flex w-[10px] shrink-0 justify-center">
+          <div
+            class=${timelineLineToggleClasses}
+            @click=${isTimelineLineInteractive ? this.toggle : null}
+          >
             ${when(this.hideLine, ()=>html``, ()=>html`<span class=${timelineConnectorClasses}> </span>`)}
           </div>
           <div id=${this.contentId} class="min-w-0 pl-2 py-1.5">

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

@@ -204,7 +204,7 @@ class AtomicModal extends InitializeBindingsMixin(LitElement) {
         };
     }
 }
-AtomicModal.styles = css`/*! tailwindcss v4.2.4 | 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.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}`;
 _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.2.4 | 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.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 atomic_rating_tw_css = styles;
 export default atomic_rating_tw_css;