@coveo/atomic 3.51.0 → 3.52.0

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

@@ -0,0 +1,155 @@
+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 { html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { when } from 'lit/directives/when.js';
+import { withTailwindStyles } from "../../../../decorators/with-tailwind-styles";
+/**
+ * The `atomic-generated-answer-thread-item` component renders a generated answer
+ * thread item with timeline visuals and collapsible content.
+ *
+ * @internal
+ *
+ * @slot (default) - The content rendered when the item is expanded.
+ */
+let AtomicGeneratedAnswerThreadItem = class AtomicGeneratedAnswerThreadItem extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.contentId = `atomic-generated-answer-thread-item-content-${crypto.randomUUID()}`;
+        /**
+         * The title displayed for the thread item.
+         */
+        this.title = '';
+        /**
+         * Whether the thread item can be expanded or collapsed.
+         */
+        this.disableCollapse = false;
+        /**
+         * Whether the timeline line should be hidden (e.g., for the last item).
+         */
+        this.hideLine = false;
+        /**
+         * Whether the thread item is initially expanded.
+         */
+        this.isExpanded = false;
+        this.toggle = () => {
+            if (this.disableCollapse) {
+                return;
+            }
+            this.isExpanded = !this.isExpanded;
+        };
+    }
+    willUpdate() {
+        if (!this.hasUpdated) {
+            this.isExpanded = !this.disableCollapse ? this.isExpanded : true;
+        }
+    }
+    render() {
+        const titleBaseClasses = {
+            'text-on-background': true,
+            'text-base': true,
+            'min-w-0': true,
+            'inline-flex': true,
+            'text-left': true,
+            'mr-auto': true,
+            'px-2': true,
+            'py-1.5': true,
+        };
+        const titleWeightClasses = {
+            'font-semibold': this.isExpanded,
+            'font-normal': !this.isExpanded,
+        };
+        const titleButtonClasses = classMap({
+            ...titleBaseClasses,
+            ...titleWeightClasses,
+            'bg-transparent': true,
+            'border-0': true,
+            'appearance-none': true,
+            'transition-colors': true,
+            'hover:bg-neutral-light': true,
+            'rounded-md': true,
+            'cursor-pointer': true,
+            'focus-visible:outline-none': true,
+            'focus-visible:ring-2': true,
+            'focus-visible:ring-primary': true,
+            'focus-visible:ring-offset-2': true,
+        });
+        const titleTextClasses = classMap({
+            ...titleBaseClasses,
+            ...titleWeightClasses,
+        });
+        const timelineDotClasses = classMap({
+            'h-2': true,
+            'w-2': true,
+            'rounded-full': true,
+            'bg-neutral-dark': this.isExpanded,
+            'bg-neutral-dim': !this.isExpanded,
+        });
+        const timelineBodyRowClasses = classMap({
+            flex: true,
+            'min-w-0': true,
+            '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-['']";
+        return html `
+      <li class="grid min-w-0">
+        <div class="flex min-w-0 items-center gap-3">
+          <div class="flex w-[10px] shrink-0 items-center justify-center">
+            <span class=${timelineDotClasses}></span>
+          </div>
+          <div class="flex min-w-0 flex-col">
+            ${when(!this.disableCollapse, () => html `<button
+                  type="button"
+                  aria-expanded=${this.isExpanded}
+                  aria-controls=${this.contentId}
+                  class=${titleButtonClasses}
+                  @click=${this.toggle}
+                >
+                  ${this.title}
+                </button>`, () => html `<span class=${titleTextClasses}>${this.title}</span>`)}
+          </div>
+        </div>
+        <div class=${timelineBodyRowClasses}>
+          <div class="flex w-[10px] shrink-0 justify-center">
+            ${when(this.hideLine, () => html ``, () => html `<span class=${timelineConnectorClasses}> </span>`)}
+          </div>
+          <div id=${this.contentId} class="pl-2 py-1.5">
+            <div class="mb-2"
+              ?hidden=${!this.isExpanded}
+              aria-hidden=${this.isExpanded ? 'false' : 'true'}
+            >
+              <slot></slot>
+            </div>
+          </div>
+        </div>
+        ${when(this.isExpanded, () => html `<div
+              class="thread-content-divider h-px w-full bg-gradient-to-r from-transparent via-neutral to-transparent"
+              aria-hidden="true"
+            ></div>`)}
+      </li>
+    `;
+    }
+};
+__decorate([
+    property({ type: String })
+], AtomicGeneratedAnswerThreadItem.prototype, "title", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'disable-collapse' })
+], AtomicGeneratedAnswerThreadItem.prototype, "disableCollapse", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'hide-line' })
+], AtomicGeneratedAnswerThreadItem.prototype, "hideLine", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'is-expanded' })
+], AtomicGeneratedAnswerThreadItem.prototype, "isExpanded", void 0);
+AtomicGeneratedAnswerThreadItem = __decorate([
+    customElement('atomic-generated-answer-thread-item'),
+    withTailwindStyles
+], AtomicGeneratedAnswerThreadItem);
+export { AtomicGeneratedAnswerThreadItem };

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

