@carbon/ai-chat-components 0.8.0 → 0.9.0

package/es/components/chat-shell/src/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;font-family:var(--cds-aichat-font-family,\"IBM Plex Sans\",\"Helvetica Neue\",arial,sans-serif);inline-size:100%}.shell{--cds-aichat-rounded-modifier-radius:0;--cds-aichat-rounded-modifier-radius-start-start:0;--cds-aichat-rounded-modifier-radius-start-end:0;--cds-aichat-rounded-modifier-radius-end-start:0;--cds-aichat-rounded-modifier-radius-end-end:0;background-color:var(--cds-chat-shell-background,#fff);background-image:none;block-size:100%;border:1px solid var(--cds-border-subtle-00,#e0e0e0);border-radius:var(--cds-aichat-rounded-modifier-radius,0);box-shadow:0 2px 6px var(--cds-shadow,var(--cds-shadow,rgba(0,0,0,.3)));display:block;inline-size:100%;position:relative}.shell.shell--panels-animating{overflow:hidden}.shell.ai-theme{background:linear-gradient(to top,var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff)) 0,var(--cds-ai-aura-start,rgba(69,137,255,.1)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%) padding-box,linear-gradient(to top,var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff)),var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff))) padding-box,linear-gradient(to bottom,var(--cds-ai-border-start,rgba(166,200,255,.64)),var(--cds-ai-border-end,#78a9ff)) border-box,linear-gradient(to top,var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff)),var(--cds-chat-shell-background,var(--cds-ai-popover-background,#fff))) border-box;background-color:var(--cds-chat-shell-background,#fff);border:1px solid transparent;box-shadow:inset 0 -80px 70px -65px var(--cds-ai-inner-shadow,var(--cds-ai-inner-shadow,rgba(69,137,255,.1))),0 4px 10px 2px var(--cds-ai-drop-shadow,var(--cds-ai-drop-shadow,rgba(15,98,254,.1))),-40px 44px 60px -24px var(--cds-ai-popover-shadow-outer-01,var(--cds-ai-popover-shadow-outer-01,rgba(0,67,206,.06))),-56px 64px 64px -24px var(--cds-ai-popover-shadow-outer-02,var(--cds-ai-popover-shadow-outer-02,rgba(0,0,0,.04)))}.shell.frameless,.shell.frameless.rounded{--cds-aichat-rounded-modifier-radius:0;--cds-aichat-rounded-modifier-radius-start-start:0;--cds-aichat-rounded-modifier-radius-start-end:0;--cds-aichat-rounded-modifier-radius-end-start:0;--cds-aichat-rounded-modifier-radius-end-end:0;border:none;border-radius:var(--cds-aichat-rounded-modifier-radius,0);box-shadow:none}.shell.frameless.ai-theme{background-image:none}.main-chat{align-items:stretch;block-size:100%;display:flex;flex-direction:column;inline-size:100%;min-block-size:0}.shell.rounded{--cds-aichat-rounded-modifier-radius:0.5rem;--cds-aichat-rounded-modifier-radius-start-start:0.5rem;--cds-aichat-rounded-modifier-radius-start-end:0.5rem;--cds-aichat-rounded-modifier-radius-end-start:0.5rem;--cds-aichat-rounded-modifier-radius-end-end:0.5rem}.shell.rounded,.shell.rounded .main-chat{border-radius:var(--cds-aichat-rounded-modifier-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-modifier-radius-start-end,0);border-start-start-radius:var(--cds-aichat-rounded-modifier-radius-start-start,0)}.shell.rounded .header-with-header-after>.header:not(.has-content)+.header-after.has-content{--cds-aichat-rounded-modifier-radius-start-end:var(\n    --cds-aichat-rounded-modifier-radius,0\n  );--cds-aichat-rounded-modifier-radius-start-start:var(\n    --cds-aichat-rounded-modifier-radius,0\n  );--cds-aichat-rounded-modifier-radius-end-start:0;--cds-aichat-rounded-modifier-radius-end-end:0}.shell.rounded .header-with-header-after>.header-after:not(.has-content),.shell.rounded .header-with-header-after>.header.has-content+.header-after.has-content,.shell.rounded .header-with-header-after>.header:not(.has-content){--cds-aichat-rounded-modifier-radius-start-end:0;--cds-aichat-rounded-modifier-radius-start-start:0;border-start-end-radius:0;border-start-start-radius:0}.shell.rounded .header-with-header-after>.header.has-content+.header-after.has-content{--cds-aichat-rounded-modifier-radius-end-start:0;--cds-aichat-rounded-modifier-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}[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)}}.main-content{flex-direction:column;flex-grow:1}.main-content,.main-content-body{align-items:stretch;display:flex;max-inline-size:100%;min-block-size:0;min-inline-size:0}.main-content-body{block-size:100%;flex:1 1 0%;overflow-x:visible;position:relative}.shell.workspace-closing .main-content-body,.shell.workspace-opening .main-content-body{overflow-x:hidden}.shell.ai-theme .main-chat{background-color:var(--cds-chat-shell-background,#fff);background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.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)}:host([show-history][history-location=end]) .history{order:3}:host([show-history][show-workspace][workspace-location=end]) .workspace{order:2}.input-and-messages{align-items:stretch;block-size:100%;display:flex;flex-direction:column;flex-grow:1;inline-size:100%;margin:auto;min-block-size:0;min-inline-size:var(--cds-aichat-messages-min-width,320px)}.input-and-messages .messages-max-width{inline-size:100%;margin:auto;max-inline-size:var(--cds-aichat-messages-max-width,672px)}:host([show-history][history-location=end]) .input-and-messages{order:1}.messages{flex-grow:1;min-block-size:0}.workspace{display:flex;flex-direction:column;min-block-size:0}.workspace-content,.workspace-slot{block-size:100%;inline-size:100%;min-block-size:0}.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}.shell.workspace-checking .workspace{flex:1 1 0;margin:0;min-inline-size:0;overflow:hidden;padding:0;visibility:hidden}.shell.workspace-checking .input-and-messages{flex:1 1 auto;max-inline-size:var(--cds-aichat-messages-max-width,672px)}.shell.workspace-checking-closing .workspace{flex:1 1 auto;min-inline-size:0;overflow:hidden}.shell.workspace-checking-closing .input-and-messages{flex:0 1 auto;min-inline-size:0}.shell.workspace-checking-closing .workspace,.shell.workspace-closing .workspace{flex:1 1 0;min-inline-size:0;overflow:hidden}.shell.workspace-checking-closing .input-and-messages,.shell.workspace-closing .input-and-messages{box-sizing:border-box;flex:0 1 var(--cds-aichat-messages-min-width,320px);max-inline-size:var(--cds-aichat-messages-min-width,320px);min-inline-size:0}.shell.workspace-opening .workspace{flex:1 1 0;min-inline-size:0;overflow:hidden;visibility:hidden}.shell.workspace-opening .input-and-messages{box-sizing:border-box;flex:0 1 var(--cds-aichat-messages-min-width,320px);min-inline-size:0}.shell.workspace-checking-closing .main-content-body,.shell.workspace-closing .main-content-body,:host([show-workspace]) .main-content-body{container-name:main-content-body;container-type:inline-size;flex-direction:row}:host([show-workspace][workspace-location=end]) .input-and-messages{order:1}:host([workspace-location=end]) .shell.workspace-checking-closing .input-and-messages,:host([workspace-location=end]) .shell.workspace-closing .input-and-messages{order:1}:host([workspace-location=end]) .shell.workspace-checking-closing .workspace,:host([workspace-location=end]) .shell.workspace-closing .workspace{order:2}:host([workspace-in-container][show-workspace]) .workspace{box-sizing:border-box;flex:1 1 auto;min-inline-size:var(--cds-aichat-workspace-min-width,640px);padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:0;padding-inline-start:1rem}:host([workspace-in-container][show-workspace]) .input-and-messages{box-sizing:border-box;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);padding:1rem}: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)}:host([workspace-in-panel][show-workspace]) .main-content-body{flex-direction:column}:host([workspace-in-container][show-workspace][workspace-location=end]) .workspace{order:2;padding-inline-end:1rem}:host([workspace-in-container][show-workspace][workspace-location=end]) .input-and-messages{padding-inline-end:0}:host([workspace-in-container]) .shell.workspace-opening .workspace{flex:1 1 0;min-inline-size:0;padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:0;padding-inline-start:1rem}:host([workspace-in-container]) .shell.workspace-opening .input-and-messages{flex:0 1 var(--cds-aichat-messages-min-width,320px);min-inline-size:0;padding:1rem}:host([workspace-in-container][workspace-location=end]) .shell.workspace-opening .workspace{padding-inline-end:1rem;padding-inline-start:0}:host([workspace-in-container][workspace-location=end]) .shell.workspace-opening .input-and-messages{padding-inline-end:0}:host([workspace-in-container]) .shell.workspace-checking-closing .workspace,:host([workspace-in-container]) .shell.workspace-closing .workspace{padding-block-end:1rem;padding-block-start:1rem;padding-inline-end:0;padding-inline-start:1rem}:host([workspace-in-container]) .shell.workspace-checking-closing .input-and-messages,:host([workspace-in-container]) .shell.workspace-closing .input-and-messages{padding:0}:host([workspace-in-container][workspace-location=end]) .shell.workspace-checking-closing .workspace,:host([workspace-in-container][workspace-location=end]) .shell.workspace-closing .workspace{padding-inline-end:1rem;padding-inline-start:0}:host([workspace-in-container][workspace-location=end]) .shell.workspace-checking-closing .input-and-messages,:host([workspace-in-container][workspace-location=end]) .shell.workspace-closing .input-and-messages{padding:0}.shell.rounded .main-content,.shell.rounded .main-content>.footer.has-content{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)}.shell.rounded .main-content>.footer.has-content{--cds-aichat-rounded-modifier-radius-start-start:0;--cds-aichat-rounded-modifier-radius-start-end:0}.shell.rounded .main-content>.footer:not(.has-content){--cds-aichat-rounded-modifier-radius-end-start:0;--cds-aichat-rounded-modifier-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}.shell.rounded .input-and-messages:not(.at-max-width),.shell.rounded.has-header-content .input-and-messages{--cds-aichat-rounded-modifier-radius-start-start:0;--cds-aichat-rounded-modifier-radius-start-end:0}.shell.rounded .input-and-messages:not(.at-max-width),.shell.rounded.has-footer-content .input-and-messages{--cds-aichat-rounded-modifier-radius-end-start:0;--cds-aichat-rounded-modifier-radius-end-end:0}.shell.rounded:not(.has-header-content) .input-and-messages.at-max-width{--cds-aichat-rounded-modifier-radius-start-start:0.5rem;--cds-aichat-rounded-modifier-radius-start-end:0.5rem}.shell.rounded:not(.has-footer-content) .input-and-messages.at-max-width{--cds-aichat-rounded-modifier-radius-end-start:0.5rem;--cds-aichat-rounded-modifier-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){--cds-aichat-rounded-modifier-radius-end-start:0;--cds-aichat-rounded-modifier-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)>.messages{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)}.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-modifier-radius-end-start:0;--cds-aichat-rounded-modifier-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}.shell.rounded .input-and-messages>.input-after.has-content{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)}.shell.rounded:not(.has-footer-content) .input-and-messages.at-max-width>.input-after.has-content{--cds-aichat-rounded-modifier-radius-end-start:0.5rem;--cds-aichat-rounded-modifier-radius-end-end:0.5rem}:host(:not([show-workspace])) .input-and-messages:not(.at-max-width)>.input-after{margin-block-end:32px}.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{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)}.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:not(.has-input-after-content).has-input-content>.input-before{--cds-aichat-rounded-modifier-radius-end-start:0;--cds-aichat-rounded-modifier-radius-end-end:0;border-end-end-radius:0;border-end-start-radius:0}"]);
+
+export { styles as default };
+//# sourceMappingURL=shell.scss.js.map

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

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

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

