@carbon/ai-chat-components 0.7.0 → 0.7.1

package/es-custom/components/code-snippet/src/formatters.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+const defaultLineCountText = ({ count }) => `${count} lines`;
+
+export { defaultLineCountText };
+//# sourceMappingURL=formatters.js.map

package/es-custom/components/code-snippet/src/formatters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.js","sources":["../../../../src/components/code-snippet/src/formatters.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;;;AAOG;AAII,MAAM,oBAAoB,GAAuB,CAAC,EAAE,KAAK,EAAE,KAChE,CAAA,EAAG,KAAK;;;;"}

package/es-custom/components/code-snippet/src/layout-utils.d.ts

@@ -0,0 +1,22 @@
+interface ContainerStyleConfig {
+    expanded: boolean;
+    maxCollapsed: number;
+    maxExpanded: number;
+    minCollapsed: number;
+    minExpanded: number;
+    rowHeight: number;
+}
+export declare function buildContainerStyles({ expanded, maxCollapsed, maxExpanded, minCollapsed, minExpanded, rowHeight, }: ContainerStyleConfig): string;
+interface ShowMoreEvaluationInput {
+    shadowRoot: ShadowRoot | null;
+    rowHeight: number;
+    expanded: boolean;
+    maxCollapsed: number;
+    maxExpanded: number;
+    minExpanded: number;
+}
+export declare function evaluateShowMoreButton({ shadowRoot, rowHeight, expanded, maxCollapsed, maxExpanded, minExpanded, }: ShowMoreEvaluationInput): {
+    shouldShowButton: boolean;
+    shouldCollapse: boolean;
+};
+export {};

package/es-custom/components/code-snippet/src/layout-utils.js

@@ -0,0 +1,63 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+function buildContainerStyles({ expanded, maxCollapsed, maxExpanded, minCollapsed, minExpanded, rowHeight, }) {
+    const styles = [];
+    if (expanded) {
+        if (maxExpanded > 0) {
+            const maxHeight = `${maxExpanded * rowHeight}px`;
+            styles.push(`max-height: ${maxHeight}`);
+            styles.push(`--cds-custom-snippet-max-height: ${maxHeight}`);
+        }
+        else {
+            // Remove the default CodeMirror max height so expanded snippets can grow to fit content
+            styles.push(`max-height: none`);
+            styles.push(`--cds-custom-snippet-max-height: none`);
+        }
+        if (minExpanded > 0) {
+            const minHeight = `${minExpanded * rowHeight}px`;
+            styles.push(`min-height: ${minHeight}`);
+            styles.push(`--cds-custom-snippet-min-height: ${minHeight}`);
+        }
+    }
+    else {
+        if (maxCollapsed > 0) {
+            const maxHeight = `${maxCollapsed * rowHeight}px`;
+            styles.push(`max-height: ${maxHeight}`);
+            styles.push(`--cds-custom-snippet-max-height: ${maxHeight}`);
+        }
+        if (minCollapsed > 0) {
+            const minHeight = `${minCollapsed * rowHeight}px`;
+            styles.push(`min-height: ${minHeight}`);
+            styles.push(`--cds-custom-snippet-min-height: ${minHeight}`);
+        }
+    }
+    return styles.join("; ");
+}
+function evaluateShowMoreButton({ shadowRoot, rowHeight, expanded, maxCollapsed, maxExpanded, minExpanded, }) {
+    const editorNode = shadowRoot?.querySelector(`.cm-content`);
+    if (!editorNode) {
+        return { shouldShowButton: false, shouldCollapse: false };
+    }
+    const { height } = editorNode.getBoundingClientRect();
+    const shouldShowButton = maxCollapsed > 0 &&
+        (maxExpanded <= 0 || maxExpanded > maxCollapsed) &&
+        height > maxCollapsed * rowHeight;
+    const shouldCollapse = expanded && minExpanded > 0 && height <= minExpanded * rowHeight;
+    return { shouldShowButton, shouldCollapse };
+}
+
+export { buildContainerStyles, evaluateShowMoreButton };
+//# sourceMappingURL=layout-utils.js.map

