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

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

@@ -0,0 +1,351 @@
+/**
+ * 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 '@carbon/web-components/es/components/inline-loading/index.js';
+import { LitElement, html } from 'lit';
+import { classMap } from 'lit/directives/class-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { property, state } from 'lit/decorators.js';
+import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
+import CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';
+import ChevronRight16 from '@carbon/icons/es/chevron--right/16.js';
+import ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';
+import styles from './chain-of-thought-step.scss.js';
+import prefix from '../../../globals/settings.js';
+import { carbonElement } from '../../../globals/decorators/carbon-element.js';
+import { ChainOfThoughtStepStatus } from '../defs.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}--chain-of-thought-accordion-item`;
+const statusClass = `${prefix}--chain-of-thought-accordion-item-header-status`;
+const numberFormatter = new Intl.NumberFormat("en-US");
+let idCounter = 0;
+const generateId = (segment) => `${baseClass}-${segment}-${idCounter++}`;
+let CDSAIChatChainOfThoughtStep = class CDSAIChatChainOfThoughtStep extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.title = "";
+        this.stepNumber = 0;
+        this.labelText = "";
+        this.status = ChainOfThoughtStepStatus.SUCCESS;
+        this.open = false;
+        this.controlled = false;
+        this.statusSucceededLabelText = "Succeeded";
+        this.statusFailedLabelText = "Failed";
+        this.statusProcessingLabelText = "Processing";
+        /**
+         * @internal
+         */
+        this.hasBodyContent = false;
+        /**
+         * @internal
+         */
+        this.headerId = generateId("header");
+        /**
+         * @internal
+         */
+        this.contentId = generateId("content");
+    }
+    connectedCallback() {
+        if (!this.hasAttribute("role")) {
+            this.setAttribute("role", "listitem");
+        }
+        super.connectedCallback();
+        this.evaluateBodyContent();
+        this.updateStepParity();
+    }
+    updated(changedProperties) {
+        if (changedProperties.has("stepNumber")) {
+            this.updateStepParity();
+        }
+    }
+    firstUpdated() {
+        const slot = this.shadowRoot?.querySelector("slot:not([name])");
+        const nodes = slot?.assignedNodes({ flatten: true });
+        if (nodes) {
+            this.evaluateBodyContent(nodes);
+        }
+    }
+    getTriggerElement() {
+        if (!this.shadowRoot) {
+            return null;
+        }
+        return this.shadowRoot.querySelector(`.${baseClass}-header`);
+    }
+    evaluateBodyContent(nodes) {
+        const nodesToInspect = nodes ?? Array.from(this.childNodes);
+        const hasContent = nodesToInspect.some((node) => this.isBodyNode(node));
+        if (hasContent !== this.hasBodyContent) {
+            this.hasBodyContent = hasContent;
+            if (!hasContent && this.open && !this.controlled) {
+                this.open = false;
+            }
+        }
+    }
+    isBodyNode(node) {
+        if (node.nodeType === Node.ELEMENT_NODE) {
+            const element = node;
+            const slotName = element.getAttribute("slot");
+            if (slotName) {
+                return false;
+            }
+            if (this.isToolCallDataNode(element)) {
+                return this.toolCallDataHasContent(element);
+            }
+            return true;
+        }
+        if (node.nodeType === Node.TEXT_NODE) {
+            return Boolean(node.textContent?.trim());
+        }
+        return false;
+    }
+    updateStepParity() {
+        if (this.stepNumber > 0) {
+            const parity = this.stepNumber % 2 === 0 ? "even" : "odd";
+            this.setAttribute("data-step-parity", parity);
+        }
+        else {
+            this.removeAttribute("data-step-parity");
+        }
+    }
+    isToolCallDataNode(element) {
+        return element.tagName.toLowerCase() === "cds-aichat-tool-call-data";
+    }
+    toolCallDataHasContent(element) {
+        const toolName = element.toolName ??
+            element.getAttribute("tool-name");
+        if (toolName?.toString().trim()) {
+            return true;
+        }
+        return Array.from(element.childNodes).some((child) => this.hasChildContent(child));
+    }
+    hasChildContent(node) {
+        if (node.nodeType === Node.TEXT_NODE) {
+            return Boolean(node.textContent?.trim());
+        }
+        if (node.nodeType === Node.ELEMENT_NODE) {
+            const element = node;
+            if (this.isToolCallDataNode(element)) {
+                return this.toolCallDataHasContent(element);
+            }
+            return Array.from(element.childNodes).some((child) => this.hasChildContent(child));
+        }
+        return false;
+    }
+    handleBodySlotChange(event) {
+        const slot = event.target;
+        const nodes = slot.assignedNodes({ flatten: true });
+        this.evaluateBodyContent(nodes);
+    }
+    handleToggleRequest(nextState = !this.open) {
+        const detail = { open: nextState };
+        const init = { bubbles: true, cancelable: true, composed: true, detail };
+        const canToggle = this.dispatchEvent(new CustomEvent(`chain-of-thought-step-beingtoggled`, init));
+        if (!canToggle) {
+            return;
+        }
+        if (!this.controlled) {
+            this.open = nextState;
+        }
+        this.dispatchEvent(new CustomEvent(`chain-of-thought-step-toggled`, init));
+    }
+    handleButtonClick() {
+        if (!this.hasBodyContent) {
+            return;
+        }
+        this.handleToggleRequest(!this.open);
+    }
+    handleButtonKeydown(event) {
+        if (!this.open) {
+            return;
+        }
+        if (event.key === "Escape" || event.key === "Esc") {
+            event.stopPropagation();
+            this.handleToggleRequest(false);
+        }
+    }
+    focus(options) {
+        const trigger = this.getTriggerElement();
+        if (trigger) {
+            trigger.focus(options);
+            return;
+        }
+        super.focus(options);
+    }
+    getHeaderTitle() {
+        if (this.labelText) {
+            return this.labelText;
+        }
+        if (this.stepNumber > 0) {
+            const formattedNumber = numberFormatter.format(this.stepNumber);
+            return `${formattedNumber}: ${this.title || ""}`;
+        }
+        return this.title;
+    }
+    renderStatusIcon() {
+        switch (this.status) {
+            case ChainOfThoughtStepStatus.PROCESSING:
+                return html `<cds-inline-loading
+          status="active"
+          aria-label="${this.statusProcessingLabelText}"
+        ></cds-inline-loading>`;
+            case ChainOfThoughtStepStatus.FAILURE:
+                return html `<span
+          class="${statusClass}--${ChainOfThoughtStepStatus.FAILURE}"
+          aria-label="${this.statusFailedLabelText}"
+          >${iconLoader(ErrorFilled16)}</span
+        >`;
+            default:
+                return html `<span
+          class="${statusClass}--${ChainOfThoughtStepStatus.SUCCESS}"
+          aria-label="${this.statusSucceededLabelText}"
+          >${iconLoader(CheckmarkFilled16)}</span
+        >`;
+        }
+    }
+    renderInteractiveHeader() {
+        const headerTitle = this.getHeaderTitle();
+        return html `
+      <button
+        id=${this.headerId}
+        type="button"
+        part="expando"
+        class="${baseClass}-header"
+        aria-expanded="${String(this.open)}"
+        aria-controls="${this.contentId}"
+        @click=${this.handleButtonClick}
+        @keydown=${this.handleButtonKeydown}
+      >
+        <span
+          class="${baseClass}-header-chevron"
+          ?data-open=${this.open}
+          aria-hidden="true"
+        >
+          ${iconLoader(ChevronRight16)}
+        </span>
+        <span class="${baseClass}-header-title">
+          <slot name="title">${headerTitle}</slot>
+        </span>
+        <span class="${statusClass}" aria-hidden="false"
+          >${this.renderStatusIcon()}</span
+        >
+      </button>
+    `;
+    }
+    renderStaticHeader() {
+        const headerTitle = this.getHeaderTitle();
+        return html `
+      <div class="${baseClass}-static" id=${this.headerId} part="expando">
+        <span class="${baseClass}-header-chevron" aria-hidden="true"
+          >&mdash;</span
+        >
+        <span class="${baseClass}-header-title">
+          <slot name="title">${headerTitle}</slot>
+        </span>
+        <span class="${statusClass}" aria-hidden="true">
+          ${this.renderStatusIcon()}
+        </span>
+      </div>
+    `;
+    }
+    renderPanel() {
+        const isHidden = !this.hasBodyContent;
+        return html `
+      <div
+        id=${this.contentId}
+        class="${baseClass}-content"
+        part="wrapper"
+        aria-hidden="${this.open && !isHidden ? "false" : "true"}"
+        role=${ifDefined(!isHidden ? "region" : undefined)}
+        aria-labelledby=${ifDefined(!isHidden ? this.headerId : undefined)}
+        ?hidden=${isHidden || !this.open}
+      >
+        <div
+          class="${prefix}--chain-of-thought-item"
+          part="content"
+          data-visible="${this.open && !isHidden}"
+        >
+          <slot
+            @slotchange=${this.handleBodySlotChange}
+            ?hidden=${isHidden}
+          ></slot>
+        </div>
+      </div>
+    `;
+    }
+    render() {
+        const classes = classMap({
+            [baseClass]: true,
+            [`${baseClass}--open`]: this.open && this.hasBodyContent,
+            [`${baseClass}--static`]: !this.hasBodyContent,
+        });
+        return html `<div class=${classes}>
+      ${this.hasBodyContent
+            ? this.renderInteractiveHeader()
+            : this.renderStaticHeader()}
+      ${this.renderPanel()}
+    </div>`;
+    }
+};
+CDSAIChatChainOfThoughtStep.styles = styles;
+__decorate([
+    property({ type: String, attribute: "title" })
+], CDSAIChatChainOfThoughtStep.prototype, "title", void 0);
+__decorate([
+    property({ type: Number, attribute: "step-number", reflect: true })
+], CDSAIChatChainOfThoughtStep.prototype, "stepNumber", void 0);
+__decorate([
+    property({ type: String, attribute: "label-text" })
+], CDSAIChatChainOfThoughtStep.prototype, "labelText", void 0);
+__decorate([
+    property({ type: String, attribute: "status" })
+], CDSAIChatChainOfThoughtStep.prototype, "status", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: "open" })
+], CDSAIChatChainOfThoughtStep.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: "controlled" })
+], CDSAIChatChainOfThoughtStep.prototype, "controlled", void 0);
+__decorate([
+    property({
+        type: String,
+        attribute: "status-succeeded-label-text",
+        reflect: true,
+    })
+], CDSAIChatChainOfThoughtStep.prototype, "statusSucceededLabelText", void 0);
+__decorate([
+    property({
+        type: String,
+        attribute: "status-failed-label-text",
+        reflect: true,
+    })
+], CDSAIChatChainOfThoughtStep.prototype, "statusFailedLabelText", void 0);
+__decorate([
+    property({
+        type: String,
+        attribute: "status-processing-label-text",
+        reflect: true,
+    })
+], CDSAIChatChainOfThoughtStep.prototype, "statusProcessingLabelText", void 0);
+__decorate([
+    state()
+], CDSAIChatChainOfThoughtStep.prototype, "hasBodyContent", void 0);
+CDSAIChatChainOfThoughtStep = __decorate([
+    carbonElement("cds-aichat-chain-of-thought-step")
+], CDSAIChatChainOfThoughtStep);
+var CDSAIChatChainOfThoughtStep_default = CDSAIChatChainOfThoughtStep;
+
+export { CDSAIChatChainOfThoughtStep, CDSAIChatChainOfThoughtStep_default as default };
+//# sourceMappingURL=chain-of-thought-step.js.map

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

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

