@coveo/atomic 3.60.1 → 3.60.3

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

@@ -69,11 +69,14 @@ class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitEl
         const titleButtonClasses = (0, class_map_js_namespaceObject.classMap)({
             ...titleBaseClasses,
             ...titleWeightClasses,
-            'bg-transparent': true,
+            'bg-transparent': !this.isDotHovered,
+            'bg-neutral': this.isDotHovered,
+            'text-primary': this.isDotHovered,
             'border-0': true,
             'appearance-none': true,
             'transition-colors': true,
-            'hover:bg-neutral-light': true,
+            'hover:bg-neutral': true,
+            'hover:text-primary': true,
             'rounded-md': true,
             'cursor-pointer': true,
             'focus-visible:outline-none': true,
@@ -93,87 +96,85 @@ class AtomicGeneratedAnswerThreadItem extends external_lit_namespaceObject.LitEl
             'bg-neutral-dark': this.isExpanded,
             'bg-neutral-dim': !this.isExpanded,
             'cursor-pointer': isTimelineDotInteractive,
-            'group-hover:bg-neutral-dark': !this.isExpanded && isTimelineDotInteractive
+            'hover:bg-neutral-dark': !this.isExpanded && isTimelineDotInteractive,
+            'group-has-[button:hover]/title: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
+            'items-center': true,
+            'text-base': true,
+            'h-[1lh] my-1.5': true
         });
         const timelineLineToggleClasses = (0, class_map_js_namespaceObject.classMap)({
             flex: true,
-            'w-[10px]': true,
-            'shrink-0': true,
+            grow: true,
+            'w-full': 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,
-            'min-w-0': true,
-            'gap-3': true,
+            '-my-2': true,
             'min-h-3': !this.isExpanded
         });
         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)`
-      <div class="grid min-w-0">
-        <div class="flex min-w-0 items-center gap-3">
+      <div class="group/title grid min-w-0 grid-cols-[10px_1fr] gap-x-3">
+        <div class="row-span-2 flex flex-col items-center">
           <div class=${timelineDotToggleClasses}>
             ${(0, when_js_namespaceObject.when)(this.showTimelineDot, ()=>(0, external_lit_namespaceObject.html)`
                 <span
                   class=${timelineDotClasses}
                   @click=${isTimelineDotInteractive ? this.toggle : null}
+                  @mouseenter=${isTimelineDotInteractive ? this.handleDotMouseEnter : null}
+                  @mouseleave=${isTimelineDotInteractive ? this.handleDotMouseLeave : null}
                 ></span>
               `)}
           </div>
-          <div class="flex min-w-0 flex-col">
-            ${(0, when_js_namespaceObject.when)(!this.disableCollapse, ()=>(0, external_lit_namespaceObject.html)`<button
-                  type="button"
-                  aria-expanded=${this.isExpanded}
-                  aria-controls=${this.contentId}
-                  class=${titleButtonClasses}
-                  @click=${this.toggle}
-                >
-                  <span part="thread-item-title" style=${clampedTitleStyles}
-                    >${this.title}</span
-                  >
-                </button>`, ()=>(0, external_lit_namespaceObject.html)`<span
-                  class=${titleTextClasses}
-                  part="thread-item-title"
-                  style=${clampedTitleStyles}
-                  >${this.title}</span
-                >`)}
-          </div>
-        </div>
-        <div class=${timelineBodyRowClasses}>
           <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">
-            <div
-              class="mb-2"
-              ?hidden=${!this.isExpanded}
-              aria-hidden=${this.isExpanded ? 'false' : 'true'}
-            >
-              <slot></slot>
-            </div>
+        </div>
+        <div class="flex min-w-0 flex-col">
+          ${(0, when_js_namespaceObject.when)(!this.disableCollapse, ()=>(0, external_lit_namespaceObject.html)`<button
+                type="button"
+                aria-expanded=${this.isExpanded}
+                aria-controls=${this.contentId}
+                class=${titleButtonClasses}
+                @click=${this.toggle}
+              >
+                <span part="thread-item-title" style=${clampedTitleStyles}>${this.title}</span>
+              </button>`, ()=>(0, external_lit_namespaceObject.html)`<span
+                class=${titleTextClasses}
+                part="thread-item-title"
+                style=${clampedTitleStyles}
+                >${this.title}</span
+              >`)}
+        </div>
+        <div id=${this.contentId} class="min-w-0 pl-2 py-1.5">
+          <div
+            class="mb-2"
+            ?hidden=${!this.isExpanded}
+            aria-hidden=${this.isExpanded ? 'false' : 'true'}
+          >
+            <slot></slot>
           </div>
         </div>
       </div>
     `;
     }
     constructor(...args){
-        super(...args), this.contentId = `atomic-generated-answer-thread-item-content-${crypto.randomUUID()}`, this.title = '', this.disableCollapse = false, this.hideLine = false, this.isExpanded = false, this.showTimelineDot = true, this.toggle = ()=>{
+        super(...args), this.contentId = `atomic-generated-answer-thread-item-content-${crypto.randomUUID()}`, this.title = '', this.disableCollapse = false, this.hideLine = false, this.isExpanded = false, this.showTimelineDot = true, this.isDotHovered = false, this.toggle = ()=>{
             if (this.disableCollapse) return;
             this.isExpanded = !this.isExpanded;
+        }, this.handleDotMouseEnter = ()=>{
+            this.isDotHovered = true;
+        }, this.handleDotMouseLeave = ()=>{
+            this.isDotHovered = false;
         };
     }
 }