package/es-custom/components/code-snippet/src/layout-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-utils.js","sources":["../../../../src/components/code-snippet/src/layout-utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;;;AAOG;AAWG,SAAU,oBAAoB,CAAC,EACnC,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,SAAS,GACY,EAAA;IACrB,MAAM,MAAM,GAAa,EAAE;IAE3B,IAAI,QAAQ,EAAE;AACZ,QAAA,IAAI,WAAW,GAAG,CAAC,EAAE;AACnB,YAAA,MAAM,SAAS,GAAG,CAAA,EAAG,WAAW,GAAG,SAAS,IAAI;AAChD,YAAA,MAAM,CAAC,IAAI,CAAC,eAAe,SAAS,CAAA,CAAE,CAAC;AACvC,YAAA,MAAM,CAAC,IAAI,CAAC,6BAA6B,SAAS,CAAA,CAAE,CAAC;QACvD;aAAO;;AAEL,YAAA,MAAM,CAAC,IAAI,CAAC,CAAA,gBAAA,CAAkB,CAAC;AAC/B,YAAA,MAAM,CAAC,IAAI,CAAC,CAAA,8BAAA,CAAgC,CAAC;QAC/C;AACA,QAAA,IAAI,WAAW,GAAG,CAAC,EAAE;AACnB,YAAA,MAAM,SAAS,GAAG,CAAA,EAAG,WAAW,GAAG,SAAS,IAAI;AAChD,YAAA,MAAM,CAAC,IAAI,CAAC,eAAe,SAAS,CAAA,CAAE,CAAC;AACvC,YAAA,MAAM,CAAC,IAAI,CAAC,6BAA6B,SAAS,CAAA,CAAE,CAAC;QACvD;IACF;SAAO;AACL,QAAA,IAAI,YAAY,GAAG,CAAC,EAAE;AACpB,YAAA,MAAM,SAAS,GAAG,CAAA,EAAG,YAAY,GAAG,SAAS,IAAI;AACjD,YAAA,MAAM,CAAC,IAAI,CAAC,eAAe,SAAS,CAAA,CAAE,CAAC;AACvC,YAAA,MAAM,CAAC,IAAI,CAAC,6BAA6B,SAAS,CAAA,CAAE,CAAC;QACvD;AACA,QAAA,IAAI,YAAY,GAAG,CAAC,EAAE;AACpB,YAAA,MAAM,SAAS,GAAG,CAAA,EAAG,YAAY,GAAG,SAAS,IAAI;AACjD,YAAA,MAAM,CAAC,IAAI,CAAC,eAAe,SAAS,CAAA,CAAE,CAAC;AACvC,YAAA,MAAM,CAAC,IAAI,CAAC,6BAA6B,SAAS,CAAA,CAAE,CAAC;QACvD;IACF;AAEA,IAAA,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AAC1B;AAWM,SAAU,sBAAsB,CAAC,EACrC,UAAU,EACV,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,WAAW,GACa,EAAA;IAIxB,MAAM,UAAU,GAAG,UAAU,EAAE,aAAa,CAAC,CAAA,WAAA,CAAa,CAAC;IAE3D,IAAI,CAAC,UAAU,EAAE;QACf,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE;IAC3D;IAEA,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,qBAAqB,EAAE;AAErD,IAAA,MAAM,gBAAgB,GACpB,YAAY,GAAG,CAAC;AAChB,SAAC,WAAW,IAAI,CAAC,IAAI,WAAW,GAAG,YAAY,CAAC;AAChD,QAAA,MAAM,GAAG,YAAY,GAAG,SAAS;AAEnC,IAAA,MAAM,cAAc,GAClB,QAAQ,IAAI,WAAW,GAAG,CAAC,IAAI,MAAM,IAAI,WAAW,GAAG,SAAS;AAElE,IAAA,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE;AAC7C;;;;"}

package/es-custom/components/code-snippet/src/streaming-manager.d.ts