@@ -0,0 +1,90 @@
+/**
+ * @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.
+ */
+/**
+ * Pure utility functions for workspace layout calculations.
+ * These functions have no side effects and depend only on their inputs.
+ */
+/**
+ * Calculate the minimum width required for side-by-side layout.
+ *
+ * @param dimensions - Layout dimensions
+ * @param dimensions.workspaceMinWidth - Minimum width for workspace area
+ * @param dimensions.messagesMinWidth - Minimum width for messages area
+ * @param dimensions.historyWidth - Width for history panel
+ * @returns Total minimum width required
+ */
+export declare function calculateRequiredWidth(dimensions: {
+    workspaceMinWidth: number;
+    messagesMinWidth: number;
+    historyWidth: number;
+}): number;
+/**
+ * Check if width change exceeds the threshold for meaningful expansion.
+ *
+ * @param current - Current width value
+ * @param initial - Initial width value
+ * @param threshold - Minimum change threshold in pixels
+ * @returns True if the absolute difference exceeds the threshold
+ */
+export declare function hasSignificantWidthChange(current: number, initial: number, threshold: number): boolean;
+/**
+ * Check if the host element is wide enough for side-by-side layout.
+ *
+ * @param inlineSize - Current width of the host element
+ * @param requiredWidth - Minimum width required for side-by-side layout
+ * @returns True if wide enough, or if running in SSR context
+ */
+export declare function isWideEnough(inlineSize: number, requiredWidth: number): boolean;
+/**
+ * Check if the host element can potentially grow to the required width.
+ *
+ * @param requiredWidth - Minimum width required for side-by-side layout
+ * @returns True if window width is sufficient, false in SSR context
+ */
+export declare function canHostGrow(requiredWidth: number): boolean;
+/**
+ * Extract inline size from a ResizeObserverEntry.
+ *
+ * @param entry - ResizeObserver entry containing size information
+ * @returns The inline size in pixels
+ */
+export declare function getInlineSizeFromEntry(entry: ResizeObserverEntry): number;
+/**
+ * Parse a CSS length value from a computed style property.
+ *
+ * @param element - Element to get computed style from
+ * @param propertyName - CSS custom property name
+ * @param fallback - Fallback value if property is not set or invalid
+ * @returns Parsed numeric value or fallback
+ */
+export declare function getCssLengthFromProperty(element: HTMLElement, propertyName: string, fallback: number): number;
+/**
+ * Check if workspace DOM attributes match the expected panel state.
+ *
+ * @param element - Host element containing workspace attributes
+ * @param inPanel - Expected panel state
+ * @returns True if both attributes are correctly set
+ */
+export declare function areWorkspaceAttributesCorrect(element: HTMLElement, inPanel: boolean): boolean;
+/**
+ * Check if workspace update should be skipped based on current state.
+ *
+ * @param config - Workspace configuration
+ * @param config.showWorkspace - Whether workspace is enabled
+ * @param state - Current workspace state
+ * @param state.containerVisible - Whether workspace container is visible
+ * @param state.isContracting - Whether workspace is currently contracting
+ * @returns True if update should be skipped
+ */
+export declare function shouldSkipWorkspaceUpdate(config: {
+    showWorkspace: boolean;
+}, state: {
+    containerVisible: boolean;
+    isContracting: boolean;
+}): boolean;

