@coveo/atomic 3.57.3 → 3.58.0

package/dist/cjs/cdn.cjs

@@ -24,8 +24,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    headlessVersion: ()=>external_versions_cjs_namespaceObject.headlessVersion,
-    atomicVersion: ()=>external_versions_cjs_namespaceObject.atomicVersion
+    atomicVersion: ()=>external_versions_cjs_namespaceObject.atomicVersion,
+    headlessVersion: ()=>external_versions_cjs_namespaceObject.headlessVersion
 });
 const external_loader_cjs_namespaceObject = require("./loader.cjs");
 const external_versions_cjs_namespaceObject = require("./versions.cjs");

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

@@ -190,7 +190,7 @@ class AtomicCommerceBreadbox extends external_lit_namespaceObject.LitElement {
                 numberOfCollapsedBreadcrumbs: this.numberOfCollapsedBreadcrumbs,
                 value: this.showMoreText,
                 ariaLabel: this.bindings.i18n.t('show-n-more-filters', {
-                    value: this.showMoreText
+                    value: this.numberOfCollapsedBreadcrumbs
                 })
             }
         })}

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

@@ -24,10 +24,10 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    firstSearchExecutedSelector: ()=>firstSearchExecutedSelector,
-    noProductsSelector: ()=>noProductsSelector,
     buildCommerceLayout: ()=>buildCommerceLayout,
-    errorSelector: ()=>errorSelector
+    errorSelector: ()=>errorSelector,
+    firstSearchExecutedSelector: ()=>firstSearchExecutedSelector,
+    noProductsSelector: ()=>noProductsSelector
 });
 const layout_cjs_namespaceObject = require("../../common/atomic-layout-section/layout.cjs");
 const layoutWebComponentTagName = 'atomic-commerce-layout';

package/dist/cjs/components/commerce/index.cjs

@@ -24,55 +24,55 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    AtomicCommerceBreadbox: ()=>atomic_commerce_breadbox_cjs_namespaceObject.AtomicCommerceBreadbox,
+    AtomicCommerceCategoryFacet: ()=>atomic_commerce_category_facet_cjs_namespaceObject.AtomicCommerceCategoryFacet,
+    AtomicCommerceDidYouMean: ()=>atomic_commerce_did_you_mean_cjs_namespaceObject.AtomicCommerceDidYouMean,
+    AtomicCommerceFacet: ()=>atomic_commerce_facet_cjs_namespaceObject.AtomicCommerceFacet,
+    AtomicCommerceFacetNumberInput: ()=>atomic_commerce_facet_number_input_cjs_namespaceObject.AtomicCommerceFacetNumberInput,
+    AtomicCommerceFacets: ()=>atomic_commerce_facets_cjs_namespaceObject.AtomicCommerceFacets,
+    AtomicCommerceInterface: ()=>atomic_commerce_interface_cjs_namespaceObject.AtomicCommerceInterface,
+    AtomicCommerceLayout: ()=>atomic_commerce_layout_cjs_namespaceObject.AtomicCommerceLayout,
+    AtomicCommerceLoadMoreProducts: ()=>atomic_commerce_load_more_products_cjs_namespaceObject.AtomicCommerceLoadMoreProducts,
+    AtomicCommerceNoProducts: ()=>atomic_commerce_no_products_cjs_namespaceObject.AtomicCommerceNoProducts,
+    AtomicCommerceNumericFacet: ()=>atomic_commerce_numeric_facet_cjs_namespaceObject.AtomicCommerceNumericFacet,
+    AtomicCommercePager: ()=>atomic_commerce_pager_cjs_namespaceObject.AtomicCommercePager,
+    AtomicCommerceProductList: ()=>atomic_commerce_product_list_cjs_namespaceObject.AtomicCommerceProductList,
     AtomicCommerceProductsPerPage: ()=>atomic_commerce_products_per_page_cjs_namespaceObject.AtomicCommerceProductsPerPage,
