@coveo/atomic 3.50.0 → 3.52.0

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

@@ -0,0 +1,444 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") 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;
+};
+var AtomicInsightGeneratedAnswer_1;
+import { NumberValue, Schema } from '@coveo/bueno';
+import { buildGeneratedAnswer as buildInsightGeneratedAnswer, buildInteractiveCitation as buildInsightInteractiveCitation, buildSearchStatus as buildInsightSearchStatus, } from '@coveo/headless/insight';
+import { html, LitElement, nothing } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { when } from 'lit/directives/when.js';
+import { GeneratedAnswerController } from "../../common/generated-answer/generated-answer-controller";
+import { renderAnswerContent } from "../../common/generated-answer/render-answer-content";
+import { renderCardHeader } from "../../common/generated-answer/render-card-header";
+import { renderCitations } from "../../common/generated-answer/render-citations";
+import { renderCustomNoAnswerMessage } from "../../common/generated-answer/render-custom-no-answer-message";
+import { renderDisclaimer } from "../../common/generated-answer/render-disclaimer";
+import { renderFeedbackAndCopyButtons } from "../../common/generated-answer/render-feedback-and-copy-buttons";
+import { ValidatePropsController } from "../../common/validate-props-controller/validate-props-controller";
+import { booleanConverter } from "../../../converters/boolean-converter";
+import { createLegacyArrayStringConverter } from "../../../converters/legacy-array-string-converter";
+import { bindStateToController } from "../../../decorators/bind-state";
+import { bindingGuard } from "../../../decorators/binding-guard";
+import { bindings } from "../../../decorators/bindings";
+import { errorGuard } from "../../../decorators/error-guard";
+import { withTailwindStyles } from "../../../decorators/with-tailwind-styles";
+import { AriaLiveRegionController } from "../../../utils/accessibility-utils";
+import { debounce } from "../../../utils/debounce-utils";
+import { getNamedSlotContent } from "../../../utils/slot-utils";
+import atomicInsightGeneratedAnswerStyles from './atomic-insight-generated-answer.tw.css.js';
+/**
+ * The `atomic-insight-generated-answer` component uses Coveo Machine Learning (Coveo ML) models to automatically generate an answer to a query executed by the user.
+ * For more information, see [About Relevance Generative Answering (RGA)](https://docs.coveo.com/en/n9de0370/)
+ *
+ * @slot no-answer-message - Lets you pass a custom sorry message when no answer is generated.
+ *
+ * @part container - The container displaying the generated answer.
+ * @part header-label - The header of the generated answer container.
+ * @part feedback-button - The "like" and "dislike" buttons.
+ * @part toggle - The switch to toggle the visibility of the generated answer.
+ * @part copy-button - The "Copy answer" button.
+ * @part retry-container - The container for the "retry" section.
+ * @part generated-text - The text of the generated answer.
+ * @part citations-label - The header of the citations list.
+ *
+ * @part answer-code-block - The generated answer multi-line code blocks.
+ * @part answer-emphasis - The generated answer emphasized text elements.
+ * @part answer-inline-code - The generated answer inline code elements.
+ * @part answer-heading-1 - The generated answer level 1 heading elements.
+ * @part answer-heading-2 - The generated answer level 2 heading elements.
+ * @part answer-heading-3 - The generated answer level 3 heading elements.
+ * @part answer-heading-4 - The generated answer level 4 heading elements.
+ * @part answer-heading-5 - The generated answer level 5 heading elements.
+ * @part answer-heading-6 - The generated answer level 6 heading elements.
+ * @part answer-list-item - The generated answer list item elements for both ordered and unordered lists.
+ * @part answer-ordered-list - The generated answer ordered list elements.
+ * @part answer-paragraph - The generated answer paragraph elements.
+ * @part answer-quote-block - The generated answer quote block elements.
+ * @part answer-unordered-list - The generated answer unordered list elements.
+ * @part answer-strong - The generated answer strong text elements.
+ * @part answer-table - The generated answer table elements.
+ * @part answer-table-container - The generated answer table container elements.
+ * @part answer-table-content - The generated answer table content cell elements.
+ * @part answer-table-header - The generated answer table header cell elements.
+ *
+ * @part citation - The link that allows the user to navigate to the item.
+ * @part citation-popover - The pop-up that shows an item preview when the user hovers over the citation.
+ */
+let AtomicInsightGeneratedAnswer = AtomicInsightGeneratedAnswer_1 = class AtomicInsightGeneratedAnswer extends LitElement {
+    constructor() {
+        super();
+        this.DEFAULT_COLLAPSED_HEIGHT = 16;
+        this.MAX_COLLAPSED_HEIGHT = 32;
+        this.MIN_COLLAPSED_HEIGHT = 9;
+        this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS = ['filetype'];
+        /**
+         * Whether to render a toggle button that lets the user hide or show the answer.
+         */
+        this.withToggle = false;
+        /**
+         * Whether to allow the answer to be collapsed when the text is taller than the specified `--atomic-crga-collapsed-height` value (16rem by default).
+         */
+        this.collapsible = false;
+        /**
+         * The maximum height (in rem units) of the answer when collapsed.
+         */
+        this.maxCollapsedHeight = this.DEFAULT_COLLAPSED_HEIGHT;
+        /**
+         * Whether to disable citation anchoring.
+         */
+        this.disableCitationAnchoring = false;
+        this.copied = false;
+        this.copyError = false;
+        this.ariaMessage = new AriaLiveRegionController(this, 'generated-answer');
+        // Used by bindStateToController decorator via onUpdateCallbackMethod option
+        this.onGeneratedAnswerStateUpdate = () => {
+            if (this.generatedAnswerState.isVisible !== this.controller.data.isVisible) {
+                this.controller.data = {
+                    ...this.controller.data,
+                    isVisible: this.generatedAnswerState.isVisible,
+                };
+                this.controller.writeStoredData(this.controller.data);
+            }
+            this.ariaMessage.message = this.controller.getGeneratedAnswerStatus();
+        };
+        new ValidatePropsController(this, () => ({ maxCollapsedHeight: this.maxCollapsedHeight }), AtomicInsightGeneratedAnswer_1.propsSchema, 
+        // TODO: V4: KIT-5197 - Remove skipValidation flag
+        false);
+    }
+    initialize() {
+        this.controller = new GeneratedAnswerController(this, {
+            withToggle: this.withToggle,
+            getGeneratedAnswer: () => this.generatedAnswer,
+            getGeneratedAnswerState: () => this.generatedAnswerState,
+            getSearchStatusState: () => this.searchStatusState,
+            getBindings: () => this.bindings,
+        });
+        this.generatedAnswer = buildInsightGeneratedAnswer(this.bindings.engine, {
+            initialState: {
+                isVisible: this.controller.data.isVisible,
+                responseFormat: {
+                    contentFormat: ['text/markdown', 'text/plain'],
+                },
+            },
+            ...(this.answerConfigurationId && {
+                answerConfigurationId: this.answerConfigurationId,
+            }),
+            fieldsToIncludeInCitations: this.getCitationFields(),
+        });
+        this.searchStatus = buildInsightSearchStatus(this.bindings.engine);
+        this.controller.insertFeedbackModal();
+        if (window.ResizeObserver && this.collapsible) {
+            const debouncedAdaptAnswerHeight = debounce(() => this.adaptAnswerHeight(), 100);
+            this.resizeObserver = new ResizeObserver(debouncedAdaptAnswerHeight);
+            this.resizeObserver.observe(this);
+        }
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.resizeObserver?.disconnect();
+    }
+    willUpdate(changedProperties) {
+        if (changedProperties.has('generatedAnswerState')) {
+            const oldState = changedProperties.get('generatedAnswerState');
+            if (oldState &&
+                this.generatedAnswerState?.expanded !== oldState?.expanded) {
+                const container = this.getAnswerContainer();
+                if (container) {
+                    this.toggleClass(container, 'answer-collapsed', !this.generatedAnswerState.expanded);
+                }
+            }
+        }
+    }
+    render() {
+        const contentClasses = 'mx-auto mt-0 mb-4 border border-neutral shadow-lg bg-background rounded-lg text-on-background';
+        if (this.hasNoAnswerGenerated) {
+            if (this.generatedAnswerState?.cannotAnswer &&
+                this.hasCustomNoAnswerMessage) {
+                return html `
+          <div>
+            <aside
+              class=${contentClasses}
+              part="container"
+              aria-label=${this.bindings.i18n.t('generated-answer-title')}
+            >
+              <div part="generated-content">
+                ${this.renderCardHeaderWrapper()}
+                ${when(this.isAnswerVisible, () => html `<article>${renderCustomNoAnswerMessage()}</article>`)}
+              </div>
+            </aside>
+          </div>
+        `;
+            }
+            return nothing;
+        }
+        return html `
+      <div>
+        <aside
+          class=${contentClasses}
+          part="container"
+          aria-label=${this.bindings.i18n.t('generated-answer-title')}
+        >
+          <div part="generated-content">
+            ${this.renderCardHeaderWrapper()}
+            ${when(this.isAnswerVisible, () => html ` <div part="generated-content-container" class="px-6 pb-6">
+                  <article>${this.renderContent()}</article>
+                  ${renderDisclaimer({
+            props: {
+                i18n: this.bindings.i18n,
+                isStreaming: !!this.generatedAnswerState.isStreaming,
+            },
+        })}
+                </div>`)}
+          </div>
+        </aside>
+      </div>
+    `;
+    }
+    get hasNoAnswerGenerated() {
+        return this.controller.hasNoAnswerGenerated;
+    }
+    get isAnswerVisible() {
+        return this.controller.isAnswerVisible;
+    }
+    get toggleTooltip() {
+        return this.controller.getToggleTooltip();
+    }
+    get copyToClipboardTooltip() {
+        return this.controller.getCopyToClipboardTooltip(this.copied, this.copyError);
+    }
+    get hasCustomNoAnswerMessage() {
+        return getNamedSlotContent(this, 'no-answer-message').length > 0;
+    }
+    async copyToClipboard(answer) {
+        await this.controller.copyToClipboard(answer, () => {
+            this.copied = true;
+            setTimeout(() => {
+                this.copied = false;
+            }, 2000);
+        }, () => {
+            this.copyError = true;
+            setTimeout(() => {
+                this.copyError = false;
+            }, 2000);
+        });
+    }
+    clickOnShowButton() {
+        this.controller.clickOnShowButton();
+    }
+    getCitationFields() {
+        // Defensive: handle both string and array for backward compatibility
+        // TODO V4 (KIT-5306): remove string handling
+        let fields = [];
+        if (Array.isArray(this.fieldsToIncludeInCitations)) {
+            fields = this.fieldsToIncludeInCitations;
+        }
+        else if (typeof this.fieldsToIncludeInCitations === 'string') {
+            fields = this.fieldsToIncludeInCitations
+                .split(',')
+                .map((f) => f.trim())
+                .filter((f) => f.length > 0);
+        }
+        return fields.concat(this.REQUIRED_FIELDS_TO_INCLUDE_IN_CITATIONS);
+    }
+    validateMaxCollapsedHeight() {
+        const isValid = this.maxCollapsedHeight >= this.MIN_COLLAPSED_HEIGHT &&
+            this.maxCollapsedHeight <= this.MAX_COLLAPSED_HEIGHT;
+        if (!isValid) {
+            console.warn(`max-collapsed-height (${this.maxCollapsedHeight}rem) is out of the valid range (${this.MIN_COLLAPSED_HEIGHT}rem - ${this.MAX_COLLAPSED_HEIGHT}rem). Falling back to default value (${this.DEFAULT_COLLAPSED_HEIGHT}rem).`);
+        }
+        return isValid ? this.maxCollapsedHeight : this.DEFAULT_COLLAPSED_HEIGHT;
+    }
+    toggleClass(element, className, condition) {
+        element.classList.toggle(className, condition);
+    }
+    adaptAnswerHeight() {
+        const answerHeight = this.shadowRoot
+            ?.querySelector('[part="generated-text"]')
+            ?.getBoundingClientRect().height;
+        if (answerHeight) {
+            const rootFontSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
+            this.fullAnswerHeight = answerHeight / rootFontSize;
+            this.updateAnswerHeight();
+        }
+    }
+    getAnswerContainer() {
+        return this.shadowRoot?.querySelector('[part="generated-container"]');
+    }
+    getAnswerFooter() {
+        return this.shadowRoot?.querySelector('[part="generated-answer-footer"]');
+    }
+    setCSSVariable(variableName, value) {
+        const container = this.getAnswerContainer();
+        if (container) {
+            container.style.setProperty(variableName, value);
+        }
+    }
+    updateAnswerHeight() {
+        const container = this.getAnswerContainer();
+        const footer = this.getAnswerFooter();
+        const maxHeight = this.validateMaxCollapsedHeight();
+        if (!container || !footer) {
+            return;
+        }
+        if (this.fullAnswerHeight > maxHeight) {
+            this.setCSSVariable('--atomic-crga-collapsed-height', `${maxHeight}rem`);
+            this.toggleClass(container, 'answer-collapsed', !this.generatedAnswerState.expanded);
+            this.toggleClass(footer, 'is-collapsible', true);
+            this.toggleClass(footer, 'generating-label-visible', this.generatedAnswerState.isStreaming);
+        }
+        else {
+            this.toggleClass(container, 'answer-collapsed', false);
+            this.toggleClass(footer, 'is-collapsible', false);
+            this.toggleClass(footer, 'generating-label-visible', false);
+        }
+    }
+    clickDislike() {
+        this.controller.clickDislike();
+    }
+    clickLike() {
+        this.controller.clickLike();
+    }
+    renderCitationsList() {
+        const { citations } = this.generatedAnswerState ?? {};
+        return renderCitations({
+            props: {
+                citations,
+                i18n: this.bindings.i18n,
+                buildInteractiveCitation: (citation) => buildInsightInteractiveCitation(this.bindings.engine, {
+                    options: { citation },
+                }),
+                logCitationHover: (citationId, citationHoverTimeMs) => {
+                    this.generatedAnswer?.logCitationHover(citationId, citationHoverTimeMs);
+                },
+                disableCitationAnchoring: this.disableCitationAnchoring,
+            },
+        });
+    }
+    renderFeedbackAndCopyButtonsWrapper() {
+        return renderFeedbackAndCopyButtons({
+            props: {
+                i18n: this.bindings.i18n,
+                generatedAnswerActionsState: {
+                    liked: this.generatedAnswerState.liked,
+                    disliked: this.generatedAnswerState.disliked,
+                    isStreaming: this.generatedAnswerState.isStreaming,
+                    isLoading: this.generatedAnswerState.isLoading,
+                    answer: this.generatedAnswerState.answer,
+                },
+                copied: this.copied,
+                copyError: this.copyError,
+                getCopyToClipboardTooltip: () => this.copyToClipboardTooltip,
+                onClickLike: () => this.clickLike(),
+                onClickDislike: () => this.clickDislike(),
+                onCopyToClipboard: (answer) => this.copyToClipboard(answer),
+            },
+        });
+    }
+    renderContent() {
+        const generatedAnswer = {
+            ...this.generatedAnswerState,
+            question: this.bindings.engine.state.query?.q ?? '',
+        };
+        return renderAnswerContent({
+            props: {
+                i18n: this.bindings.i18n,
+                generatedAnswer: generatedAnswer,
+                collapsible: this.collapsible,
+                renderFeedbackAndCopyButtonsSlot: () => this.renderFeedbackAndCopyButtonsWrapper(),
+                renderCitationsSlot: () => html `${this.renderCitationsList()}`,
+                onRetry: () => this.generatedAnswer?.retry(),
+                onClickShowButton: () => this.clickOnShowButton(),
+            },
+        });
+    }
+    renderCardHeaderWrapper() {
+        return renderCardHeader({
+            props: {
+                i18n: this.bindings.i18n,
+                isAnswerVisible: this.isAnswerVisible,
+                toggleTooltip: this.toggleTooltip,
+                withToggle: this.withToggle,
+                onToggle: (checked) => {
+                    checked ? this.generatedAnswer?.show() : this.generatedAnswer?.hide();
+                },
+            },
+        });
+    }
+};
+AtomicInsightGeneratedAnswer.styles = [atomicInsightGeneratedAnswerStyles];
+AtomicInsightGeneratedAnswer.propsSchema = new Schema({
+    maxCollapsedHeight: new NumberValue({
+        min: 9,
+        max: 32,
+        required: false,
+    }),
+});
+// TODO V4 (KIT-5306): Remove converter and use arrayConverter directly.
+AtomicInsightGeneratedAnswer.fieldsToIncludeInCitationsConverter = createLegacyArrayStringConverter((value) => {
+    console.warn(`Starting from Atomic v4, the "fields-to-include-in-citations" property will only accept an array of strings. Using a comma-separated string value ("${value}") is now deprecated. Please update the value to be a JSON array. For example: fields-to-include-in-citations='["fieldA","fieldB"]'`);
+});
+__decorate([
+    property({
+        type: Boolean,
+        attribute: 'with-toggle',
+        converter: booleanConverter,
+    })
+], AtomicInsightGeneratedAnswer.prototype, "withToggle", void 0);
+__decorate([
+    property({ type: Boolean, converter: booleanConverter })
+], AtomicInsightGeneratedAnswer.prototype, "collapsible", void 0);
+__decorate([
+    property({ type: Number, attribute: 'max-collapsed-height' })
+], AtomicInsightGeneratedAnswer.prototype, "maxCollapsedHeight", void 0);
+__decorate([
+    property({ type: String, attribute: 'answer-configuration-id' })
+], AtomicInsightGeneratedAnswer.prototype, "answerConfigurationId", void 0);
+__decorate([
+    property({
+        type: String,
+        attribute: 'fields-to-include-in-citations',
+        converter: AtomicInsightGeneratedAnswer.fieldsToIncludeInCitationsConverter,
+    })
+], AtomicInsightGeneratedAnswer.prototype, "fieldsToIncludeInCitations", void 0);
+__decorate([
+    property({
+        type: Boolean,
+        attribute: 'disable-citation-anchoring',
+        converter: booleanConverter,
+    })
+], AtomicInsightGeneratedAnswer.prototype, "disableCitationAnchoring", void 0);
+__decorate([
+    state()
+], AtomicInsightGeneratedAnswer.prototype, "bindings", void 0);
+__decorate([
+    state()
+], AtomicInsightGeneratedAnswer.prototype, "error", void 0);
+__decorate([
+    bindStateToController('generatedAnswer', {
+        onUpdateCallbackMethod: 'onGeneratedAnswerStateUpdate',
+    }),
+    state()
+], AtomicInsightGeneratedAnswer.prototype, "generatedAnswerState", void 0);
+__decorate([
+    bindStateToController('searchStatus'),
+    state()
+], AtomicInsightGeneratedAnswer.prototype, "searchStatusState", void 0);
+__decorate([
+    state()
+], AtomicInsightGeneratedAnswer.prototype, "copied", void 0);
+__decorate([
+    state()
+], AtomicInsightGeneratedAnswer.prototype, "copyError", void 0);
+__decorate([
+    bindingGuard(),
+    errorGuard()
+], AtomicInsightGeneratedAnswer.prototype, "render", null);
+AtomicInsightGeneratedAnswer = AtomicInsightGeneratedAnswer_1 = __decorate([
+    customElement('atomic-insight-generated-answer'),
+    bindings(),
+    withTailwindStyles
+], AtomicInsightGeneratedAnswer);
+export { AtomicInsightGeneratedAnswer };

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

