@carbon/ai-chat-components 0.7.1 → 0.8.0

package/es/{node_modules/@carbon/utilities/es/documentLang/documentLang.js → components/chat-shell/index.js}

@@ -5,5 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-const t=typeof document<"u";t?document.documentElement.lang:"";
-//# sourceMappingURL=documentLang.js.map
+import './src/cds-aichat-shell.js';
+import './src/cds-aichat-panel.js';
+//# sourceMappingURL=index.js.map

package/es/components/chat-shell/index.js.map

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

package/es/components/chat-shell/src/cds-aichat-panel.d.ts

@@ -0,0 +1,66 @@
+/**
+ * @license
+ *
+ * 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 { LitElement, PropertyValues } from "lit";
+declare class CdsAiChatPanel extends LitElement {
+    static styles: any;
+    /**
+     * Controls whether the panel is open or closed
+     */
+    open: boolean;
+    /**
+     * Sets the stacking priority of the panel (higher values appear on top)
+     */
+    priority: number;
+    /**
+     * Makes the panel take up the full width of its container
+     */
+    fullWidth: boolean;
+    /**
+     * Shows the chat header in the panel
+     */
+    showChatHeader: boolean;
+    /**
+     * Shows a frame border around the panel
+     */
+    showFrame: boolean;
+    /**
+     * Specifies the animation to use when opening the panel
+     */
+    animationOnOpen?: string;
+    /**
+     * Specifies the animation to use when closing the panel
+     */
+    animationOnClose?: string;
+    /**
+     * Makes the panel inert (non-interactive)
+     */
+    inert: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected firstUpdated(changedProps: PropertyValues): void;
+    protected updated(changedProperties: PropertyValues): void;
+    private updateVisibilityState;
+    private openPanel;
+    private closePanel;
+    private completeOpen;
+    private completeClose;
+    private updateHostClasses;
+    private updateAnimationClass;
+    private shouldWaitForAnimation;
+    private scheduleAnimationFallback;
+    private clearAnimationFallback;
+    private setupResizeObserver;
+    private cleanupResizeObserver;
+    private getMessagesMaxWidth;
+    private updateWidthClass;
+    private hasSlotContent;
+    private observeSlotContent;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default CdsAiChatPanel;

package/es/components/chat-shell/src/cds-aichat-panel.js