-    AtomicProductSectionBadges: ()=>atomic_product_section_badges_cjs_namespaceObject.AtomicProductSectionBadges,
+    AtomicCommerceQueryError: ()=>atomic_commerce_query_error_cjs_namespaceObject.AtomicCommerceQueryError,
+    AtomicCommerceQuerySummary: ()=>atomic_commerce_query_summary_cjs_namespaceObject.AtomicCommerceQuerySummary,
+    AtomicCommerceRecommendationInterface: ()=>atomic_commerce_recommendation_interface_cjs_namespaceObject.AtomicCommerceRecommendationInterface,
+    AtomicCommerceRecommendationList: ()=>atomic_commerce_recommendation_list_cjs_namespaceObject.AtomicCommerceRecommendationList,
+    AtomicCommerceRefineModal: ()=>atomic_commerce_refine_modal_cjs_namespaceObject.AtomicCommerceRefineModal,
+    AtomicCommerceRefineToggle: ()=>atomic_commerce_refine_toggle_cjs_namespaceObject.AtomicCommerceRefineToggle,
+    AtomicCommerceSearchBox: ()=>atomic_commerce_search_box_cjs_namespaceObject.AtomicCommerceSearchBox,
     AtomicCommerceSearchBoxInstantProducts: ()=>atomic_commerce_search_box_instant_products_cjs_namespaceObject.AtomicCommerceSearchBoxInstantProducts,
+    AtomicCommerceSearchBoxQuerySuggestions: ()=>atomic_commerce_search_box_query_suggestions_cjs_namespaceObject.AtomicCommerceSearchBoxQuerySuggestions,
     AtomicCommerceSearchBoxRecentQueries: ()=>atomic_commerce_search_box_recent_queries_cjs_namespaceObject.AtomicCommerceSearchBoxRecentQueries,
+    AtomicCommerceSortDropdown: ()=>atomic_commerce_sort_dropdown_cjs_namespaceObject.AtomicCommerceSortDropdown,
+    AtomicCommerceText: ()=>atomic_commerce_text_cjs_namespaceObject.AtomicCommerceText,
+    AtomicCommerceTimeframeFacet: ()=>atomic_commerce_timeframe_facet_cjs_namespaceObject.AtomicCommerceTimeframeFacet,
     AtomicProduct: ()=>atomic_product_cjs_namespaceObject.AtomicProduct,
-    AtomicCommerceRefineModal: ()=>atomic_commerce_refine_modal_cjs_namespaceObject.AtomicCommerceRefineModal,
-    AtomicCommerceSearchBox: ()=>atomic_commerce_search_box_cjs_namespaceObject.AtomicCommerceSearchBox,
-    AtomicCommerceBreadbox: ()=>atomic_commerce_breadbox_cjs_namespaceObject.AtomicCommerceBreadbox,
-    AtomicProductRating: ()=>atomic_product_rating_cjs_namespaceObject.AtomicProductRating,
+    AtomicProductChildren: ()=>atomic_product_children_cjs_namespaceObject.AtomicProductChildren,
+    AtomicProductDescription: ()=>atomic_product_description_cjs_namespaceObject.AtomicProductDescription,
     AtomicProductExcerpt: ()=>atomic_product_excerpt_cjs_namespaceObject.AtomicProductExcerpt,
+    AtomicProductFieldCondition: ()=>atomic_product_field_condition_cjs_namespaceObject.AtomicProductFieldCondition,
+    AtomicProductImage: ()=>atomic_product_image_cjs_namespaceObject.AtomicProductImage,
+    AtomicProductLink: ()=>atomic_product_link_cjs_namespaceObject.AtomicProductLink,
     AtomicProductMultiValueText: ()=>atomic_product_multi_value_text_cjs_namespaceObject.AtomicProductMultiValueText,
-    AtomicCommerceRecommendationInterface: ()=>atomic_commerce_recommendation_interface_cjs_namespaceObject.AtomicCommerceRecommendationInterface,
+    AtomicProductNumericFieldValue: ()=>atomic_product_numeric_field_value_cjs_namespaceObject.AtomicProductNumericFieldValue,
+    AtomicProductPrice: ()=>atomic_product_price_cjs_namespaceObject.AtomicProductPrice,
+    AtomicProductRating: ()=>atomic_product_rating_cjs_namespaceObject.AtomicProductRating,
     AtomicProductSectionActions: ()=>atomic_product_section_actions_cjs_namespaceObject.AtomicProductSectionActions,
-    AtomicCommerceRecommendationList: ()=>atomic_commerce_recommendation_list_cjs_namespaceObject.AtomicCommerceRecommendationList,
+    AtomicProductSectionBadges: ()=>atomic_product_section_badges_cjs_namespaceObject.AtomicProductSectionBadges,
     AtomicProductSectionBottomMetadata: ()=>atomic_product_section_bottom_metadata_cjs_namespaceObject.AtomicProductSectionBottomMetadata,