@@ -206,6 +207,9 @@ _ts_decorate([
         attribute: 'show-timeline-dot'
     })
 ], AtomicGeneratedAnswerThreadItem.prototype, "showTimelineDot", void 0);
+_ts_decorate([
+    (0, decorators_js_namespaceObject.state)()
+], AtomicGeneratedAnswerThreadItem.prototype, "isDotHovered", void 0);
 AtomicGeneratedAnswerThreadItem = _ts_decorate([
     (0, decorators_js_namespaceObject.customElement)('atomic-generated-answer-thread-item'),
     with_tailwind_styles_cjs_namespaceObject.withTailwindStyles

package/dist/cjs/components/common/atomic-rating/rating.cjs

@@ -74,12 +74,9 @@ const renderRating = ({ props })=>{
     })}
   >
     <div class="z-0 flex gap-0.5">${emptyIconDisplay()}</div>
-    <div
-      class="absolute top-0 left-0 z-1 flex gap-0.5 overflow-hidden"
-      style=${(0, style_map_js_namespaceObject.styleMap)({
+    <div class="absolute top-0 left-0 z-1 flex gap-0.5 overflow-hidden" style=${(0, style_map_js_namespaceObject.styleMap)({
         width
-    })}
-    >
+    })}>
       ${filledIconDisplay()}
     </div>
   </div>`;

package/dist/cjs/components/common/atomic-result-placeholder/atomic-result-placeholder.cjs

@@ -54,10 +54,7 @@ class AtomicResultPlaceholder extends external_lit_namespaceObject.LitElement {
     renderExcerptLine(width) {
         return (0, external_lit_namespaceObject.html)`
       <div style="height: var(--line-height); width: ${width};">
-        <div
-          class=${placeholderClasses}
-          style="height: var(--font-size);"
-        ></div>
+        <div class=${placeholderClasses} style="height: var(--font-size);"></div>
       </div>
     `;
     }
@@ -91,11 +88,7 @@ class AtomicResultPlaceholder extends external_lit_namespaceObject.LitElement {
           <div class="fields-placeholder">
             ${Array.from({
             length: 4
-        }, ()=>(0, external_lit_namespaceObject.html)`
-                <div
-                  class="field-value-placeholder ${placeholderClasses}"
-                ></div>
-              `)}
+        }, ()=>(0, external_lit_namespaceObject.html)` <div class="field-value-placeholder ${placeholderClasses}"></div> `)}
           </div>
         </atomic-result-section-bottom-metadata>
       </div>

package/dist/cjs/components/common/atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.cjs

@@ -140,19 +140,10 @@ AtomicSmartSnippetCollapseWrapper.styles = (0, external_lit_namespaceObject.css)
 
       --gradient-start: var(
         --atomic-smart-snippet-gradient-start,
-        calc(
-          max(
-            var(--collapsed-size) - (var(--line-height) * 1.5),
-            var(--collapsed-size) * 0.5
-          )
-        )
+        calc(max(var(--collapsed-size) - (var(--line-height) * 1.5), var(--collapsed-size) * 0.5))
       );
 
-      mask-image: linear-gradient(
-        black,
-        black var(--gradient-start),
-        transparent 100%
-      );
+      mask-image: linear-gradient(black, black var(--gradient-start), transparent 100%);
     }
 
     :host(.expanded) .smart-snippet-content {

package/dist/cjs/components/common/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.cjs

@@ -142,10 +142,7 @@ class AtomicSmartSnippetExpandableAnswer extends external_lit_namespaceObject.Li
           aria-expanded=${this.isExpanded ? 'true' : 'false'}
         >
           ${this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more')}
-          <atomic-icon
-            .icon=${arrow_down_cjs_default()}
-            class="ml-2 w-3 align-baseline"
-          ></atomic-icon>
+          <atomic-icon .icon=${arrow_down_cjs_default()} class="ml-2 w-3 align-baseline"></atomic-icon>
         </button>
       `);
     }