@@ -0,0 +1,24 @@
+interface StreamingManagerConfig {
+    getSlot(): HTMLSlotElement | null | undefined;
+    getHost(): Element;
+    onContentUpdate(content: string): void;
+}
+export declare class StreamingManager {
+    private readonly config;
+    private observer;
+    private pendingFrame;
+    private hasExtractedInitial;
+    private cachedContent;
+    constructor(config: StreamingManagerConfig);
+    reset(initialContent?: string): void;
+    connect(): void;
+    disconnect(): void;
+    dispose(): void;
+    ensureInitialContent(): void;
+    handleSlotChange(): void;
+    syncSlotObservers(): void;
+    private observeAssignedNodes;
+    private handleMutations;
+    private extractContent;
+}
+export {};

package/es-custom/components/code-snippet/src/streaming-manager.js

@@ -0,0 +1,120 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { extractSlotContent, extractTextContent } from './dom-utils.js';
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+class StreamingManager {
+    constructor(config) {
+        this.config = config;
+        this.observer = null;
+        this.pendingFrame = null;
+        this.hasExtractedInitial = false;
+        this.cachedContent = "";
+    }
+    reset(initialContent) {
+        this.hasExtractedInitial = false;
+        if (typeof initialContent === "string") {
+            this.cachedContent = initialContent;
+        }
+    }
+    connect() {
+        if (!this.observer) {
+            this.observer = new MutationObserver(() => {
+                this.handleMutations();
+            });
+        }
+        this.observeAssignedNodes();
+    }
+    disconnect() {
+        if (this.observer) {
+            this.observer.disconnect();
+        }
+        if (this.pendingFrame !== null) {
+            cancelAnimationFrame(this.pendingFrame);
+            this.pendingFrame = null;
+        }
+    }
+    dispose() {
+        this.disconnect();
+        this.observer = null;
+    }
+    ensureInitialContent() {
+        if (this.hasExtractedInitial) {
+            return;
+        }
+        this.extractContent();
+        this.hasExtractedInitial = true;
+    }
+    handleSlotChange() {
+        this.observeAssignedNodes();
+        this.extractContent();
+    }
+    syncSlotObservers() {
+        this.observeAssignedNodes();
+    }
+    observeAssignedNodes() {
+        if (!this.observer) {
+            return;
+        }
+        const slot = this.config.getSlot();
+        if (!slot) {
+            return;
+        }
+        this.observer.disconnect();
+        const assignedNodes = slot.assignedNodes({ flatten: true });
+        if (!assignedNodes.length) {
+            return;
+        }
+        for (const node of assignedNodes) {
+            if (node.nodeType === Node.TEXT_NODE) {
+                this.observer.observe(node, {
+                    characterData: true,
+                });
+            }
+            else {
+                this.observer.observe(node, {
+                    characterData: true,
+                    subtree: true,
+                    childList: true,
+                });
+            }
+        }
+    }
+    handleMutations() {
+        if (this.pendingFrame !== null) {
+            return;
+        }
+        this.pendingFrame = requestAnimationFrame(() => {
+            this.pendingFrame = null;
+            this.extractContent();
+        });
+    }
+    extractContent() {
+        const slot = this.config.getSlot();
+        const host = this.config.getHost();
+        const rawContent = slot
+            ? extractSlotContent(slot)
+            : extractTextContent(host);
+        const normalized = rawContent.replace(/\r\n/g, "\n").trim();
+        if (normalized === this.cachedContent) {
+            return;
+        }
+        this.cachedContent = normalized;
+        this.config.onContentUpdate(normalized);
+    }
+}
+
+export { StreamingManager };
+//# sourceMappingURL=streaming-manager.js.map