-    AtomicProductPrice: ()=>atomic_product_price_cjs_namespaceObject.AtomicProductPrice,
-    AtomicCommercePager: ()=>atomic_commerce_pager_cjs_namespaceObject.AtomicCommercePager,
-    AtomicCommerceQuerySummary: ()=>atomic_commerce_query_summary_cjs_namespaceObject.AtomicCommerceQuerySummary,
-    AtomicCommerceFacet: ()=>atomic_commerce_facet_cjs_namespaceObject.AtomicCommerceFacet,
-    AtomicCommerceFacetNumberInput: ()=>atomic_commerce_facet_number_input_cjs_namespaceObject.AtomicCommerceFacetNumberInput,
-    AtomicProductFieldCondition: ()=>atomic_product_field_condition_cjs_namespaceObject.AtomicProductFieldCondition,
-    AtomicCommerceDidYouMean: ()=>atomic_commerce_did_you_mean_cjs_namespaceObject.AtomicCommerceDidYouMean,
-    AtomicCommerceRefineToggle: ()=>atomic_commerce_refine_toggle_cjs_namespaceObject.AtomicCommerceRefineToggle,
-    AtomicProductLink: ()=>atomic_product_link_cjs_namespaceObject.AtomicProductLink,
+    AtomicProductSectionChildren: ()=>atomic_product_section_children_cjs_namespaceObject.AtomicProductSectionChildren,
+    AtomicProductSectionDescription: ()=>atomic_product_section_description_cjs_namespaceObject.AtomicProductSectionDescription,
     AtomicProductSectionEmphasized: ()=>atomic_product_section_emphasized_cjs_namespaceObject.AtomicProductSectionEmphasized,
-    AtomicCommerceSortDropdown: ()=>atomic_commerce_sort_dropdown_cjs_namespaceObject.AtomicCommerceSortDropdown,
-    AtomicProductText: ()=>atomic_product_text_cjs_namespaceObject.AtomicProductText,
-    AtomicCommerceInterface: ()=>atomic_commerce_interface_cjs_namespaceObject.AtomicCommerceInterface,
-    AtomicProductChildren: ()=>atomic_product_children_cjs_namespaceObject.AtomicProductChildren,
-    AtomicProductImage: ()=>atomic_product_image_cjs_namespaceObject.AtomicProductImage,
     AtomicProductSectionMetadata: ()=>atomic_product_section_metadata_cjs_namespaceObject.AtomicProductSectionMetadata,
-    AtomicProductSectionChildren: ()=>atomic_product_section_children_cjs_namespaceObject.AtomicProductSectionChildren,
-    AtomicProductDescription: ()=>atomic_product_description_cjs_namespaceObject.AtomicProductDescription,
-    AtomicCommerceNoProducts: ()=>atomic_commerce_no_products_cjs_namespaceObject.AtomicCommerceNoProducts,
     AtomicProductSectionName: ()=>atomic_product_section_name_cjs_namespaceObject.AtomicProductSectionName,
-    AtomicCommerceQueryError: ()=>atomic_commerce_query_error_cjs_namespaceObject.AtomicCommerceQueryError,
+    AtomicProductSectionVisual: ()=>atomic_product_section_visual_cjs_namespaceObject.AtomicProductSectionVisual,
     AtomicProductTemplate: ()=>atomic_product_template_cjs_namespaceObject.AtomicProductTemplate,