package/es/components/chat-shell/src/workspace-manager-utils.js

@@ -0,0 +1,120 @@
+/**
+ * Copyright IBM Corp. 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @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.
+ */
+/**
+ * Pure utility functions for workspace layout calculations.
+ * These functions have no side effects and depend only on their inputs.
+ */
+/**
+ * Calculate the minimum width required for side-by-side layout.
+ *
+ * @param dimensions - Layout dimensions
+ * @param dimensions.workspaceMinWidth - Minimum width for workspace area
+ * @param dimensions.messagesMinWidth - Minimum width for messages area
+ * @param dimensions.historyWidth - Width for history panel
+ * @returns Total minimum width required
+ */
+function calculateRequiredWidth(dimensions) {
+    return (dimensions.workspaceMinWidth +
+        dimensions.messagesMinWidth +
+        dimensions.historyWidth);
+}
+/**
+ * Check if width change exceeds the threshold for meaningful expansion.
+ *
+ * @param current - Current width value
+ * @param initial - Initial width value
+ * @param threshold - Minimum change threshold in pixels
+ * @returns True if the absolute difference exceeds the threshold
+ */
+function hasSignificantWidthChange(current, initial, threshold) {
+    return Math.abs(current - initial) > threshold;
+}
+/**
+ * Check if the host element is wide enough for side-by-side layout.
+ *
+ * @param inlineSize - Current width of the host element
+ * @param requiredWidth - Minimum width required for side-by-side layout
+ * @returns True if wide enough, or if running in SSR context
+ */
+function isWideEnough(inlineSize, requiredWidth) {
+    return typeof window === "undefined" || inlineSize >= requiredWidth;
+}
+/**
+ * Check if the host element can potentially grow to the required width.
+ *
+ * @param requiredWidth - Minimum width required for side-by-side layout
+ * @returns True if window width is sufficient, false in SSR context
+ */
+function canHostGrow(requiredWidth) {
+    return typeof window !== "undefined" && window.innerWidth >= requiredWidth;
+}
+/**
+ * Extract inline size from a ResizeObserverEntry.
+ *
+ * @param entry - ResizeObserver entry containing size information
+ * @returns The inline size in pixels
+ */
+function getInlineSizeFromEntry(entry) {
+    const borderBoxSize = Array.isArray(entry.borderBoxSize)
+        ? entry.borderBoxSize[0]
+        : entry.borderBoxSize;
+    return borderBoxSize?.inlineSize ?? entry.contentRect.width;
+}
+/**
+ * Parse a CSS length value from a computed style property.
+ *
+ * @param element - Element to get computed style from
+ * @param propertyName - CSS custom property name
+ * @param fallback - Fallback value if property is not set or invalid
+ * @returns Parsed numeric value or fallback
+ */
+function getCssLengthFromProperty(element, propertyName, fallback) {
+    const value = getComputedStyle(element).getPropertyValue(propertyName).trim();
+    if (!value) {
+        return fallback;
+    }
+    const parsed = Number.parseFloat(value);
+    return Number.isNaN(parsed) ? fallback : parsed;
+}
+/**
+ * Check if workspace DOM attributes match the expected panel state.
+ *
+ * @param element - Host element containing workspace attributes
+ * @param inPanel - Expected panel state
+ * @returns True if both attributes are correctly set
+ */
+function areWorkspaceAttributesCorrect(element, inPanel) {
+    const panelAttrExists = element.hasAttribute("workspace-in-panel");
+    const containerAttrExists = element.hasAttribute("workspace-in-container");
+    return panelAttrExists === inPanel && containerAttrExists === !inPanel;
+}
+/**
+ * Check if workspace update should be skipped based on current state.
+ *
+ * @param config - Workspace configuration
+ * @param config.showWorkspace - Whether workspace is enabled
+ * @param state - Current workspace state
+ * @param state.containerVisible - Whether workspace container is visible
+ * @param state.isContracting - Whether workspace is currently contracting
+ * @returns True if update should be skipped
+ */
+function shouldSkipWorkspaceUpdate(config, state) {
+    return (!config.showWorkspace || !state.containerVisible || state.isContracting);
+}
+// Made with Bob
+
+export { areWorkspaceAttributesCorrect, calculateRequiredWidth, canHostGrow, getCssLengthFromProperty, getInlineSizeFromEntry, hasSignificantWidthChange, isWideEnough, shouldSkipWorkspaceUpdate };
+//# sourceMappingURL=workspace-manager-utils.js.map

