@carbon/ai-chat 1.16.0-rc.0 → 1.16.0

package/dist/es-custom/web-components/cds-aichat-custom-element/index.js

@@ -266,6 +266,17 @@ let ChatCustomElement = ChatCustomElement_1 = class ChatCustomElement extends Fl
         this._pluginSlotNames = [ ...this._pluginSlotNames, detail.slotName ];
       }
       event.preventDefault();
+      if (detail.element) {
+        const element = detail.element;
+        element.setAttribute("slot", detail.slotName);
+        if (!detail.isInline) {
+          element.style.marginBlockStart = "1rem";
+        }
+        if (element.parentElement !== this) {
+          this.appendChild(element);
+        }
+        return;
+      }
       let host = this._pluginHosts.get(detail.slotName);
       if (!host) {
         host = document.createElement(detail.isInline ? "span" : "div");
@@ -276,8 +287,8 @@ let ChatCustomElement = ChatCustomElement_1 = class ChatCustomElement extends Fl
         this._pluginHosts.set(detail.slotName, host);
         this.appendChild(host);
       }
-      if (host.innerHTML !== detail.html) {
-        host.innerHTML = detail.html;
+      if (host.innerHTML !== (detail.html ?? "")) {
+        host.innerHTML = detail.html ?? "";
       }
     };
     this.handlePluginHostUpdate = event => {

package/dist/es-custom/web-components/cds-aichat-custom-element/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/web-components/cds-custom-aichat-custom-element/index.ts"],"sourcesContent":["/*\n *  Copyright IBM Corp. 2025, 2026\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\n// Ensure the container custom element is registered whenever the\n// custom element module is imported by re-exporting its exports.\n// This prevents bundlers (and our own multi-entry Rollup build)\n// from pruning the side-effect-only import.\nexport { default as __cds-custom_aichat_container_register } from \"../cds-custom-aichat-container\";\nimport \"../cds-custom-aichat-container\";\n\nimport { html } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\n\nimport { carbonElement } from \"@carbon/ai-chat-components/es-custom/globals/decorators/index.js\";\nimport { PublicConfig } from \"../../types/config/PublicConfig\";\nimport { FlattenedConfigElement } from \"../shared/FlattenedConfigElement\";\nimport { ChatInstance } from \"../../types/instance/ChatInstance\";\nimport {\n  BusEventChunkUserDefinedResponse,\n  BusEventCustomFooterSlot,\n  BusEventType,\n  BusEventUserDefinedResponse,\n  BusEventViewChange,\n  BusEventViewPreChange,\n} from \"../../types/events/eventBusTypes\";\nimport type {\n  WCMarkdown,\n  WCRenderCustomMessageFooter,\n  WCRenderUserDefinedResponse,\n} from \"../../types/component/ChatContainer\";\n\n/**\n * cds-custom-aichat-custom-element will is a pass through to cds-custom-aichat-container. It takes any user_defined and writeable element\n * slotted content and forwards it to cds-custom-aichat-container. It also will setup the custom element with a default viewChange\n * pattern (e.g. hiding and showing the custom element when the chat should be open/closed) if a onViewChange property is not\n * defined. Finally, it registers the custom element with cds-custom-aichat-container so a default \"floating\" element will not be created.\n *\n * The custom element should be sized using external CSS. When hidden, the 'cds-custom-aichat--hidden' class is added to set dimensions to 0x0.\n */\n@carbonElement(\"cds-custom-aichat-custom-element\")\nclass ChatCustomElement extends FlattenedConfigElement {\n  /**\n   * Shared stylesheet for hiding styles.\n   */\n  private static hideSheet = new CSSStyleSheet();\n  static {\n    // Hide styles that override any external sizing. `replaceSync` is absent\n    // in non-browser environments (e.g. the jsdom-based test environment), so\n    // skip styling there rather than throwing at module-evaluation time.\n    ChatCustomElement.hideSheet.replaceSync?.(`\n      :host {\n        display: block;\n      }\n      :host(.cds-custom-aichat--hidden) {\n        width: 0 !important;\n        height: 0 !important;\n        min-width: 0 !important;\n        min-height: 0 !important;\n        max-width: 0 !important;\n        max-height: 0 !important;\n        inline-size: 0 !important;\n        block-size: 0 !important;\n        min-inline-size: 0 !important;\n        min-block-size: 0 !important;\n        max-inline-size: 0 !important;\n        max-block-size: 0 !important;\n        overflow: hidden !important;\n        display: block !important;\n      }\n    `);\n  }\n\n  /**\n   * Adopt our stylesheet into every shadowRoot.\n   */\n  protected createRenderRoot(): ShadowRoot {\n    // Lits default createRenderRoot actually returns a ShadowRoot\n    const root = super.createRenderRoot() as ShadowRoot;\n\n    // now TS knows root.adoptedStyleSheets exists\n    root.adoptedStyleSheets = [\n      ...root.adoptedStyleSheets,\n      ChatCustomElement.hideSheet,\n    ];\n    return root;\n  }\n\n  /**\n   * This function is called before the render function of Carbon AI Chat is called. This function can return a Promise\n   * which will cause Carbon AI Chat to wait for it before rendering.\n   *\n   * Use it to capture the {@link ChatInstance} so you can call instance methods later.\n   *\n   * @example\n   * ```ts\n   * const onBeforeRender = (instance: ChatInstance) => {\n   *   this.instance = instance;\n   * };\n   * // <cds-custom-aichat-custom-element .onBeforeRender=${onBeforeRender}></cds-custom-aichat-custom-element>\n   * ```\n   */\n  @property({ attribute: false })\n  onBeforeRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * This function is called after the render function of Carbon AI Chat is called.\n   *\n   * Like `onBeforeRender`, it receives the {@link ChatInstance}; use it when you need the instance only after the\n   * first render has completed.\n   */\n  @property({ attribute: false })\n  onAfterRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * Called before a view change (chat opening/closing). The chat will hide the chat shell inside your custom element\n   * to prevent invisible keyboard stops when the view change is complete.\n   *\n   * Use this callback to update your CSS class name values on this element before the view change happens if you want to add any open/close\n   * animations to your custom element before the chat shell inner contents are hidden. It is async and so you can\n   * tie it to native the AnimationEvent and only return when your animations have completed.\n   *\n   * A common pattern is to use this for when the chat is closing and to use onViewChange for when the chat opens.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  @property()\n  onViewPreChange?: (event: BusEventViewPreChange) => Promise<void> | void;\n\n  /**\n   * Called when the chat view change is complete. If no callback is provided here, the default behavior will be to set\n   * the chat shell to 0x0 size and set all inner contents aside from the launcher, if you are using it, to display: none.\n   * The inner contents of the chat shell (aside from the launcher if you are using it) are always set to display: none\n   * regardless of what is configured with this callback to prevent invisible tab stops and screen reader issues.\n   *\n   * Use this callback to update your className value when the chat has finished being opened or closed.\n   *\n   * You can provide a different callback here if you want custom animation behavior when the chat is opened or closed.\n   * The animation behavior defined here will run in concert with the chat inside your custom container being hidden.\n   *\n   * If you want to run animations before the inner contents of the chat shell is shrunk and the inner contents are hidden,\n   * make use of onViewPreChange.\n   *\n   * A common pattern is to use this for when the chat is opening and to use onViewPreChange for when the chat closes.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  @property()\n  onViewChange?: (event: BusEventViewChange, instance: ChatInstance) => void;\n\n  /**\n   * Optional callback to render user defined responses. When provided, the inner cds-custom-aichat-container\n   * manages all event listening, slot tracking, and element lifecycle.\n   */\n  @property({ attribute: false })\n  renderUserDefinedResponse?: WCRenderUserDefinedResponse;\n\n  /**\n   * Optional callback to render custom message footers. When provided, the inner cds-custom-aichat-container\n   * manages all event listening, slot tracking, and element lifecycle.\n   */\n  @property({ attribute: false })\n  renderCustomMessageFooter?: WCRenderCustomMessageFooter;\n\n  // markdown is declared on the FlattenedConfigElement base; the attributes\n  // interface narrows its type.\n\n  @state()\n  private _userDefinedSlotNames: string[] = [];\n\n  @state()\n  private _writeableElementSlots: string[] = [];\n\n  @state()\n  private _customFooterSlotNames: string[] = [];\n\n  /**\n   * Active slot names for markdown-plugin output hosted at this element.\n   * Populated when this element accepts the host-mount event; drained when\n   * the matching unmount event fires.\n   */\n  @state()\n  private _pluginSlotNames: string[] = [];\n\n  /**\n   * Page-level host elements created for plugin-output slots, keyed by slot\n   * name. Created in this element's outer light DOM so consumer-loaded\n   * stylesheets (e.g. KaTeX) reach the rendered HTML normally.\n   */\n  private _pluginHosts: Map<string, HTMLElement> = new Map();\n\n  @state()\n  private _instance!: ChatInstance;\n\n  private defaultViewChangeHandler = (event: BusEventViewChange) => {\n    if (event.newViewState.mainWindow) {\n      this.classList.remove(\"cds-custom-aichat--hidden\");\n    } else {\n      this.classList.add(\"cds-custom-aichat--hidden\");\n    }\n  };\n\n  private userDefinedHandler = (\n    event: BusEventUserDefinedResponse | BusEventChunkUserDefinedResponse,\n  ) => {\n    const { slot } = event.data;\n    if (!this._userDefinedSlotNames.includes(slot)) {\n      this._userDefinedSlotNames = [...this._userDefinedSlotNames, slot];\n    }\n  };\n\n  private customFooterHandler = (event: BusEventCustomFooterSlot) => {\n    const { slotName } = event.data;\n    if (!this._customFooterSlotNames.includes(slotName)) {\n      this._customFooterSlotNames = [...this._customFooterSlotNames, slotName];\n    }\n  };\n\n  private handlePluginHostMount = (event: Event) => {\n    const detail = (\n      event as CustomEvent<{\n        slotName: string;\n        html: string;\n        isInline: boolean;\n      }>\n    ).detail;\n    if (!detail?.slotName) {\n      return;\n    }\n    if (!this._pluginSlotNames.includes(detail.slotName)) {\n      this._pluginSlotNames = [...this._pluginSlotNames, detail.slotName];\n    }\n    // cds-custom-aichat-custom-element is always the outermost chat element in its\n    // shadow chain; there is no further chat ancestor to defer to. Take\n    // hosting unconditionally.\n    event.preventDefault();\n    let host = this._pluginHosts.get(detail.slotName);\n    if (!host) {\n      host = document.createElement(detail.isInline ? \"span\" : \"div\");\n      host.setAttribute(\"slot\", detail.slotName);\n      // Match `.cds-custom-aichat-markdown-stack > *:not(:first-child)` spacing;\n      // shadow CSS doesn't reach this host (it lives in this element's\n      // outer light DOM), so apply it inline. Inline output flows with\n      // text and gets no extra spacing.\n      if (!detail.isInline) {\n        host.style.marginBlockStart = \"1rem\";\n      }\n      this._pluginHosts.set(detail.slotName, host);\n      this.appendChild(host);\n    }\n    if (host.innerHTML !== detail.html) {\n      host.innerHTML = detail.html;\n    }\n  };\n\n  private handlePluginHostUpdate = (event: Event) => {\n    const detail = (event as CustomEvent<{ slotName: string; html: string }>)\n      .detail;\n    if (!detail?.slotName) {\n      return;\n    }\n    const host = this._pluginHosts.get(detail.slotName);\n    if (host && host.innerHTML !== detail.html) {\n      host.innerHTML = detail.html;\n    }\n  };\n\n  private handlePluginHostUnmount = (event: Event) => {\n    const detail = (event as CustomEvent<{ slotName: string }>).detail;\n    if (!detail?.slotName) {\n      return;\n    }\n    this._pluginSlotNames = this._pluginSlotNames.filter(\n      (n) => n !== detail.slotName,\n    );\n    const host = this._pluginHosts.get(detail.slotName);\n    if (host) {\n      host.remove();\n      this._pluginHosts.delete(detail.slotName);\n    }\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\n      \"cds-custom-aichat-markdown-plugin-host-mount\",\n      this.handlePluginHostMount,\n    );\n    this.addEventListener(\n      \"cds-custom-aichat-markdown-plugin-host-update\",\n      this.handlePluginHostUpdate,\n    );\n    this.addEventListener(\n      \"cds-custom-aichat-markdown-plugin-host-unmount\",\n      this.handlePluginHostUnmount,\n    );\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(\n      \"cds-custom-aichat-markdown-plugin-host-mount\",\n      this.handlePluginHostMount,\n    );\n    this.removeEventListener(\n      \"cds-custom-aichat-markdown-plugin-host-update\",\n      this.handlePluginHostUpdate,\n    );\n    this.removeEventListener(\n      \"cds-custom-aichat-markdown-plugin-host-unmount\",\n      this.handlePluginHostUnmount,\n    );\n    for (const host of this._pluginHosts.values()) {\n      host.remove();\n    }\n    this._pluginHosts.clear();\n    super.disconnectedCallback();\n  }\n\n  private onBeforeRenderOverride = async (instance: ChatInstance) => {\n    this._instance = instance;\n    if (this.onViewPreChange) {\n      this._instance.on({\n        type: BusEventType.VIEW_PRE_CHANGE,\n        handler: this.onViewPreChange,\n      });\n    }\n    this._instance.on({\n      type: BusEventType.VIEW_CHANGE,\n      handler: this.onViewChange || this.defaultViewChangeHandler,\n    });\n\n    if (!this.renderUserDefinedResponse) {\n      // Legacy path: custom-element tracks slot names for manual slotting.\n      // When renderUserDefinedResponse is set, the inner cds-custom-aichat-container handles everything.\n      this._instance.on({\n        type: BusEventType.USER_DEFINED_RESPONSE,\n        handler: this.userDefinedHandler,\n      });\n      this._instance.on({\n        type: BusEventType.CHUNK_USER_DEFINED_RESPONSE,\n        handler: this.userDefinedHandler,\n      });\n    }\n\n    if (!this.renderCustomMessageFooter) {\n      // Legacy path: custom-element tracks slot names for manual slotting.\n      // When renderCustomMessageFooter is set, the inner cds-custom-aichat-container handles everything.\n      this._instance.on({\n        type: BusEventType.CUSTOM_FOOTER_SLOT,\n        handler: this.customFooterHandler,\n      });\n    }\n    this.addWriteableElementSlots();\n    await this.onBeforeRender?.(instance);\n  };\n\n  private addWriteableElementSlots() {\n    this._writeableElementSlots = Object.keys(this._instance.writeableElements);\n  }\n\n  render() {\n    return html`\n      <cds-custom-aichat-container\n        .config=${this.resolvedConfig}\n        .header=${this.resolvedConfig.header}\n        .onAfterRender=${this.onAfterRender}\n        .onBeforeRender=${this.onBeforeRenderOverride}\n        .element=${this}\n        .renderUserDefinedResponse=${this.renderUserDefinedResponse}\n        .renderCustomMessageFooter=${this.renderCustomMessageFooter}\n        .markdown=${this.markdown as WCMarkdown | undefined}\n      >\n        ${this._writeableElementSlots.map(\n          (slot) => html`<slot name=${slot} slot=${slot}></slot>`,\n        )}\n        ${this.renderUserDefinedResponse\n          ? null\n          : this._userDefinedSlotNames.map(\n              (slot) => html`<slot name=${slot} slot=${slot}></slot>`,\n            )}\n        ${this.renderCustomMessageFooter\n          ? null\n          : this._customFooterSlotNames.map(\n              (slot) =>\n                html`<div slot=${slot}><slot name=${slot}></slot></div>`,\n            )}\n        ${this._pluginSlotNames.map(\n          (slot) => html`<slot name=${slot} slot=${slot}></slot>`,\n        )}\n      </cds-custom-aichat-container>\n    `;\n  }\n}\n\n/**\n * Attributes interface for the cds-custom-aichat-custom-element web component.\n * This interface extends {@link PublicConfig} with additional component-specific props,\n * flattening all config properties as top-level properties for better TypeScript IntelliSense.\n *\n * @category Web component\n */\ninterface CdsAiChatCustomElementAttributes extends Omit<\n  PublicConfig,\n  \"markdown\"\n> {\n  /**\n   * Markdown rendering customization. Extends the framework-neutral\n   * `PublicConfig.markdown` with web-component `customRenderers`.\n   *\n   * @experimental\n   */\n  markdown?: WCMarkdown;\n\n  /**\n   * This function is called before the render function of Carbon AI Chat is called. This function can return a Promise\n   * which will cause Carbon AI Chat to wait for it before rendering.\n   */\n  onBeforeRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * This function is called after the render function of Carbon AI Chat is called.\n   */\n  onAfterRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * Called before a view change (the chat opening or closing) and awaited before the change proceeds. Use it to update\n   * this element's CSS classes and run open/close animations to completion before the chat shell's inner contents are\n   * hidden. A common pattern is to use this when the chat is closing and `onViewChange` when it opens.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded. After Carbon AI Chat is loaded, the\n   * callback will not be updated.\n   */\n  onViewPreChange?: (event: BusEventViewPreChange) => Promise<void> | void;\n\n  /**\n   * An optional listener for \"view:change\" events. Such a listener is required when using a custom element in order\n   * to control the visibility of the Carbon AI Chat main window. If no callback is provided here, a default one will be\n   * used that injects styling into the app that will show and hide the Carbon AI Chat main window and also change the\n   * size of the custom element so it doesn't take up space when the main window is closed.\n   *\n   * You can provide a different callback here if you want custom behavior such as an animation when the main window\n   * is opened or closed.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded. After Carbon AI Chat is loaded, the event\n   * handler will not be updated.\n   */\n  onViewChange?: (event: BusEventViewChange, instance: ChatInstance) => void;\n\n  /**\n   * Optional callback to render user defined responses. When provided, the inner cds-custom-aichat-container\n   * manages all event listening, slot tracking, streaming state, and element lifecycle.\n   */\n  renderUserDefinedResponse?: WCRenderUserDefinedResponse;\n\n  /**\n   * Optional callback to render custom message footers. When provided, the inner cds-custom-aichat-container\n   * manages all event listening, slot tracking, and element lifecycle.\n   */\n  renderCustomMessageFooter?: WCRenderCustomMessageFooter;\n}\n\nexport { CdsAiChatCustomElementAttributes };\n\nexport default ChatCustomElement;\n"],"names":["ChatCustomElement","ChatCustomElement_1","FlattenedConfigElement","constructor","this","_userDefinedSlotNames","_writeableElementSlots","_customFooterSlotNames","_pluginSlotNames","_pluginHosts","Map","defaultViewChangeHandler","event","newViewState","mainWindow","classList","remove","add","userDefinedHandler","slot","data","includes","customFooterHandler","slotName","handlePluginHostMount","detail","preventDefault","host","get","document","createElement","isInline","setAttribute","style","marginBlockStart","set","appendChild","innerHTML","html","handlePluginHostUpdate","handlePluginHostUnmount","filter","n","delete","onBeforeRenderOverride","async","instance","_instance","onViewPreChange","on","type","BusEventType","VIEW_PRE_CHANGE","handler","VIEW_CHANGE","onViewChange","renderUserDefinedResponse","USER_DEFINED_RESPONSE","CHUNK_USER_DEFINED_RESPONSE","renderCustomMessageFooter","CUSTOM_FOOTER_SLOT","addWriteableElementSlots","onBeforeRender","createRenderRoot","root","super","adoptedStyleSheets","hideSheet","connectedCallback","addEventListener","disconnectedCallback","removeEventListener","values","clear","Object","keys","writeableElements","render","resolvedConfig","header","onAfterRender","markdown","map","CSSStyleSheet","replaceSync","__decorate","property","attribute","prototype","state","carbonElement","ChatCustomElement_default"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/web-components/cds-custom-aichat-custom-element/index.ts"],"sourcesContent":["/*\n *  Copyright IBM Corp. 2025, 2026\n *\n *  This source code is licensed under the Apache-2.0 license found in the\n *  LICENSE file in the root directory of this source tree.\n *\n *  @license\n */\n\n// Ensure the container custom element is registered whenever the\n// custom element module is imported by re-exporting its exports.\n// This prevents bundlers (and our own multi-entry Rollup build)\n// from pruning the side-effect-only import.\nexport { default as __cds-custom_aichat_container_register } from \"../cds-custom-aichat-container\";\nimport \"../cds-custom-aichat-container\";\n\nimport { html } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\n\nimport { carbonElement } from \"@carbon/ai-chat-components/es-custom/globals/decorators/index.js\";\nimport { PublicConfig } from \"../../types/config/PublicConfig\";\nimport { FlattenedConfigElement } from \"../shared/FlattenedConfigElement\";\nimport { ChatInstance } from \"../../types/instance/ChatInstance\";\nimport {\n  BusEventChunkUserDefinedResponse,\n  BusEventCustomFooterSlot,\n  BusEventType,\n  BusEventUserDefinedResponse,\n  BusEventViewChange,\n  BusEventViewPreChange,\n} from \"../../types/events/eventBusTypes\";\nimport type {\n  WCMarkdown,\n  WCRenderCustomMessageFooter,\n  WCRenderUserDefinedResponse,\n} from \"../../types/component/ChatContainer\";\n\n/**\n * cds-custom-aichat-custom-element will is a pass through to cds-custom-aichat-container. It takes any user_defined and writeable element\n * slotted content and forwards it to cds-custom-aichat-container. It also will setup the custom element with a default viewChange\n * pattern (e.g. hiding and showing the custom element when the chat should be open/closed) if a onViewChange property is not\n * defined. Finally, it registers the custom element with cds-custom-aichat-container so a default \"floating\" element will not be created.\n *\n * The custom element should be sized using external CSS. When hidden, the 'cds-custom-aichat--hidden' class is added to set dimensions to 0x0.\n */\n@carbonElement(\"cds-custom-aichat-custom-element\")\nclass ChatCustomElement extends FlattenedConfigElement {\n  /**\n   * Shared stylesheet for hiding styles.\n   */\n  private static hideSheet = new CSSStyleSheet();\n  static {\n    // Hide styles that override any external sizing. `replaceSync` is absent\n    // in non-browser environments (e.g. the jsdom-based test environment), so\n    // skip styling there rather than throwing at module-evaluation time.\n    ChatCustomElement.hideSheet.replaceSync?.(`\n      :host {\n        display: block;\n      }\n      :host(.cds-custom-aichat--hidden) {\n        width: 0 !important;\n        height: 0 !important;\n        min-width: 0 !important;\n        min-height: 0 !important;\n        max-width: 0 !important;\n        max-height: 0 !important;\n        inline-size: 0 !important;\n        block-size: 0 !important;\n        min-inline-size: 0 !important;\n        min-block-size: 0 !important;\n        max-inline-size: 0 !important;\n        max-block-size: 0 !important;\n        overflow: hidden !important;\n        display: block !important;\n      }\n    `);\n  }\n\n  /**\n   * Adopt our stylesheet into every shadowRoot.\n   */\n  protected createRenderRoot(): ShadowRoot {\n    // Lits default createRenderRoot actually returns a ShadowRoot\n    const root = super.createRenderRoot() as ShadowRoot;\n\n    // now TS knows root.adoptedStyleSheets exists\n    root.adoptedStyleSheets = [\n      ...root.adoptedStyleSheets,\n      ChatCustomElement.hideSheet,\n    ];\n    return root;\n  }\n\n  /**\n   * This function is called before the render function of Carbon AI Chat is called. This function can return a Promise\n   * which will cause Carbon AI Chat to wait for it before rendering.\n   *\n   * Use it to capture the {@link ChatInstance} so you can call instance methods later.\n   *\n   * @example\n   * ```ts\n   * const onBeforeRender = (instance: ChatInstance) => {\n   *   this.instance = instance;\n   * };\n   * // <cds-custom-aichat-custom-element .onBeforeRender=${onBeforeRender}></cds-custom-aichat-custom-element>\n   * ```\n   */\n  @property({ attribute: false })\n  onBeforeRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * This function is called after the render function of Carbon AI Chat is called.\n   *\n   * Like `onBeforeRender`, it receives the {@link ChatInstance}; use it when you need the instance only after the\n   * first render has completed.\n   */\n  @property({ attribute: false })\n  onAfterRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * Called before a view change (chat opening/closing). The chat will hide the chat shell inside your custom element\n   * to prevent invisible keyboard stops when the view change is complete.\n   *\n   * Use this callback to update your CSS class name values on this element before the view change happens if you want to add any open/close\n   * animations to your custom element before the chat shell inner contents are hidden. It is async and so you can\n   * tie it to native the AnimationEvent and only return when your animations have completed.\n   *\n   * A common pattern is to use this for when the chat is closing and to use onViewChange for when the chat opens.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  @property()\n  onViewPreChange?: (event: BusEventViewPreChange) => Promise<void> | void;\n\n  /**\n   * Called when the chat view change is complete. If no callback is provided here, the default behavior will be to set\n   * the chat shell to 0x0 size and set all inner contents aside from the launcher, if you are using it, to display: none.\n   * The inner contents of the chat shell (aside from the launcher if you are using it) are always set to display: none\n   * regardless of what is configured with this callback to prevent invisible tab stops and screen reader issues.\n   *\n   * Use this callback to update your className value when the chat has finished being opened or closed.\n   *\n   * You can provide a different callback here if you want custom animation behavior when the chat is opened or closed.\n   * The animation behavior defined here will run in concert with the chat inside your custom container being hidden.\n   *\n   * If you want to run animations before the inner contents of the chat shell is shrunk and the inner contents are hidden,\n   * make use of onViewPreChange.\n   *\n   * A common pattern is to use this for when the chat is opening and to use onViewPreChange for when the chat closes.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded as it is registered before the\n   * chat renders. After Carbon AI Chat is loaded, the callback will not be updated.\n   */\n  @property()\n  onViewChange?: (event: BusEventViewChange, instance: ChatInstance) => void;\n\n  /**\n   * Optional callback to render user defined responses. When provided, the inner cds-custom-aichat-container\n   * manages all event listening, slot tracking, and element lifecycle.\n   */\n  @property({ attribute: false })\n  renderUserDefinedResponse?: WCRenderUserDefinedResponse;\n\n  /**\n   * Optional callback to render custom message footers. When provided, the inner cds-custom-aichat-container\n   * manages all event listening, slot tracking, and element lifecycle.\n   */\n  @property({ attribute: false })\n  renderCustomMessageFooter?: WCRenderCustomMessageFooter;\n\n  // markdown is declared on the FlattenedConfigElement base; the attributes\n  // interface narrows its type.\n\n  @state()\n  private _userDefinedSlotNames: string[] = [];\n\n  @state()\n  private _writeableElementSlots: string[] = [];\n\n  @state()\n  private _customFooterSlotNames: string[] = [];\n\n  /**\n   * Active slot names for markdown-plugin output hosted at this element.\n   * Populated when this element accepts the host-mount event; drained when\n   * the matching unmount event fires.\n   */\n  @state()\n  private _pluginSlotNames: string[] = [];\n\n  /**\n   * Page-level host elements created for plugin-output slots, keyed by slot\n   * name. Created in this element's outer light DOM so consumer-loaded\n   * stylesheets (e.g. KaTeX) reach the rendered HTML normally.\n   */\n  private _pluginHosts: Map<string, HTMLElement> = new Map();\n\n  @state()\n  private _instance!: ChatInstance;\n\n  private defaultViewChangeHandler = (event: BusEventViewChange) => {\n    if (event.newViewState.mainWindow) {\n      this.classList.remove(\"cds-custom-aichat--hidden\");\n    } else {\n      this.classList.add(\"cds-custom-aichat--hidden\");\n    }\n  };\n\n  private userDefinedHandler = (\n    event: BusEventUserDefinedResponse | BusEventChunkUserDefinedResponse,\n  ) => {\n    const { slot } = event.data;\n    if (!this._userDefinedSlotNames.includes(slot)) {\n      this._userDefinedSlotNames = [...this._userDefinedSlotNames, slot];\n    }\n  };\n\n  private customFooterHandler = (event: BusEventCustomFooterSlot) => {\n    const { slotName } = event.data;\n    if (!this._customFooterSlotNames.includes(slotName)) {\n      this._customFooterSlotNames = [...this._customFooterSlotNames, slotName];\n    }\n  };\n\n  private handlePluginHostMount = (event: Event) => {\n    const detail = (\n      event as CustomEvent<{\n        slotName: string;\n        html?: string;\n        element?: HTMLElement;\n        isInline: boolean;\n      }>\n    ).detail;\n    if (!detail?.slotName) {\n      return;\n    }\n    if (!this._pluginSlotNames.includes(detail.slotName)) {\n      this._pluginSlotNames = [...this._pluginSlotNames, detail.slotName];\n    }\n    // cds-custom-aichat-custom-element is always the outermost chat element in its\n    // shadow chain; there is no further chat ancestor to defer to. Take\n    // hosting unconditionally.\n    event.preventDefault();\n    // Custom-renderer hosts (table/codeBlock) forward a live element — the\n    // markdown element keeps ownership of its content; we only relocate the\n    // node into our outer light DOM so the consumer's global CSS reaches it.\n    // Plugin fallbacks forward an HTML string instead.\n    if (detail.element) {\n      const element = detail.element;\n      element.setAttribute(\"slot\", detail.slotName);\n      if (!detail.isInline) {\n        element.style.marginBlockStart = \"1rem\";\n      }\n      if (element.parentElement !== this) {\n        this.appendChild(element);\n      }\n      return;\n    }\n    let host = this._pluginHosts.get(detail.slotName);\n    if (!host) {\n      host = document.createElement(detail.isInline ? \"span\" : \"div\");\n      host.setAttribute(\"slot\", detail.slotName);\n      // Match `.cds-custom-aichat-markdown-stack > *:not(:first-child)` spacing;\n      // shadow CSS doesn't reach this host (it lives in this element's\n      // outer light DOM), so apply it inline. Inline output flows with\n      // text and gets no extra spacing.\n      if (!detail.isInline) {\n        host.style.marginBlockStart = \"1rem\";\n      }\n      this._pluginHosts.set(detail.slotName, host);\n      this.appendChild(host);\n    }\n    if (host.innerHTML !== (detail.html ?? \"\")) {\n      host.innerHTML = detail.html ?? \"\";\n    }\n  };\n\n  private handlePluginHostUpdate = (event: Event) => {\n    const detail = (event as CustomEvent<{ slotName: string; html: string }>)\n      .detail;\n    if (!detail?.slotName) {\n      return;\n    }\n    const host = this._pluginHosts.get(detail.slotName);\n    if (host && host.innerHTML !== detail.html) {\n      host.innerHTML = detail.html;\n    }\n  };\n\n  private handlePluginHostUnmount = (event: Event) => {\n    const detail = (event as CustomEvent<{ slotName: string }>).detail;\n    if (!detail?.slotName) {\n      return;\n    }\n    this._pluginSlotNames = this._pluginSlotNames.filter(\n      (n) => n !== detail.slotName,\n    );\n    const host = this._pluginHosts.get(detail.slotName);\n    if (host) {\n      host.remove();\n      this._pluginHosts.delete(detail.slotName);\n    }\n  };\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEventListener(\n      \"cds-custom-aichat-markdown-plugin-host-mount\",\n      this.handlePluginHostMount,\n    );\n    this.addEventListener(\n      \"cds-custom-aichat-markdown-plugin-host-update\",\n      this.handlePluginHostUpdate,\n    );\n    this.addEventListener(\n      \"cds-custom-aichat-markdown-plugin-host-unmount\",\n      this.handlePluginHostUnmount,\n    );\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(\n      \"cds-custom-aichat-markdown-plugin-host-mount\",\n      this.handlePluginHostMount,\n    );\n    this.removeEventListener(\n      \"cds-custom-aichat-markdown-plugin-host-update\",\n      this.handlePluginHostUpdate,\n    );\n    this.removeEventListener(\n      \"cds-custom-aichat-markdown-plugin-host-unmount\",\n      this.handlePluginHostUnmount,\n    );\n    for (const host of this._pluginHosts.values()) {\n      host.remove();\n    }\n    this._pluginHosts.clear();\n    super.disconnectedCallback();\n  }\n\n  private onBeforeRenderOverride = async (instance: ChatInstance) => {\n    this._instance = instance;\n    if (this.onViewPreChange) {\n      this._instance.on({\n        type: BusEventType.VIEW_PRE_CHANGE,\n        handler: this.onViewPreChange,\n      });\n    }\n    this._instance.on({\n      type: BusEventType.VIEW_CHANGE,\n      handler: this.onViewChange || this.defaultViewChangeHandler,\n    });\n\n    if (!this.renderUserDefinedResponse) {\n      // Legacy path: custom-element tracks slot names for manual slotting.\n      // When renderUserDefinedResponse is set, the inner cds-custom-aichat-container handles everything.\n      this._instance.on({\n        type: BusEventType.USER_DEFINED_RESPONSE,\n        handler: this.userDefinedHandler,\n      });\n      this._instance.on({\n        type: BusEventType.CHUNK_USER_DEFINED_RESPONSE,\n        handler: this.userDefinedHandler,\n      });\n    }\n\n    if (!this.renderCustomMessageFooter) {\n      // Legacy path: custom-element tracks slot names for manual slotting.\n      // When renderCustomMessageFooter is set, the inner cds-custom-aichat-container handles everything.\n      this._instance.on({\n        type: BusEventType.CUSTOM_FOOTER_SLOT,\n        handler: this.customFooterHandler,\n      });\n    }\n    this.addWriteableElementSlots();\n    await this.onBeforeRender?.(instance);\n  };\n\n  private addWriteableElementSlots() {\n    this._writeableElementSlots = Object.keys(this._instance.writeableElements);\n  }\n\n  render() {\n    return html`\n      <cds-custom-aichat-container\n        .config=${this.resolvedConfig}\n        .header=${this.resolvedConfig.header}\n        .onAfterRender=${this.onAfterRender}\n        .onBeforeRender=${this.onBeforeRenderOverride}\n        .element=${this}\n        .renderUserDefinedResponse=${this.renderUserDefinedResponse}\n        .renderCustomMessageFooter=${this.renderCustomMessageFooter}\n        .markdown=${this.markdown as WCMarkdown | undefined}\n      >\n        ${this._writeableElementSlots.map(\n          (slot) => html`<slot name=${slot} slot=${slot}></slot>`,\n        )}\n        ${this.renderUserDefinedResponse\n          ? null\n          : this._userDefinedSlotNames.map(\n              (slot) => html`<slot name=${slot} slot=${slot}></slot>`,\n            )}\n        ${this.renderCustomMessageFooter\n          ? null\n          : this._customFooterSlotNames.map(\n              (slot) =>\n                html`<div slot=${slot}><slot name=${slot}></slot></div>`,\n            )}\n        ${this._pluginSlotNames.map(\n          (slot) => html`<slot name=${slot} slot=${slot}></slot>`,\n        )}\n      </cds-custom-aichat-container>\n    `;\n  }\n}\n\n/**\n * Attributes interface for the cds-custom-aichat-custom-element web component.\n * This interface extends {@link PublicConfig} with additional component-specific props,\n * flattening all config properties as top-level properties for better TypeScript IntelliSense.\n *\n * @category Web component\n */\ninterface CdsAiChatCustomElementAttributes extends Omit<\n  PublicConfig,\n  \"markdown\"\n> {\n  /**\n   * Markdown rendering customization. Extends the framework-neutral\n   * `PublicConfig.markdown` with web-component `customRenderers`.\n   *\n   * @experimental\n   */\n  markdown?: WCMarkdown;\n\n  /**\n   * This function is called before the render function of Carbon AI Chat is called. This function can return a Promise\n   * which will cause Carbon AI Chat to wait for it before rendering.\n   */\n  onBeforeRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * This function is called after the render function of Carbon AI Chat is called.\n   */\n  onAfterRender?: (instance: ChatInstance) => Promise<void> | void;\n\n  /**\n   * Called before a view change (the chat opening or closing) and awaited before the change proceeds. Use it to update\n   * this element's CSS classes and run open/close animations to completion before the chat shell's inner contents are\n   * hidden. A common pattern is to use this when the chat is closing and `onViewChange` when it opens.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded. After Carbon AI Chat is loaded, the\n   * callback will not be updated.\n   */\n  onViewPreChange?: (event: BusEventViewPreChange) => Promise<void> | void;\n\n  /**\n   * An optional listener for \"view:change\" events. Such a listener is required when using a custom element in order\n   * to control the visibility of the Carbon AI Chat main window. If no callback is provided here, a default one will be\n   * used that injects styling into the app that will show and hide the Carbon AI Chat main window and also change the\n   * size of the custom element so it doesn't take up space when the main window is closed.\n   *\n   * You can provide a different callback here if you want custom behavior such as an animation when the main window\n   * is opened or closed.\n   *\n   * Note that this function can only be provided before Carbon AI Chat is loaded. After Carbon AI Chat is loaded, the event\n   * handler will not be updated.\n   */\n  onViewChange?: (event: BusEventViewChange, instance: ChatInstance) => void;\n\n  /**\n   * Optional callback to render user defined responses. When provided, the inner cds-custom-aichat-container\n   * manages all event listening, slot tracking, streaming state, and element lifecycle.\n   */\n  renderUserDefinedResponse?: WCRenderUserDefinedResponse;\n\n  /**\n   * Optional callback to render custom message footers. When provided, the inner cds-custom-aichat-container\n   * manages all event listening, slot tracking, and element lifecycle.\n   */\n  renderCustomMessageFooter?: WCRenderCustomMessageFooter;\n}\n\nexport { CdsAiChatCustomElementAttributes };\n\nexport default ChatCustomElement;\n"],"names":["ChatCustomElement","ChatCustomElement_1","FlattenedConfigElement","constructor","this","_userDefinedSlotNames","_writeableElementSlots","_customFooterSlotNames","_pluginSlotNames","_pluginHosts","Map","defaultViewChangeHandler","event","newViewState","mainWindow","classList","remove","add","userDefinedHandler","slot","data","includes","customFooterHandler","slotName","handlePluginHostMount","detail","preventDefault","element","setAttribute","isInline","style","marginBlockStart","parentElement","appendChild","host","get","document","createElement","set","innerHTML","html","handlePluginHostUpdate","handlePluginHostUnmount","filter","n","delete","onBeforeRenderOverride","async","instance","_instance","onViewPreChange","on","type","BusEventType","VIEW_PRE_CHANGE","handler","VIEW_CHANGE","onViewChange","renderUserDefinedResponse","USER_DEFINED_RESPONSE","CHUNK_USER_DEFINED_RESPONSE","renderCustomMessageFooter","CUSTOM_FOOTER_SLOT","addWriteableElementSlots","onBeforeRender","createRenderRoot","root","super","adoptedStyleSheets","hideSheet","connectedCallback","addEventListener","disconnectedCallback","removeEventListener","values","clear","Object","keys","writeableElements","render","resolvedConfig","header","onAfterRender","markdown","map","CSSStyleSheet","replaceSync","__decorate","property","attribute","prototype","state","carbonElement","ChatCustomElement_default"],"mappings":"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"}

package/dist/scss/_chat-float-layout.scss

@@ -34,7 +34,22 @@
 
 // Application layout variables (only used in this file)
 $max-height: get-var("max-height", 640px);
-$min-height: get-var("min-height", 150px);
+// WCAG 2.1 reflow (320x256): keep the widget at least 150px tall, otherwise the
+// lower of 256px-from-top or the space above the bottom offset. This default
+// lives here (not on the container) so a host override of --cds-aichat-min-height
+// can still win; see AppShellStyles.scss.
+$min-height: get-var(
+  "min-height",
+  max(
+    150px,
+    calc(
+      min(256px, 100vh) - var(
+          --cds-aichat-bottom-position,
+          #{layout.$spacing-09}
+        )
+    )
+  )
+);
 $width: get-var("width", 380px);
 $height: get-var("height", calc(100vh - (2 * #{layout.$spacing-07})));
 

package/dist/types/aiChatEntry.d.ts

@@ -1,5 +1,5 @@
-import { P as PersistedState, C as ChatContainerProps, B as BusEventViewPreChange, a as ChatInstance, b as BusEventViewChange } from './serverEntry-Byd0DXxW.js';
-export { A as AdditionalDataToAgent, c as AgentAvailability, d as AudioItem, e as AutoScrollOptions, f as BaseGenericItem, g as BaseMessageInput, h as BusEvent, i as BusEventChatReady, j as BusEventChunkUserDefinedResponse, k as BusEventClosePanelButtonClicked, l as BusEventCustomFooterSlot, m as BusEventCustomPanelClose, n as BusEventCustomPanelOpen, o as BusEventCustomPanelPreClose, p as BusEventCustomPanelPreOpen, q as BusEventFeedback, r as BusEventHeaderMenuClick, s as BusEventHistoryBegin, t as BusEventHistoryEnd, u as BusEventHumanAgentAreAnyAgentsOnline, v as BusEventHumanAgentEndChat, w as BusEventHumanAgentPreEndChat, x as BusEventHumanAgentPreReceive, y as BusEventHumanAgentPreSend, z as BusEventHumanAgentPreStartChat, D as BusEventHumanAgentReceive, E as BusEventHumanAgentSend, F as BusEventMessageItemCustom, G as BusEventPreReceive, H as BusEventPreReset, I as BusEventPreSend, J as BusEventReceive, K as BusEventReset, L as BusEventSend, M as BusEventStateChange, N as BusEventType, O as BusEventUserDefinedResponse, Q as BusEventWorkspaceClose, R as BusEventWorkspaceOpen, S as BusEventWorkspacePreClose, T as BusEventWorkspacePreOpen, U as ButtonItem, V as ButtonItemKind, W as ButtonItemType, X as CancellationReason, Y as CarbonTheme, Z as CardItem, _ as CarouselItem, $ as CatastrophicErrorPanelState, a0 as CdsAiChatContainerAttributes, a1 as CdsAiChatCustomElementAttributes, a2 as ChainOfThoughtStep, a3 as ChangeFunction, a4 as ChatContainerPropsMarkdown, a5 as ChatInstanceInput, a6 as ChatInstanceMessaging, a7 as ChatInstanceServiceDeskActions, a8 as ChatShortcutConfig, a9 as Chunk, aa as CompleteItemChunk, ab as ConnectToHumanAgentItem, ac as ConnectToHumanAgentItemTransferInfo, ad as ConnectingErrorInfo, ae as ConversationalSearchItem, af as ConversationalSearchItemCitation, ag as CornersType, ah as CustomMarkdownRenderers, ai as CustomMenuOption, aj as CustomPanelConfigOptions, ak as CustomPanelInstance, al as CustomPanelOpenOptions, am as CustomPanels, an as CustomSendMessageOptions, ao as DateItem, ap as DeepPartial, aq as DefaultCustomPanelConfigOptions, ar as DisclaimerPublicConfig, as as DisconnectedErrorInfo, at as EndChatInfo, au as ErrorType, av as EventBusHandler, aw as EventHandlers, ax as EventInput, ay as EventInputData, az as ExternalFileReference, aA as FeedbackInteractionType, aB as FileFieldValue, aC as FileStatusValue, aD as FileUpload, aE as FileUploadCapabilities, aF as FinalResponseChunk, aG as GenericItem, aH as GenericItemCustomFooterSlotOptions, aI as GenericItemMessageFeedbackCategories, aJ as GenericItemMessageFeedbackOptions, aK as GenericItemMessageOptions, aL as GridItem, aM as HeaderConfig, aN as HeaderMenuClickType, aO as HistoryConfig, aP as HistoryItem, aQ as HomeScreenConfig, aR as HomeScreenStarterButton, aS as HomeScreenStarterButtons, aT as HomeScreenState, aU as HorizontalCellAlignment, aV as HumanAgentMessageType, aW as HumanAgentsOnlineStatus, aX as IFrameItem, aY as IFrameItemDisplayOption, aZ as ImageItem, a_ as IncreaseOrDecrease, a$ as InlineErrorItem, b0 as InlineFile, b1 as InputConfig, b2 as ItemStreamingMetadata, b3 as KeyboardShortcuts, b4 as LanguagePack, b5 as LauncherCallToActionConfig, b6 as LauncherConfig, b7 as LayoutConfig, b8 as LayoutCustomProperties, b9 as MarkdownCustomRenderers, ba as MarkdownItPlugin, bb as MarkdownRendererCodeBlockArgs, bc as MarkdownRendererCodeBlockData, bd as MarkdownRendererTableArgs, be as MarkdownRendererTableData, bf as MediaFileAccessibility, bg as MediaItem, bh as MediaItemDimensions, bi as MediaSubtitleTrack, bj as MediaTranscript, bk as Message, bl as MessageErrorState, bm as MessageHistoryFeedback, bn as MessageInput, bo as MessageInputType, bp as MessageItemPanelInfo, bq as MessageOutput, br as MessageRequest, bs as MessageRequestHistory, bt as MessageResponse, bu as MessageResponseHistory, bv as MessageResponseOptions, bw as MessageResponseTypes, bx as MessageSendSource, by as MessageState, bz as MinimizeButtonIconType, bA as ObjectMap, bB as OnErrorData, bC as OnErrorType, bD as OptionItem, bE as OptionItemPreference, bF as PageObjectId, bG as PanelType, bH as PartialItemChunk, bI as PartialItemChunkWithId, bJ as PartialOrCompleteItemChunk, bK as PartialResponse, bL as PauseItem, bM as PerCornerConfig, bN as PersistedHumanAgentState, bO as PreviewCardItem, bP as PublicChatHumanAgentState, bQ as PublicChatState, bR as PublicConfig, bS as PublicConfigMarkdown, bT as PublicConfigMessaging, bU as PublicCustomPanelsState, bV as PublicDefaultCustomPanelState, bW as PublicHistoryPanelState, bX as PublicInputState, bY as PublicWorkspaceCustomPanelState, bZ as ReasoningStep, b_ as ReasoningStepOpenState, b$ as ReasoningSteps, c0 as RenderCustomMessageFooter, c1 as RenderCustomMessageFooterState, c2 as RenderUserDefinedResponse, c3 as RenderUserDefinedState, c4 as RenderWriteableElementResponse, c5 as ResolvedCornerConfig, c6 as ResponseUserProfile, c7 as ScreenShareState, c8 as SearchResult, c9 as SendOptions, ca as ServiceDesk, cb as ServiceDeskCallback, cc as ServiceDeskCapabilities, cd as ServiceDeskErrorInfo, ce as ServiceDeskFactoryParameters, cf as ServiceDeskPublicConfig, cg as SingleOption, ch as StartChatOptions, ci as StreamChunk, cj as StructuredData, ck as StructuredField, cl as StructuredFieldType, cm as StructuredFieldValue, cn as SystemMessageItem, co as SystemMessageVariant, cp as TestId, cq as TextItem, cr as TokenTree, cs as TypeAndHandler, ct as UploadConfig, cu as UpsertMessageUpdater, cv as UserDefinedItem, cw as UserMessageErrorInfo, cx as UserType, cy as VerticalCellAlignment, cz as VideoItem, cA as ViewChangeReason, cB as ViewState, cC as ViewType, cD as WCCustomMarkdownRenderers, cE as WCMarkdown, cF as WCRenderCustomMessageFooter, cG as WCRenderUserDefinedResponse, cH as WidthOptions, cI as WithBodyAndFooter, cJ as WithWidthOptions, cK as WorkspaceCustomPanelConfigOptions, cL as WriteableElementName, cM as WriteableElements, cN as enLanguagePack, cO as loadAllLazyDeps } from './serverEntry-Byd0DXxW.js';
+import { P as PersistedState, C as ChatContainerProps, B as BusEventViewPreChange, a as ChatInstance, b as BusEventViewChange } from './serverEntry-CNSUvqmn.js';
+export { A as AdditionalDataToAgent, c as AgentAvailability, d as AudioItem, e as AutoScrollOptions, f as BaseGenericItem, g as BaseMessageInput, h as BusEvent, i as BusEventChatReady, j as BusEventChunkUserDefinedResponse, k as BusEventClosePanelButtonClicked, l as BusEventCustomFooterSlot, m as BusEventCustomPanelClose, n as BusEventCustomPanelOpen, o as BusEventCustomPanelPreClose, p as BusEventCustomPanelPreOpen, q as BusEventFeedback, r as BusEventHeaderMenuClick, s as BusEventHistoryBegin, t as BusEventHistoryEnd, u as BusEventHumanAgentAreAnyAgentsOnline, v as BusEventHumanAgentEndChat, w as BusEventHumanAgentPreEndChat, x as BusEventHumanAgentPreReceive, y as BusEventHumanAgentPreSend, z as BusEventHumanAgentPreStartChat, D as BusEventHumanAgentReceive, E as BusEventHumanAgentSend, F as BusEventMessageItemCustom, G as BusEventPreReceive, H as BusEventPreReset, I as BusEventPreSend, J as BusEventReceive, K as BusEventReset, L as BusEventSend, M as BusEventStateChange, N as BusEventType, O as BusEventUserDefinedResponse, Q as BusEventWorkspaceClose, R as BusEventWorkspaceOpen, S as BusEventWorkspacePreClose, T as BusEventWorkspacePreOpen, U as ButtonItem, V as ButtonItemKind, W as ButtonItemType, X as CancellationReason, Y as CarbonTheme, Z as CardItem, _ as CarouselItem, $ as CatastrophicErrorPanelState, a0 as CdsAiChatContainerAttributes, a1 as CdsAiChatCustomElementAttributes, a2 as ChainOfThoughtStep, a3 as ChangeFunction, a4 as ChatContainerPropsMarkdown, a5 as ChatInstanceInput, a6 as ChatInstanceMessaging, a7 as ChatInstanceServiceDeskActions, a8 as ChatShortcutConfig, a9 as Chunk, aa as CompleteItemChunk, ab as ConnectToHumanAgentItem, ac as ConnectToHumanAgentItemTransferInfo, ad as ConnectingErrorInfo, ae as ConversationalSearchItem, af as ConversationalSearchItemCitation, ag as CornersType, ah as CustomMarkdownRenderers, ai as CustomMenuOption, aj as CustomPanelConfigOptions, ak as CustomPanelInstance, al as CustomPanelOpenOptions, am as CustomPanels, an as CustomSendMessageOptions, ao as DateItem, ap as DeepPartial, aq as DefaultCustomPanelConfigOptions, ar as DisclaimerPublicConfig, as as DisconnectedErrorInfo, at as EndChatInfo, au as ErrorType, av as EventBusHandler, aw as EventHandlers, ax as EventInput, ay as EventInputData, az as ExternalFileReference, aA as FeedbackInteractionType, aB as FileFieldValue, aC as FileStatusValue, aD as FileUpload, aE as FileUploadCapabilities, aF as FinalResponseChunk, aG as GenericItem, aH as GenericItemCustomFooterSlotOptions, aI as GenericItemMessageFeedbackCategories, aJ as GenericItemMessageFeedbackOptions, aK as GenericItemMessageOptions, aL as GridItem, aM as HeaderConfig, aN as HeaderMenuClickType, aO as HistoryConfig, aP as HistoryItem, aQ as HomeScreenConfig, aR as HomeScreenStarterButton, aS as HomeScreenStarterButtons, aT as HomeScreenState, aU as HorizontalCellAlignment, aV as HumanAgentMessageType, aW as HumanAgentsOnlineStatus, aX as IFrameItem, aY as IFrameItemDisplayOption, aZ as ImageItem, a_ as IncreaseOrDecrease, a$ as InlineErrorItem, b0 as InlineFile, b1 as InputConfig, b2 as ItemStreamingMetadata, b3 as KeyboardShortcuts, b4 as LanguagePack, b5 as LauncherCallToActionConfig, b6 as LauncherConfig, b7 as LayoutConfig, b8 as LayoutCustomProperties, b9 as MarkdownCustomRenderers, ba as MarkdownItPlugin, bb as MarkdownRendererCodeBlockArgs, bc as MarkdownRendererCodeBlockData, bd as MarkdownRendererTableArgs, be as MarkdownRendererTableData, bf as MediaFileAccessibility, bg as MediaItem, bh as MediaItemDimensions, bi as MediaSubtitleTrack, bj as MediaTranscript, bk as Message, bl as MessageErrorState, bm as MessageHistoryFeedback, bn as MessageInput, bo as MessageInputType, bp as MessageItemPanelInfo, bq as MessageOutput, br as MessageRequest, bs as MessageRequestHistory, bt as MessageResponse, bu as MessageResponseHistory, bv as MessageResponseOptions, bw as MessageResponseTypes, bx as MessageSendSource, by as MessageState, bz as MinimizeButtonIconType, bA as ObjectMap, bB as OnErrorData, bC as OnErrorType, bD as OptionItem, bE as OptionItemPreference, bF as PageObjectId, bG as PanelType, bH as PartialItemChunk, bI as PartialItemChunkWithId, bJ as PartialOrCompleteItemChunk, bK as PartialResponse, bL as PauseItem, bM as PerCornerConfig, bN as PersistedHumanAgentState, bO as PreviewCardItem, bP as PublicChatHumanAgentState, bQ as PublicChatState, bR as PublicConfig, bS as PublicConfigMarkdown, bT as PublicConfigMessaging, bU as PublicCustomPanelsState, bV as PublicDefaultCustomPanelState, bW as PublicHistoryPanelState, bX as PublicInputState, bY as PublicWorkspaceCustomPanelState, bZ as ReasoningStep, b_ as ReasoningStepOpenState, b$ as ReasoningSteps, c0 as RenderCustomMessageFooter, c1 as RenderCustomMessageFooterState, c2 as RenderUserDefinedResponse, c3 as RenderUserDefinedState, c4 as RenderWriteableElementResponse, c5 as ResolvedCornerConfig, c6 as ResponseUserProfile, c7 as ScreenShareState, c8 as SearchResult, c9 as SendOptions, ca as ServiceDesk, cb as ServiceDeskCallback, cc as ServiceDeskCapabilities, cd as ServiceDeskErrorInfo, ce as ServiceDeskFactoryParameters, cf as ServiceDeskPublicConfig, cg as SingleOption, ch as StartChatOptions, ci as StreamChunk, cj as StructuredData, ck as StructuredField, cl as StructuredFieldType, cm as StructuredFieldValue, cn as SystemMessageItem, co as SystemMessageVariant, cp as TestId, cq as TextItem, cr as TokenTree, cs as TypeAndHandler, ct as UploadConfig, cu as UpsertMessageUpdater, cv as UserDefinedItem, cw as UserMessageErrorInfo, cx as UserType, cy as VerticalCellAlignment, cz as VideoItem, cA as ViewChangeReason, cB as ViewState, cC as ViewType, cD as WCCustomMarkdownRenderers, cE as WCMarkdown, cF as WCRenderCustomMessageFooter, cG as WCRenderUserDefinedResponse, cH as WidthOptions, cI as WithBodyAndFooter, cJ as WithWidthOptions, cK as WorkspaceCustomPanelConfigOptions, cL as WriteableElementName, cM as WriteableElements, cN as enLanguagePack, cO as loadAllLazyDeps } from './serverEntry-CNSUvqmn.js';
 import React, { HTMLAttributes } from 'react';
 export { ChainOfThoughtStepStatus } from '@carbon/ai-chat-components/es/components/chain-of-thought/defs.js';
 import '@carbon/web-components/es/components/button/defs.js';

package/dist/types/{serverEntry-Byd0DXxW.d.ts → serverEntry-CNSUvqmn.d.ts}

@@ -5106,16 +5106,30 @@ interface LayoutConfig {
      */
     corners?: CornersType | PerCornerConfig;
     /**
-     * CSS variable overrides for the chat UI. This is a convienience method, you may also set these properties via CSS.
+     * CSS custom property overrides for the chat UI. This is a convenience method; you may also set
+     * these properties via CSS. Unlike page-level CSS, these overrides are injected inside the chat
+     * and win even when a theme is forced with {@link PublicConfig.injectCarbonTheme}.
      *
-     * Keys correspond to values from `LayoutCustomProperties` (e.g. `LayoutCustomProperties.height`),
-     * which map to the underlying `--cds-aichat-…` custom properties.
-     * Values are raw CSS values such as `"420px"`, `"9999"`, etc.
+     * Two token layers are supported, distinguished by the key:
+     *
+     * - **Chat shell tokens** — a value from `LayoutCustomProperties` (e.g. `"width"` or
+     *   `"launcher-color-background"`) maps to the matching `--cds-aichat-…` custom property.
+     * - **Carbon theme tokens** — any Carbon token name prefixed with `$` (e.g. `"$button-primary"`)
+     *   maps to the matching `--cds-…` custom property (`--cds-button-primary`). Use this to recolor
+     *   the Carbon components rendered inside the chat. `$`-prefixed values must be hexadecimal colors.
+     *
+     * Values are raw CSS values such as `"420px"`, `"9999"`, or `"#1a1a2e"`.
      *
      * Example:
-     * { height: "560px", width: "420px" }
+     * ```ts
+     * {
+     *   width: "420px",
+     *   "launcher-color-background": "#1a1a2e",
+     *   "$button-primary": "#1a1a2e",
+     * }
+     * ```
      */
-    customProperties?: Partial<Record<LayoutCustomProperties, string>>;
+    customProperties?: Partial<Record<LayoutCustomProperties | `$${string}`, string>>;
 }
 /**
  * Config options for controlling messaging.

package/dist/types/serverEntry.d.ts

@@ -1,4 +1,4 @@
-export { A as AdditionalDataToAgent, c as AgentAvailability, d as AudioItem, e as AutoScrollOptions, f as BaseGenericItem, g as BaseMessageInput, h as BusEvent, i as BusEventChatReady, j as BusEventChunkUserDefinedResponse, k as BusEventClosePanelButtonClicked, m as BusEventCustomPanelClose, n as BusEventCustomPanelOpen, o as BusEventCustomPanelPreClose, p as BusEventCustomPanelPreOpen, q as BusEventFeedback, r as BusEventHeaderMenuClick, s as BusEventHistoryBegin, t as BusEventHistoryEnd, u as BusEventHumanAgentAreAnyAgentsOnline, v as BusEventHumanAgentEndChat, w as BusEventHumanAgentPreEndChat, x as BusEventHumanAgentPreReceive, y as BusEventHumanAgentPreSend, z as BusEventHumanAgentPreStartChat, D as BusEventHumanAgentReceive, E as BusEventHumanAgentSend, F as BusEventMessageItemCustom, G as BusEventPreReceive, H as BusEventPreReset, I as BusEventPreSend, J as BusEventReceive, K as BusEventReset, L as BusEventSend, M as BusEventStateChange, N as BusEventType, O as BusEventUserDefinedResponse, b as BusEventViewChange, B as BusEventViewPreChange, Q as BusEventWorkspaceClose, R as BusEventWorkspaceOpen, S as BusEventWorkspacePreClose, T as BusEventWorkspacePreOpen, U as ButtonItem, V as ButtonItemKind, W as ButtonItemType, X as CancellationReason, Y as CarbonTheme, Z as CardItem, _ as CarouselItem, $ as CatastrophicErrorPanelState, a0 as CdsAiChatContainerAttributes, a1 as CdsAiChatCustomElementAttributes, a2 as ChainOfThoughtStep, a3 as ChangeFunction, a4 as ChatContainerPropsMarkdown, a as ChatInstance, a5 as ChatInstanceInput, a6 as ChatInstanceMessaging, a7 as ChatInstanceServiceDeskActions, a8 as ChatShortcutConfig, a9 as Chunk, aa as CompleteItemChunk, ab as ConnectToHumanAgentItem, ac as ConnectToHumanAgentItemTransferInfo, ad as ConnectingErrorInfo, ae as ConversationalSearchItem, af as ConversationalSearchItemCitation, ag as CornersType, ah as CustomMarkdownRenderers, ai as CustomMenuOption, aj as CustomPanelConfigOptions, ak as CustomPanelInstance, al as CustomPanelOpenOptions, am as CustomPanels, an as CustomSendMessageOptions, ao as DateItem, ap as DeepPartial, aq as DefaultCustomPanelConfigOptions, ar as DisclaimerPublicConfig, as as DisconnectedErrorInfo, at as EndChatInfo, au as ErrorType, av as EventBusHandler, aw as EventHandlers, ax as EventInput, ay as EventInputData, az as ExternalFileReference, aA as FeedbackInteractionType, aB as FileFieldValue, aC as FileStatusValue, aD as FileUpload, aE as FileUploadCapabilities, aF as FinalResponseChunk, aG as GenericItem, aI as GenericItemMessageFeedbackCategories, aJ as GenericItemMessageFeedbackOptions, aK as GenericItemMessageOptions, aL as GridItem, aM as HeaderConfig, aN as HeaderMenuClickType, aO as HistoryConfig, aP as HistoryItem, aQ as HomeScreenConfig, aR as HomeScreenStarterButton, aS as HomeScreenStarterButtons, aT as HomeScreenState, aU as HorizontalCellAlignment, aV as HumanAgentMessageType, aW as HumanAgentsOnlineStatus, aX as IFrameItem, aY as IFrameItemDisplayOption, aZ as ImageItem, a_ as IncreaseOrDecrease, a$ as InlineErrorItem, b0 as InlineFile, b1 as InputConfig, b2 as ItemStreamingMetadata, b3 as KeyboardShortcuts, b4 as LanguagePack, b5 as LauncherCallToActionConfig, b6 as LauncherConfig, b7 as LayoutConfig, b8 as LayoutCustomProperties, b9 as MarkdownCustomRenderers, ba as MarkdownItPlugin, bb as MarkdownRendererCodeBlockArgs, bc as MarkdownRendererCodeBlockData, bd as MarkdownRendererTableArgs, be as MarkdownRendererTableData, bf as MediaFileAccessibility, bg as MediaItem, bh as MediaItemDimensions, bi as MediaSubtitleTrack, bj as MediaTranscript, bk as Message, bl as MessageErrorState, bm as MessageHistoryFeedback, bn as MessageInput, bo as MessageInputType, bp as MessageItemPanelInfo, bq as MessageOutput, br as MessageRequest, bs as MessageRequestHistory, bt as MessageResponse, bu as MessageResponseHistory, bv as MessageResponseOptions, bw as MessageResponseTypes, bx as MessageSendSource, by as MessageState, bz as MinimizeButtonIconType, bA as ObjectMap, bB as OnErrorData, bC as OnErrorType, bD as OptionItem, bE as OptionItemPreference, bF as PageObjectId, bG as PanelType, bH as PartialItemChunk, bI as PartialItemChunkWithId, bJ as PartialOrCompleteItemChunk, bK as PartialResponse, bL as PauseItem, bN as PersistedHumanAgentState, P as PersistedState, bO as PreviewCardItem, bP as PublicChatHumanAgentState, bQ as PublicChatState, bR as PublicConfig, bS as PublicConfigMarkdown, bT as PublicConfigMessaging, bU as PublicCustomPanelsState, bV as PublicDefaultCustomPanelState, bW as PublicHistoryPanelState, bX as PublicInputState, bY as PublicWorkspaceCustomPanelState, bZ as ReasoningStep, b_ as ReasoningStepOpenState, b$ as ReasoningSteps, c0 as RenderCustomMessageFooter, c1 as RenderCustomMessageFooterState, c2 as RenderUserDefinedResponse, c3 as RenderUserDefinedState, c4 as RenderWriteableElementResponse, c6 as ResponseUserProfile, c7 as ScreenShareState, c8 as SearchResult, c9 as SendOptions, ca as ServiceDesk, cb as ServiceDeskCallback, cc as ServiceDeskCapabilities, cd as ServiceDeskErrorInfo, ce as ServiceDeskFactoryParameters, cf as ServiceDeskPublicConfig, cg as SingleOption, ch as StartChatOptions, ci as StreamChunk, cj as StructuredData, ck as StructuredField, cl as StructuredFieldType, cm as StructuredFieldValue, cn as SystemMessageItem, co as SystemMessageVariant, cp as TestId, cq as TextItem, cr as TokenTree, cs as TypeAndHandler, ct as UploadConfig, cu as UpsertMessageUpdater, cv as UserDefinedItem, cw as UserMessageErrorInfo, cx as UserType, cy as VerticalCellAlignment, cz as VideoItem, cA as ViewChangeReason, cB as ViewState, cC as ViewType, cD as WCCustomMarkdownRenderers, cE as WCMarkdown, cF as WCRenderCustomMessageFooter, cG as WCRenderUserDefinedResponse, cH as WidthOptions, cI as WithBodyAndFooter, cJ as WithWidthOptions, cK as WorkspaceCustomPanelConfigOptions, cL as WriteableElementName, cM as WriteableElements, cN as enLanguagePack, cO as loadAllLazyDeps } from './serverEntry-Byd0DXxW.js';
+export { A as AdditionalDataToAgent, c as AgentAvailability, d as AudioItem, e as AutoScrollOptions, f as BaseGenericItem, g as BaseMessageInput, h as BusEvent, i as BusEventChatReady, j as BusEventChunkUserDefinedResponse, k as BusEventClosePanelButtonClicked, m as BusEventCustomPanelClose, n as BusEventCustomPanelOpen, o as BusEventCustomPanelPreClose, p as BusEventCustomPanelPreOpen, q as BusEventFeedback, r as BusEventHeaderMenuClick, s as BusEventHistoryBegin, t as BusEventHistoryEnd, u as BusEventHumanAgentAreAnyAgentsOnline, v as BusEventHumanAgentEndChat, w as BusEventHumanAgentPreEndChat, x as BusEventHumanAgentPreReceive, y as BusEventHumanAgentPreSend, z as BusEventHumanAgentPreStartChat, D as BusEventHumanAgentReceive, E as BusEventHumanAgentSend, F as BusEventMessageItemCustom, G as BusEventPreReceive, H as BusEventPreReset, I as BusEventPreSend, J as BusEventReceive, K as BusEventReset, L as BusEventSend, M as BusEventStateChange, N as BusEventType, O as BusEventUserDefinedResponse, b as BusEventViewChange, B as BusEventViewPreChange, Q as BusEventWorkspaceClose, R as BusEventWorkspaceOpen, S as BusEventWorkspacePreClose, T as BusEventWorkspacePreOpen, U as ButtonItem, V as ButtonItemKind, W as ButtonItemType, X as CancellationReason, Y as CarbonTheme, Z as CardItem, _ as CarouselItem, $ as CatastrophicErrorPanelState, a0 as CdsAiChatContainerAttributes, a1 as CdsAiChatCustomElementAttributes, a2 as ChainOfThoughtStep, a3 as ChangeFunction, a4 as ChatContainerPropsMarkdown, a as ChatInstance, a5 as ChatInstanceInput, a6 as ChatInstanceMessaging, a7 as ChatInstanceServiceDeskActions, a8 as ChatShortcutConfig, a9 as Chunk, aa as CompleteItemChunk, ab as ConnectToHumanAgentItem, ac as ConnectToHumanAgentItemTransferInfo, ad as ConnectingErrorInfo, ae as ConversationalSearchItem, af as ConversationalSearchItemCitation, ag as CornersType, ah as CustomMarkdownRenderers, ai as CustomMenuOption, aj as CustomPanelConfigOptions, ak as CustomPanelInstance, al as CustomPanelOpenOptions, am as CustomPanels, an as CustomSendMessageOptions, ao as DateItem, ap as DeepPartial, aq as DefaultCustomPanelConfigOptions, ar as DisclaimerPublicConfig, as as DisconnectedErrorInfo, at as EndChatInfo, au as ErrorType, av as EventBusHandler, aw as EventHandlers, ax as EventInput, ay as EventInputData, az as ExternalFileReference, aA as FeedbackInteractionType, aB as FileFieldValue, aC as FileStatusValue, aD as FileUpload, aE as FileUploadCapabilities, aF as FinalResponseChunk, aG as GenericItem, aI as GenericItemMessageFeedbackCategories, aJ as GenericItemMessageFeedbackOptions, aK as GenericItemMessageOptions, aL as GridItem, aM as HeaderConfig, aN as HeaderMenuClickType, aO as HistoryConfig, aP as HistoryItem, aQ as HomeScreenConfig, aR as HomeScreenStarterButton, aS as HomeScreenStarterButtons, aT as HomeScreenState, aU as HorizontalCellAlignment, aV as HumanAgentMessageType, aW as HumanAgentsOnlineStatus, aX as IFrameItem, aY as IFrameItemDisplayOption, aZ as ImageItem, a_ as IncreaseOrDecrease, a$ as InlineErrorItem, b0 as InlineFile, b1 as InputConfig, b2 as ItemStreamingMetadata, b3 as KeyboardShortcuts, b4 as LanguagePack, b5 as LauncherCallToActionConfig, b6 as LauncherConfig, b7 as LayoutConfig, b8 as LayoutCustomProperties, b9 as MarkdownCustomRenderers, ba as MarkdownItPlugin, bb as MarkdownRendererCodeBlockArgs, bc as MarkdownRendererCodeBlockData, bd as MarkdownRendererTableArgs, be as MarkdownRendererTableData, bf as MediaFileAccessibility, bg as MediaItem, bh as MediaItemDimensions, bi as MediaSubtitleTrack, bj as MediaTranscript, bk as Message, bl as MessageErrorState, bm as MessageHistoryFeedback, bn as MessageInput, bo as MessageInputType, bp as MessageItemPanelInfo, bq as MessageOutput, br as MessageRequest, bs as MessageRequestHistory, bt as MessageResponse, bu as MessageResponseHistory, bv as MessageResponseOptions, bw as MessageResponseTypes, bx as MessageSendSource, by as MessageState, bz as MinimizeButtonIconType, bA as ObjectMap, bB as OnErrorData, bC as OnErrorType, bD as OptionItem, bE as OptionItemPreference, bF as PageObjectId, bG as PanelType, bH as PartialItemChunk, bI as PartialItemChunkWithId, bJ as PartialOrCompleteItemChunk, bK as PartialResponse, bL as PauseItem, bN as PersistedHumanAgentState, P as PersistedState, bO as PreviewCardItem, bP as PublicChatHumanAgentState, bQ as PublicChatState, bR as PublicConfig, bS as PublicConfigMarkdown, bT as PublicConfigMessaging, bU as PublicCustomPanelsState, bV as PublicDefaultCustomPanelState, bW as PublicHistoryPanelState, bX as PublicInputState, bY as PublicWorkspaceCustomPanelState, bZ as ReasoningStep, b_ as ReasoningStepOpenState, b$ as ReasoningSteps, c0 as RenderCustomMessageFooter, c1 as RenderCustomMessageFooterState, c2 as RenderUserDefinedResponse, c3 as RenderUserDefinedState, c4 as RenderWriteableElementResponse, c6 as ResponseUserProfile, c7 as ScreenShareState, c8 as SearchResult, c9 as SendOptions, ca as ServiceDesk, cb as ServiceDeskCallback, cc as ServiceDeskCapabilities, cd as ServiceDeskErrorInfo, ce as ServiceDeskFactoryParameters, cf as ServiceDeskPublicConfig, cg as SingleOption, ch as StartChatOptions, ci as StreamChunk, cj as StructuredData, ck as StructuredField, cl as StructuredFieldType, cm as StructuredFieldValue, cn as SystemMessageItem, co as SystemMessageVariant, cp as TestId, cq as TextItem, cr as TokenTree, cs as TypeAndHandler, ct as UploadConfig, cu as UpsertMessageUpdater, cv as UserDefinedItem, cw as UserMessageErrorInfo, cx as UserType, cy as VerticalCellAlignment, cz as VideoItem, cA as ViewChangeReason, cB as ViewState, cC as ViewType, cD as WCCustomMarkdownRenderers, cE as WCMarkdown, cF as WCRenderCustomMessageFooter, cG as WCRenderUserDefinedResponse, cH as WidthOptions, cI as WithBodyAndFooter, cJ as WithWidthOptions, cK as WorkspaceCustomPanelConfigOptions, cL as WriteableElementName, cM as WriteableElements, cN as enLanguagePack, cO as loadAllLazyDeps } from './serverEntry-CNSUvqmn.js';
 export { ChainOfThoughtStepStatus } from '@carbon/ai-chat-components/es/components/chain-of-thought/defs.js';
 import '@carbon/web-components/es/components/button/defs.js';
 import '@carbon/ai-chat-components/es/react/chat-button.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/ai-chat",
-  "version": "1.16.0-rc.0",
+  "version": "1.16.0",
   "description": "Be sure to review the [chat documentation](https://chat.carbondesignsystem.com/tag/latest/docs/documents/Overview.html).",
   "author": "IBM Corp",
   "license": "Apache-2.0",
@@ -80,7 +80,7 @@
     "@carbon/icons": "^11.53.0",
     "@carbon/styles": "^1.105.0",
     "@carbon/themes": "^11.58.0",
-    "@carbon/typedoc-theme": "^0.5.0-rc.0",
+    "@carbon/typedoc-theme": "^0.5.0",
     "@carbon/web-components": "^2.54.0",
     "@open-wc/testing": "4.0.0",
     "@rollup/plugin-babel": "^7.0.0",
@@ -132,7 +132,7 @@
     "react-dom": ">=17.0.0 <20.0.0"
   },
   "dependencies": {
-    "@carbon/ai-chat-components": "^1.6.0-rc.0",
+    "@carbon/ai-chat-components": "^1.6.0",
     "@carbon/icons": "^11.53.0",
     "@ibm/telemetry-js": "^1.10.2",
     "@lit/react": "^1.0.6",
@@ -164,5 +164,5 @@
     "url": "https://github.com/carbon-design-system/carbon-ai-chat/issues"
   },
   "homepage": "https://github.com/carbon-design-system/carbon-ai-chat#readme",
-  "gitHead": "180d9f7b7b8d6b33f418aa1caec1bfc0cc8b7a5a"
+  "gitHead": "bb14f6cb611d762c655753103d6be938fdda79c5"
 }