-    AtomicProductNumericFieldValue: ()=>atomic_product_numeric_field_value_cjs_namespaceObject.AtomicProductNumericFieldValue,
-    AtomicCommerceNumericFacet: ()=>atomic_commerce_numeric_facet_cjs_namespaceObject.AtomicCommerceNumericFacet,
-    AtomicCommerceLoadMoreProducts: ()=>atomic_commerce_load_more_products_cjs_namespaceObject.AtomicCommerceLoadMoreProducts,
-    AtomicCommerceText: ()=>atomic_commerce_text_cjs_namespaceObject.AtomicCommerceText,
-    AtomicCommerceFacets: ()=>atomic_commerce_facets_cjs_namespaceObject.AtomicCommerceFacets,
-    AtomicCommerceCategoryFacet: ()=>atomic_commerce_category_facet_cjs_namespaceObject.AtomicCommerceCategoryFacet,
-    AtomicCommerceLayout: ()=>atomic_commerce_layout_cjs_namespaceObject.AtomicCommerceLayout,
-    AtomicCommerceTimeframeFacet: ()=>atomic_commerce_timeframe_facet_cjs_namespaceObject.AtomicCommerceTimeframeFacet,
-    AtomicCommerceProductList: ()=>atomic_commerce_product_list_cjs_namespaceObject.AtomicCommerceProductList,
-    AtomicCommerceSearchBoxQuerySuggestions: ()=>atomic_commerce_search_box_query_suggestions_cjs_namespaceObject.AtomicCommerceSearchBoxQuerySuggestions,
-    AtomicProductSectionDescription: ()=>atomic_product_section_description_cjs_namespaceObject.AtomicProductSectionDescription,
-    AtomicProductSectionVisual: ()=>atomic_product_section_visual_cjs_namespaceObject.AtomicProductSectionVisual
+    AtomicProductText: ()=>atomic_product_text_cjs_namespaceObject.AtomicProductText
 });
 const atomic_commerce_breadbox_cjs_namespaceObject = require("./atomic-commerce-breadbox/atomic-commerce-breadbox.cjs");
 const atomic_commerce_category_facet_cjs_namespaceObject = require("./atomic-commerce-category-facet/atomic-commerce-category-facet.cjs");

package/dist/cjs/components/commerce/product-template-component-utils/product-utils.cjs

@@ -24,9 +24,9 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    buildStringTemplateFromProduct: ()=>buildStringTemplateFromProduct,
     getStringValueFromProductOrNull: ()=>getStringValueFromProductOrNull,
-    parseValue: ()=>parseValue,
-    buildStringTemplateFromProduct: ()=>buildStringTemplateFromProduct
+    parseValue: ()=>parseValue
 });
 const commerce_namespaceObject = require("@coveo/headless/commerce");
 const object_utils_cjs_namespaceObject = require("../../../utils/object-utils.cjs");

package/dist/cjs/components/commerce/sort/option.cjs

@@ -24,9 +24,9 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    renderCommerceSortOption: ()=>renderCommerceSortOption,
+    getLabel: ()=>getLabel,
     getSortByLabel: ()=>getSortByLabel,
