@carbon/ai-chat-components 0.7.1 → 0.8.0

package/es-custom/components/chat-shell/src/cds-aichat-shell.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:transparent;block-size:100%;box-sizing:border-box;container-type:inline-size;display:block;inline-size:100%}.shell{--cds-aichat-rounded-radius:0;--cds-aichat-rounded-radius-start-start:0;--cds-aichat-rounded-radius-start-end:0;--cds-aichat-rounded-radius-end-start:0;--cds-aichat-rounded-radius-end-end:0;background-color:var(--cds-custom-chat-shell-background,#fff);background-image:none;block-size:100%;border:1px solid var(--cds-custom-border-subtle-00,#e0e0e0);border-radius:var(--cds-aichat-rounded-radius,0);box-shadow:var(--cds-aichat-box-shadow,1px 0 4px hsla(0,0%,9%,.3));display:block;inline-size:100%;position:relative}[data-panel-slot]{opacity:1}[data-panel-slot][inert]{opacity:0}@media screen and (prefers-reduced-motion:no-preference){[data-panel-slot]{transition:opacity .11s cubic-bezier(.2,0,.38,.9)}}.shell.shell--panels-animating{overflow:hidden}.main-content-body{align-items:stretch;block-size:100%;display:flex;flex:1 1 0%;max-inline-size:100%;min-block-size:inherit;min-inline-size:0;overflow-x:visible;position:relative}.shell.workspace-closing .main-content-body,.shell.workspace-opening .main-content-body{overflow-x:hidden}.main-chat{align-items:stretch;block-size:100%;display:flex;flex-direction:column;inline-size:100%}.shell.ai-theme{background:linear-gradient(to top,var(--cds-custom-chat-shell-background,var(--cds-custom-ai-popover-background,#fff)) 0,var(--cds-custom-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-custom-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-custom-chat-shell-background,var(--cds-custom-ai-popover-background,#fff)),var(--cds-custom-chat-shell-background,var(--cds-custom-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-custom-ai-border-start,rgba(166,200,255,.64)),var(--cds-custom-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-custom-chat-shell-background,var(--cds-custom-ai-popover-background,#fff)),var(--cds-custom-chat-shell-background,var(--cds-custom-ai-popover-background,#fff))) border-box;border:1px solid transparent;box-shadow:0 4px 10px 2px var(--cds-custom-ai-drop-shadow,rgba(15,98,254,.1))}.shell.ai-theme,.shell.ai-theme .main-chat{background-color:var(--cds-custom-chat-shell-background,#fff)}.shell.ai-theme .main-chat{background-image:linear-gradient(0deg,var(--cds-custom-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-custom-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-custom-ai-border-strong,#4589ff)}.shell.frameless,.shell.frameless.rounded{--cds-aichat-rounded-radius:0;--cds-aichat-rounded-radius-start-start:0;--cds-aichat-rounded-radius-start-end:0;--cds-aichat-rounded-radius-end-start:0;--cds-aichat-rounded-radius-end-end:0;border:none;border-radius:var(--cds-aichat-rounded-radius,0);box-shadow:none}.shell.rounded{--cds-aichat-rounded-radius:0.5rem;--cds-aichat-rounded-radius-start-start:0.5rem;--cds-aichat-rounded-radius-start-end:0.5rem;--cds-aichat-rounded-radius-end-start:0.5rem;--cds-aichat-rounded-radius-end-end:0.5rem}.shell.rounded,.shell.rounded .main-chat{border-radius:var(--cds-aichat-rounded-radius,0)}.shell.rounded .header-with-header-after,.shell.rounded .header-with-header-after>.header.has-content,.shell.rounded .header-with-header-after>.header:not(.has-content)+.header-after.has-content{border-start-end-radius:var(--cds-aichat-rounded-radius-start-end,0);border-start-start-radius:var(--cds-aichat-rounded-radius-start-start,0)}.shell.rounded .header-with-header-after>.header-after:not(.has-content),.shell.rounded .header-with-header-after>.header.has-content+.header-after,.shell.rounded .header-with-header-after>.header:not(.has-content){--cds-aichat-rounded-radius-start-end:0;--cds-aichat-rounded-radius-start-start:0;border-start-end-radius:0;border-start-start-radius:0}.main-content{align-items:stretch;display:flex;flex-direction:column;flex-grow:1;max-inline-size:100%;min-inline-size:0}.shell.workspace-closing .main-content-body,.shell.workspace-opening .main-content-body,:host([show-workspace]) .main-content-body{container-name:main-content-body;container-type:inline-size;flex-direction:row}:host([workspace-in-panel]) .main-content-body{flex-direction:column}.input-and-messages{align-items:stretch;block-size:100%;display:flex;flex-direction:column;flex-grow:1;inline-size:100%;margin:auto;max-inline-size:var(--cds-aichat-messages-max-width,672px);min-inline-size:var(--cds-aichat-messages-min-width,320px)}.shell.workspace-closing .input-and-messages,.shell.workspace-opening .input-and-messages,:host([show-workspace]) .input-and-messages{flex:0 0 var(--cds-aichat-messages-min-width,320px);inline-size:var(--cds-aichat-messages-min-width,320px);max-inline-size:var(--cds-aichat-messages-min-width,320px)}:host([workspace-in-panel][show-workspace]) .input-and-messages{flex:1 1 auto;inline-size:100%;max-inline-size:var(--cds-aichat-messages-max-width,672px)}.workspace{display:flex;flex-direction:column}:host([show-workspace]) .workspace{flex:1 1 auto;min-inline-size:var(--cds-aichat-workspace-min-width,640px)}.shell.workspace-closing .workspace,.shell.workspace-opening .workspace{flex:1 1 auto;min-inline-size:0}:host(:not([workspace-in-panel])[show-workspace]) .input-and-messages,:host(:not([workspace-in-panel])[show-workspace]) .workspace{box-sizing:border-box;padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:1rem;padding-inline-start:1rem}:host(:not([workspace-in-panel])[show-workspace]) .workspace{padding-inline-end:0}:host([show-workspace][workspace-location=end]) .workspace,:host([workspace-location=end]) .shell.workspace-closing .workspace,:host([workspace-location=end]) .shell.workspace-opening .workspace{order:2}.history{display:flex;flex-direction:column}.history>[data-panel-slot]{block-size:100%;display:flex;flex:1;flex-direction:column;min-block-size:0}:host([show-history]) .history{flex:0 0 auto;inline-size:var(--cds-aichat-history-width,320px);max-inline-size:var(--cds-aichat-history-width,320px)}.shell.rounded .input-and-messages:not(.at-max-width),.shell.rounded.has-header-content .input-and-messages{--cds-aichat-rounded-radius-start-start:0;--cds-aichat-rounded-radius-start-end:0}.shell.rounded .input-and-messages:not(.at-max-width),.shell.rounded.has-footer-content .input-and-messages{--cds-aichat-rounded-radius-end-start:0;--cds-aichat-rounded-radius-end-end:0}:host([show-history][history-location=end]) .input-and-messages{order:1}:host([show-workspace][workspace-location=end]) .input-and-messages,:host([workspace-location=end]) .shell.workspace-closing .input-and-messages,:host([workspace-location=end]) .shell.workspace-opening .input-and-messages{order:1}:host([show-history][history-location=end]) .history{order:3}:host([show-history][show-workspace][workspace-location=end]) .workspace{order:2}:host(:not([workspace-in-panel])[show-workspace][workspace-location=end]) .workspace{padding-inline-end:1rem}:host(:not([workspace-in-panel])[show-workspace][workspace-location=end]) .input-and-messages{padding-inline-end:0}.messages{flex-grow:1}.shell.rounded:not(.has-header-content) .input-and-messages.at-max-width{--cds-aichat-rounded-radius-start-start:0.5rem;--cds-aichat-rounded-radius-start-end:0.5rem}.shell.rounded .input-and-messages.has-messages-before-content>.messages{--cds-aichat-rounded-radius-start-start:0;--cds-aichat-rounded-radius-start-end:0}.shell.rounded .main-content,.shell.rounded .main-content>.footer.has-content{border-end-end-radius:var(--cds-aichat-rounded-radius-end-end,0);border-end-start-radius:var(--cds-aichat-rounded-radius-end-start,0)}.shell.rounded .main-content>.footer:not(.has-content){--cds-aichat-rounded-radius-end-start:0;--cds-aichat-rounded-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}.shell.rounded:not(.has-footer-content) .input-and-messages.at-max-width{--cds-aichat-rounded-radius-end-start:0.5rem;--cds-aichat-rounded-radius-end-end:0.5rem}.shell.rounded .input-and-messages>.input-after:not(.has-content),.shell.rounded .input-and-messages>.input-before:not(.has-content),.shell.rounded .input-and-messages>.input:not(.has-content),.shell.rounded .input-and-messages>.messages-after:not(.has-content){--cds-aichat-rounded-radius-end-start:0;--cds-aichat-rounded-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}.shell.rounded .input-and-messages:not(.has-input-after-content,.has-input-content,.has-input-before-content,.has-messages-after-content)>.messages{border-end-end-radius:var(--cds-aichat-rounded-radius-end-end,0);border-end-start-radius:var(--cds-aichat-rounded-radius-end-start,0)}.shell.rounded .input-and-messages.has-input-after-content>.messages,.shell.rounded .input-and-messages:not(.has-input-after-content).has-input-content>.messages,.shell.rounded .input-and-messages:not(.has-input-after-content,.has-input-content).has-input-before-content>.messages{--cds-aichat-rounded-radius-end-start:0;--cds-aichat-rounded-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}.shell.rounded .input-and-messages:not(.has-input-after-content)>.input.has-content,.shell.rounded .input-and-messages:not(.has-input-after-content,.has-input-content)>.input-before.has-content,.shell.rounded .input-and-messages:not(.has-input-after-content,.has-input-content,.has-input-before-content)>.messages-after.has-content,.shell.rounded .input-and-messages>.input-after.has-content{border-end-end-radius:var(--cds-aichat-rounded-radius-end-end,0);border-end-start-radius:var(--cds-aichat-rounded-radius-end-start,0)}.shell.rounded .input-and-messages.has-input-after-content>.input,.shell.rounded .input-and-messages.has-input-after-content>.input-before,.shell.rounded .input-and-messages.has-input-after-content>.messages-after,.shell.rounded .input-and-messages:not(.has-input-after-content).has-input-content>.input-before,.shell.rounded .input-and-messages:not(.has-input-after-content).has-input-content>.messages-after,.shell.rounded .input-and-messages:not(.has-input-after-content,.has-input-content).has-input-before-content>.messages-after,.shell.rounded .input-and-messages:not(.has-input-after-content,.has-input-content,.has-input-before-content).has-messages-after-content>.messages{--cds-aichat-rounded-radius-end-start:0;--cds-aichat-rounded-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}.workspace-content,.workspace-slot{block-size:100%;inline-size:100%}.workspace-content{opacity:1}@media (prefers-reduced-motion:no-preference){.workspace-content{transition:opacity .11s cubic-bezier(.2,0,.38,.9)}}.workspace-content--hidden{opacity:0;pointer-events:none}"]);
+
+export { styles as default };
+//# sourceMappingURL=cds-aichat-shell.scss.js.map

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

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

package/es-custom/components/chat-shell/src/panel-manager.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @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.
+ */
+export declare class PanelManager {
+    private readonly panelsSlot;
+    private readonly shellRoot;
+    private panelObservers;
+    private slotElements;
+    constructor(panelsSlot: HTMLSlotElement, shellRoot: HTMLElement);
+    connect(): void;
+    disconnect(): void;
+    refresh(): void;
+    private onSlotChange;
+    private observeAssignedPanels;
+    private stopObservingPanels;
+    private onPanelMutation;
+    private updateState;
+    private getAssignedPanelElements;
+    private getPanelStates;
+    private pickActivePanel;
+    private setInert;
+    private isPanelAnimating;
+    private syncSlotElements;
+}

package/es-custom/components/chat-shell/src/panel-manager.js

@@ -0,0 +1,144 @@
+/**
+ * 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
+ *
+ * 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.
+ */
+class PanelManager {
+    constructor(panelsSlot, shellRoot) {
+        this.panelsSlot = panelsSlot;
+        this.shellRoot = shellRoot;
+        this.panelObservers = new Map();
+        this.slotElements = [];
+        this.onSlotChange = () => {
+            this.observeAssignedPanels();
+            this.updateState();
+        };
+        this.onPanelMutation = () => {
+            this.updateState();
+        };
+    }
+    connect() {
+        this.syncSlotElements();
+        this.panelsSlot.addEventListener("slotchange", this.onSlotChange);
+        this.observeAssignedPanels();
+        this.updateState();
+    }
+    disconnect() {
+        this.panelsSlot.removeEventListener("slotchange", this.onSlotChange);
+        this.stopObservingPanels();
+    }
+    refresh() {
+        this.observeAssignedPanels();
+        this.updateState();
+    }
+    observeAssignedPanels() {
+        const panels = this.getAssignedPanelElements();
+        const current = new Set(panels);
+        for (const [panel, observer] of this.panelObservers) {
+            if (!current.has(panel)) {
+                observer.disconnect();
+                this.panelObservers.delete(panel);
+            }
+        }
+        for (const panel of panels) {
+            if (!this.panelObservers.has(panel)) {
+                const observer = new MutationObserver(this.onPanelMutation);
+                observer.observe(panel, { attributes: true });
+                this.panelObservers.set(panel, observer);
+            }
+        }
+    }
+    stopObservingPanels() {
+        for (const observer of this.panelObservers.values()) {
+            observer.disconnect();
+        }
+        this.panelObservers.clear();
+    }
+    updateState() {
+        this.syncSlotElements();
+        const panels = this.getPanelStates();
+        const active = this.pickActivePanel(panels);
+        const hasActive = Boolean(active);
+        const headerInert = hasActive && !active?.showChatHeader;
+        this.slotElements.forEach((slot) => {
+            const slotName = slot.dataset.panelSlot;
+            if (slotName === "header" || slotName === "header-after") {
+                this.setInert(slot, headerInert);
+            }
+            else {
+                this.setInert(slot, hasActive);
+            }
+        });
+        panels.forEach((panel) => {
+            const shouldInert = hasActive && panel.element !== active?.element && panel.open;
+            this.setInert(panel.element, shouldInert);
+        });
+        const isAnyPanelAnimating = panels.some((panelState) => this.isPanelAnimating(panelState.element));
+        this.shellRoot.classList.toggle("shell--panels-animating", isAnyPanelAnimating);
+    }
+    getAssignedPanelElements() {
+        const internalPanels = Array.from(this.shellRoot.querySelectorAll("cds-aichat-panel[data-internal-panel]"));
+        const panelsElement = this.panelsSlot
+            .assignedElements({ flatten: true })
+            .find((element) => element instanceof HTMLElement);
+        const slottedPanels = panelsElement
+            ? Array.from(panelsElement.querySelectorAll("cds-aichat-panel"))
+            : [];
+        const panels = [...internalPanels, ...slottedPanels];
+        return Array.from(new Set(panels));
+    }
+    getPanelStates() {
+        const panels = this.getAssignedPanelElements();
+        return panels.map((element, index) => ({
+            element,
+            open: element.hasAttribute("open"),
+            priority: Number(element.getAttribute("priority") ?? 0),
+            showChatHeader: element.hasAttribute("show-chat-header"),
+            index,
+        }));
+    }
+    pickActivePanel(panels) {
+        if (panels?.length) {
+            const sortedPanels = panels
+                .filter((panel) => panel.open)
+                .sort((a, b) => {
+                if (a.priority !== b.priority) {
+                    return b.priority - a.priority;
+                }
+                return b.index - a.index;
+            });
+            return sortedPanels[0];
+        }
+        return;
+    }
+    setInert(target, value) {
+        if (!target) {
+            return;
+        }
+        if (value) {
+            target.inert = true;
+        }
+        else {
+            target.inert = false;
+        }
+    }
+    isPanelAnimating(panelElement) {
+        return panelElement.classList.contains("panel-container--animating");
+    }
+    syncSlotElements() {
+        this.slotElements = Array.from(this.shellRoot.querySelectorAll("[data-panel-slot]"));
+    }
+}
+
+export { PanelManager };
+//# sourceMappingURL=panel-manager.js.map

package/es-custom/components/chat-shell/src/panel-manager.js.map

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

package/es-custom/components/chat-shell/src/workspace-manager.d.ts

@@ -0,0 +1,118 @@
+/**
+ * @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.
+ */
+interface WorkspaceConfig {
+    showWorkspace: boolean;
+    showHistory: boolean;
+    workspaceLocation: "start" | "end";
+    roundedCorners: boolean;
+}
+interface WorkspaceState {
+    inPanel: boolean;
+    contentVisible: boolean;
+    containerVisible: boolean;
+    isExpanding: boolean;
+    isContracting: boolean;
+}
+/**
+ * Manages workspace layout, responsive behavior, and transitions for cds-aichat-shell.
+ * Handles switching between inline and panel modes based on available width,
+ * and orchestrates smooth transitions when workspace visibility changes.
+ */
+export declare class WorkspaceManager {
+    private readonly shellRoot;
+    private readonly hostElement;
+    private config;
+    private state;
+    private hostResizeObserver?;
+    private windowResizeHandler?;
+    private expansionCheckInterval?;
+    private expansionLastInlineSize?;
+    private closingCheckInterval?;
+    private closingLastInlineSize?;
+    private throttledHandleHostResize;
+    private cssPropertyObserver?;
+    private lastKnownCssValues;
+    constructor(shellRoot: HTMLElement, hostElement: HTMLElement, config: WorkspaceConfig);
+    /**
+     * Initialize workspace management and start observing resize events.
+     * Should be called after the shell component is fully rendered.
+     */
+    connect(): void;
+    /**
+     * Clean up observers and timers.
+     * Should be called when the shell component is disconnected.
+     */
+    disconnect(): void;
+    /**
+     * Refresh workspace state and re-evaluate layout.
+     * Useful after external changes that might affect layout.
+     */
+    refresh(): void;
+    /**
+     * Update workspace configuration.
+     * Handles transitions when workspace visibility or related settings change.
+     */
+    updateConfig(newConfig: Partial<WorkspaceConfig>): void;
+    /**
+     * Get current workspace state.
+     * Returns a readonly copy to prevent external mutations.
+     */
+    getState(): Readonly<WorkspaceState>;
+    /**
+     * Check if workspace should be rendered inline (side-by-side with messages).
+     */
+    shouldRenderInline(): boolean;
+    /**
+     * Check if workspace should be rendered as a panel (overlay).
+     */
+    shouldRenderPanel(): boolean;
+    private observeHostWidth;
+    private setupWindowResizeListener;
+    private createHostResizeObserver;
+    private reconnectHostResizeObserver;
+    private performInitialHostMeasurement;
+    private handleHostResize;
+    private updateWorkspaceInPanelState;
+    private handleShowWorkspaceEnabled;
+    private handleShowWorkspaceDisabled;
+    private startExpansionPolling;
+    private startClosingPolling;
+    private finishWorkspaceExpansion;
+    private finishWorkspaceClosing;
+    private trackExpectedExpansion;
+    private clearExpansionTimers;
+    private clearClosingTimer;
+    private setWorkspaceInPanel;
+    private setWorkspaceContentVisible;
+    private setShowWorkspaceContainer;
+    private setState;
+    private updateShellClasses;
+    private requestHostUpdate;
+    private getRequiredMinWidth;
+    private isWideEnough;
+    private canHostGrow;
+    private finalizeImmediateDisplay;
+    private setupExpansionTracking;
+    private getInlineSizeFromEntry;
+    private getCssLengthFromProperty;
+    /**
+     * Observe CSS custom properties that affect workspace layout.
+     * When these properties change, recalculate workspace positioning.
+     */
+    private observeCssProperties;
+    /**
+     * Update the cached CSS property values.
+     */
+    private updateLastKnownCssValues;
+    /**
+     * Check if any relevant CSS properties have changed and trigger recalculation.
+     */
+    private checkCssPropertyChanges;
+}
+export {};