package/dist/cjs/components/common/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.tw.css.cjs

@@ -43,19 +43,10 @@ const styles = (0, external_lit_namespaceObject.css)`
 
     --gradient-start: var(
       --atomic-smart-snippet-gradient-start,
-      calc(
-        max(
-          var(--collapsed-size) - (var(--line-height) * 1.5),
-          var(--collapsed-size) * 0.5
-        )
-      )
+      calc(max(var(--collapsed-size) - (var(--line-height) * 1.5), var(--collapsed-size) * 0.5))
     );
     color: var(--atomic-on-background);
-    mask-image: linear-gradient(
-      black,
-      black var(--gradient-start),
-      transparent 100%
-    );
+    mask-image: linear-gradient(black, black var(--gradient-start), transparent 100%);
   }
 
   atomic-smart-snippet-answer.loaded {

package/dist/cjs/components/common/atomic-smart-snippet-source/atomic-smart-snippet-source.cjs

@@ -99,10 +99,7 @@ class AtomicSmartSnippetSource extends (0, light_dom_cjs_namespaceObject.LightDo
                     onBeginDelayedSelect: ()=>this.handleSourceEvent('begin-delayed-select-source'),
                     onCancelPendingSelect: ()=>this.handleSourceEvent('cancel-pending-select-source')
                 }
-            })((0, external_lit_namespaceObject.html)`<atomic-result-text
-            field="title"
-            default="no-title"
-          ></atomic-result-text>`)}
+            })((0, external_lit_namespaceObject.html)`<atomic-result-text field="title" default="no-title"></atomic-result-text>`)}
       `)}`;
     }
     constructor(...args){

package/dist/cjs/components/common/atomic-tab-button/atomic-tab-button.cjs

@@ -95,10 +95,7 @@ class AtomicTabButton extends (0, light_dom_cjs_namespaceObject.LightDomMixin)(e
             'sm:px-6'
         ].filter(Boolean).join(' ');
         return (0, external_lit_namespaceObject.html)`
-      <span
-        class=${buttonClasses}
-        part=${this.active ? 'tab-button-active' : 'tab-button'}
-      >
+      <span class=${buttonClasses} part=${this.active ? 'tab-button-active' : 'tab-button'}>
         ${this.label}
       </span>
     `;

package/dist/cjs/components/common/atomic-tab-popover/atomic-tab-popover.cjs

@@ -200,9 +200,7 @@ class AtomicTabPopover extends external_lit_namespaceObject.LitElement {
     render() {
         this.classList.toggle('visibility-hidden', !this.show);
         this.ariaHidden = String(!this.show);
-        return (0, external_lit_namespaceObject.html)`
-      ${this.renderPopover()} ${(0, when_js_namespaceObject.when)(this.isOpen, ()=>this.renderBackdrop())}
-    `;
+        return (0, external_lit_namespaceObject.html)` ${this.renderPopover()} ${(0, when_js_namespaceObject.when)(this.isOpen, ()=>this.renderBackdrop())} `;
     }
     constructor(...args){
         super(...args), this.show = false, this.isOpen = false, this.buttonRef = (0, ref_js_namespaceObject.createRef)(), this.popupRef = (0, ref_js_namespaceObject.createRef)(), this.popoverId = 'atomic-tab-popover', this.handleKeyDown = (e)=>{

package/dist/cjs/components/common/breadbox/breadcrumb-content.cjs

@@ -76,11 +76,7 @@ const renderBreadcrumbContent = ({ props })=>{
     <span part="breadcrumb-value" class=${(0, multi_class_map_cjs_namespaceObject.multiClassMap)(valueClass)}>
       ${props.breadcrumb.content ?? value}
     </span>
-    <atomic-icon
-      part="breadcrumb-clear"
-      class="mt-px ml-2 h-2.5 w-2.5"
-      icon=${close_cjs_default()}
-    >
+    <atomic-icon part="breadcrumb-clear" class="mt-px ml-2 h-2.5 w-2.5" icon=${close_cjs_default()}>
     </atomic-icon>`;
 };
 exports.renderBreadcrumbContent = __webpack_exports__.renderBreadcrumbContent;