package/es/components/chat-shell/src/workspace-manager-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workspace-manager-utils.js","sources":["../../../../src/components/chat-shell/src/workspace-manager-utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAAA;;;;;;;AAOG;AAEH;;;AAGG;AAEH;;;;;;;;AAQG;AACG,SAAU,sBAAsB,CAAC,UAItC,EAAA;IACC,QACE,UAAU,CAAC,iBAAiB;AAC5B,QAAA,UAAU,CAAC,gBAAgB;QAC3B,UAAU,CAAC,YAAY;AAE3B;AAEA;;;;;;;AAOG;SACa,yBAAyB,CACvC,OAAe,EACf,OAAe,EACf,SAAiB,EAAA;IAEjB,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,GAAG,SAAS;AAChD;AAEA;;;;;;AAMG;AACG,SAAU,YAAY,CAC1B,UAAkB,EAClB,aAAqB,EAAA;IAErB,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,UAAU,IAAI,aAAa;AACrE;AAEA;;;;;AAKG;AACG,SAAU,WAAW,CAAC,aAAqB,EAAA;IAC/C,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,IAAI,aAAa;AAC5E;AAEA;;;;;AAKG;AACG,SAAU,sBAAsB,CAAC,KAA0B,EAAA;IAC/D,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,aAAa;AACrD,UAAE,KAAK,CAAC,aAAa,CAAC,CAAC;AACvB,UAAE,KAAK,CAAC,aAAa;IACvB,OAAO,aAAa,EAAE,UAAU,IAAI,KAAK,CAAC,WAAW,CAAC,KAAK;AAC7D;AAEA;;;;;;;AAOG;SACa,wBAAwB,CACtC,OAAoB,EACpB,YAAoB,EACpB,QAAgB,EAAA;AAEhB,IAAA,MAAM,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE;IAC7E,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,OAAO,QAAQ;IACjB;IACA,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC;AACvC,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,QAAQ,GAAG,MAAM;AACjD;AAEA;;;;;;AAMG;AACG,SAAU,6BAA6B,CAC3C,OAAoB,EACpB,OAAgB,EAAA;IAEhB,MAAM,eAAe,GAAG,OAAO,CAAC,YAAY,CAAC,oBAAoB,CAAC;IAClE,MAAM,mBAAmB,GAAG,OAAO,CAAC,YAAY,CAAC,wBAAwB,CAAC;IAE1E,OAAO,eAAe,KAAK,OAAO,IAAI,mBAAmB,KAAK,CAAC,OAAO;AACxE;AAEA;;;;;;;;;AASG;AACG,SAAU,yBAAyB,CACvC,MAAkC,EAClC,KAA4D,EAAA;AAE5D,IAAA,QACE,CAAC,MAAM,CAAC,aAAa,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,aAAa;AAE3E;AAEA;;;;"}

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