package/es-custom/components/code-snippet/src/streaming-manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"streaming-manager.js","sources":["../../../../src/components/code-snippet/src/streaming-manager.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;AAOG;MAUU,gBAAgB,CAAA;AAM3B,IAAA,WAAA,CAA6B,MAA8B,EAAA;QAA9B,IAAA,CAAA,MAAM,GAAN,MAAM;QAL3B,IAAA,CAAA,QAAQ,GAA4B,IAAI;QACxC,IAAA,CAAA,YAAY,GAAkB,IAAI;QAClC,IAAA,CAAA,mBAAmB,GAAG,KAAK;QAC3B,IAAA,CAAA,aAAa,GAAG,EAAE;IAEoC;AAE9D,IAAA,KAAK,CAAC,cAAuB,EAAA;AAC3B,QAAA,IAAI,CAAC,mBAAmB,GAAG,KAAK;AAChC,QAAA,IAAI,OAAO,cAAc,KAAK,QAAQ,EAAE;AACtC,YAAA,IAAI,CAAC,aAAa,GAAG,cAAc;QACrC;IACF;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,MAAK;gBACxC,IAAI,CAAC,eAAe,EAAE;AACxB,YAAA,CAAC,CAAC;QACJ;QACA,IAAI,CAAC,oBAAoB,EAAE;IAC7B;IAEA,UAAU,GAAA;AACR,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;QAC5B;AACA,QAAA,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE;AAC9B,YAAA,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAC;AACvC,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;QAC1B;IACF;IAEA,OAAO,GAAA;QACL,IAAI,CAAC,UAAU,EAAE;AACjB,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;IACtB;IAEA,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,mBAAmB,EAAE;YAC5B;QACF;QACA,IAAI,CAAC,cAAc,EAAE;AACrB,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI;IACjC;IAEA,gBAAgB,GAAA;QACd,IAAI,CAAC,oBAAoB,EAAE;QAC3B,IAAI,CAAC,cAAc,EAAE;IACvB;IAEA,iBAAiB,GAAA;QACf,IAAI,CAAC,oBAAoB,EAAE;IAC7B;IAEQ,oBAAoB,GAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB;QACF;QAEA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;QAClC,IAAI,CAAC,IAAI,EAAE;YACT;QACF;AAEA,QAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;AAE1B,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC3D,QAAA,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE;YACzB;QACF;AAEA,QAAA,KAAK,MAAM,IAAI,IAAI,aAAa,EAAE;YAChC,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE;AACpC,gBAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE;AAC1B,oBAAA,aAAa,EAAE,IAAI;AACpB,iBAAA,CAAC;YACJ;iBAAO;AACL,gBAAA,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE;AAC1B,oBAAA,aAAa,EAAE,IAAI;AACnB,oBAAA,OAAO,EAAE,IAAI;AACb,oBAAA,SAAS,EAAE,IAAI;AAChB,iBAAA,CAAC;YACJ;QACF;IACF;IAEQ,eAAe,GAAA;AACrB,QAAA,IAAI,IAAI,CAAC,YAAY,KAAK,IAAI,EAAE;YAC9B;QACF;AAEA,QAAA,IAAI,CAAC,YAAY,GAAG,qBAAqB,CAAC,MAAK;AAC7C,YAAA,IAAI,CAAC,YAAY,GAAG,IAAI;YACxB,IAAI,CAAC,cAAc,EAAE;AACvB,QAAA,CAAC,CAAC;IACJ;IAEQ,cAAc,GAAA;QACpB,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE;QAElC,MAAM,UAAU,GAAG;AACjB,cAAE,kBAAkB,CAAC,IAAI;AACzB,cAAE,kBAAkB,CAAC,IAAI,CAAC;AAC5B,QAAA,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,IAAI,EAAE;AAE3D,QAAA,IAAI,UAAU,KAAK,IAAI,CAAC,aAAa,EAAE;YACrC;QACF;AAEA,QAAA,IAAI,CAAC,aAAa,GAAG,UAAU;AAC/B,QAAA,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC,UAAU,CAAC;IACzC;AACD;;;;"}

package/es-custom/components/feedback/index.d.ts

@@ -0,0 +1,4 @@
+import "./src/feedback.js";
+import "./src/feedback-buttons.js";
+export { CDSAIChatFeedback, type FeedbackInitialValues, type FeedbackSubmitDetails, } from "./src/feedback.js";
+export { CDSAIChatFeedbackButtons, type FeedbackButtonsClickEventDetail, } from "./src/feedback-buttons.js";

package/es-custom/components/feedback/index.js

@@ -0,0 +1,10 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+export { CDSAIChatFeedback } from './src/feedback.js';
+export { CDSAIChatFeedbackButtons } from './src/feedback-buttons.js';
+//# sourceMappingURL=index.js.map

package/es-custom/components/feedback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es-custom/components/feedback/src/feedback-buttons.d.ts