package/dist/cjs/components/common/button.cjs

@@ -61,8 +61,7 @@ const renderButton = ({ props })=>(children)=>{
       ?disabled=${props.disabled}
       ${props.ref ? (0, ref_js_namespaceObject.ref)(props.ref) : external_lit_namespaceObject.nothing}
     >
-      ${(0, when_js_namespaceObject.when)(props.text, ()=>(0, external_lit_namespaceObject.html)`<span class="truncate">${props.text}</span>`)}
-      ${children}
+      ${(0, when_js_namespaceObject.when)(props.text, ()=>(0, external_lit_namespaceObject.html)`<span class="truncate">${props.text}</span>`)} ${children}
     </button>`;
     };
 exports.renderButton = __webpack_exports__.renderButton;

package/dist/cjs/components/common/carousel.cjs

@@ -115,9 +115,7 @@ const renderCarousel = ({ props })=>(children)=>{
             ${renderPreviousButton(numberOfPages, previousPage, props.bindings)}
             ${renderNextButton(numberOfPages, nextPage, props.bindings)}
           </div>
-          <div class="carousel-items" aria-live="polite" aria-atomic="false">
-            ${children}
-          </div>
+          <div class="carousel-items" aria-live="polite" aria-atomic="false">${children}</div>
         </div>
         ${renderIndicators(numberOfPages, currentPage)}
       </div>

package/dist/cjs/components/common/expandable-text/expandable-text.cjs

@@ -73,11 +73,7 @@ const renderExpandableText = ({ props: { isExpanded, isTruncated, isCollapsible,
         const buttonLabel = isExpanded ? showLessLabel : showMoreLabel;
         const icon = isExpanded ? minus_cjs_default() : plus_cjs_default();
         return (0, external_lit_namespaceObject.html)`<div class="flex flex-col items-start">
-      <div
-        part="expandable-text"
-        class="${(0, multi_class_map_cjs_namespaceObject.multiClassMap)(expandableTextClasses)}"
-        ${(0, ref_js_namespaceObject.ref)(textRef)}
-      >
+      <div part="expandable-text" class="${(0, multi_class_map_cjs_namespaceObject.multiClassMap)(expandableTextClasses)}" ${(0, ref_js_namespaceObject.ref)(textRef)}>
         ${children}
       </div>
 
@@ -91,10 +87,7 @@ const renderExpandableText = ({ props: { isExpanded, isTruncated, isCollapsible,
                 },
                 onClick: onToggleExpand
             }
-        })((0, external_lit_namespaceObject.html)` <atomic-icon
-            icon="${icon}"
-            class="mx-1 w-2 align-baseline"
-          ></atomic-icon>
+        })((0, external_lit_namespaceObject.html)` <atomic-icon icon="${icon}" class="mx-1 w-2 align-baseline"></atomic-icon>
           ${buttonLabel}`)}
     </div>`;
     };

package/dist/cjs/components/common/facets/category-facet/all-categories-button.cjs

@@ -58,11 +58,7 @@ const renderCategoryFacetAllCategoryButton = ({ props: { i18n, onClick, facetId,
             part: 'all-categories-button',
             onClick: onClick
         }
-    })((0, external_lit_namespaceObject.html)`<atomic-icon
-          aria-hidden="true"
-          icon=${arrow_left_rounded_cjs_default()}
-          part="back-arrow"
-        ></atomic-icon>
+    })((0, external_lit_namespaceObject.html)`<atomic-icon aria-hidden="true" icon=${arrow_left_rounded_cjs_default()} part="back-arrow"></atomic-icon>
         <span class="truncate">${allCategories}</span>`)}
   `;
 };