@@ -16,7 +16,9 @@ interface WorkspaceState {
     inPanel: boolean;
     contentVisible: boolean;
     containerVisible: boolean;
+    isCheckingExpansion: boolean;
     isExpanding: boolean;
+    isCheckingContracting: boolean;
     isContracting: boolean;
 }
 /**
@@ -33,8 +35,9 @@ export declare class WorkspaceManager {
     private windowResizeHandler?;
     private expansionCheckInterval?;
     private expansionLastInlineSize?;
-    private closingCheckInterval?;
-    private closingLastInlineSize?;
+    private contractionCheckInterval?;
+    private contractionLastInlineSize?;
+    private contractionInitialInlineSize?;
     private throttledHandleHostResize;
     private cssPropertyObserver?;
     private lastKnownCssValues;
@@ -79,15 +82,60 @@ export declare class WorkspaceManager {
     private performInitialHostMeasurement;
     private handleHostResize;
     private updateWorkspaceInPanelState;
+    /**
+     * Get layout dimensions from cache or compute if not available.
+     * Uses cached CSS values for performance, falling back to live computation.
+     */
+    private getLayoutDimensions;
     private handleShowWorkspaceEnabled;
+    private initializeImmediateDisplay;
+    private initializeExpansionTracking;
     private handleShowWorkspaceDisabled;
     private startExpansionPolling;
