@carbon/ai-chat-components 0.10.0 → 0.11.0

package/es-custom/components/feedback/src/feedback.d.ts

@@ -1,10 +1,16 @@
+import "../../markdown/index.js";
+import "@carbon/web-components/es-custom/components/button/index.js";
+import "@carbon/web-components/es-custom/components/chat-button/index.js";
+import "@carbon/web-components/es-custom/components/icon-button/index.js";
+import "@carbon/web-components/es-custom/components/layer/index.js";
+import "@carbon/web-components/es-custom/components/textarea/index.js";
 import { LitElement, PropertyValues } from "lit";
 /**
  * The component for displaying a panel requesting feedback from a user.
  * @element cds-aichat-feedback
  */
 declare class CDSAIChatFeedback extends LitElement {
-    static styles: any;
+    static styles: any[];
     /**
      * The CSS class of this panel.
      */
@@ -30,9 +36,9 @@ declare class CDSAIChatFeedback extends LitElement {
      */
     title: string;
     /**
-     * The prompt text to display to the user. A default value will be used if no value is provided here.
+     * The body text to display to the user. A default value will be used if no value is provided here.
      */
-    prompt: string;
+    body: string;
     /**
      * The list of categories to show.
      */
@@ -45,23 +51,27 @@ declare class CDSAIChatFeedback extends LitElement {
     /**
      * The placeholder to show in the text area. A default value will be used if no value is provided here.
      */
-    placeholder?: string;
+    placeholder: string;
     /**
-     * The label for the cancel button. A default value will be used if no value is provided here.
+     * The label for the secondary button. A default value will be used if no value is provided here.
      */
-    cancelLabel?: string;
+    secondaryLabel?: string;
     /**
-     * The label for the submit button. A default value will be used if no value is provided here.
+     * The label for the primary button. A default value will be used if no value is provided here.
      */
-    submitLabel?: string;
+    primaryLabel?: string;
+    /**
+     * The accessible label for the categories listbox. This label is used by screen readers to describe the purpose of the category selection list.
+     */
+    categoriesLabel?: string;
     /**
      * Indicates whether the text area should be shown.
      */
     showTextArea: boolean;
     /**
-     * Indicates whether the prompt line should be shown.
+     * Indicates whether the body line should be shown.
      */
-    showPrompt: boolean;
+    showBody: boolean;
     /**
      * Called when the properties of the component have changed.
      */

package/es-custom/components/feedback/src/feedback.js

@@ -6,11 +6,18 @@
  */
 
 import { __decorate } from 'tslib';
-import { LitElement } from 'lit';
+import '../../markdown/src/markdown.js';
+import '@carbon/web-components/es-custom/components/button/index.js';
+import '@carbon/web-components/es-custom/components/chat-button/index.js';
+import '@carbon/web-components/es-custom/components/icon-button/index.js';
+import '@carbon/web-components/es-custom/components/layer/index.js';
+import '@carbon/web-components/es-custom/components/textarea/index.js';
+import { LitElement, html } from 'lit';
 import { property, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
 import { carbonElement } from '../../../globals/decorators/carbon-element.js';
-import { feedbackElementTemplate } from './feedback.template.js';
 import prefix from '../../../globals/settings.js';
+import commonStyles from '../../../globals/scss/common.scss.js';
 import styles from './feedback.scss.js';
 
 /*
@@ -21,6 +28,8 @@ import styles from './feedback.scss.js';
  *
  *  @license
  */
+// The maximum number of characters the user is allowed to type into the text area.
+const MAX_TEXT_COUNT = 1000;
 /**
  * The component for displaying a panel requesting feedback from a user.
  * @element cds-aichat-feedback
@@ -39,19 +48,23 @@ let CDSAIChatFeedback = class CDSAIChatFeedback extends LitElement {
         /**
          * The title to display in the popup. A default value will be used if no value is provided here.
          */
-        this.title = "";
+        this.title = "Provide additional feedback";
         /**
-         * The prompt text to display to the user. A default value will be used if no value is provided here.
+         * The body text to display to the user. A default value will be used if no value is provided here.
          */
-        this.prompt = "";
+        this.body = "What do you think of this response?";
+        /**
+         * The placeholder to show in the text area. A default value will be used if no value is provided here.
+         */
+        this.placeholder = "Provide additional feedback...";
         /**
          * Indicates whether the text area should be shown.
          */
-        this.showTextArea = true;
+        this.showTextArea = false;
         /**
-         * Indicates whether the prompt line should be shown.
+         * Indicates whether the body line should be shown.
          */
-        this.showPrompt = true;
+        this.showBody = false;
         /**
          * Internal saved text values for feedback.
          *
@@ -136,10 +149,88 @@ let CDSAIChatFeedback = class CDSAIChatFeedback extends LitElement {
         this._selectedCategories = nextSelection;
     }
     render() {
-        return feedbackElementTemplate(this);
+        const containerClasses = {
+            [`${prefix}--container`]: true,
+            [`${prefix}--is-closed`]: !this.isOpen,
+        };
+        return html `<div class="${classMap(containerClasses)}">
+      <div class="${prefix}--title-row">
+        <div class="${prefix}--title">${this.title}</div>
+      </div>
+      ${this.showBody
+            ? html `<div class="${prefix}--prompt">${this.body}</div>`
+            : ""}
+      ${this.categories?.length
+            ? html `<div class="${prefix}--categories">
+            <div
+              class="${prefix}--tag-list-container"
+              role="group"
+              aria-label="${this.categoriesLabel || "Feedback categories"}"
+            >
+              ${this.categories.map((value) => html `<cds-custom-chat-button
+                    class="${prefix}--tag-list-button"
+                    kind="primary"
+                    size="sm"
+                    type="button"
+                    is-quick-action
+                    aria-pressed="${this._selectedCategories.has(value)}"
+                    ?is-selected=${this._selectedCategories.has(value)}
+                    data-content="${value}"
+                    ?disabled=${this.isReadonly}
+                    @click=${this._handleCategoryClick}
+                  >
+                    ${value}
+                  </cds-custom-chat-button>`)}
+            </div>
+          </div>`
+            : ""}
+      ${this.showTextArea
+            ? html `<div class="${prefix}--feedback-text">
+            <cds-custom-textarea
+              id="${this.id}-text-area"
+              value="${this._textInput}"
+              class="${prefix}--feedback-text-area"
+              ?disabled=${this.isReadonly}
+              placeholder="${this.placeholder}"
+              rows="3"
+              max-count="${MAX_TEXT_COUNT}"
+              @input=${this._handleTextInput}
+            ></cds-custom-textarea>
+          </div>`
+            : ""}
+      ${this.disclaimer
+            ? html `<div class="${prefix}--disclaimer">
+            <cds-aichat-markdown
+              .markdown=${this.disclaimer}
+            ></cds-aichat-markdown>
+          </div>`
+            : ""}
+      <div class="${prefix}--buttons">
+        <div class="${prefix}--cancel" data-rounded="bottom-left">
+          <cds-custom-button
+            ?disabled=${this.isReadonly}
+            size="lg"
+            kind="secondary"
+            @click=${this._handleCancel}
+          >
+            ${this.secondaryLabel || "Cancel"}
+          </cds-custom-button>
+        </div>
+        <div class="${prefix}--submit" data-rounded="bottom-right">
+          <cds-custom-button
+            ?disabled=${this.isReadonly}
+            size="lg"
+            kind="primary"
+            @click=${this._handleSubmit}
+          >
+            ${this.primaryLabel || "Submit"}
+          </cds-custom-button>
+        </div>
+      </div>
+    </div>`;
     }
 };
-CDSAIChatFeedback.styles = styles;
+CDSAIChatFeedback.styles = [commonStyles, styles];
 __decorate([
     property({ type: String, attribute: "class", reflect: true })
 ], CDSAIChatFeedback.prototype, "class", void 0);
@@ -153,16 +244,16 @@ __decorate([
     property({ type: Boolean, attribute: "is-readonly", reflect: true })
 ], CDSAIChatFeedback.prototype, "isReadonly", void 0);
 __decorate([
-    property({ type: Object, attribute: "initial-values", reflect: true })
+    property({ type: Object, attribute: false, reflect: true })
 ], CDSAIChatFeedback.prototype, "initialValues", void 0);
 __decorate([
     property({ type: String, attribute: "title", reflect: true })
 ], CDSAIChatFeedback.prototype, "title", void 0);
 __decorate([
-    property({ type: String, attribute: "prompt", reflect: true })
-], CDSAIChatFeedback.prototype, "prompt", void 0);
+    property({ type: String, attribute: "body", reflect: true })
+], CDSAIChatFeedback.prototype, "body", void 0);
 __decorate([
-    property({ type: Array, attribute: "categories", reflect: true })
+    property({ type: Array, attribute: false, reflect: true })
 ], CDSAIChatFeedback.prototype, "categories", void 0);
 __decorate([
     property({ type: String, attribute: "disclaimer", reflect: true })
@@ -171,17 +262,20 @@ __decorate([
     property({ type: String, attribute: "text-area-placeholder", reflect: true })
 ], CDSAIChatFeedback.prototype, "placeholder", void 0);
 __decorate([
-    property({ type: String, attribute: "cancel-label", reflect: true })
-], CDSAIChatFeedback.prototype, "cancelLabel", void 0);
+    property({ type: String, attribute: "secondary-label", reflect: true })
+], CDSAIChatFeedback.prototype, "secondaryLabel", void 0);
+__decorate([
+    property({ type: String, attribute: "primary-label", reflect: true })
+], CDSAIChatFeedback.prototype, "primaryLabel", void 0);
 __decorate([
-    property({ type: String, attribute: "submit-label", reflect: true })
-], CDSAIChatFeedback.prototype, "submitLabel", void 0);
+    property({ type: String, attribute: "categories-label", reflect: true })
+], CDSAIChatFeedback.prototype, "categoriesLabel", void 0);
 __decorate([
     property({ type: Boolean, attribute: "show-text-area", reflect: true })
 ], CDSAIChatFeedback.prototype, "showTextArea", void 0);
 __decorate([
-    property({ type: Boolean, attribute: "show-prompt", reflect: true })
-], CDSAIChatFeedback.prototype, "showPrompt", void 0);
+    property({ type: Boolean, attribute: "show-body", reflect: true })
+], CDSAIChatFeedback.prototype, "showBody", void 0);
 __decorate([
     state()
 ], CDSAIChatFeedback.prototype, "_textInput", void 0);

package/es-custom/components/feedback/src/feedback.js.map

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

package/es-custom/components/feedback/src/feedback.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css([":host(cds-aichat-feedback) :host([data-rounded=\"\"]),:host(cds-aichat-feedback) [data-rounded=\"\"]{border-radius:calc(var(--cds-aichat-rounded-modifier-radius) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=\"\"])::part(button),:host(cds-aichat-feedback) :host([data-rounded=\"\"])::part(link),:host(cds-aichat-feedback) [data-rounded=\"\"]::part(button),:host(cds-aichat-feedback) [data-rounded=\"\"]::part(link){border-radius:calc(var(--cds-aichat-rounded-modifier-radius) - .0625rem);outline-offset:-.0625rem}:host(cds-aichat-feedback) :host([data-rounded=\"\"])>:only-child,:host(cds-aichat-feedback) [data-rounded=\"\"]>:only-child{border-radius:calc(var(--cds-aichat-rounded-modifier-radius) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top]),:host(cds-aichat-feedback) [data-rounded=top]{border-start-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem);border-start-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-left]),:host(cds-aichat-feedback) [data-rounded=top-left]{border-start-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-right]),:host(cds-aichat-feedback) [data-rounded=top-right]{border-start-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom]),:host(cds-aichat-feedback) [data-rounded=bottom]{border-end-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem);border-end-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-left]),:host(cds-aichat-feedback) [data-rounded=bottom-left]{border-end-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-right]),:host(cds-aichat-feedback) [data-rounded=bottom-right]{border-end-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top]:not([data-stacked]))>:first-child,:host(cds-aichat-feedback) [data-rounded=top]:not([data-stacked])>:first-child{border-start-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top]:not([data-stacked]))>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=top]:not([data-stacked])>:first-child::part(button){border-start-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top]:not([data-stacked]))>:last-child,:host(cds-aichat-feedback) [data-rounded=top]:not([data-stacked])>:last-child{border-start-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top]:not([data-stacked]))>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=top]:not([data-stacked])>:last-child::part(button){border-start-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-left]:not([data-stacked]))>:first-child,:host(cds-aichat-feedback) [data-rounded=top-left]:not([data-stacked])>:first-child{border-start-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-left]:not([data-stacked]))>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=top-left]:not([data-stacked])>:first-child::part(button){border-start-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-right]:not([data-stacked]))>:last-child,:host(cds-aichat-feedback) [data-rounded=top-right]:not([data-stacked])>:last-child{border-start-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-right]:not([data-stacked]))>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=top-right]:not([data-stacked])>:last-child::part(button){border-start-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom]:not([data-stacked]))>:first-child,:host(cds-aichat-feedback) [data-rounded=bottom]:not([data-stacked])>:first-child{border-end-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom]:not([data-stacked]))>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom]:not([data-stacked])>:first-child::part(button){border-end-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom]:not([data-stacked]))>:last-child,:host(cds-aichat-feedback) [data-rounded=bottom]:not([data-stacked])>:last-child{border-end-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom]:not([data-stacked]))>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom]:not([data-stacked])>:last-child::part(button){border-end-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-left]:not([data-stacked]))>:first-child,:host(cds-aichat-feedback) [data-rounded=bottom-left]:not([data-stacked])>:first-child{border-end-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-left]:not([data-stacked]))>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom-left]:not([data-stacked])>:first-child::part(button){border-end-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-right]:not([data-stacked]))>:last-child,:host(cds-aichat-feedback) [data-rounded=bottom-right]:not([data-stacked])>:last-child{border-end-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-right]:not([data-stacked]))>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom-right]:not([data-stacked])>:last-child::part(button){border-end-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top][data-stacked])>:first-child,:host(cds-aichat-feedback) [data-rounded=top][data-stacked]>:first-child{border-start-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem);border-start-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top][data-stacked])>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=top][data-stacked]>:first-child::part(button){border-start-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem);border-start-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-right][data-stacked])>:first-child,:host(cds-aichat-feedback) [data-rounded=top-right][data-stacked]>:first-child{border-start-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-right][data-stacked])>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=top-right][data-stacked]>:first-child::part(button){border-start-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-left][data-stacked])>:first-child,:host(cds-aichat-feedback) [data-rounded=top-left][data-stacked]>:first-child{border-start-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-left][data-stacked])>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=top-left][data-stacked]>:first-child::part(button){border-start-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-start-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom][data-stacked])>:last-child,:host(cds-aichat-feedback) [data-rounded=bottom][data-stacked]>:last-child{border-end-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem);border-end-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom][data-stacked])>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom][data-stacked]>:last-child::part(button){border-end-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem);border-end-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-right][data-stacked])>:last-child,:host(cds-aichat-feedback) [data-rounded=bottom-right][data-stacked]>:last-child{border-end-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-right][data-stacked])>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom-right][data-stacked]>:last-child::part(button){border-end-end-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-end, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-left][data-stacked])>:last-child,:host(cds-aichat-feedback) [data-rounded=bottom-left][data-stacked]>:last-child{border-end-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-left][data-stacked])>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom-left][data-stacked]>:last-child::part(button){border-end-start-radius:calc(var(--cds-aichat-rounded-modifier-radius-end-start, var(--cds-aichat-rounded-modifier-radius)) - .0625rem)}:host(cds-aichat-feedback){--cds-aichat-rounded-modifier-radius:var(\n    --cds-aichat-card-border-radius,0.5rem\n  )}.cds-aichat--container{animation:cds-aichat-fade-in .6s forwards;background-color:var(--cds-chat-shell-background,#fff);border:1px solid var(--cds-chat-bubble-border,#e0e0e0);border-radius:var(--cds-aichat-rounded-modifier-radius);box-sizing:border-box;container-type:inline-size;inline-size:100%;margin-block-start:.25rem}.cds-aichat--is-closed{display:none}.cds-aichat--title-row{display:flex;margin-block-start:.75rem;margin-inline:1rem .5rem}.cds-aichat--title{flex:1;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.cds-aichat--close{margin-inline-start:.5rem}.cds-aichat--disclaimer,.cds-aichat--prompt{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-block-start:.5rem;margin-inline:1rem}.cds-aichat--categories{margin-block-start:.5rem;margin-inline:1rem}.cds-aichat--tag-list-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.cds-aichat--feedback-text{margin-block-start:.5rem;margin-inline:1rem}.cds-aichat--buttons{display:flex;inline-size:100%;margin-block-start:1rem}.cds-aichat--cancel,.cds-aichat--submit{align-items:stretch;display:flex;flex:1;min-inline-size:0;overflow:hidden}.cds-aichat--submit{border-end-end-radius:.5rem}.cds-aichat--cancel{border-end-start-radius:.5rem}.cds-aichat--cancel cds-custom-button,.cds-aichat--submit cds-custom-button{flex:1;inline-size:100%}"]);
+var styles = css([":host(cds-aichat-feedback) :host([data-rounded=\"\"]),:host(cds-aichat-feedback) [data-rounded=\"\"]{border-end-end-radius:calc(var(--cds-aichat-border-radius-end-end, var(--cds-aichat-border-radius)) - .0625rem);border-end-start-radius:calc(var(--cds-aichat-border-radius-end-start, var(--cds-aichat-border-radius)) - .0625rem);border-start-end-radius:calc(var(--cds-aichat-border-radius-start-end, var(--cds-aichat-border-radius)) - .0625rem);border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=\"\"])::part(button),:host(cds-aichat-feedback) :host([data-rounded=\"\"])::part(link),:host(cds-aichat-feedback) [data-rounded=\"\"]::part(button),:host(cds-aichat-feedback) [data-rounded=\"\"]::part(link){border-end-end-radius:calc(var(--cds-aichat-border-radius-end-end, var(--cds-aichat-border-radius)) - .0625rem);border-end-start-radius:calc(var(--cds-aichat-border-radius-end-start, var(--cds-aichat-border-radius)) - .0625rem);border-start-end-radius:calc(var(--cds-aichat-border-radius-start-end, var(--cds-aichat-border-radius)) - .0625rem);border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem);outline-offset:-.0625rem}:host(cds-aichat-feedback) :host([data-rounded=\"\"])>:only-child,:host(cds-aichat-feedback) [data-rounded=\"\"]>:only-child{border-end-end-radius:calc(var(--cds-aichat-border-radius-end-end, var(--cds-aichat-border-radius)) - .0625rem);border-end-start-radius:calc(var(--cds-aichat-border-radius-end-start, var(--cds-aichat-border-radius)) - .0625rem);border-start-end-radius:calc(var(--cds-aichat-border-radius-start-end, var(--cds-aichat-border-radius)) - .0625rem);border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top]),:host(cds-aichat-feedback) [data-rounded=top]{border-start-end-radius:calc(var(--cds-aichat-border-radius-start-end, var(--cds-aichat-border-radius)) - .0625rem);border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-left]),:host(cds-aichat-feedback) [data-rounded=top-left]{border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-right]),:host(cds-aichat-feedback) [data-rounded=top-right]{border-start-end-radius:calc(var(--cds-aichat-border-radius-start-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom]),:host(cds-aichat-feedback) [data-rounded=bottom]{border-end-end-radius:calc(var(--cds-aichat-border-radius-end-end, var(--cds-aichat-border-radius)) - .0625rem);border-end-start-radius:calc(var(--cds-aichat-border-radius-end-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-left]),:host(cds-aichat-feedback) [data-rounded=bottom-left]{border-end-start-radius:calc(var(--cds-aichat-border-radius-end-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-right]),:host(cds-aichat-feedback) [data-rounded=bottom-right]{border-end-end-radius:calc(var(--cds-aichat-border-radius-end-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top]:not([data-stacked]))>:first-child,:host(cds-aichat-feedback) [data-rounded=top]:not([data-stacked])>:first-child{border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top]:not([data-stacked]))>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=top]:not([data-stacked])>:first-child::part(button){border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top]:not([data-stacked]))>:last-child,:host(cds-aichat-feedback) [data-rounded=top]:not([data-stacked])>:last-child{border-start-end-radius:calc(var(--cds-aichat-border-radius-start-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top]:not([data-stacked]))>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=top]:not([data-stacked])>:last-child::part(button){border-start-end-radius:calc(var(--cds-aichat-border-radius-start-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-left]:not([data-stacked]))>:first-child,:host(cds-aichat-feedback) [data-rounded=top-left]:not([data-stacked])>:first-child{border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-left]:not([data-stacked]))>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=top-left]:not([data-stacked])>:first-child::part(button){border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-right]:not([data-stacked]))>:last-child,:host(cds-aichat-feedback) [data-rounded=top-right]:not([data-stacked])>:last-child{border-start-end-radius:calc(var(--cds-aichat-border-radius-start-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-right]:not([data-stacked]))>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=top-right]:not([data-stacked])>:last-child::part(button){border-start-end-radius:calc(var(--cds-aichat-border-radius-start-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom]:not([data-stacked]))>:first-child,:host(cds-aichat-feedback) [data-rounded=bottom]:not([data-stacked])>:first-child{border-end-start-radius:calc(var(--cds-aichat-border-radius-end-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom]:not([data-stacked]))>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom]:not([data-stacked])>:first-child::part(button){border-end-start-radius:calc(var(--cds-aichat-border-radius-end-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom]:not([data-stacked]))>:last-child,:host(cds-aichat-feedback) [data-rounded=bottom]:not([data-stacked])>:last-child{border-end-end-radius:calc(var(--cds-aichat-border-radius-end-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom]:not([data-stacked]))>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom]:not([data-stacked])>:last-child::part(button){border-end-end-radius:calc(var(--cds-aichat-border-radius-end-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-left]:not([data-stacked]))>:first-child,:host(cds-aichat-feedback) [data-rounded=bottom-left]:not([data-stacked])>:first-child{border-end-start-radius:calc(var(--cds-aichat-border-radius-end-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-left]:not([data-stacked]))>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom-left]:not([data-stacked])>:first-child::part(button){border-end-start-radius:calc(var(--cds-aichat-border-radius-end-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-right]:not([data-stacked]))>:last-child,:host(cds-aichat-feedback) [data-rounded=bottom-right]:not([data-stacked])>:last-child{border-end-end-radius:calc(var(--cds-aichat-border-radius-end-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-right]:not([data-stacked]))>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom-right]:not([data-stacked])>:last-child::part(button){border-end-end-radius:calc(var(--cds-aichat-border-radius-end-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top][data-stacked])>:first-child,:host(cds-aichat-feedback) [data-rounded=top][data-stacked]>:first-child{border-start-end-radius:calc(var(--cds-aichat-border-radius-start-end, var(--cds-aichat-border-radius)) - .0625rem);border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top][data-stacked])>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=top][data-stacked]>:first-child::part(button){border-start-end-radius:calc(var(--cds-aichat-border-radius-start-end, var(--cds-aichat-border-radius)) - .0625rem);border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-right][data-stacked])>:first-child,:host(cds-aichat-feedback) [data-rounded=top-right][data-stacked]>:first-child{border-start-end-radius:calc(var(--cds-aichat-border-radius-start-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-right][data-stacked])>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=top-right][data-stacked]>:first-child::part(button){border-start-end-radius:calc(var(--cds-aichat-border-radius-start-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-left][data-stacked])>:first-child,:host(cds-aichat-feedback) [data-rounded=top-left][data-stacked]>:first-child{border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=top-left][data-stacked])>:first-child::part(button),:host(cds-aichat-feedback) [data-rounded=top-left][data-stacked]>:first-child::part(button){border-start-start-radius:calc(var(--cds-aichat-border-radius-start-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom][data-stacked])>:last-child,:host(cds-aichat-feedback) [data-rounded=bottom][data-stacked]>:last-child{border-end-end-radius:calc(var(--cds-aichat-border-radius-end-end, var(--cds-aichat-border-radius)) - .0625rem);border-end-start-radius:calc(var(--cds-aichat-border-radius-end-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom][data-stacked])>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom][data-stacked]>:last-child::part(button){border-end-end-radius:calc(var(--cds-aichat-border-radius-end-end, var(--cds-aichat-border-radius)) - .0625rem);border-end-start-radius:calc(var(--cds-aichat-border-radius-end-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-right][data-stacked])>:last-child,:host(cds-aichat-feedback) [data-rounded=bottom-right][data-stacked]>:last-child{border-end-end-radius:calc(var(--cds-aichat-border-radius-end-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-right][data-stacked])>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom-right][data-stacked]>:last-child::part(button){border-end-end-radius:calc(var(--cds-aichat-border-radius-end-end, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-left][data-stacked])>:last-child,:host(cds-aichat-feedback) [data-rounded=bottom-left][data-stacked]>:last-child{border-end-start-radius:calc(var(--cds-aichat-border-radius-end-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback) :host([data-rounded=bottom-left][data-stacked])>:last-child::part(button),:host(cds-aichat-feedback) [data-rounded=bottom-left][data-stacked]>:last-child::part(button){border-end-start-radius:calc(var(--cds-aichat-border-radius-end-start, var(--cds-aichat-border-radius)) - .0625rem)}:host(cds-aichat-feedback){--cds-aichat-border-radius-start-start:0.5rem;--cds-aichat-border-radius-start-end:0.5rem;--cds-aichat-border-radius-end-start:0.5rem;--cds-aichat-border-radius-end-end:0.5rem}.cds-aichat--container{animation:cds-aichat-fade-in .6s forwards;background-color:var(--cds-chat-shell-background,#fff);border:1px solid var(--cds-chat-bubble-border,#e0e0e0);border-end-end-radius:var(--cds-aichat-border-radius-end-end,0);border-end-start-radius:var(--cds-aichat-border-radius-end-start,0);border-start-end-radius:var(--cds-aichat-border-radius-start-end,0);border-start-start-radius:var(--cds-aichat-border-radius-start-start,0);box-sizing:border-box;container-type:inline-size;inline-size:100%;margin-block-start:.25rem}.cds-aichat--is-closed{display:none}.cds-aichat--title-row{display:flex;margin-block-start:.75rem;margin-inline:1rem .5rem}.cds-aichat--title{flex:1;font-size:var(--cds-heading-compact-01-font-size,.875rem);font-weight:var(--cds-heading-compact-01-font-weight,600);letter-spacing:var(--cds-heading-compact-01-letter-spacing,.16px);line-height:var(--cds-heading-compact-01-line-height,1.28572)}.cds-aichat--close{margin-inline-start:.5rem}.cds-aichat--disclaimer,.cds-aichat--prompt{color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-block-start:.5rem;margin-inline:1rem}.cds-aichat--categories{margin-block-start:.5rem;margin-inline:1rem}.cds-aichat--tag-list-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.cds-aichat--feedback-text{margin-block-start:.5rem;margin-inline:1rem}.cds-aichat--buttons{display:flex;inline-size:100%;margin-block-start:1rem}.cds-aichat--cancel,.cds-aichat--submit{align-items:stretch;display:flex;flex:1;min-inline-size:0;overflow:hidden}.cds-aichat--submit{border-end-end-radius:.5rem}.cds-aichat--cancel{border-end-start-radius:.5rem}.cds-aichat--cancel cds-custom-button,.cds-aichat--submit cds-custom-button{flex:1;inline-size:100%}"]);
 
 export { styles as default };
 //# sourceMappingURL=feedback.scss.js.map

package/es-custom/components/markdown/src/markdown-renderer.d.ts

@@ -2,6 +2,7 @@ import { TemplateResult } from "lit";
 import "@carbon/web-components/es-custom/components/list/index.js";
 import "@carbon/web-components/es-custom/components/checkbox/index.js";
 import "../../code-snippet/index.js";
+import "../../card/index.js";
 import "../../table/index.js";
 import type { TokenTree } from "./markdown-token-tree.js";
 /**
@@ -22,43 +23,52 @@ export interface RenderTokenTreeOptions {
         currentIndex?: number;
     };
     /** Whether to enable syntax highlighting in code blocks */
-    highlight?: boolean;
+    codeSnippetHighlight?: boolean;
+    /** Feedback text shown after copying */
+    codeSnippetFeedback?: string;
+    /** Text for show less button */
+    codeSnippetShowLessText?: string;
+    /** Text for show more button */
+    codeSnippetShowMoreText?: string;
+    /** Tooltip text for copy button */
+    codeSnippetCopyButtonTooltipContent?: string;
+    /** Function to get formatted line count text */
+    codeSnippetGetLineCountText?: ({ count }: {
+        count: number;
+    }) => string;
+    /** Aria-label for code snippets when in read-only mode */
+    codeSnippetAriaLabelReadOnly?: string;
+    /** Aria-label for code snippets when in editable mode */
+    codeSnippetAriaLabelEditable?: string;
     /** Placeholder text for table filter input */
-    filterPlaceholderText?: string;
+    tableFilterPlaceholderText?: string;
     /** Text for previous page button tooltip */
-    previousPageText?: string;
+    tablePreviousPageText?: string;
     /** Text for next page button tooltip */
-    nextPageText?: string;
+    tableNextPageText?: string;
     /** Text for items per page label */
-    itemsPerPageText?: string;
+    tableItemsPerPageText?: string;
     /**
      * The text used for the download button's accessible label.
      */
-    downloadLabelText?: string;
+    tableDownloadLabelText?: string;
     /** Locale for table sorting and formatting */
-    locale?: string;
+    tableLocale?: string;
     /** Function to get supplemental pagination text */
-    getPaginationSupplementalText?: ({ count }: {
+    tableGetPaginationSupplementalText?: ({ count }: {
         count: number;
     }) => string;
     /** Function to get pagination status text */
-    getPaginationStatusText?: ({ start, end, count, }: {
+    tableGetPaginationStatusText?: ({ start, end, count, }: {
         start: number;
         end: number;
         count: number;
     }) => string;
-    /** Feedback text shown after copying */
-    feedback?: string;
-    /** Text for show less button */
-    showLessText?: string;
-    /** Text for show more button */
-    showMoreText?: string;
-    /** Tooltip text for copy button */
-    tooltipContent?: string;
-    /** Function to get formatted line count text */
-    getLineCountText?: ({ count }: {
-        count: number;
-    }) => string;
+    /**
+     * Force markdown tables to render in loading mode.
+     * Useful for freezing streaming table visuals until stream completion.
+     */
+    forceTableLoading?: boolean;
 }
 /**
  * Converts TokenTree to Lit TemplateResult.

package/es-custom/components/markdown/src/markdown-renderer.js

@@ -12,11 +12,14 @@ import { unsafeHTML } from 'lit/directives/unsafe-html.js';
 import { directive, Directive } from 'lit/directive.js';
 import '@carbon/web-components/es-custom/components/list/index.js';
 import '@carbon/web-components/es-custom/components/checkbox/index.js';
-import '../../code-snippet/src/code-snippet-card.js';
+import '../../code-snippet/src/code-snippet.js';
 import '@carbon/web-components/es-custom/components/code-snippet/defs.js';
+import '../../card/src/card.js';
+import '../../card/src/card-footer.js';
+import '../../card/src/card-steps.js';
 import '../../table/src/table.js';
 import { defaultLineCountText } from '../../code-snippet/src/formatters.js';
-import { extractTableData, DEFAULT_PAGINATION_SUPPLEMENTAL_TEXT, DEFAULT_PAGINATION_STATUS_TEXT } from './utils/table-helpers.js';
+import { extractTableData } from './utils/table-helpers.js';
 import { combineConsecutiveHtmlInline } from './utils/html-helpers.js';
 
 /*
@@ -49,9 +52,6 @@ class SpreadAttrs extends Directive {
     }
 }
 const spread = directive(SpreadAttrs);
-const EMPTY_ATTRS = {};
-const EMPTY_TABLE_HEADERS = [];
-const EMPTY_TABLE_ROWS = [];
 /**
  * Converts TokenTree to Lit TemplateResult.
  */
@@ -84,17 +84,23 @@ function renderTokenTree(node, options) {
     // Handle fenced code blocks
     if (token.type === "fence") {
         const language = token.info?.trim() ?? "";
-        const { highlight = true, feedback, showLessText, showMoreText, tooltipContent, getLineCountText = defaultLineCountText, } = options;
-        return html `<cds-aichat-code-snippet-card
-      .language=${language}
-      .highlight=${highlight}
-      .feedback=${feedback}
-      .showLessText=${showLessText}
-      .showMoreText=${showMoreText}
-      .tooltipContent=${tooltipContent}
-      .getLineCountText=${getLineCountText}
-      >${token.content}</cds-aichat-code-snippet-card
-    >`;
+        const { codeSnippetHighlight = true, codeSnippetShowLessText, codeSnippetShowMoreText, codeSnippetCopyButtonTooltipContent, codeSnippetGetLineCountText = defaultLineCountText, codeSnippetAriaLabelReadOnly, codeSnippetAriaLabelEditable, } = options;
+        return html `<cds-aichat-card is-flush>
+      <div slot="body">
+        <cds-aichat-code-snippet
+          data-rounded
+          .language=${language}
+          .highlight=${codeSnippetHighlight}
+          .showLessText=${codeSnippetShowLessText}
+          .showMoreText=${codeSnippetShowMoreText}
+          .copyButtonTooltipContent=${codeSnippetCopyButtonTooltipContent}
+          .getLineCountText=${codeSnippetGetLineCountText}
+          .ariaLabelReadOnly=${codeSnippetAriaLabelReadOnly}
+          .ariaLabelEditable=${codeSnippetAriaLabelEditable}
+          .code=${token.content}
+        ></cds-aichat-code-snippet>
+      </div>
+    </cds-aichat-card>`;
     }
     // Handle structural elements (paragraphs, headings, lists, etc.)
     const tag = token.tag;
@@ -138,14 +144,18 @@ function renderTokenTree(node, options) {
                 return `table-${stableKey}`;
             }
             return `stable-${stableKey}`;
-        }, (c, index) => renderTokenTree(c, {
-            ...options,
-            context: {
-                ...childContext,
-                parentChildren: normalizedChildren,
-                currentIndex: index,
-            },
-        }))}`;
+        }, (c, index) => {
+            const result = renderTokenTree(c, {
+                ...options,
+                context: {
+                    ...childContext,
+                    parentChildren: normalizedChildren,
+                    currentIndex: index,
+                },
+            });
+            // Ensure we never return undefined, which Lit would render as the string "undefined"
+            return result ?? html ``;
+        })}`;
     }
     // Handle tokens without HTML tags (just return content)
     if (!tag) {
@@ -289,10 +299,11 @@ function renderWithStaticTag(tag, token, content, attrs, options, _context, node
             if (!node) {
                 return html `<div>Error: Missing table data</div>`;
             }
-            const { streaming, context: parentContext, filterPlaceholderText, previousPageText, nextPageText, itemsPerPageText, downloadLabelText, locale, getPaginationSupplementalText, getPaginationStatusText, } = options;
+            const { streaming, forceTableLoading, context: parentContext, tableFilterPlaceholderText, tablePreviousPageText, tableNextPageText, tableItemsPerPageText, tableDownloadLabelText, tableLocale, tableGetPaginationSupplementalText, tableGetPaginationStatusText, } = options;
             // Determine if we should show loading state during streaming
-            let isLoading = false;
-            if (streaming &&
+            let isLoading = Boolean(forceTableLoading);
+            if (!isLoading &&
+                streaming &&
                 parentContext?.parentChildren &&
                 parentContext?.currentIndex !== undefined) {
                 const { parentChildren, currentIndex } = parentContext;
@@ -314,9 +325,10 @@ function renderWithStaticTag(tag, token, content, attrs, options, _context, node
                     ? renderCellTokens(cell.tokens, contextOverrides)
                     : null,
             });
-            // Extract table data or use empty placeholders for loading state
-            let headers;
-            let tableRows;
+            // Only extract and process table data when not loading to avoid unnecessary work.
+            // During loading, the table shows a skeleton and doesn't need the actual data.
+            let headers = [];
+            let tableRows = [];
             if (!isLoading) {
                 const extractedData = extractTableData(node);
                 headers = extractedData.headers.map((cell) => createCellContent(cell, { isInThead: true }));
@@ -324,28 +336,25 @@ function renderWithStaticTag(tag, token, content, attrs, options, _context, node
                     cells: row.map((cell) => createCellContent(cell)),
                 }));
             }
-            else {
-                // Use static empty arrays to prevent re-renders during streaming
-                headers = EMPTY_TABLE_HEADERS;
-                tableRows = EMPTY_TABLE_ROWS;
-            }
-            const tableAttrs = isLoading ? EMPTY_ATTRS : attrs;
-            return html `<div class="cds-aichat-table-holder">
+            // Always return the same structure to allow Lit to reuse the table element.
+            // When isLoading is true, the table component will show a skeleton state.
+            // When isLoading is false, it will show the actual data.
+            // This prevents recreating the table element and preserves its internal state.
+            return html `<div class="cds-aichat-table--square">
         <cds-aichat-table
+          data-rounded
           .headers=${headers}
           .rows=${tableRows}
           .loading=${isLoading}
-          .filterPlaceholderText=${filterPlaceholderText || "Filter table..."}
-          .previousPageText=${previousPageText || "Previous page"}
-          .nextPageText=${nextPageText || "Next page"}
-          .itemsPerPageText=${itemsPerPageText || "Items per page:"}
-          .downloadLabelText=${downloadLabelText || "Download table data"}
-          .locale=${locale || "en"}
-          .getPaginationSupplementalText=${getPaginationSupplementalText ||
-                DEFAULT_PAGINATION_SUPPLEMENTAL_TEXT}
-          .getPaginationStatusText=${getPaginationStatusText ||
-                DEFAULT_PAGINATION_STATUS_TEXT}
-          ...=${tableAttrs}
+          .filterPlaceholderText=${tableFilterPlaceholderText}
+          .previousPageText=${tablePreviousPageText}
+          .nextPageText=${tableNextPageText}
+          .itemsPerPageText=${tableItemsPerPageText}
+          .downloadLabelText=${tableDownloadLabelText}
+          .locale=${tableLocale}
+          .getPaginationSupplementalText=${tableGetPaginationSupplementalText}
+          .getPaginationStatusText=${tableGetPaginationStatusText}
+          ...=${attrs}
         ></cds-aichat-table>
       </div>`;
         }