package/dist/cjs/components/common/facets/category-facet/parent-button.cjs

@@ -63,11 +63,7 @@ const renderCategoryFacetParentButton = ({ props })=>{
             ariaLabel: ariaLabel
         }
     })((0, external_lit_namespaceObject.html)`
-    <atomic-icon
-      icon=${arrow_left_rounded_cjs_default()}
-      part="back-arrow"
-      class="back-arrow"
-    ></atomic-icon>
+    <atomic-icon icon=${arrow_left_rounded_cjs_default()} part="back-arrow" class="back-arrow"></atomic-icon>
     <span class="truncate">${displayValue}</span>
   `);
 };

package/dist/cjs/components/common/facets/category-facet/search-value.cjs

@@ -91,9 +91,7 @@ const renderCategoryFacetSearchValue = ({ props })=>{
         path: localizedPath,
         separator: SEPARATOR,
         maxLength: PATH_MAX_LENGTH,
-        emptyPathContent: (0, external_lit_namespaceObject.html)`<span class="truncate">
-            ${inLabel} ${allCategories}
-          </span>`,
+        emptyPathContent: (0, external_lit_namespaceObject.html)`<span class="truncate"> ${inLabel} ${allCategories} </span>`,
         separatorClass: 'mx-0.5',
         itemClass: 'max-w-max flex-1 truncate',
         ellipsisClass: ''

package/dist/cjs/components/common/facets/facet-container/facet-container.cjs

@@ -32,13 +32,8 @@ __webpack_require__.d(__webpack_exports__, {
 });
 var external_lit_namespaceObject = require("lit");
 const renderFacetContainer = ()=>(children)=>(0, external_lit_namespaceObject.html)`
-      <div
-        class="bg-background border-neutral rounded-lg border p-4"
-        part="facet"
-      >
-        ${children}
-      </div>
-    `;
+    <div class="bg-background border-neutral rounded-lg border p-4" part="facet">${children}</div>
+  `;
 exports.renderFacetContainer = __webpack_exports__.renderFacetContainer;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "renderFacetContainer"

package/dist/cjs/components/common/facets/facet-placeholder/facet-placeholder.cjs

@@ -34,10 +34,7 @@ var external_lit_namespaceObject = require("lit");
 var when_js_namespaceObject = require("lit/directives/when.js");
 const renderFacetPlaceholder = ({ props })=>{
     const facetValues = [];
-    for(let i = 0; i < props.numberOfValues; i++)facetValues.push((0, external_lit_namespaceObject.html)`<div
-        class="bg-neutral mt-4 flex h-5"
-        style="width: 100%; opacity: 0.5"
-      ></div>`);
+    for(let i = 0; i < props.numberOfValues; i++)facetValues.push((0, external_lit_namespaceObject.html)`<div class="bg-neutral mt-4 flex h-5" style="width: 100%; opacity: 0.5"></div>`);
     return (0, external_lit_namespaceObject.html)`<div
     part="placeholder"
     class="bg-background border-neutral mb-4 animate-pulse rounded-lg border p-7"

package/dist/cjs/components/common/facets/facet-search/facet-search-input.cjs

@@ -84,10 +84,7 @@ const renderFacetSearchInput = ({ props })=>{
                     inputRef.value?.focus();
                 }
             }
-        })((0, external_lit_namespaceObject.html)`<atomic-icon
-              part="search-clear-button"
-              .icon=${close_cjs_default()}
-            ></atomic-icon>`))}
+        })((0, external_lit_namespaceObject.html)`<atomic-icon part="search-clear-button" .icon=${close_cjs_default()}></atomic-icon>`))}
       </div>
     </div>
   `;

package/dist/cjs/components/common/facets/facet-value-box/facet-value-box.tw.css.cjs

@@ -39,10 +39,7 @@ const styles = (0, external_lit_namespaceObject.css)`
  */
   .box-container {
     @apply grid px-2;
-    grid-template-columns: repeat(
-      var(--atomic-facet-boxes-per-row, 4),
-      minmax(0, 1fr)
-    );
+    grid-template-columns: repeat(var(--atomic-facet-boxes-per-row, 4), minmax(0, 1fr));
     gap: var(--atomic-facet-boxes-gap, 0.5rem);
   }
 