@@ -0,0 +1,165 @@
+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 { html, LitElement, } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { withTailwindStyles } from "../../../../decorators/with-tailwind-styles";
+import "../atomic-generated-answer-thread-item/atomic-generated-answer-thread-item";
+import "../atomic-answer-content/atomic-answer-content";
+import { repeat } from 'lit/directives/repeat.js';
+const MIN_ANSWERS_TO_COLLAPSE = 2;
+/**
+ * The `atomic-generated-answers-thread` component is responsible for rendering a thread of generated answers.
+ * @internal
+ */
+let AtomicGeneratedAnswersThread = class AtomicGeneratedAnswersThread extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * The list of generated answers to render in the thread.
+         */
+        this.generatedAnswers = [];
+        /**
+         * A render function responsible for displaying the citations of a single answer.
+         */
+        this.renderCitations = () => html ``;
+        /**
+         * Callback invoked when the user clicks the "like" feedback button of a specific answer.
+         */
+        this.onClickLike = () => { };
+        /**
+         * Callback invoked when the user clicks the "dislike" feedback button of a specific answer.
+         */
+        this.onClickDislike = () => { };
+        /**
+         * Callback invoked after the text of a specific answer has been successfully copied.
+         */
+        this.onCopyToClipboard = () => { };
+        this.allGeneratedAnswersDisplayed = false;
+    }
+    updated(changedProperties) {
+        if (changedProperties.has('generatedAnswers')) {
+            const oldValue = changedProperties.get('generatedAnswers');
+            const newValue = this.generatedAnswers;
+            if (oldValue?.length !== newValue?.length) {
+                this.allGeneratedAnswersDisplayed = false;
+            }
+        }
+    }
+    render() {
+        if (this.generatedAnswers.length > MIN_ANSWERS_TO_COLLAPSE &&
+            !this.allGeneratedAnswersDisplayed) {
+            const lastGeneratedAnswer = this.generatedAnswers[this.generatedAnswers.length - 1];
+            return html `
+        <ul class="mt-6">
+          ${this.renderShowPreviousAnswersButton()}
+          ${this.renderThread([lastGeneratedAnswer])}
+        </ul>
+      `;
+        }
+        return html `
+      <ul class="mt-6">
+        ${this.renderThread(this.generatedAnswers)}
+      </ul>
+    `;
+    }
+    renderThread(generatedAnswers) {
+        return html `
+      ${repeat(generatedAnswers, (answer) => answer.answerId, (answer, index) => {
+            const isLastAnswer = index === generatedAnswers.length - 1;
+            return html `
+            <atomic-generated-answer-thread-item
+              .title=${answer.question}
+              .hideLine=${isLastAnswer}
+              .disableCollapse=${isLastAnswer}
+              .isExpanded=${isLastAnswer}
+            >
+              <atomic-answer-content
+                .generatedAnswer=${answer}
+                .i18n=${this.i18n}
+                .renderCitations=${this.renderCitations}
+                .onClickLike=${this.onClickLike}
+                .onClickDislike=${this.onClickDislike}
+                .onCopyToClipboard=${this.onCopyToClipboard}
+              ></atomic-answer-content>
+            </atomic-generated-answer-thread-item>
+          `;
+        })}
+    `;
+    }
+    handleShowAllClick() {
+        this.allGeneratedAnswersDisplayed = true;
+    }
+    renderShowPreviousAnswersButton() {
+        const label = this.i18n?.t?.('show-previous-questions', {
+            count: this.generatedAnswers.length - 1,
+        }) ?? 'Show previous questions';
+        const showPreviousButtonClasses = `
+      text-on-background text-base min-w-0 inline-flex text-left mr-auto
+      px-2 py-1.5 font-normal bg-transparent border-0 appearance-none
+      transition-colors hover:bg-neutral-light rounded-md cursor-pointer
+      focus-visible:outline-none focus-visible:ring-2
+      focus-visible:ring-primary focus-visible:ring-offset-2
+    `;
+        const timelineDotClasses = `
+      h-2 w-2 rounded-full bg-neutral-dim
+    `;
+        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-['']
+    `;
+        return html `
+      <li class="grid min-w-0">
+        <div class="flex min-w-0 items-center gap-3">
+          <div class="flex w-[10px] shrink-0 items-center justify-center">
+            <span class=${timelineDotClasses}></span>
+          </div>
+          <div class="flex min-w-0 flex-col">
+            <button
+              type="button"
+              class=${showPreviousButtonClasses}
+              @click=${this.handleShowAllClick}
+            >
+              ${label}
+            </button>
+          </div>
+        </div>
+        <div class="flex h-3 w-[10px] shrink-0 justify-center">
+          <span class=${timelineConnectorClasses}> </span>
+        </div>
+      </li>
+    `;
+    }
+};
+__decorate([
+    property({ attribute: false })
+], AtomicGeneratedAnswersThread.prototype, "generatedAnswers", void 0);
+__decorate([
+    property({ attribute: false })
+], AtomicGeneratedAnswersThread.prototype, "i18n", void 0);
+__decorate([
+    property({ attribute: false })
+], AtomicGeneratedAnswersThread.prototype, "renderCitations", void 0);
+__decorate([
+    property({ attribute: false })
+], AtomicGeneratedAnswersThread.prototype, "onClickLike", void 0);
+__decorate([
+    property({ attribute: false })
+], AtomicGeneratedAnswersThread.prototype, "onClickDislike", void 0);
+__decorate([
+    property({ attribute: false })
+], AtomicGeneratedAnswersThread.prototype, "onCopyToClipboard", void 0);
+__decorate([
+    state()
+], AtomicGeneratedAnswersThread.prototype, "allGeneratedAnswersDisplayed", void 0);
+AtomicGeneratedAnswersThread = __decorate([
+    customElement('atomic-generated-answers-thread'),
+    withTailwindStyles
+], AtomicGeneratedAnswersThread);
+export { AtomicGeneratedAnswersThread };

package/dist/atomic/components/components/common/generated-answer/render-follow-up-input.js

@@ -0,0 +1,66 @@
+import { html } from 'lit';
+import { createRef, ref } from 'lit/directives/ref.js';
+import { renderButton } from "../button";
+export const renderFollowUpInput = ({ props }) => {
+    const { submitButtonDisabled = false, askFollowUp } = props;
+    const inputRef = createRef();
+    let isSubmitting = false;
+    const handleSubmit = async () => {
+        const input = inputRef.value;
+        if (!input || isSubmitting)
+            return;
+        const inputValue = input.value.trim();
+        if (!inputValue || submitButtonDisabled) {
+            return;
+        }
+        isSubmitting = true;
+        try {
+            input.value = '';
+            await askFollowUp(inputValue);
+        }
+        finally {
+            isSubmitting = false;
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            handleSubmit();
+        }
+    };
+    return html `
+    <div class="relative" part="input-container">
+      <input
+        part="input-field"
+        class="w-full rounded-md border border-neutral px-4 py-2 pr-8 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary disabled:bg-neutral-light disabled:text-neutral-dark disabled:cursor-not-allowed"
+        ${ref(inputRef)}
+        type="text"
+        @keydown=${handleKeyDown}
+        placeholder=${props.i18n.t('ask-follow-up')}
+        aria-label=${props.i18n.t('ask-follow-up')}
+      />
+      ${renderButton({
+        props: {
+            style: 'primary',
+            part: 'submit-button',
+            class: 'absolute right-1 top-1 bottom-1 flex w-8 items-center justify-center rounded-md disabled:bg-primary/60 disabled:opacity-100',
+            type: 'button',
+            disabled: submitButtonDisabled,
+            ariaLabel: props.i18n.t('submit-follow-up'),
+            onClick: handleSubmit,
+        },
+    })(html `<svg
+          class="h-4 w-4"
+          viewBox="0 0 20 20"
+          fill="currentColor"
+          part="submit-icon"
+        >
+          <path
+            fill-rule="evenodd"
+            d="M10 17a.75.75 0 01-.75-.75V5.612L5.29 9.77a.75.75 0 01-1.08-1.04l5.25-5.5a.75.75 0 011.08 0l5.25 5.5a.75.75 0 11-1.08 1.04L10.75 5.612V16.25A.75.75 0 0110 17z"
+            clip-rule="evenodd"
+          />
+        </svg>`)}
+    </div>
+  `;
+};

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

@@ -3,7 +3,7 @@ import generatedMarkdownContent from '../generated-content/generated-markdown-co
 import copyButton from './copy-button.tw.css';
 import feedbackButtons from './feedback-buttons.tw.css';
 import generatedText from './generated-text.tw.css';
-const baseStyle = css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@keyframes cursor-blink{0%{opacity:0}}[part=container]{contain:layout;container-type:inline-size}.footer{display:flex}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*2)}@container (max-width: 37.5rem){.footer{flex-direction:column;gap:calc(var(--spacing, .25rem)*4)}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*0)}[part=generated-answer-footer]{flex-direction:column;gap:calc(var(--spacing, .25rem)*1)}}@media not all and (width >= 768px){.footer{flex-direction:column;gap:calc(var(--spacing, .25rem)*4)}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*0)}[part=generated-answer-footer]{flex-direction:column;gap:calc(var(--spacing, .25rem)*1)}}@container (max-width: 25rem){.footer{margin-top:calc(var(--spacing, .25rem)*4)}.footer .feedback-buttons{position:relative;right:calc(var(--spacing, .25rem)*0);top:calc(var(--spacing, .25rem)*0)}}.is-collapsible{justify-content:space-between}.is-collapsible [part=answer-show-button]{display:flex}[part=header-icon]{color:var(--atomic-primary)}[part=feedback-and-copy-buttons]{min-width:var(--atomic-generated-answer-actions-reserved-width,8rem)}[part=header-icon] svg,[part=header-icon] svg *{fill:currentColor;stroke:currentColor}.generating-label-visible [part=is-generating]{display:flex}[part=generated-container].answer-collapsed{max-height:var(--atomic-crga-collapsed-height,16rem);overflow:hidden;position:relative}[part=generated-container].answer-collapsed:before{background:linear-gradient(transparent calc(var(--atomic-crga-collapsed-height, 16rem)*.7),var(--atomic-background));content:"";height:100%;left:calc(var(--spacing, .25rem)*0);position:absolute;top:calc(var(--spacing, .25rem)*0);width:100%}[part=generated-container].answer-collapsed .feedback-buttons{display:none}.query-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}`;
+const baseStyle = css`/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@keyframes cursor-blink{0%{opacity:0}}[part=container]{contain:layout;container-type:inline-size}.footer{display:flex}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*2)}@container (max-width: 37.5rem){.footer{flex-direction:column;gap:calc(var(--spacing, .25rem)*4)}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*0)}[part=generated-answer-footer]{flex-direction:column;gap:calc(var(--spacing, .25rem)*1)}}@media not all and (width >= 768px){.footer{flex-direction:column;gap:calc(var(--spacing, .25rem)*4)}.footer .source-citations{margin-right:calc(var(--spacing, .25rem)*0)}[part=generated-answer-footer]{flex-direction:column;gap:calc(var(--spacing, .25rem)*1)}}@container (max-width: 25rem){.footer{margin-top:calc(var(--spacing, .25rem)*4)}.footer .feedback-buttons{position:relative;right:calc(var(--spacing, .25rem)*0);top:calc(var(--spacing, .25rem)*0)}}.is-collapsible{justify-content:space-between}.is-collapsible [part=answer-show-button]{display:flex}[part=header-icon]{color:var(--atomic-primary)}[part=feedback-and-copy-buttons]{min-width:var(--atomic-generated-answer-actions-reserved-width,8rem)}[part=header-icon] svg,[part=header-icon] svg *{fill:currentColor;stroke:currentColor}.generating-label-visible [part=is-generating]{display:flex}[part=generated-container].answer-collapsed{max-height:var(--atomic-crga-collapsed-height,16rem);overflow:hidden;position:relative}[part=generated-container].answer-collapsed:before{background:linear-gradient(transparent calc(var(--atomic-crga-collapsed-height, 16rem)*.7),var(--atomic-background));content:"";height:100%;left:calc(var(--spacing, .25rem)*0);position:absolute;top:calc(var(--spacing, .25rem)*0);width:100%}[part=generated-container].answer-collapsed .feedback-buttons{display:none}[part=generated-content-container] .agent-scrollable{height:var(--atomic-generated-answer-content-fixed-height,50vh);overflow-y:auto}.query-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}`;
 export default [
     baseStyle,
     generatedText,

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 };