@@ -0,0 +1,433 @@
+/**
+ * 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 { carbonElement } from '../../../globals/decorators/carbon-element.js';
+import styles from './cds-aichat-panel.scss.js';
+
+/**
+ * @license
+ *
+ * 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.
+ */
+var CdsAiChatPanel_1;
+const ANIMATION_START_DETECTION_DELAY_MS = 120;
+const MESSAGES_MAX_WIDTH_FALLBACK = 672; // Fallback if CSS custom property is not set
+let CdsAiChatPanel = CdsAiChatPanel_1 = class CdsAiChatPanel extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * Controls whether the panel is open or closed
+         */
+        this.open = false;
+        /**
+         * Sets the stacking priority of the panel (higher values appear on top)
+         */
+        this.priority = 0;
+        /**
+         * Makes the panel take up the full width of its container
+         */
+        this.fullWidth = false;
+        /**
+         * Shows the chat header in the panel
+         */
+        this.showChatHeader = false;
+        /**
+         * Shows a frame border around the panel
+         */
+        this.showFrame = false;
+        /**
+         * Makes the panel inert (non-interactive)
+         */
+        this.inert = false;
+        /**
+         * @internal
+         */
+        this.pendingAnimation = null;
+        /**
+         * @internal
+         */
+        this.animationStarted = false;
+        /**
+         * @internal
+         */
+        this.animationFallbackId = null;
+        /**
+         * @internal
+         */
+        this.animationState = "closed";
+        /**
+         * @internal
+         */
+        this.hasHeaderContent = false;
+        /**
+         * @internal
+         */
+        this.hasBodyContent = false;
+        /**
+         * @internal
+         */
+        this.hasFooterContent = false;
+        /**
+         * @internal
+         */
+        this.handleAnimationStart = (event) => {
+            if (event.target !== this) {
+                return;
+            }
+            this.animationStarted = true;
+        };
+        /**
+         * @internal
+         */
+        this.handleAnimationEnd = (event) => {
+            if (event.target !== this) {
+                return;
+            }
+            if (this.pendingAnimation === "opening" &&
+                this.animationState === "opening") {
+                this.completeOpen();
+                return;
+            }
+            if (this.pendingAnimation === "closing" &&
+                this.animationState === "closing") {
+                this.completeClose();
+            }
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.classList.add("panel", "panel-container");
+        this.addEventListener("animationstart", this.handleAnimationStart);
+        this.addEventListener("animationend", this.handleAnimationEnd);
+        this.setupResizeObserver();
+    }
+    disconnectedCallback() {
+        this.removeEventListener("animationstart", this.handleAnimationStart);
+        this.removeEventListener("animationend", this.handleAnimationEnd);
+        this.clearAnimationFallback();
+        this.pendingAnimation = null;
+        this.cleanupResizeObserver();
+        super.disconnectedCallback();
+    }
+    firstUpdated(changedProps) {
+        super.firstUpdated(changedProps);
+        if (this.open && !this.inert) {
+            this.animationState = "open";
+        }
+        else {
+            this.animationState = "closed";
+        }
+        this.classList.toggle("panel--with-chat-header", this.showChatHeader);
+        this.classList.toggle("panel--with-frame", this.showFrame);
+        this.classList.toggle("panel--full-width", this.fullWidth);
+        this.updateHostClasses();
+        this.observeSlotContent();
+    }
+    updated(changedProperties) {
+        if (changedProperties.has("open") || changedProperties.has("inert")) {
+            this.updateVisibilityState();
+        }
+        if (changedProperties.has("showChatHeader")) {
+            this.classList.toggle("panel--with-chat-header", this.showChatHeader);
+        }
+        if (changedProperties.has("showFrame")) {
+            this.classList.toggle("panel--with-frame", this.showFrame);
+        }
+        if (changedProperties.has("fullWidth")) {
+            this.classList.toggle("panel--full-width", this.fullWidth);
+        }
+        if (changedProperties.has("animationOnOpen") ||
+            changedProperties.has("animationOnClose")) {
+            this.updateHostClasses();
+        }
+    }
+    updateVisibilityState() {
+        const shouldBeOpen = this.open && !this.inert;
+        if (shouldBeOpen) {
+            if (this.animationState === "open" || this.animationState === "opening") {
+                this.updateHostClasses();
+                return;
+            }
+            this.openPanel();
+        }
+        else {
+            if (this.animationState === "closed" ||
+                this.animationState === "closing") {
+                this.updateHostClasses();
+                return;
+            }
+            this.closePanel();
+        }
+    }
+    openPanel() {
+        this.dispatchEvent(new CustomEvent("openstart", { bubbles: true, composed: true }));
+        this.clearAnimationFallback();
+        this.pendingAnimation = "opening";
+        this.animationStarted = false;
+        this.animationState = "opening";
+        this.updateHostClasses();
+        if (!this.shouldWaitForAnimation(this.animationOnOpen)) {
+            this.completeOpen();
+            return;
+        }
+        this.scheduleAnimationFallback();
+    }
+    closePanel() {
+        this.dispatchEvent(new CustomEvent("closestart", { bubbles: true, composed: true }));
+        this.clearAnimationFallback();
+        this.pendingAnimation = "closing";
+        this.animationStarted = false;
+        this.animationState = "closing";
+        this.updateHostClasses();
+        if (!this.shouldWaitForAnimation(this.animationOnClose)) {
+            this.completeClose();
+            return;
+        }
+        this.scheduleAnimationFallback();
+    }
+    completeOpen() {
+        this.clearAnimationFallback();
+        if (this.pendingAnimation === "opening") {
+            this.pendingAnimation = null;
+        }
+        if (this.animationState !== "opening") {
+            return;
+        }
+        this.animationStarted = false;
+        this.animationState = "open";
+        this.updateHostClasses();
+        this.dispatchEvent(new CustomEvent("openend", { bubbles: true, composed: true }));
+    }
+    completeClose() {
+        this.clearAnimationFallback();
+        if (this.pendingAnimation === "closing") {
+            this.pendingAnimation = null;
+        }
+        if (this.animationState !== "closing") {
+            return;
+        }
+        this.animationStarted = false;
+        this.animationState = "closed";
+        this.updateHostClasses();
+        this.dispatchEvent(new CustomEvent("closeend", { bubbles: true, composed: true }));
+    }
+    updateHostClasses() {
+        this.classList.toggle("panel-container--animating", this.animationState === "opening" || this.animationState === "closing");
+        this.classList.toggle("panel--open", this.animationState === "open");
+        this.classList.toggle("panel--closed", this.animationState === "closed");
+        this.updateAnimationClass("opening", this.animationOnOpen, this.animationState === "opening");
+        this.updateAnimationClass("closing", this.animationOnClose, this.animationState === "closing");
+    }
+    updateAnimationClass(type, animation, shouldApply) {
+        const prefix = `panel--${type}--`;
+        if (type === "opening" && this.currentOpeningClass) {
+            this.classList.remove(this.currentOpeningClass);
+            this.currentOpeningClass = undefined;
+        }
+        if (type === "closing" && this.currentClosingClass) {
+            this.classList.remove(this.currentClosingClass);
+            this.currentClosingClass = undefined;
+        }
+        if (!animation || !shouldApply) {
+            return;
+        }
+        const className = `${prefix}${animation}`;
+        this.classList.add(className);
+        if (type === "opening") {
+            this.currentOpeningClass = className;
+        }
+        else {
+            this.currentClosingClass = className;
+        }
+    }
+    shouldWaitForAnimation(animation) {
+        if (!animation) {
+            return false;
+        }
+        if (typeof window === "undefined") {
+            return false;
+        }
+        if (typeof window.matchMedia === "function" &&
+            window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+            return false;
+        }
+        return true;
+    }
+    scheduleAnimationFallback() {
+        if (typeof window === "undefined") {
+            return;
+        }
+        this.clearAnimationFallback();
+        this.animationFallbackId = window.setTimeout(() => {
+            if (this.animationStarted) {
+                return;
+            }
+            if (this.pendingAnimation === "opening") {
+                this.completeOpen();
+                return;
+            }
+            if (this.pendingAnimation === "closing") {
+                this.completeClose();
+            }
+        }, ANIMATION_START_DETECTION_DELAY_MS);
+    }
+    clearAnimationFallback() {
+        if (this.animationFallbackId !== null && typeof window !== "undefined") {
+            window.clearTimeout(this.animationFallbackId);
+        }
+        this.animationFallbackId = null;
+    }
+    setupResizeObserver() {
+        if (typeof window === "undefined" ||
+            typeof ResizeObserver === "undefined") {
+            return;
+        }
+        this.resizeObserver = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                const width = entry.contentRect.width;
+                this.updateWidthClass(width);
+            }
+        });
+        this.resizeObserver.observe(this);
+    }
+    cleanupResizeObserver() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+            this.resizeObserver = undefined;
+        }
+    }
+    getMessagesMaxWidth() {
+        if (typeof window === "undefined") {
+            return MESSAGES_MAX_WIDTH_FALLBACK;
+        }
+        const computedStyle = window.getComputedStyle(this);
+        const customPropValue = computedStyle
+            .getPropertyValue("--cds-aichat-messages-max-width")
+            .trim();
+        if (customPropValue) {
+            // Parse the value (e.g., "672px" -> 672)
+            const parsed = parseFloat(customPropValue);
+            if (!isNaN(parsed)) {
+                return parsed;
+            }
+        }
+        return MESSAGES_MAX_WIDTH_FALLBACK;
+    }
+    updateWidthClass(width) {
+        const maxWidth = this.getMessagesMaxWidth();
+        const isNarrow = width <= maxWidth;
+        this.classList.toggle("panel--with-less-than-messages-max-width", isNarrow);
+    }
+    hasSlotContent(slotName) {
+        const slot = this.renderRoot.querySelector(`slot[name="${slotName}"]`);
+        if (!slot) {
+            return false;
+        }
+        return slot
+            .assignedNodes({ flatten: true })
+            .some((node) => node.nodeType === Node.ELEMENT_NODE ||
+            (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()));
+    }
+    observeSlotContent() {
+        const updateSlotStates = () => {
+            const previousStates = new Map(CdsAiChatPanel_1.OBSERVED_SLOTS.map(({ stateKey }) => [
+                stateKey,
+                this[stateKey],
+            ]));
+            CdsAiChatPanel_1.OBSERVED_SLOTS.forEach(({ name, stateKey }) => {
+                this[stateKey] = this.hasSlotContent(name);
+            });
+            const hasChanged = CdsAiChatPanel_1.OBSERVED_SLOTS.some(({ stateKey }) => previousStates.get(stateKey) !== this[stateKey]);
+            if (hasChanged) {
+                this.requestUpdate();
+            }
+        };
+        // Initial check
+        updateSlotStates();
+        // Observe slot changes
+        const slots = CdsAiChatPanel_1.OBSERVED_SLOTS.map(({ name }) => this.renderRoot.querySelector(`slot[name="${name}"]`)).filter((slot) => slot !== null);
+        slots.forEach((slot) => {
+            slot.addEventListener("slotchange", updateSlotStates);
+        });
+    }
+    render() {
+        const headerClasses = [
+            "panel-header",
+            this.hasHeaderContent ? "has-content" : "",
+        ]
+            .filter(Boolean)
+            .join(" ");
+        const bodyClasses = ["panel-body", this.hasBodyContent ? "has-content" : ""]
+            .filter(Boolean)
+            .join(" ");
+        const footerClasses = [
+            "panel-footer",
+            this.hasFooterContent ? "has-content" : "",
+        ]
+            .filter(Boolean)
+            .join(" ");
+        return html `
+      <div class="panel-content">
+        <div class=${headerClasses}>
+          <slot name="header"></slot>
+        </div>
+        <div class=${bodyClasses}>
+          <slot name="body"></slot>
+        </div>
+        <div class=${footerClasses}>
+          <slot name="footer"></slot>
+        </div>
+      </div>
+    `;
+    }
+};
+CdsAiChatPanel.styles = styles;
+/**
+ * @internal
+ */
+CdsAiChatPanel.OBSERVED_SLOTS = [
+    { name: "header", stateKey: "hasHeaderContent" },
+    { name: "body", stateKey: "hasBodyContent" },
+    { name: "footer", stateKey: "hasFooterContent" },
+];
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CdsAiChatPanel.prototype, "open", void 0);
+__decorate([
+    property({ type: Number, reflect: true })
+], CdsAiChatPanel.prototype, "priority", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "full-width", reflect: true })
+], CdsAiChatPanel.prototype, "fullWidth", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "show-chat-header", reflect: true })
+], CdsAiChatPanel.prototype, "showChatHeader", void 0);
+__decorate([
+    property({ type: Boolean, attribute: "show-frame", reflect: true })
+], CdsAiChatPanel.prototype, "showFrame", void 0);
+__decorate([
+    property({ type: String, attribute: "animation-on-open", reflect: true })
+], CdsAiChatPanel.prototype, "animationOnOpen", void 0);
+__decorate([
+    property({ type: String, attribute: "animation-on-close", reflect: true })
+], CdsAiChatPanel.prototype, "animationOnClose", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CdsAiChatPanel.prototype, "inert", void 0);
+CdsAiChatPanel = CdsAiChatPanel_1 = __decorate([
+    carbonElement("cds-aichat-panel")
+], CdsAiChatPanel);
+var CdsAiChatPanelElement = CdsAiChatPanel;
+
+export { CdsAiChatPanelElement as default };
+//# sourceMappingURL=cds-aichat-panel.js.map