package/dist/cjs/components/common/generated-answer/generated-answer-controller.cjs

@@ -32,6 +32,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 var local_storage_utils_cjs_namespaceObject = require("../../../utils/local-storage-utils.cjs");
 require("../atomic-generated-answer-feedback-modal/atomic-generated-answer-feedback-modal.cjs");
+var markdown_utils_cjs_namespaceObject = require("./generated-content/markdown-utils.cjs");
 class GeneratedAnswerController {
     hostConnected() {}
     get data() {
@@ -66,14 +67,23 @@ class GeneratedAnswerController {
         const isGenerating = !!state.isStreaming;
         const hasNonEmptyAnswer = !!state.answer?.trim();
         const hasError = !!state.error?.message;
+        const cannotAnswer = !!state.cannotAnswer;
         if (isHidden) return bindings.i18n.t('generated-answer-hidden');
         if (isGenerating) return bindings.i18n.t('generating-answer');
-        if (hasError) return bindings.i18n.t('answer-could-not-be-generated');
+        if (hasError || cannotAnswer) return bindings.i18n.t('answer-could-not-be-generated');
         if (hasNonEmptyAnswer) return bindings.i18n.t('answer-generated', {
-            answer: state.answer
+            answer: (0, markdown_utils_cjs_namespaceObject.markdownToPlainText)(state.answer)
         });
         return '';
     }
+    isStatusAssertive() {
+        const state = this.options.getGeneratedAnswerState();
+        if (!state) return false;
+        const isHidden = !state.isVisible;
+        const isGenerating = !!state.isStreaming;
+        const hasError = !!state.error?.message;
+        return !isHidden && !isGenerating && hasError;
+    }
     get hasRetryableError() {
         const searchState = this.options.getSearchStatusState();
         const answerState = this.options.getGeneratedAnswerState();

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

@@ -56,10 +56,7 @@ const renderGeneratedMarkdownContent = ({ props })=>{
         }
     });
     return (0, external_lit_namespaceObject.html)`
-    <div
-      part="generated-text"
-      class="text-on-background mb-0 ${props.isStreaming ? 'cursor' : ''}"
-    >
+    <div part="generated-text" class="text-on-background mb-0 ${props.isStreaming ? 'cursor' : ''}">
       ${(0, unsafe_html_js_namespaceObject.unsafeHTML)(answerAsHtml)}
     </div>
   `;

package/dist/cjs/components/common/generated-answer/generated-content/generated-markdown-content.tw.css.cjs

@@ -111,9 +111,7 @@ const styles = (0, external_lit_namespaceObject.css)`
     @apply border-neutral-dim mb-6 inline-block max-h-96 max-w-full overflow-auto rounded-md border border-solid;
   }
 
-  [part='generated-text']
-    [part='answer-table-container']
-    [part='answer-table-header'] {
+  [part='generated-text'] [part='answer-table-container'] [part='answer-table-header'] {
     @apply sticky top-0;
   }
 
@@ -121,17 +119,11 @@ const styles = (0, external_lit_namespaceObject.css)`
     @apply text-base;
   }
 
-  [part='generated-text']
-    [part='answer-table']
-    thead
-    [part='answer-table-header'] {
+  [part='generated-text'] [part='answer-table'] thead [part='answer-table-header'] {
     @apply bg-neutral border-b-neutral-dim border-l-neutral-dim p-4 text-left font-bold;
   }
 
-  [part='generated-text']
-    [part='answer-table']
-    thead
-    [part='answer-table-header']:first-of-type {
+  [part='generated-text'] [part='answer-table'] thead [part='answer-table-header']:first-of-type {
     border-left: none;
   }
 
@@ -139,11 +131,7 @@ const styles = (0, external_lit_namespaceObject.css)`
     @apply bg-neutral-light;
   }
 
-  [part='generated-text']
-    [part='answer-table']
-    tbody
-    tr
-    [part='answer-table-content'] {
+  [part='generated-text'] [part='answer-table'] tbody tr [part='answer-table-content'] {
     @apply border-l-neutral-dim border-b-neutral-dim border p-4;
   }