@carbon/ai-chat-components 0.6.2 → 0.7.0-rc.0

package/es/components/chain-of-thought/src/chain-of-thought.js

@@ -6,11 +6,12 @@
  */
 
 import { __decorate } from 'tslib';
-import { LitElement } from 'lit';
-import { property, state } from 'lit/decorators.js';
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
 import styles from './chain-of-thought.scss.js';
 import prefix from '../../../globals/settings.js';
 import { uuid } from '../../../globals/utils/uuid.js';
+import { carbonElement } from '../../../globals/decorators/carbon-element.js';
 
 /*
  *  Copyright IBM Corp. 2025
@@ -20,13 +21,8 @@ import { uuid } from '../../../globals/utils/uuid.js';
  *
  *  @license
  */
-const numberFormatter = new Intl.NumberFormat("en-US");
-const formatStepLabelTextDefault = ({ stepNumber, stepTitle, }) => {
-    const formattedNumber = numberFormatter.format(stepNumber);
-    const formattedTitle = stepTitle || "";
-    return `${formattedNumber}: ${formattedTitle}`;
-};
-class ChainOfThoughtElement extends LitElement {
+const stepSelector = `${prefix}-chain-of-thought-step`;
+let CDSAIChatChainOfThought = class CDSAIChatChainOfThought extends LitElement {
     constructor() {
         super(...arguments);
         /**
@@ -34,156 +30,103 @@ class ChainOfThoughtElement extends LitElement {
          */
         this.open = false;
         /**
-         * Array of steps in the chain of thought.
-         */
-        this.steps = [];
-        /**
-         * Formatting for label of each step item.
-         */
-        this.formatStepLabelText = formatStepLabelTextDefault;
-        /**
-         * Text string used to label step input.
-         */
-        this.inputLabelText = "Input";
-        /**
-         * Text string used to label step output.
-         */
-        this.outputLabelText = "Output";
-        /**
-         * Text string used to label the tool.
-         */
-        this.toolLabelText = "Tool";
-        /**
-         * Text string used to label the button to open the chain of thought panel.
-         */
-        this.explainabilityText = "Show chain of thought";
-        /**
-         * Text string used to label the succeeded status icon.
+         * When true, each child step should be fully controlled by the host.
          */
-        this.statusSucceededLabelText = "Succeeded";
+        this.controlled = false;
         /**
-         * Text string used to label the failed status icon.
+         * ID of the content panel. Useful for wiring to an external toggle.
          */
-        this.statusFailedLabelText = "Failed";
-        /**
-         * Text string used to label the processing status icon.
-         */
-        this.statusProcessingLabelText = "Processing";
-        /**
-         * Steps, but we add in whether the step is open or not.
-         */
-        this._steps = [];
-        /**
-         * ID we use for a11y.
-         */
-        this._chainOfThoughtPanelID = `${prefix}-chain-of-thought-panel-id-${uuid()}`;
+        this.panelId = `${prefix}-chain-of-thought-panel-id-${uuid()}`;
     }
-    firstUpdated(_changedProperties) {
-        const steps = this.steps ?? [];
-        this._steps = steps.map((item) => ({ ...item, open: false }));
+    connectedCallback() {
+        if (!this.hasAttribute("role")) {
+            this.setAttribute("role", "list");
+        }
+        this.addEventListener("chain-of-thought-step-toggled", this.handleStepToggle);
+        super.connectedCallback();
+    }
+    disconnectedCallback() {
+        this.removeEventListener("chain-of-thought-step-toggled", this.handleStepToggle);
+        super.disconnectedCallback();
+    }
+    get steps() {
+        return this.querySelectorAll(stepSelector);
     }
     updated(changedProperties) {
-        if (changedProperties.has("steps")) {
-            const incomingSteps = this.steps ?? [];
-            const currentSteps = this._steps ?? [];
-            this._steps = incomingSteps.map((item, index) => ({
-                ...item,
-                open: currentSteps[index]?.open ?? false,
-            }));
+        if (changedProperties.has("controlled")) {
+            this.propagateControlled();
+        }
+        if (changedProperties.has("open") &&
+            changedProperties.get("open") !== undefined) {
+            this.dispatchToggleEvent();
         }
     }
-}
-ChainOfThoughtElement.styles = styles;
-__decorate([
-    property({ type: Boolean, attribute: "open", reflect: true })
-], ChainOfThoughtElement.prototype, "open", void 0);
-__decorate([
-    property({ type: Array, attribute: "steps", reflect: true })
-], ChainOfThoughtElement.prototype, "steps", void 0);
-__decorate([
-    property({ type: Function, attribute: false })
-], ChainOfThoughtElement.prototype, "formatStepLabelText", void 0);
-__decorate([
-    property({ type: String, attribute: "input-label-text", reflect: true })
-], ChainOfThoughtElement.prototype, "inputLabelText", void 0);
+    handleStepToggle(event) {
+        const { detail, target } = event;
+        this.onStepToggle?.(Boolean(detail?.open), target);
+    }
+    propagateControlled() {
+        this.steps.forEach((step) => {
+            if (this.controlled) {
+                step.setAttribute("data-parent-controlled", "");
+                step.setAttribute("controlled", "");
+            }
+            else if (step.hasAttribute("data-parent-controlled")) {
+                step.removeAttribute("data-parent-controlled");
+                step.removeAttribute("controlled");
+            }
+        });
+    }
+    dispatchToggleEvent() {
+        const detail = {
+            open: this.open,
+            panelId: this.panelId,
+        };
+        this.dispatchEvent(new CustomEvent("chain-of-thought-toggled", {
+            detail,
+            bubbles: true,
+            composed: true,
+        }));
+        const panel = this.shadowRoot?.getElementById(this.panelId) ?? this;
+        this.onToggle?.(this.open, panel);
+    }
+    render() {
+        return html `
+      <div class="${prefix}--chain-of-thought">
+        <div
+          id=${this.panelId}
+          class="${prefix}--chain-of-thought-content"
+          aria-hidden=${this.open ? "false" : "true"}
+          ?hidden=${!this.open}
+        >
+          <div class="${prefix}--chain-of-thought-inner-content">
+            <slot></slot>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+};
+CDSAIChatChainOfThought.styles = styles;
 __decorate([
-    property({ type: String, attribute: "output-label-text", reflect: true })
-], ChainOfThoughtElement.prototype, "outputLabelText", void 0);
+    property({ type: Boolean, reflect: true })
+], CDSAIChatChainOfThought.prototype, "open", void 0);
 __decorate([
-    property({ type: String, attribute: "tool-label-text", reflect: true })
-], ChainOfThoughtElement.prototype, "toolLabelText", void 0);
+    property({ type: Boolean, reflect: true })
+], CDSAIChatChainOfThought.prototype, "controlled", void 0);
 __decorate([
-    property({ type: String, attribute: "explainability-text", reflect: true })
-], ChainOfThoughtElement.prototype, "explainabilityText", void 0);
+    property({ type: String, attribute: "panel-id", reflect: true })
+], CDSAIChatChainOfThought.prototype, "panelId", void 0);
 __decorate([
     property({ type: Function, attribute: false })
-], ChainOfThoughtElement.prototype, "onToggle", void 0);
+], CDSAIChatChainOfThought.prototype, "onToggle", void 0);
 __decorate([
     property({ type: Function, attribute: false })
-], ChainOfThoughtElement.prototype, "onStepToggle", void 0);
-__decorate([
-    property({
-        type: String,
-        attribute: "status-succeeded-label-text",
-        reflect: true,
-    })
-], ChainOfThoughtElement.prototype, "statusSucceededLabelText", void 0);
-__decorate([
-    property({
-        type: String,
-        attribute: "status-failed-label-text",
-        reflect: true,
-    })
-], ChainOfThoughtElement.prototype, "statusFailedLabelText", void 0);
-__decorate([
-    property({
-        type: String,
-        attribute: "status-processing-label-text",
-        reflect: true,
-    })
-], ChainOfThoughtElement.prototype, "statusProcessingLabelText", void 0);
-__decorate([
-    property({ type: String, attribute: "filter-placeholder-text" })
-], ChainOfThoughtElement.prototype, "filterPlaceholderText", void 0);
-__decorate([
-    property({ type: String, attribute: "previous-page-text" })
-], ChainOfThoughtElement.prototype, "previousPageText", void 0);
-__decorate([
-    property({ type: String, attribute: "next-page-text" })
-], ChainOfThoughtElement.prototype, "nextPageText", void 0);
-__decorate([
-    property({ type: String, attribute: "items-per-page-text" })
-], ChainOfThoughtElement.prototype, "itemsPerPageText", void 0);
-__decorate([
-    property({ type: String, attribute: "locale" })
-], ChainOfThoughtElement.prototype, "locale", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], ChainOfThoughtElement.prototype, "getPaginationSupplementalText", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], ChainOfThoughtElement.prototype, "getPaginationStatusText", void 0);
-__decorate([
-    property({ type: String, attribute: "feedback" })
-], ChainOfThoughtElement.prototype, "feedback", void 0);
-__decorate([
-    property({ type: String, attribute: "show-less-text" })
-], ChainOfThoughtElement.prototype, "showLessText", void 0);
-__decorate([
-    property({ type: String, attribute: "show-more-text" })
-], ChainOfThoughtElement.prototype, "showMoreText", void 0);
-__decorate([
-    property({ type: String, attribute: "tooltip-content" })
-], ChainOfThoughtElement.prototype, "tooltipContent", void 0);
-__decorate([
-    property({ type: Object, attribute: false })
-], ChainOfThoughtElement.prototype, "getLineCountText", void 0);
-__decorate([
-    state()
-], ChainOfThoughtElement.prototype, "_steps", void 0);
-__decorate([
-    state()
-], ChainOfThoughtElement.prototype, "_chainOfThoughtPanelID", void 0);
+], CDSAIChatChainOfThought.prototype, "onStepToggle", void 0);
+CDSAIChatChainOfThought = __decorate([
+    carbonElement("cds-aichat-chain-of-thought")
+], CDSAIChatChainOfThought);
+var CDSAIChatChainOfThought$1 = CDSAIChatChainOfThought;
 
-export { ChainOfThoughtElement };
+export { CDSAIChatChainOfThought, CDSAIChatChainOfThought$1 as default };
 //# sourceMappingURL=chain-of-thought.js.map

package/es/components/chain-of-thought/src/chain-of-thought.js.map

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

package/es/components/chain-of-thought/src/chain-of-thought.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css([":host{display:block;margin-block-start:1rem}:host([open]) .cds-aichat--chain-of-thought-content{display:block;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;overflow:visible}:host([open]) .cds-aichat--chain-of-thought-button-chevron svg{transform:rotate(-90deg)}.cds-aichat--chain-of-thought-button-chevron{display:flex;flex-basis:1.5rem}@media screen and (prefers-reduced-motion:reduce){.cds-aichat--chain-of-thought-button-chevron svg{transform:rotate(-270deg);transition:none}}.cds-aichat--chain-of-thought-button-chevron svg{transform:rotate(-270deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}.cds-aichat--chain-of-thought-content{display:none;max-block-size:0;opacity:0;overflow:hidden;transition:all allow-discrete .11s cubic-bezier(0,0,.38,.9)}.cds-aichat--chain-of-thought-inner-content{background-color:var(--cds-layer-01,#f4f4f4);border:1px solid var(--cds-border-subtle-01,#c6c6c6);margin-block-start:.5rem}.cds-aichat--chain-of-thought-item:not(:last-child){padding-block-end:.75rem}.cds-aichat--chain-of-thought-item cds-aichat-markdown:not(:first-child){padding-block-start:.5rem}.cds-aichat--chain-of-thought-item-label{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}button.cds-aichat--chain-of-thought-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}button.cds-aichat--chain-of-thought-button *,button.cds-aichat--chain-of-thought-button :after,button.cds-aichat--chain-of-thought-button :before{box-sizing:inherit}button.cds-aichat--chain-of-thought-button::-moz-focus-inner{border:0}button.cds-aichat--chain-of-thought-button{align-items:center;color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}button.cds-aichat--chain-of-thought-button:focus,button.cds-aichat--chain-of-thought-button:focus-visible{outline:2px solid var(--cds-focus,#0f62fe)}.cds-aichat--chain-of-thought-accordion-item-content{background:var(--cds-layer-01,#f4f4f4);color:var(--cds-text-primary,#161616);display:block;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;overflow:visible;transition:all allow-discrete .11s cubic-bezier(0,0,.38,.9)}.cds-aichat--chain-of-thought-item{padding-block:1rem;padding-inline:2rem 1rem}.cds-aichat--chain-of-thought-accordion-item-content[hidden]{display:none;max-block-size:0;opacity:0;overflow:hidden;padding-block:0;padding-inline:0}.cds-aichat--chain-of-thought-accordion-item-header-chevron{color:var(--cds-text-primary,#161616);display:flex;flex:0 1 2rem;justify-content:center}@media screen and (prefers-reduced-motion:reduce){.cds-aichat--chain-of-thought-accordion-item-header-chevron svg{fill:var(--cds-text-primary,#161616);transform:rotate(-270deg);transition:none}}.cds-aichat--chain-of-thought-accordion-item-header-chevron svg{fill:var(--cds-text-primary,#161616);transform:rotate(-270deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}.cds-aichat--chain-of-thought-accordion-item-header-chevron[data-open] svg{transform:rotate(-90deg)}.cds-aichat--chain-of-thought-accordion-item-header-chevron[data-disabled] svg{visibility:hidden}.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header *,.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header :after,.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header :before{box-sizing:inherit}.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header::-moz-focus-inner{border:0}.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header{align-items:center;background:var(--cds-layer-accent-02,#e0e0e0);block-size:2rem;display:flex;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);padding:.5rem 0}.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header[disabled]{cursor:default}.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header:focus,.cds-aichat--chain-of-thought-accordion-item button.cds-aichat--chain-of-thought-accordion-item-header:focus-visible{box-shadow:0 -1px 0 0 var(--cds-focus,#0f62fe),inset 0 1px 0 0 var(--cds-focus,#0f62fe),inset 2px 0 0 0 var(--cds-focus,#0f62fe),0 1px 0 0 var(--cds-focus,#0f62fe),inset 0 -1px 0 0 var(--cds-focus,#0f62fe),inset -2px 0 0 0 var(--cds-focus,#0f62fe);outline:none;position:relative;z-index:2}.cds-aichat--chain-of-thought-accordion-item:nth-child(odd) button.cds-aichat--chain-of-thought-accordion-item-header{background:var(--cds-layer-02,#fff)}.cds-aichat--chain-of-thought-accordion-item-header-title{color:var(--cds-text-primary,#161616);flex:1 1;margin-inline-end:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-aichat--chain-of-thought-accordion-item-header-status{align-items:center;display:flex;flex:0 0 1.5rem;justify-content:center}.cds-aichat--chain-of-thought-accordion-item-header-status--failure{align-items:center;display:flex;justify-content:center;margin-inline-end:.5rem}.cds-aichat--chain-of-thought-accordion-item-header-status--failure svg{fill:var(--cds-support-error,#da1e28)}.cds-aichat--chain-of-thought-accordion-item-header-status--success{align-items:center;display:flex;justify-content:center;margin-inline-end:.5rem}.cds-aichat--chain-of-thought-accordion-item-header-status--success svg{fill:var(--cds-support-success,#24a148)}"]);
+var styles = css([":host{display:block}:host([open]) .cds-aichat--chain-of-thought-content{display:block;max-block-size:-moz-fit-content;max-block-size:fit-content;opacity:1;overflow:visible}.cds-aichat--chain-of-thought-content{display:none;max-block-size:0;opacity:0;overflow:hidden;transition:all allow-discrete .11s cubic-bezier(0,0,.38,.9)}.cds-aichat--chain-of-thought-inner-content{background-color:var(--cds-layer-01,#f4f4f4);border:1px solid var(--cds-border-subtle-01,#c6c6c6);margin-block-start:.5rem}"]);
 
 export { styles as default };
 //# sourceMappingURL=chain-of-thought.scss.js.map

package/es/components/chain-of-thought/src/tool-call-data.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from "lit";
+declare class CDSAIChatToolCallData extends LitElement {
+    static styles: any;
+    /**
+     * Plain text name of the tool.
+     */
+    toolName: string;
+    /**
+     * Text string used to label step input.
+     */
+    inputLabelText: string;
+    /**
+     * Text string used to label step output.
+     */
+    outputLabelText: string;
+    /**
+     * Text string used to label the tool.
+     */
+    toolLabelText: string;
+    connectedCallback(): void;
+    firstUpdated(): void;
+    private handleSlotChange;
+    private syncSlotContent;
+    private hasAssignedContent;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "cds-aichat-tool-call-data": CDSAIChatToolCallData;
+    }
+}
+export { CDSAIChatToolCallData };
+export default CDSAIChatToolCallData;

package/es/components/chain-of-thought/src/tool-call-data.js

@@ -0,0 +1,179 @@
+/**
+ * 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, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import styles from './tool-call-data.scss.js';
+import prefix from '../../../globals/settings.js';
+import { carbonElement } from '../../../globals/decorators/carbon-element.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 baseClass = `${prefix}--tool-call-data`;
+let CDSAIChatToolCallData = class CDSAIChatToolCallData extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Plain text name of the tool.
+         */
+        this.toolName = "";
+        /**
+         * Text string used to label step input.
+         */
+        this.inputLabelText = "Input";
+        /**
+         * Text string used to label step output.
+         */
+        this.outputLabelText = "Output";
+        /**
+         * Text string used to label the tool.
+         */
+        this.toolLabelText = "Tool";
+        /**
+         * @internal
+         */
+        this.hasDescriptionSlot = false;
+        /**
+         * @internal
+         */
+        this.hasInputSlot = false;
+        /**
+         * @internal
+         */
+        this.hasOutputSlot = false;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        queueMicrotask(() => this.syncSlotContent());
+    }
+    firstUpdated() {
+        this.syncSlotContent();
+    }
+    handleSlotChange(slot, event) {
+        const slotElement = event.target;
+        const nodes = slotElement.assignedNodes({ flatten: true });
+        const hasContent = this.hasAssignedContent(nodes);
+        if (slot === "description" && hasContent !== this.hasDescriptionSlot) {
+            this.hasDescriptionSlot = hasContent;
+        }
+        if (slot === "input" && hasContent !== this.hasInputSlot) {
+            this.hasInputSlot = hasContent;
+        }
+        if (slot === "output" && hasContent !== this.hasOutputSlot) {
+            this.hasOutputSlot = hasContent;
+        }
+    }
+    syncSlotContent() {
+        const descriptionSlot = this.shadowRoot?.querySelector('slot[name="description"]');
+        const inputSlot = this.shadowRoot?.querySelector('slot[name="input"]');
+        const outputSlot = this.shadowRoot?.querySelector('slot[name="output"]');
+        if (descriptionSlot) {
+            this.hasDescriptionSlot = this.hasAssignedContent(descriptionSlot.assignedNodes({ flatten: true }));
+        }
+        if (inputSlot) {
+            this.hasInputSlot = this.hasAssignedContent(inputSlot.assignedNodes({ flatten: true }));
+        }
+        if (outputSlot) {
+            this.hasOutputSlot = this.hasAssignedContent(outputSlot.assignedNodes({ flatten: true }));
+        }
+    }
+    hasAssignedContent(nodes) {
+        return nodes.some((node) => {
+            if (node.nodeType === Node.ELEMENT_NODE) {
+                return true;
+            }
+            if (node.nodeType === Node.TEXT_NODE) {
+                return Boolean(node.textContent?.trim());
+            }
+            return false;
+        });
+    }
+    render() {
+        const hasToolName = Boolean(this.toolName);
+        const hasContent = hasToolName ||
+            this.hasDescriptionSlot ||
+            this.hasInputSlot ||
+            this.hasOutputSlot;
+        if (!hasContent) {
+            return html ``;
+        }
+        return html `
+      <div
+        class="${baseClass} ${baseClass}-description"
+        part="description"
+        ?hidden=${!this.hasDescriptionSlot}
+      >
+        <slot
+          name="description"
+          @slotchange=${(event) => this.handleSlotChange("description", event)}
+        ></slot>
+      </div>
+      ${hasToolName
+            ? html `<div class="${baseClass} ${baseClass}-toolName">
+            <div class="${baseClass}-label">${this.toolLabelText}</div>
+            ${this.toolName}
+          </div>`
+            : null}
+      <div
+        class="${baseClass} ${baseClass}-input"
+        ?hidden=${!this.hasInputSlot}
+      >
+        <div class="${baseClass}-label">${this.inputLabelText}</div>
+        <slot
+          name="input"
+          @slotchange=${(event) => this.handleSlotChange("input", event)}
+        ></slot>
+      </div>
+      <div
+        class="${baseClass} ${baseClass}-output"
+        ?hidden=${!this.hasOutputSlot}
+      >
+        <div class="${baseClass}-label">${this.outputLabelText}</div>
+        <slot
+          name="output"
+          @slotchange=${(event) => this.handleSlotChange("output", event)}
+        ></slot>
+      </div>
+    `;
+    }
+};
+CDSAIChatToolCallData.styles = styles;
+__decorate([
+    property({ type: String, attribute: "tool-name" })
+], CDSAIChatToolCallData.prototype, "toolName", void 0);
+__decorate([
+    property({ type: String, attribute: "input-label-text", reflect: true })
+], CDSAIChatToolCallData.prototype, "inputLabelText", void 0);
+__decorate([
+    property({ type: String, attribute: "output-label-text", reflect: true })
+], CDSAIChatToolCallData.prototype, "outputLabelText", void 0);
+__decorate([
+    property({ type: String, attribute: "tool-label-text", reflect: true })
+], CDSAIChatToolCallData.prototype, "toolLabelText", void 0);
+__decorate([
+    state()
+], CDSAIChatToolCallData.prototype, "hasDescriptionSlot", void 0);
+__decorate([
+    state()
+], CDSAIChatToolCallData.prototype, "hasInputSlot", void 0);
+__decorate([
+    state()
+], CDSAIChatToolCallData.prototype, "hasOutputSlot", void 0);
+CDSAIChatToolCallData = __decorate([
+    carbonElement("cds-aichat-tool-call-data")
+], CDSAIChatToolCallData);
+var CDSAIChatToolCallData_default = CDSAIChatToolCallData;
+
+export { CDSAIChatToolCallData, CDSAIChatToolCallData_default as default };
+//# sourceMappingURL=tool-call-data.js.map

package/es/components/chain-of-thought/src/tool-call-data.js.map

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

package/es/components/chain-of-thought/src/tool-call-data.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([":host{display:block;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857)}.cds-aichat--tool-call-data{padding-block-end:1rem}.cds-aichat--tool-call-data:last-child{padding-block-end:0}.cds-aichat--tool-call-data-label{font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857)}"]);
+
+export { styles as default };
+//# sourceMappingURL=tool-call-data.scss.js.map

package/es/components/chain-of-thought/src/tool-call-data.scss.js.map

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

package/es/components/chat-button/src/chat-button.d.ts

@@ -14,8 +14,10 @@ export { CHAT_BUTTON_KIND, CHAT_BUTTON_TYPE, CHAT_BUTTON_SIZE, CHAT_BUTTON_TOOLT
 type ChatButtonSize = CHAT_BUTTON_SIZE.SMALL | CHAT_BUTTON_SIZE.MEDIUM | CHAT_BUTTON_SIZE.LARGE;
 /**
  * Component extending the @carbon/web-components' button
+ *
+ * @element cds-aichat-button
  */
-declare class ChatButton extends CDSButton {
+declare class CDSAIChatButton extends CDSButton {
     static styles: any;
     /**
      * Specify whether the `ChatButton` should be rendered as a quick action button
@@ -23,10 +25,16 @@ declare class ChatButton extends CDSButton {
     isQuickAction: boolean;
     /**
      * Button size.
+     * Options: "sm", "md", "lg".
      */
     size: ChatButtonSize;
-    private readonly allowedSizes;
     protected willUpdate(changedProps: PropertyValues<this>): void;
     private _normalizeButtonState;
 }
-export default ChatButton;
+declare global {
+    interface HTMLElementTagNameMap {
+        "cds-aichat-button": CDSAIChatButton;
+    }
+}
+export { CDSAIChatButton };
+export default CDSAIChatButton;

package/es/components/chat-button/src/chat-button.js

@@ -10,7 +10,6 @@ import { property, customElement } from 'lit/decorators.js';
 import { CHAT_BUTTON_SIZE } from '../defs.js';
 import CarbonButtonElement, { BUTTON_KIND } from '@carbon/web-components/es/components/button/button.js';
 export { BUTTON_KIND as CHAT_BUTTON_KIND, BUTTON_TYPE as CHAT_BUTTON_TOOLTIP_ALIGNMENT, BUTTON_TYPE as CHAT_BUTTON_TOOLTIP_POSITION, BUTTON_TYPE as CHAT_BUTTON_TYPE } from '@carbon/web-components/es/components/button/button.js';
-import prefix from '../../../globals/settings.js';
 import styles from './chat-button.scss.js';
 
 /**
@@ -23,14 +22,19 @@ import styles from './chat-button.scss.js';
  */
 /**
  * Component extending the @carbon/web-components' button
+ *
+ * @element cds-aichat-button
  */
-let ChatButton = class ChatButton extends CarbonButtonElement {
+let CDSAIChatButton = class CDSAIChatButton extends CarbonButtonElement {
     constructor() {
         super(...arguments);
         /**
          * Specify whether the `ChatButton` should be rendered as a quick action button
          */
         this.isQuickAction = false;
+        /**
+         * @internal
+         */
         this.allowedSizes = [
             CHAT_BUTTON_SIZE.SMALL,
             CHAT_BUTTON_SIZE.MEDIUM,
@@ -57,17 +61,17 @@ let ChatButton = class ChatButton extends CarbonButtonElement {
         }
     }
 };
-ChatButton.styles = styles;
+CDSAIChatButton.styles = styles;
 __decorate([
     property({ type: Boolean, attribute: "is-quick-action" })
-], ChatButton.prototype, "isQuickAction", void 0);
+], CDSAIChatButton.prototype, "isQuickAction", void 0);
 __decorate([
-    property({ reflect: true })
-], ChatButton.prototype, "size", void 0);
-ChatButton = __decorate([
-    customElement(`${prefix}-button`)
-], ChatButton);
-var AIChatButton = ChatButton;
+    property({ reflect: true, attribute: "size" })
+], CDSAIChatButton.prototype, "size", void 0);
+CDSAIChatButton = __decorate([
+    customElement("cds-aichat-button")
+], CDSAIChatButton);
+var AIChatButton = CDSAIChatButton;
 
-export { CHAT_BUTTON_SIZE, AIChatButton as default };
+export { CDSAIChatButton, CHAT_BUTTON_SIZE, AIChatButton as default };
 //# sourceMappingURL=chat-button.js.map