@@ -0,0 +1,2 @@
+import generatedAnswer from '../../common/generated-answer/styles/generated-answer.tw.css';
+export default generatedAnswer;

package/dist/atomic/components/components/insight/atomic-insight-result-action/atomic-insight-result-action.js

@@ -0,0 +1,169 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") 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;
+};
+import { loadInsightAnalyticsActions, } from '@coveo/headless/insight';
+import { css, LitElement } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { renderIconButton } from "../../common/icon-button";
+import { ItemContextController } from "../../common/item-list/context/item-context-controller";
+import { bindingGuard } from "../../../decorators/binding-guard";
+import { bindings } from "../../../decorators/bindings";
+import { errorGuard } from "../../../decorators/error-guard";
+import { LightDomMixin } from "../../../mixins/light-dom";
+const AttachIcon = "<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.8125 18.3125C9.1125 18.6125 9.5625 18.5625 9.8625 18.3125L14.8625 13.3125C15.2125 12.9625 15.8125 12.9125 16.2625 13.3125C16.7125 13.7125 16.6625 14.4125 16.2625 14.8125L10.1125 20.8625C8.7625 22.2125 6.5125 22.2125 5.1625 20.8625L5.1125 20.8125C3.7625 19.4625 3.7625 17.2125 5.1125 15.8625L15.9625 5.0125C17.3125 3.6625 19.5625 3.6625 20.9125 5.0125L20.9625 5.0625C22.3125 6.4125 22.3125 8.6625 20.9625 10.0125L20.9125 10.0625C20.6625 10.3125 20.6125 10.6625 20.8125 10.9625C21.1125 11.5125 21.3625 12.1125 21.5125 12.7125C21.6125 13.1125 22.0625 13.2125 22.3625 12.9625C22.7625 12.5625 23.1125 12.1625 23.1125 12.1625C25.6625 9.6125 25.6625 5.4625 23.1125 2.9125H23.0125C20.4625 0.3625 16.3125 0.3625 13.7625 2.9125L2.9125 13.7125C0.3625 16.2625 0.3625 20.4125 2.9125 22.9625L3.0125 23.0625C5.5625 25.6125 9.6625 25.6125 12.2125 23.0625L18.4125 16.9125C20.0125 15.3125 19.9625 12.7125 18.3125 11.1125C16.7125 9.5625 14.1125 9.6625 12.5625 11.2625L7.6625 16.1625C7.3625 16.4625 7.3625 16.9625 7.6625 17.2625L8.8125 18.3125Z\"/>\n</svg>\n";
+const CopyIcon = "<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22 1H9C7.9 1 7 1.9 7 3V4H19C20.1 4 21 4.9 21 6V20H22C23.1 20 24 19.1 24 18V3C24 1.9 23.1 1 22 1ZM19 8C19 6.9 18.1 6 17 6H4C2.9 6 2 6.9 2 8V23C2 24.1 2.9 25 4 25H17C18.1 25 19 24.1 19 23V8ZM10 11.5C10 11.8 9.8 12 9.5 12H5.5C5.2 12 5 11.8 5 11.5V10.5C5 10.2 5.2 10 5.5 10H9.5C9.8 10 10 10.2 10 10.5V11.5ZM14 19.5C14 19.8 13.8 20 13.5 20H5.5C5.2 20 5 19.8 5 19.5V18.5C5 18.2 5.2 18 5.5 18H13.5C13.8 18 14 18.2 14 18.5V19.5ZM16 15.5C16 15.8 15.8 16 15.5 16H5.5C5.2 16 5 15.8 5 15.5V14.5C5 14.2 5.2 14 5.5 14H15.5C15.8 14 16 14.2 16 14.5V15.5Z\"/>\n</svg>\n";
+const EmailIcon = "<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.4735 15.55C12.7735 15.85 13.2235 15.85 13.5235 15.55L24.8235 5.05C25.0235 4.65 24.9735 4 24.1735 4L1.82347 4.05C1.22347 4.05 0.723467 4.6 1.17347 5.1L12.4735 15.55ZM25.0235 9.15C25.0235 8.65 24.4235 8.35 24.0235 8.7L15.1735 16.85C14.5735 17.4 13.8235 17.7 13.0235 17.7C12.2235 17.7 11.4735 17.4 10.8735 16.9L2.07347 8.7C1.67347 8.35 1.07347 8.6 1.07347 9.15C1.02347 9 1.02347 20.5 1.02347 20.5C1.02347 21.6 1.92347 22.5 3.02347 22.5H23.0235C24.1235 22.5 25.0235 21.6 25.0235 20.5V9.15Z\"/>\n</svg>\n";
+const QuickviewIcon = "<svg width=\"27\" height=\"26\" viewBox=\"0 0 27 26\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M25.9125 13.05C23.5625 8.3 18.6625 5 13.0125 5C7.3625 5 2.4625 8.3 0.1125 13.05C-0.0375 13.35 -0.0375 13.7 0.1125 13.95C2.4625 18.7 7.3625 22 13.0125 22C18.6625 22 23.5625 18.7 25.9125 13.95C26.0625 13.65 26.0625 13.35 25.9125 13.05ZM13.0125 19C9.9625 19 7.5125 16.55 7.5125 13.5C7.5125 10.45 9.9625 8 13.0125 8C16.0625 8 18.5125 10.45 18.5125 13.5C18.5125 16.55 16.0625 19 13.0125 19ZM13.0125 10C11.0625 10 9.5125 11.55 9.5125 13.5C9.5125 15.45 11.0625 17 13.0125 17C14.9625 17 16.5125 15.45 16.5125 13.5C16.5125 11.55 14.9625 10 13.0125 10Z\"/>\n</svg>\n";
+const FeedIcon = "<svg width=\"26\" height=\"26\" viewBox=\"0 0 26 26\" xmlns=\"http://www.w3.org/2000/svg\">\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13 2C6.35 2 1 6.9 1 13C1 14.95 1.55 16.75 2.5 18.4C2.6 18.6 2.65 18.85 2.6 19.05L1.5 22.5C1.3 23.15 1.9 23.7 2.55 23.5L6.05 22.3C6.3 22.2 6.55 22.25 6.75 22.4C8.6 23.45 10.75 24.05 13.05 24.05C19.7 24.05 25.05 19.15 25.05 13.05C24.9 6.9 19.55 2 13 2V2Z\"/>\n</svg>\n";
+export var Actions;
+(function (Actions) {
+    Actions["CopyToClipboard"] = "copyToClipboard";
+    Actions["AttachToCase"] = "attachToCase";
+    Actions["Quickview"] = "quickview";
+    Actions["PostToFeed"] = "postToFeed";
+    Actions["SendAsEmail"] = "sendAsEmail";
+})(Actions || (Actions = {}));
+/**
+ * The `atomic-insight-result-action` component renders an interactive action button for insight results.
+ *
+ * @part result-action-container - The result action container
+ * @part result-action-button - The result action button
+ * @part result-action-icon - The result action icon
+ * @event atomicInsightResultActionClicked - Fired when the action button is clicked. The event detail contains the action type and the result object.
+ */
+let AtomicInsightResultAction = class AtomicInsightResultAction extends LightDomMixin(LitElement) {
+    constructor() {
+        super();
+        /**
+         * The result action icon to display.
+         */
+        this.icon = '';
+        /**
+         * The text tooltip to show on the result action icon.
+         */
+        this.tooltip = '';
+        /**
+         * The text tooltip to show on the result action icon for some time after clicking the button.
+         */
+        this.tooltipOnClick = '';
+        /**
+         * The type of action to perform when the result action is clicked.
+         * This will be sent along the event fired when the button is clicked.
+         */
+        this.action = '';
+        this.currentTooltip = '';
+        this.itemContextController = new ItemContextController(this, {
+            parentName: 'atomic-insight-result',
+            folded: false,
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        clearTimeout(this.tooltipResetTimeout);
+    }
+    get result() {
+        return this.itemContextController.item;
+    }
+    initialize() {
+        this.actions = loadInsightAnalyticsActions(this.bindings.engine);
+        this.currentTooltip = this.tooltip;
+    }
+    onClick() {
+        if (!this.result) {
+            return;
+        }
+        if (this.tooltipOnClick) {
+            const originalTooltip = this.tooltip;
+            this.currentTooltip = this.tooltipOnClick;
+            clearTimeout(this.tooltipResetTimeout);
+            this.tooltipResetTimeout = setTimeout(() => {
+                this.currentTooltip = originalTooltip;
+            }, 1000);
+        }
+        switch (this.action) {
+            case Actions.CopyToClipboard:
+                this.bindings.engine.dispatch(this.actions.logCopyToClipboard(this.result));
+                navigator.clipboard.writeText(this.result.clickUri);
+                break;
+            case Actions.PostToFeed:
+                this.bindings.engine.dispatch(this.actions.logFeedItemTextPost(this.result));
+                break;
+            case Actions.SendAsEmail:
+                this.bindings.engine.dispatch(this.actions.logCaseSendEmail(this.result));
+                break;
+        }
+        this.dispatchEvent(new CustomEvent('atomicInsightResultActionClicked', {
+            bubbles: true,
+            composed: true,
+            cancelable: true,
+            detail: { action: this.action, result: this.result },
+        }));
+    }
+    getIcon() {
+        if (this.icon) {
+            return this.icon;
+        }
+        switch (this.action) {
+            case Actions.CopyToClipboard:
+                return CopyIcon;
+            case Actions.AttachToCase:
+                return AttachIcon;
+            case Actions.Quickview:
+                return QuickviewIcon;
+            case Actions.PostToFeed:
+                return FeedIcon;
+            case Actions.SendAsEmail:
+                return EmailIcon;
+            default:
+                return QuickviewIcon;
+        }
+    }
+    render() {
+        if (!this.result) {
+            return null;
+        }
+        return renderIconButton({
+            props: {
+                partPrefix: 'result-action',
+                style: 'outline-neutral',
+                icon: this.getIcon(),
+                title: this.currentTooltip,
+                onClick: () => this.onClick(),
+            },
+        });
+    }
+};
+AtomicInsightResultAction.styles = css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */[part=result-action-button]{align-items:center;display:flex;height:calc(var(--spacing, .25rem)*8);justify-content:center;width:calc(var(--spacing, .25rem)*8)}`;
+__decorate([
+    property({ type: String })
+], AtomicInsightResultAction.prototype, "icon", void 0);
+__decorate([
+    property({ type: String })
+], AtomicInsightResultAction.prototype, "tooltip", void 0);
+__decorate([
+    property({ type: String, attribute: 'tooltip-on-click' })
+], AtomicInsightResultAction.prototype, "tooltipOnClick", void 0);
+__decorate([
+    property({ type: String })
+], AtomicInsightResultAction.prototype, "action", void 0);
+__decorate([
+    state()
+], AtomicInsightResultAction.prototype, "bindings", void 0);
+__decorate([
+    state()
+], AtomicInsightResultAction.prototype, "error", void 0);
+__decorate([
+    state()
+], AtomicInsightResultAction.prototype, "currentTooltip", void 0);
+__decorate([
+    errorGuard(),
+    bindingGuard()
+], AtomicInsightResultAction.prototype, "render", null);
+AtomicInsightResultAction = __decorate([
+    customElement('atomic-insight-result-action'),
+    bindings()
+], AtomicInsightResultAction);
+export { AtomicInsightResultAction };