@@ -0,0 +1,63 @@
+import { LitElement } from "lit";
+declare class CDSAIChatFeedbackButtons extends LitElement {
+    static styles: any;
+    /**
+     * Indicates if the details panel for the positive feedback is open.
+     */
+    isPositiveOpen: boolean;
+    /**
+     * Indicates if the details panel for the negative feedback is open.
+     */
+    isNegativeOpen: boolean;
+    /**
+     * Indicates if the positive feedback button should shown as selected.
+     */
+    isPositiveSelected: boolean;
+    /**
+     * Indicates if the positive feedback button will be used to show or hide a details panel.
+     */
+    hasPositiveDetails: boolean;
+    /**
+     * Indicates if the negative feedback button will be used to show or hide a details panel.
+     */
+    hasNegativeDetails: boolean;
+    /**
+     * Indicates if the positive feedback button should shown as selected.
+     */
+    isNegativeSelected: boolean;
+    /**
+     * Indicates if the positive feedback button should shown as disabled.
+     */
+    isPositiveDisabled: boolean;
+    /**
+     * Indicates if the negative feedback button should shown as disabled.
+     */
+    isNegativeDisabled: boolean;
+    /**
+     * The label for the positive button.
+     */
+    positiveLabel?: string;
+    /**
+     * The label for the negative button.
+     */
+    negativeLabel?: string;
+    /**
+     * The unique ID of the panel that is used for showing details.
+     */
+    panelID?: string;
+    /**
+     * Dispatches an event notifying listeners that a button has been clicked.
+     */
+    handleButtonClick(isPositive: boolean): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+interface FeedbackButtonsClickEventDetail {
+    isPositive: boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "cds-aichat-feedback-buttons": CDSAIChatFeedbackButtons;
+    }
+}
+export { CDSAIChatFeedbackButtons, type FeedbackButtonsClickEventDetail };
+export default CDSAIChatFeedbackButtons;

package/es-custom/components/feedback/src/feedback-buttons.js

@@ -0,0 +1,113 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { __decorate } from 'tslib';
+import { LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { carbonElement } from '../../../globals/decorators/carbon-element.js';
+import { feedbackButtonsElementTemplate } from './feedback-buttons.template.js';
+import styles from './feedback-buttons.scss.js';
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+let CDSAIChatFeedbackButtons = class CDSAIChatFeedbackButtons extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Indicates if the details panel for the positive feedback is open.
+         */
+        this.isPositiveOpen = false;
+        /**
+         * Indicates if the details panel for the negative feedback is open.
+         */
+        this.isNegativeOpen = false;
+        /**
+         * Indicates if the positive feedback button should shown as selected.
+         */
+        this.isPositiveSelected = false;
+        /**
+         * Indicates if the positive feedback button will be used to show or hide a details panel.
+         */
+        this.hasPositiveDetails = false;
+        /**
+         * Indicates if the negative feedback button will be used to show or hide a details panel.
+         */
+        this.hasNegativeDetails = false;
+        /**
+         * Indicates if the positive feedback button should shown as selected.
+         */
+        this.isNegativeSelected = false;
+        /**
+         * Indicates if the positive feedback button should shown as disabled.
+         */
+        this.isPositiveDisabled = false;
+        /**
+         * Indicates if the negative feedback button should shown as disabled.
+         */
+        this.isNegativeDisabled = false;
+    }
+    /**
+     * Dispatches an event notifying listeners that a button has been clicked.
+     */
+    handleButtonClick(isPositive) {
+        this.dispatchEvent(new CustomEvent("feedback-buttons-click", {
+            detail: { isPositive },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        return feedbackButtonsElementTemplate(this);
+    }
+};
+CDSAIChatFeedbackButtons.styles = styles;
+__decorate([
+    property({ type: Boolean, attribute: "is-positive-open", reflect: true })
+], CDSAIChatFeedbackButtons.prototype, "isPositiveOpen", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "is-negative-open", reflect: true })
+], CDSAIChatFeedbackButtons.prototype, "isNegativeOpen", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "is-positive-selected", reflect: true })
+], CDSAIChatFeedbackButtons.prototype, "isPositiveSelected", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "has-positive-details", reflect: true })
+], CDSAIChatFeedbackButtons.prototype, "hasPositiveDetails", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "has-negative-details", reflect: true })
+], CDSAIChatFeedbackButtons.prototype, "hasNegativeDetails", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "is-negative-selected", reflect: true })
+], CDSAIChatFeedbackButtons.prototype, "isNegativeSelected", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "is-positive-disabled", reflect: true })
+], CDSAIChatFeedbackButtons.prototype, "isPositiveDisabled", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "is-negative-disabled", reflect: true })
+], CDSAIChatFeedbackButtons.prototype, "isNegativeDisabled", void 0);
+__decorate([
+    property({ type: String, attribute: "positive-label", reflect: true })
+], CDSAIChatFeedbackButtons.prototype, "positiveLabel", void 0);
+__decorate([
+    property({ type: String, attribute: "negative-label", reflect: true })
+], CDSAIChatFeedbackButtons.prototype, "negativeLabel", void 0);
+__decorate([
+    property({ type: String, attribute: "panel-id", reflect: true })
+], CDSAIChatFeedbackButtons.prototype, "panelID", void 0);
+CDSAIChatFeedbackButtons = __decorate([
+    carbonElement("cds-aichat-feedback-buttons")
+], CDSAIChatFeedbackButtons);
+var CDSAIChatFeedbackButtons$1 = CDSAIChatFeedbackButtons;
+
+export { CDSAIChatFeedbackButtons, CDSAIChatFeedbackButtons$1 as default };
+//# sourceMappingURL=feedback-buttons.js.map