-    private startClosingPolling;
+    /**
+     * Check expansion progress and determine if transition is complete.
+     */
+    private checkExpansionProgress;
+    /**
+     * Handle ongoing width changes during expansion.
+     */
+    private handleOngoingExpansion;
+    /**
+     * Set workspace to container mode by updating DOM attributes.
+     */
+    private setWorkspaceInContainerMode;
+    private setupContractionTracking;
+    private initializeImmediateClosing;
+    private startContractionPolling;
+    private checkContractionProgress;
+    private handleOngoingContraction;
+    private finishWorkspaceContraction;
+    private startFinalContractionPolling;
+    private trackExpectedContraction;
     private finishWorkspaceExpansion;
     private finishWorkspaceClosing;
     private trackExpectedExpansion;
     private clearExpansionTimers;
-    private clearClosingTimer;
+    private clearContractionTimers;
+    /**
+     * Updates workspace DOM attributes to match the panel state.
+     * Maintains inverse relationship between panel and container attributes.
+     *
+     * @param inPanel - True for panel mode, false for container mode
+     */
+    private updateWorkspaceAttributes;
+    /**
+     * Updates the workspace panel state and corresponding DOM attributes.
+     *
+     * Synchronizes internal state with DOM attributes that control whether
+     * the workspace is displayed as an overlay panel or inline container.
+     *
+     * Ignores calls during expansion/contraction transitions. Only updates if
+     * state or attributes need changes. Maintains inverse relationship between
+     * panel and container attributes.
+     *
+     * @param inPanel - True to display workspace as overlay panel, false for inline
+     */
     private setWorkspaceInPanel;
     private setWorkspaceContentVisible;
     private setShowWorkspaceContainer;
@@ -95,12 +143,8 @@ export declare class WorkspaceManager {
     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.