package/es/components/chain-of-thought/src/chain-of-thought-step.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{background:var(--cds-layer-02,var(--cds-layer-02,#fff));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)}:host([data-step-parity=even]){background:var(--cds-layer-accent-02,var(--cds-layer-accent-02,#e0e0e0))}.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-static{align-items:center;background:var(--cds-layer-accent-02,var(--cds-layer-accent-02,#e0e0e0));block-size:2rem;color:var(--cds-text-primary,#161616);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)}.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,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}:host([data-step-parity=odd]) .cds-aichat--chain-of-thought-accordion-item-static,:host([data-step-parity=odd]) button.cds-aichat--chain-of-thought-accordion-item-header{background:var(--cds-layer-02,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)}"]);
+
+export { styles as default };
+//# sourceMappingURL=chain-of-thought-step.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chain-of-thought-step.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/es/components/chain-of-thought/src/chain-of-thought-toggle.d.ts

@@ -0,0 +1,33 @@
+import { LitElement } from "lit";
+declare class CDSAIChatChainOfThoughtToggle extends LitElement {
+    static styles: any;
+    /**
+     * Indicates if the chain of thought panel is open.
+     */
+    open: boolean;
+    /**
+     * Label text when the panel is open.
+     */
+    openLabelText: string;
+    /**
+     * Label text when the panel is closed.
+     */
+    closedLabelText: string;
+    /**
+     * The ID of the panel controlled by this button.
+     */
+    panelId?: string;
+    /**
+     * Whether the control should be disabled.
+     */
+    disabled: boolean;
+    handleToggleClick(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "cds-aichat-chain-of-thought-toggle": CDSAIChatChainOfThoughtToggle;
+    }
+}
+export { CDSAIChatChainOfThoughtToggle };
+export default CDSAIChatChainOfThoughtToggle;

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

@@ -0,0 +1,107 @@
+/**
+ * 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 } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
+import ChevronDown16 from '@carbon/icons/es/chevron--down/16.js';
+import styles from './chain-of-thought-toggle.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
+ */
+let CDSAIChatChainOfThoughtToggle = class CDSAIChatChainOfThoughtToggle extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Indicates if the chain of thought panel is open.
+         */
+        this.open = false;
+        /**
+         * Label text when the panel is open.
+         */
+        this.openLabelText = "Hide chain of thought";
+        /**
+         * Label text when the panel is closed.
+         */
+        this.closedLabelText = "Show chain of thought";
+        /**
+         * Whether the control should be disabled.
+         */
+        this.disabled = false;
+    }
+    handleToggleClick() {
+        if (this.disabled) {
+            return;
+        }
+        const nextOpen = !this.open;
+        this.open = nextOpen;
+        this.dispatchEvent(new CustomEvent("chain-of-thought-toggle", {
+            detail: { open: nextOpen, panelId: this.panelId },
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        const labelText = this.open ? this.openLabelText : this.closedLabelText;
+        return html `
+      <button
+        class="${prefix}--chain-of-thought-button"
+        type="button"
+        aria-expanded=${this.open ? "true" : "false"}
+        aria-controls=${ifDefined(this.panelId)}
+        ?disabled=${this.disabled}
+        @click=${this.handleToggleClick}
+      >
+        <span
+          class="${prefix}--chain-of-thought-button-chevron"
+          aria-hidden="true"
+        >
+          ${iconLoader(ChevronDown16)}
+        </span>
+        <span
+          class="${prefix}--chain-of-thought-button-label"
+          title=${labelText}
+        >
+          ${labelText}
+        </span>
+      </button>
+    `;
+    }
+};
+CDSAIChatChainOfThoughtToggle.styles = styles;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CDSAIChatChainOfThoughtToggle.prototype, "open", void 0);
+__decorate([
+    property({ type: String, attribute: "open-label-text", reflect: true })
+], CDSAIChatChainOfThoughtToggle.prototype, "openLabelText", void 0);
+__decorate([
+    property({ type: String, attribute: "closed-label-text", reflect: true })
+], CDSAIChatChainOfThoughtToggle.prototype, "closedLabelText", void 0);
+__decorate([
+    property({ type: String, attribute: "panel-id", reflect: true })
+], CDSAIChatChainOfThoughtToggle.prototype, "panelId", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CDSAIChatChainOfThoughtToggle.prototype, "disabled", void 0);
+CDSAIChatChainOfThoughtToggle = __decorate([
+    carbonElement("cds-aichat-chain-of-thought-toggle")
+], CDSAIChatChainOfThoughtToggle);
+var CDSAIChatChainOfThoughtToggle$1 = CDSAIChatChainOfThoughtToggle;
+
+export { CDSAIChatChainOfThoughtToggle, CDSAIChatChainOfThoughtToggle$1 as default };
+//# sourceMappingURL=chain-of-thought-toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chain-of-thought-toggle.js","sources":["../../../../src/components/chain-of-thought/src/chain-of-thought-toggle.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA;;;;;;;AAOG;AAgBH,IAAM,6BAA6B,GAAnC,MAAM,6BAA8B,SAAQ,UAAU,CAAA;AAAtD,IAAA,WAAA,GAAA;;AAGE;;AAEG;QAEH,IAAA,CAAA,IAAI,GAAG,KAAK;AAEZ;;AAEG;QAEH,IAAA,CAAA,aAAa,GAAG,uBAAuB;AAEvC;;AAEG;QAEH,IAAA,CAAA,eAAe,GAAG,uBAAuB;AAQzC;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAG,KAAK;IA+ClB;IA7CE,iBAAiB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB;QACF;AACA,QAAA,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC,IAAI;AAC3B,QAAA,IAAI,CAAC,IAAI,GAAG,QAAQ;AACpB,QAAA,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACb,yBAAyB,EACzB;YACE,MAAM,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACjD,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CACF,CACF;IACH;IAEA,MAAM,GAAA;AACJ,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,eAAe;AAEvE,QAAA,OAAO,IAAI,CAAA;;iBAEE,MAAM,CAAA;;wBAEC,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,OAAO;AAC5B,sBAAA,EAAA,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;AAC3B,kBAAA,EAAA,IAAI,CAAC,QAAQ;AAChB,eAAA,EAAA,IAAI,CAAC,iBAAiB;;;mBAGpB,MAAM,CAAA;;;YAGb,UAAU,CAAC,aAAa,CAAC;;;mBAGlB,MAAM,CAAA;kBACP,SAAS;;YAEf,SAAS;;;KAGhB;IACH;;AA5EO,6BAAA,CAAA,MAAM,GAAG,MAAH;AAMb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AAC7B,CAAA,EAAA,6BAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,CAAA,EAAA,6BAAA,CAAA,SAAA,EAAA,eAAA,EAAA,MAAA,CAAA;AAMxC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/B,CAAA,EAAA,6BAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,MAAA,CAAA;AAM1C,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,IAAI,EAAE;AAC/C,CAAA,EAAA,6BAAA,CAAA,SAAA,EAAA,SAAA,EAAA,MAAA,CAAA;AAMjB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,6BAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AA/Bb,6BAA6B,GAAA,UAAA,CAAA;IADlC,aAAa,CAAC,oCAAoC;AAC7C,CAAA,EAAA,6BAA6B,CA8ElC;AASD,sCAAe,6BAA6B;;;;"}

package/es/components/chain-of-thought/src/chain-of-thought-toggle.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);max-inline-size:100%}:host([open]) .cds-aichat--chain-of-thought-button-chevron svg{transform:rotate(0deg)}.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(-90deg);transition:none}}.cds-aichat--chain-of-thought-button-chevron svg{transform:rotate(-90deg);transition:all .11s cubic-bezier(.2,0,.38,.9)}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:inline-flex;flex:0 0 auto;font-size:var(--cds-heading-01-font-size,.875rem);font-weight:var(--cds-heading-01-font-weight,600);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-heading-01-letter-spacing,.16px);line-height:var(--cds-heading-01-line-height,1.42857);max-inline-size:100%;min-inline-size:0}.cds-aichat--chain-of-thought-button-label{flex:0 1 auto;min-inline-size:-moz-fit-content;min-inline-size:fit-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.cds-aichat--chain-of-thought-button:focus,button.cds-aichat--chain-of-thought-button:focus-visible{outline:2px solid var(--cds-focus,#0f62fe)}"]);
+
+export { styles as default };
+//# sourceMappingURL=chain-of-thought-toggle.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chain-of-thought-toggle.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

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

@@ -1,38 +1,20 @@
-import { LitElement, PropertyValues } from "lit";
-import { type ChainOfThoughtOnToggle, type ChainOfThoughtStep, type ChainOfThoughtStepWithToggle } from "./types.js";
-declare class ChainOfThoughtElement extends LitElement {
+import { LitElement } from "lit";
+import type { ChainOfThoughtOnToggle } from "../defs.js";
+import type { CDSAIChatChainOfThoughtStep } from "./chain-of-thought-step.js";
+declare class CDSAIChatChainOfThought extends LitElement {
     static styles: any;
     /**
      * Indicates if the details panel for the chain of thought is open.
      */
     open: boolean;
     /**
-     * Array of steps in the chain of thought.
+     * When true, each child step should be fully controlled by the host.
      */
-    steps: ChainOfThoughtStep[];
+    controlled: boolean;
     /**
-     * Formatting for label of each step item.
+     * ID of the content panel. Useful for wiring to an external toggle.
      */
-    formatStepLabelText: ({ stepNumber, stepTitle, }: {
-        stepNumber: number;
-        stepTitle: string;
-    }) => 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;
-    /**
-     * Text string used to label the button to open the chain of thought panel.
-     */
-    explainabilityText: string;
+    panelId: string;
     /**
      * Optional function to call if chain of thought visibility is toggled.
      */
@@ -41,47 +23,19 @@ declare class ChainOfThoughtElement extends LitElement {
      * Optional function to call if a chain of thought step visibility is toggled.
      */
     onStepToggle?: ChainOfThoughtOnToggle;
-    /**
-     * Text string used to label the succeeded status icon.
-     */
-    statusSucceededLabelText: string;
-    /**
-     * Text string used to label the failed status icon.
-     */
-    statusFailedLabelText: string;
-    /**
-     * Text string used to label the processing status icon.
-     */
-    statusProcessingLabelText: string;
-    filterPlaceholderText?: string;
-    previousPageText?: string;
-    nextPageText?: string;
-    itemsPerPageText?: string;
-    locale?: string;
-    getPaginationSupplementalText?: ({ count }: {
-        count: number;
-    }) => string;
-    getPaginationStatusText?: ({ start, end, count, }: {
-        start: number;
-        end: number;
-        count: number;
-    }) => string;
-    feedback?: string;
-    showLessText?: string;
-    showMoreText?: string;
-    tooltipContent?: string;
-    getLineCountText?: ({ count }: {
-        count: number;
-    }) => string;
-    /**
-     * Steps, but we add in whether the step is open or not.
-     */
-    _steps: ChainOfThoughtStepWithToggle[];
-    /**
-     * ID we use for a11y.
-     */
-    _chainOfThoughtPanelID: string;
-    protected firstUpdated(_changedProperties: PropertyValues): void;
-    protected updated(changedProperties: PropertyValues<this>): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    get steps(): NodeListOf<CDSAIChatChainOfThoughtStep>;
+    protected updated(changedProperties: Map<PropertyKey, unknown>): void;
+    private handleStepToggle;
+    private propagateControlled;
+    private dispatchToggleEvent;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "cds-aichat-chain-of-thought": CDSAIChatChainOfThought;
+    }
 }
-export { ChainOfThoughtElement };
+export { CDSAIChatChainOfThought };
+export default CDSAIChatChainOfThought;