package/es-custom/components/feedback/src/feedback-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-buttons.js","sources":["../../../../src/components/feedback/src/feedback-buttons.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/es-custom/components/feedback/src/feedback-buttons.scss.js

@@ -0,0 +1,13 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { css } from 'lit';
+
+var styles = css([".cds-aichat--feedback-buttons{display:flex;margin-block-start:.5rem}"]);
+
+export { styles as default };
+//# sourceMappingURL=feedback-buttons.scss.js.map

package/es-custom/components/feedback/src/feedback-buttons.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-buttons.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/es-custom/components/feedback/src/feedback-buttons.template.d.ts

@@ -0,0 +1,4 @@
+import "@carbon/web-components/es-custom/components/icon-button/index.js";
+import { CDSAIChatFeedbackButtons } from "./feedback-buttons.js";
+declare function feedbackButtonsElementTemplate(customElementClass: CDSAIChatFeedbackButtons): import("lit-html").TemplateResult<1>;
+export { feedbackButtonsElementTemplate };

package/es-custom/components/feedback/src/feedback-buttons.template.js

@@ -0,0 +1,79 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import '@carbon/web-components/es-custom/components/icon-button/index.js';
+import { iconLoader } from '@carbon/web-components/es-custom/globals/internal/icon-loader.js';
+import ThumbsDown16 from '@carbon/icons/es/thumbs-down/16.js';
+import ThumbsDownFilled16 from '@carbon/icons/es/thumbs-down--filled/16.js';
+import ThumbsUp16 from '@carbon/icons/es/thumbs-up/16.js';
+import ThumbsUpFilled16 from '@carbon/icons/es/thumbs-up--filled/16.js';
+import { nothing, html } from 'lit';
+import prefix from '../../../globals/settings.js';
+
+/*
+ *  Copyright IBM Corp. 2025
+ *
+ *  This source code is licensed under the Apache-2.0 license found in the
+ *  LICENSE file in the root directory of this source tree.
+ *
+ *  @license
+ */
+const DEFAULT_POSITIVE_LABEL = "Good response";
+const DEFAULT_NEGATIVE_LABEL = "Bad response";
+function feedbackButtonsElementTemplate(customElementClass) {
+    const { isPositiveOpen, isNegativeOpen, isPositiveSelected, isNegativeSelected, hasPositiveDetails, hasNegativeDetails, isPositiveDisabled, isNegativeDisabled, positiveLabel, negativeLabel, panelID, } = customElementClass;
+    const handleButtonClick = (isPositive) => {
+        customElementClass.handleButtonClick?.call(customElementClass, isPositive);
+    };
+    return html `<div class="${prefix}--feedback-buttons">
+    <cds-custom-icon-button
+      class="${prefix}--feedback-buttons-positive"
+      size="sm"
+      align="top-left"
+      kind="ghost"
+      role="button"
+      ?disabled=${isPositiveDisabled}
+      aria-expanded="${isPositiveDisabled || !hasPositiveDetails
+        ? nothing
+        : isPositiveOpen}"
+      aria-pressed="${isPositiveSelected || nothing}"
+      aria-controls="${panelID}-feedback-positive"
+      @click="${() => handleButtonClick(true)}"
+    >
+      <span slot="icon"
+        >${iconLoader(isPositiveSelected ? ThumbsUpFilled16 : ThumbsUp16)}</span
+      >
+      <span slot="tooltip-content"
+        >${positiveLabel || DEFAULT_POSITIVE_LABEL}</span
+      >
+    </cds-custom-icon-button>
+    <cds-custom-icon-button
+      class="${prefix}--feedback-buttons-negative"
+      size="sm"
+      align="top-left"
+      kind="ghost"
+      role="button"
+      ?disabled=${isNegativeDisabled}
+      aria-expanded="${isNegativeDisabled || !hasNegativeDetails
+        ? nothing
+        : isNegativeOpen}"
+      aria-pressed="${isNegativeSelected || nothing}"
+      aria-controls="${panelID}-feedback-negative"
+      @click="${() => handleButtonClick(false)}"
+    >
+      <span slot="icon"
+        >${iconLoader(isNegativeSelected ? ThumbsDownFilled16 : ThumbsDown16)}</span
+      >
+      <span slot="tooltip-content"
+        >${negativeLabel || DEFAULT_NEGATIVE_LABEL}</span
+      >
+    </cds-custom-icon-button>
+  </div>`;
+}
+
+export { feedbackButtonsElementTemplate };
+//# sourceMappingURL=feedback-buttons.template.js.map