-    getLabel: ()=>getLabel
+    renderCommerceSortOption: ()=>renderCommerceSortOption
 });
 const option_cjs_namespaceObject = require("../../common/sort/option.cjs");
 const renderCommerceSortOption = ({ props })=>{

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

@@ -0,0 +1,241 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    AtomicAgentStreamOfThought: ()=>AtomicAgentStreamOfThought,
+    resolveSteps: ()=>resolveSteps
+});
+const external_lit_namespaceObject = require("lit");
+const decorators_js_namespaceObject = require("lit/decorators.js");
+const class_map_js_namespaceObject = require("lit/directives/class-map.js");
+const map_js_namespaceObject = require("lit/directives/map.js");
+const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
+const external_atomic_agent_stream_of_thought_tw_css_cjs_namespaceObject = require("./atomic-agent-stream-of-thought.tw.css.cjs");
+var external_atomic_agent_stream_of_thought_tw_css_cjs_default = /*#__PURE__*/ __webpack_require__.n(external_atomic_agent_stream_of_thought_tw_css_cjs_namespaceObject);
+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 external_lit_namespaceObject.LitElement {
+    willUpdate(changed) {
+        if (changed.has('isStreaming')) this.expanded = this.isStreaming;
+    }
+    render() {
+        const resolvedSteps = resolveSteps(this.agentSteps);
+        if (0 === resolvedSteps.length) return external_lit_namespaceObject.nothing;
+        const isComplete = !this.isStreaming;
+        const isCollapsible = resolvedSteps.length > 1;
+        if (isComplete && !this.expanded && isCollapsible) return (0, external_lit_namespaceObject.html)`
+        <div class="timeline">${this.renderCollapsedTimelineSummary()}</div>
+      `;
+        return (0, external_lit_namespaceObject.html)`
+      <div class="timeline">
+        ${(0, map_js_namespaceObject.map)(resolvedSteps, (step)=>this.renderStep(step))}
+        ${isComplete && isCollapsible ? this.renderToggleButton() : external_lit_namespaceObject.nothing}
+      </div>
+    `;
+    }
+    renderStep(step) {
+        const labelKey = 'active' === step.status ? stepLabelKeys[step.type].active : stepLabelKeys[step.type].completed;
+        const label = this.i18n.t(labelKey);
+        return (0, external_lit_namespaceObject.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 external_lit_namespaceObject.nothing;
+        const step = resolvedSteps[resolvedSteps.length - 1];
+        const labelKey = stepLabelKeys[step.type].completed;
+        const label = this.i18n.t(labelKey);
+        return (0, external_lit_namespaceObject.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 (0, external_lit_namespaceObject.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 (0, external_lit_namespaceObject.html)`<span class="step-icon"
+      ><span class="spinner" aria-hidden="true"></span
+    ></span>`;
+    }
+    renderCheckmark() {
+        return (0, external_lit_namespaceObject.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 (0, external_lit_namespaceObject.html)`
+      <span class=${(0, class_map_js_namespaceObject.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 = [
+    external_atomic_agent_stream_of_thought_tw_css_cjs_default()
+];
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        attribute: false
+    }),
+    _ts_metadata("design:type", "u" < typeof i18n ? Object : i18n)
+], AtomicAgentStreamOfThought.prototype, "i18n", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        attribute: false
+    }),
+    _ts_metadata("design:type", Array)
+], AtomicAgentStreamOfThought.prototype, "agentSteps", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.property)({
+        attribute: false
+    })
+], AtomicAgentStreamOfThought.prototype, "isStreaming", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.state)()
+], AtomicAgentStreamOfThought.prototype, "expanded", void 0);
+AtomicAgentStreamOfThought = _ts_decorate([
+    (0, decorators_js_namespaceObject.customElement)('atomic-agent-stream-of-thought'),
+    with_tailwind_styles_cjs_namespaceObject.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
+        };
+    });
+}
+exports.AtomicAgentStreamOfThought = __webpack_exports__.AtomicAgentStreamOfThought;
+exports.resolveSteps = __webpack_exports__.resolveSteps;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "AtomicAgentStreamOfThought",
+    "resolveSteps"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -0,0 +1,109 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    default: ()=>atomic_agent_stream_of_thought_tw_css
+});
+const external_lit_namespaceObject = require("lit");
+const styles = (0, external_lit_namespaceObject.css)`
+  @reference '../../../utils/tailwind.global.tw.css';
+
+  :host {
+    display: block;
+  }
+
+  @keyframes spin {
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .timeline {
+    @apply flex flex-col gap-1 py-1 text-sm font-light;
+    color: var(--atomic-neutral-dark);
+  }
+
+  .step {
+    @apply flex items-center gap-2;
+  }
+
+  .collapsed-timeline-summary {
+    @apply flex cursor-pointer items-center gap-2 border-none bg-transparent p-0 text-left;
+    font: inherit;
+    color: inherit;
+  }
+
+  .collapsed-timeline-summary:focus-visible {
+    @apply rounded outline-2 outline-offset-2;
+    outline-color: var(--atomic-primary);
+  }
+
+  .toggle-button {
+    @apply flex cursor-pointer items-center gap-1 border-none bg-transparent p-0;
+    font: inherit;
+    color: inherit;
+  }
+
+  .toggle-button:focus-visible {
+    @apply rounded outline-2 outline-offset-2;
+    outline-color: var(--atomic-primary);
+  }
+
+  .step-icon {
+    @apply flex shrink-0 items-center justify-center;
+    width: 14px;
+    height: 14px;
+  }
+
+  .checkmark-icon {
+    color: var(--atomic-success, #1b8057);
+  }
+
+  .spinner {
+    @apply inline-block rounded-full;
+    width: 12px;
+    height: 12px;
+    border: 2px solid currentColor;
+    border-top-color: transparent;
+    animation: spin 0.8s linear infinite;
+  }
+
+  .chevron {
+    @apply ml-1 flex items-center;
+    transition: transform 0.2s ease;
+  }
+
+  .chevron-up {
+    transform: rotate(180deg);
+  }
+`;
+const atomic_agent_stream_of_thought_tw_css = styles;
+exports["default"] = __webpack_exports__["default"];
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "default"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -42,8 +42,8 @@ const when_js_namespaceObject = require("lit/directives/when.js");
 const atomic_generated_answer_tw_css_cjs_namespaceObject = require("../../search/atomic-generated-answer/atomic-generated-answer.tw.css.cjs");
 var atomic_generated_answer_tw_css_cjs_default = /*#__PURE__*/ __webpack_require__.n(atomic_generated_answer_tw_css_cjs_namespaceObject);
 const with_tailwind_styles_cjs_namespaceObject = require("../../../decorators/with-tailwind-styles.cjs");
+require("../atomic-agent-stream-of-thought/atomic-agent-stream-of-thought.cjs");
 const generated_content_container_cjs_namespaceObject = require("../generated-answer/generated-content-container.cjs");
-const render_agent_generation_steps_cjs_namespaceObject = require("../generated-answer/render-agent-generation-steps.cjs");
 const render_feedback_and_copy_buttons_cjs_namespaceObject = require("../generated-answer/render-feedback-and-copy-buttons.cjs");
 const source_citations_cjs_namespaceObject = require("../generated-answer/source-citations.cjs");
 const external_answer_context_cjs_namespaceObject = require("./answer-context.cjs");
@@ -71,13 +71,11 @@ class AtomicGeneratedAnswerContent extends external_lit_namespaceObject.LitEleme
         const shouldRenderFeedbackAndCopyButtons = Boolean(answer) && !isStreaming;
         return (0, external_lit_namespaceObject.html)`
       <div>
-        ${(0, render_agent_generation_steps_cjs_namespaceObject.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>
           ${(0, generated_content_container_cjs_namespaceObject.renderGeneratedContentContainer)({
             props: {

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

@@ -160,7 +160,7 @@ class AtomicGeneratedAnswerFeedbackModal extends external_lit_namespaceObject.Li
                 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)
             }
         });

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

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

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

@@ -42,6 +42,8 @@ class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitEl
         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,
@@ -79,8 +81,29 @@ class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitEl
             '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 = (0, class_map_js_namespaceObject.classMap)({
+            flex: true,
+            'w-[10px]': true,
+            'shrink-0': true,
+            'justify-center': true,
+            'items-center': true
+        });
+        const timelineLineToggleClasses = (0, class_map_js_namespaceObject.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 = (0, class_map_js_namespaceObject.classMap)({
             flex: true,
@@ -88,12 +111,17 @@ class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitEl
             '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 (0, external_lit_namespaceObject.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">
-            ${(0, when_js_namespaceObject.when)(this.showTimelineDot, ()=>(0, external_lit_namespaceObject.html)` <span class=${timelineDotClasses}></span> `)}
+          <div class=${timelineDotToggleClasses}>
+            ${(0, when_js_namespaceObject.when)(this.showTimelineDot, ()=>(0, external_lit_namespaceObject.html)`
+                <span
+                  class=${timelineDotClasses}
+                  @click=${isTimelineDotInteractive ? this.toggle : null}
+                ></span>
+              `)}
           </div>
           <div class="flex min-w-0 flex-col">
             ${(0, when_js_namespaceObject.when)(!this.disableCollapse, ()=>(0, external_lit_namespaceObject.html)`<button
@@ -115,7 +143,10 @@ class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitEl
           </div>
         </div>
         <div class=${timelineBodyRowClasses}>
-          <div class="flex w-[10px] shrink-0 justify-center">
+          <div
+            class=${timelineLineToggleClasses}
+            @click=${isTimelineLineInteractive ? this.toggle : null}
+          >
             ${(0, when_js_namespaceObject.when)(this.hideLine, ()=>(0, external_lit_namespaceObject.html)``, ()=>(0, external_lit_namespaceObject.html)`<span class=${timelineConnectorClasses}> </span>`)}
           </div>
           <div id=${this.contentId} class="min-w-0 pl-2 py-1.5">

package/dist/cjs/components/common/atomic-icon/fetch-icon.cjs

@@ -24,8 +24,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    fetchIcon: ()=>fetchIcon,
-    clearIconCache: ()=>clearIconCache
+    clearIconCache: ()=>clearIconCache,
+    fetchIcon: ()=>fetchIcon
 });
 const memoize_cjs_namespaceObject = require("../../../utils/memoize.cjs");
 class IconFetchError extends Error {