package/es/components/chat-shell/src/cds-aichat-panel.js.map

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

package/es/components/chat-shell/src/cds-aichat-panel.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{block-size:100%;border-end-end-radius:var(--cds-aichat-rounded-modifier-radius-end-end,0);border-end-start-radius:var(--cds-aichat-rounded-modifier-radius-end-start,0);border-start-end-radius:var(--cds-aichat-rounded-modifier-radius-start-start,0);border-start-start-radius:var(--cds-aichat-rounded-modifier-radius-start-end,0);box-sizing:border-box;display:block;inline-size:100%;inset-block-start:0;inset-inline-start:0;margin:0;min-block-size:100%;position:absolute;text-align:start}:host(.panel--with-less-than-messages-max-width){--cds-aichat-rounded-modifier-radius-end-start:var(--cds-aichat-rounded-radius,var(--cds-aichat-rounded-modifier-radius,0.5rem));--cds-aichat-rounded-modifier-radius-end-end:var(--cds-aichat-rounded-radius,var(--cds-aichat-rounded-modifier-radius,0.5rem))}:host(.panel--full-width){--cds-aichat-rounded-modifier-radius-end-start:var(--cds-aichat-rounded-radius,var(--cds-aichat-rounded-modifier-radius,0.5rem));--cds-aichat-rounded-modifier-radius-end-end:var(--cds-aichat-rounded-radius,var(--cds-aichat-rounded-modifier-radius,0.5rem))}:host(.panel--full-width:not(.panel--with-chat-header)){--cds-aichat-rounded-modifier-radius-start-start:var(--cds-aichat-rounded-radius,var(--cds-aichat-rounded-modifier-radius,0.5rem));--cds-aichat-rounded-modifier-radius-start-end:var(--cds-aichat-rounded-radius,var(--cds-aichat-rounded-modifier-radius,0.5rem))}:host(.panel--with-less-than-messages-max-width:not(.panel--with-chat-header)){--cds-aichat-rounded-modifier-radius-start-start:var(--cds-aichat-rounded-radius,var(--cds-aichat-rounded-modifier-radius,0.5rem));--cds-aichat-rounded-modifier-radius-start-end:var(--cds-aichat-rounded-radius,var(--cds-aichat-rounded-modifier-radius,0.5rem))}:host(.panel-container--animating){overflow:hidden}:host(.panel--closed){display:none}:host-context([dir=rtl]){inset-inline:unset 0;text-align:end}@media screen and (prefers-reduced-motion:no-preference){:host(.panel--opening--fade-in){animation:cds-aichat-fade-in .24s cubic-bezier(0,0,.3,1) both}:host(.panel--opening--slide-in-from-bottom){animation:cds-aichat-slide-in-from-bottom .24s cubic-bezier(.4,.14,1,1) both}:host(.panel--closing--fade-out){animation:cds-aichat-fade-out .24s cubic-bezier(.4,.14,1,1) both}:host(.panel--closing--slide-out-to-top){animation:cds-aichat-slide-out-to-top .15s cubic-bezier(.4,.14,1,1) both}:host(.panel--closing--slide-out-to-bottom){animation:cds-aichat-slide-out-to-bottom .15s cubic-bezier(.4,.14,1,1) both}}:host(.panel--with-chat-header){block-size:calc(100% - var(--cds-aichat--header-height, 0px));border-start-end-radius:0;border-start-start-radius:0;inline-size:100%;inset-block-start:var(--cds-aichat--header-height,0);inset-inline-start:50%;max-inline-size:var(--cds-aichat-max-width,100%);min-block-size:calc(100% - var(--cds-aichat--header-height, 0px));overflow:hidden;transform:translateX(-50%)}@media screen and (prefers-reduced-motion:no-preference){:host(.panel--with-chat-header.panel--opening--slide-in-from-bottom){animation:cds-aichat-slide-in-from-bottom-with-header .24s cubic-bezier(.4,.14,1,1) both}:host(.panel--with-chat-header.panel--closing--slide-out-to-bottom){animation:cds-aichat-slide-out-to-bottom-with-header .15s cubic-bezier(.4,.14,1,1) both}}.panel-content{block-size:100%;border-end-end-radius:var(--cds-aichat-rounded-modifier-radius-end-end,0);border-end-start-radius:var(--cds-aichat-rounded-modifier-radius-end-start,0);border-start-end-radius:var(--cds-aichat-rounded-modifier-radius-start-end,0);border-start-start-radius:var(--cds-aichat-rounded-modifier-radius-start-start,0);box-sizing:border-box;display:flex;flex-direction:column;inline-size:100%;margin:auto;max-inline-size:var(--cds-aichat-messages-max-width,672px)}:host([show-frame]) .panel-content{background-color:var(--cds-chat-shell-background,#fff);border:1px solid var(--cds-chat-bubble-border,#e0e0e0)}:host(.panel--full-width) .panel-content{background-color:transparent;max-inline-size:100%}.panel-footer,.panel-header{flex:0 0 auto}.panel-body{flex:1 1 auto}.panel-body.has-content{padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:1rem;padding-inline-start:1rem}@keyframes cds-aichat-fade-in{0%{inset-inline-end:0;opacity:0}to{inset-inline-end:0;opacity:1}}@keyframes cds-aichat-fade-out{0%{opacity:1}to{opacity:0}}@keyframes cds-aichat-slide-in-from-bottom{0%{inset-block-start:100%}to{inset-block-start:0}}@keyframes cds-aichat-slide-out-to-bottom{0%{inset-block-start:0}to{inset-block-start:100%}}@keyframes cds-aichat-slide-in-from-bottom-with-header{0%{inset-block-start:100%}to{inset-block-start:var(--cds-aichat--header-height,0)}}@keyframes cds-aichat-slide-out-to-bottom-with-header{0%{inset-block-start:var(--cds-aichat--header-height,0)}to{inset-block-start:100%}}"]);
+
+export { styles as default };
+//# sourceMappingURL=cds-aichat-panel.scss.js.map

package/es/components/chat-shell/src/cds-aichat-panel.scss.js.map

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

package/es/components/chat-shell/src/cds-aichat-shell.d.ts

@@ -0,0 +1,73 @@
+/**
+ * @license
+ *
+ * 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 { LitElement, PropertyValues } from "lit";
+import "./cds-aichat-panel.js";
+type StartOrEnd = "start" | "end";
+declare class CdsAiChatShell extends LitElement {
+    static styles: any;
+    /**
+     * Enables AI-specific theming for the chat shell
+     */
+    aiEnabled: boolean;
+    /**
+     * Shows a frame border around the chat shell
+     */
+    showFrame: boolean;
+    /**
+     * Applies rounded corners to the chat shell
+     */
+    roundedCorners: boolean;
+    /**
+     * Shows the history panel in the chat shell
+     */
+    showHistory: boolean;
+    /**
+     * Shows the workspace panel in the chat shell
+     */
+    showWorkspace: boolean;
+    /**
+     * Determines the location of the workspace panel ("start" or "end")
+     */
+    workspaceLocation: StartOrEnd;
+    /**
+     * Determines the location of the history panel ("start" or "end")
+     */
+    historyLocation: StartOrEnd;
+    private getWidgetClasses;
+    private getInputAndMessagesClasses;
+    private renderSlot;
+    private getSlotContentState;
+    private renderWorkspaceInline;
+    private renderWorkspacePanel;
+    private renderHeader;
+    private renderHeaderSlot;
+    private renderMessagesSection;
+    private renderHistory;
+    render(): import("lit-html").TemplateResult<1>;
+    protected firstUpdated(changedProperties: PropertyValues): void;
+    private hasSlotContent;
+    private observeSlotContent;
+    protected updated(changedProperties: PropertyValues): void;
+    disconnectedCallback(): void;
+    private observeInputAndMessagesWidth;
+    private observeMainContentBodyWidth;
+    private getCssLengthFromProperty;
+    private getMessagesMaxWidth;
+    private observeHeaderHeight;
+    /**
+     * Observe CSS custom properties that affect messages max width.
+     * When --cds-aichat-messages-max-width changes, recalculate the at-max-width state.
+     */
+    private observeCssProperties;
+    /**
+     * Check if --cds-aichat-messages-max-width has changed and trigger recalculation.
+     */
+    private checkMessagesMaxWidthChange;
+}
+export default CdsAiChatShell;