package/es-custom/components/feedback/src/feedback-buttons.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-buttons.template.js","sources":["../../../../src/components/feedback/src/feedback-buttons.template.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAcH,MAAM,sBAAsB,GAAG,eAAe;AAC9C,MAAM,sBAAsB,GAAG,cAAc;AAE7C,SAAS,8BAA8B,CACrC,kBAA4C,EAAA;IAE5C,MAAM,EACJ,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,OAAO,GACR,GAAG,kBAAkB;AAEtB,IAAA,MAAM,iBAAiB,GAAG,CAAC,UAAmB,KAAI;QAChD,kBAAkB,CAAC,iBAAiB,EAAE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC;AAC5E,IAAA,CAAC;IAED,OAAO,IAAI,CAAA,CAAA,YAAA,EAAe,MAAM,CAAA;;eAEnB,MAAM,CAAA;;;;;kBAKH,kBAAkB;uBACb,kBAAkB,IAAI,CAAC;AACtC,UAAE;AACF,UAAE,cAAc,CAAA;AACF,oBAAA,EAAA,kBAAkB,IAAI,OAAO,CAAA;uBAC5B,OAAO,CAAA;AACd,cAAA,EAAA,MAAM,iBAAiB,CAAC,IAAI,CAAC,CAAA;;;WAGlC,UAAU,CAAC,kBAAkB,GAAG,gBAAgB,GAAG,UAAU,CAAC,CAAA;;;AAG9D,SAAA,EAAA,aAAa,IAAI,sBAAsB,CAAA;;;;eAInC,MAAM,CAAA;;;;;kBAKH,kBAAkB;uBACb,kBAAkB,IAAI,CAAC;AACtC,UAAE;AACF,UAAE,cAAc,CAAA;AACF,oBAAA,EAAA,kBAAkB,IAAI,OAAO,CAAA;uBAC5B,OAAO,CAAA;AACd,cAAA,EAAA,MAAM,iBAAiB,CAAC,KAAK,CAAC,CAAA;;;WAGnC,UAAU,CACX,kBAAkB,GAAG,kBAAkB,GAAG,YAAY,CACvD,CAAA;;;AAGE,SAAA,EAAA,aAAa,IAAI,sBAAsB,CAAA;;;SAGzC;AACT;;;;"}