@carbon/ai-chat-components 1.0.0 → 1.1.0

package/es-custom/components/workspace-shell/src/workspace-shell-header.js

@@ -27,7 +27,7 @@ import '../../truncated-text/src/truncated-text.js';
 /**
  * Workspace Shell Header.
  *
- * @element cds-aichat-workspace-shell-header
+ * @element cds-custom-aichat-workspace-shell-header
  *
  * @slot header-description - Represents the description area in the Header.
  * @slot header-action - Represents the action area in the workspace.
@@ -92,11 +92,11 @@ let CDSAIChatWorkspaceShellHeader = class CDSAIChatWorkspaceShellHeader extends
                 html `
             <summary class="${prefix}-workspace-shell__header-summary">
               <h1 class="${prefix}-workspace-shell__header-title">
-                <cds-aichat-truncated-text
+                <cds-custom-aichat-truncated-text
                   value=${titleText}
                   lines="1"
                   type="tooltip"
-                ></cds-aichat-truncated-text>
+                ></cds-custom-aichat-truncated-text>
               </h1>
               <span class="${prefix}-workspace-shell__header-chevron">
                 ${iconLoader(ChevronDown16)}
@@ -115,11 +115,11 @@ let CDSAIChatWorkspaceShellHeader = class CDSAIChatWorkspaceShellHeader extends
         ${titleText &&
             html `
           <h1 class="${prefix}-workspace-shell__header-title">
-            <cds-aichat-truncated-text
+            <cds-custom-aichat-truncated-text
               value=${titleText}
               lines="1"
               type="tooltip"
-            ></cds-aichat-truncated-text>
+            ></cds-custom-aichat-truncated-text>
           </h1>
         `}
         ${headerContent}

package/es-custom/components/workspace-shell/src/workspace-shell-header.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css([":host(cds-aichat-workspace-shell-header){border-block-end:solid .0625rem var(--cds-chat-bubble-border,#e0e0e0);color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);padding:1.5rem 2rem}@media (max-width:41.98rem){:host(cds-aichat-workspace-shell-header){gap:16px;grid-auto-flow:row}}:host(cds-aichat-workspace-shell-header) ::marker{content:\"\"}:host(cds-aichat-workspace-shell-header) ::-webkit-details-marker{display:none}.cds-aichat-workspace-shell__header-details{cursor:pointer}.cds-aichat-workspace-shell__header-details:open{overflow:auto}.cds-aichat-workspace-shell__header-details:open .cds-aichat-workspace-shell__header-chevron{transform:rotate(180deg)}.cds-aichat-workspace-shell__header-content{display:flex;flex-direction:column;gap:1rem}.cds-aichat-workspace-shell__header-title{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}.cds-aichat-workspace-shell__header-sub-title{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin-block-start:-.875rem}.cds-aichat-workspace-shell__header-summary{align-items:baseline;display:flex;justify-content:space-between}"]);
+var styles = css([":host(cds-custom-aichat-workspace-shell-header){border-block-end:solid .0625rem var(--cds-chat-bubble-border,#e0e0e0);color:var(--cds-text-secondary,#525252);font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);padding:1.5rem 2rem}@media (max-width:41.98rem){:host(cds-custom-aichat-workspace-shell-header){gap:16px;grid-auto-flow:row}}:host(cds-custom-aichat-workspace-shell-header) ::marker{content:\"\"}:host(cds-custom-aichat-workspace-shell-header) ::-webkit-details-marker{display:none}.cds-custom-aichat-workspace-shell__header-details{cursor:pointer}.cds-custom-aichat-workspace-shell__header-details:open{overflow:auto}.cds-custom-aichat-workspace-shell__header-details:open .cds-custom-aichat-workspace-shell__header-chevron{transform:rotate(180deg)}.cds-custom-aichat-workspace-shell__header-content{display:flex;flex-direction:column;gap:1rem}.cds-custom-aichat-workspace-shell__header-title{color:var(--cds-text-primary,#161616);font-size:var(--cds-heading-04-font-size,1.75rem);font-weight:var(--cds-heading-04-font-weight,400);letter-spacing:var(--cds-heading-04-letter-spacing,0);line-height:var(--cds-heading-04-line-height,1.28572)}.cds-custom-aichat-workspace-shell__header-sub-title{color:var(--cds-text-secondary,#525252);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);margin-block-start:-.875rem}.cds-custom-aichat-workspace-shell__header-summary{align-items:baseline;display:flex;justify-content:space-between}"]);
 
 export { styles as default };
 //# sourceMappingURL=workspace-shell-header.scss.js.map

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

@@ -2,7 +2,7 @@ import { LitElement, PropertyValues } from "lit";
 /**
  * Workspace Shell.
  *
- * @element cds-aichat-workspace-shell
+ * @element cds-custom-aichat-workspace-shell
  * @slot toolbar - Represents the toolbar area of the workspace.
  * @slot header - Represents the header section, containing title, subtitle and actions.
  * @slot notification - Area for displaying workspace notifications.

package/es-custom/components/workspace-shell/src/workspace-shell.js

@@ -25,7 +25,7 @@ import { HeaderCollapsibleManager } from './header-collapsible-manager.js';
 /**
  * Workspace Shell.
  *
- * @element cds-aichat-workspace-shell
+ * @element cds-custom-aichat-workspace-shell
  * @slot toolbar - Represents the toolbar area of the workspace.
  * @slot header - Represents the header section, containing title, subtitle and actions.
  * @slot notification - Area for displaying workspace notifications.

package/es-custom/components/workspace-shell/src/workspace-shell.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css([":host(cds-aichat-workspace-shell){background-color:var(--cds-chat-shell-background);block-size:100%;border:.0625rem solid var(--cds-chat-bubble-border,#e0e0e0);border-radius:.5rem;box-shadow:-10px 0 100px -24px var(--cds-ai-popover-shadow-outer-01,rgba(0,67,206,.06)),0 10px 40px -24px var(--cds-ai-popover-shadow-outer-02,rgba(0,0,0,.04));box-sizing:border-box!important;color:var(--cds-text-secondary,#525252);display:flex;flex-direction:column;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);min-block-size:25rem}:host(cds-aichat-workspace-shell) slot[name=toolbar]{flex-shrink:0;min-inline-size:0}:host(cds-aichat-workspace-shell) slot[name=notification]{flex-shrink:0}:host(cds-aichat-workspace-shell) ::slotted([slot=notification]){box-sizing:border-box;max-inline-size:100%!important}:host(cds-aichat-workspace-shell) slot[name=header]{flex-shrink:0}:host(cds-aichat-workspace-shell) slot[name=body]{flex:1 1 auto;min-block-size:0}:host(cds-aichat-workspace-shell) slot[name=footer]{flex-shrink:0}::slotted(cds-aichat-toolbar){border-block-end:.0625rem solid var(--cds-chat-bubble-border);box-sizing:border-box;inline-size:100%;max-inline-size:100%;min-inline-size:0}.cds-aichat-workspace-shell__toolbar-action{display:grid;grid-auto-columns:2.5rem;grid-auto-flow:column}.cds-aichat-workspace-shell__toolbar-action ::slotted(cds-custom-ai-label){block-size:2.5rem}:host(cds-aichat-workspace-shell-body){display:flex;flex-direction:column;min-block-size:0;overflow:auto;padding:1.5rem 2rem}"]);
+var styles = css([":host(cds-custom-aichat-workspace-shell){background-color:var(--cds-chat-shell-background);block-size:100%;border:.0625rem solid var(--cds-chat-bubble-border,#e0e0e0);border-radius:.5rem;box-shadow:-10px 0 100px -24px var(--cds-ai-popover-shadow-outer-01,rgba(0,67,206,.06)),0 10px 40px -24px var(--cds-ai-popover-shadow-outer-02,rgba(0,0,0,.04));box-sizing:border-box!important;color:var(--cds-text-secondary,#525252);display:flex;flex-direction:column;font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);min-block-size:25rem}:host(cds-custom-aichat-workspace-shell) slot[name=toolbar]{flex-shrink:0;min-inline-size:0}:host(cds-custom-aichat-workspace-shell) slot[name=notification]{flex-shrink:0}:host(cds-custom-aichat-workspace-shell) ::slotted([slot=notification]){box-sizing:border-box;max-inline-size:100%!important}:host(cds-custom-aichat-workspace-shell) slot[name=header]{flex-shrink:0}:host(cds-custom-aichat-workspace-shell) slot[name=body]{flex:1 1 auto;min-block-size:0}:host(cds-custom-aichat-workspace-shell) slot[name=footer]{flex-shrink:0}::slotted(cds-custom-aichat-toolbar){border-block-end:.0625rem solid var(--cds-chat-bubble-border);box-sizing:border-box;inline-size:100%;max-inline-size:100%;min-inline-size:0}.cds-custom-aichat-workspace-shell__toolbar-action{display:grid;grid-auto-columns:2.5rem;grid-auto-flow:column}.cds-custom-aichat-workspace-shell__toolbar-action ::slotted(cds-custom-ai-label){block-size:2.5rem}:host(cds-custom-aichat-workspace-shell-body){display:flex;flex-direction:column;min-block-size:0;overflow:auto;padding:1.5rem 2rem}"]);
 
 export { styles as default };
 //# sourceMappingURL=workspace-shell.scss.js.map

package/es-custom/globals/settings.d.ts

@@ -1,2 +1,2 @@
-declare const prefix = "cds-aichat";
+declare const prefix = "cds-custom-aichat";
 export default prefix;

package/es-custom/globals/settings.js

@@ -14,7 +14,7 @@
  *  @license
  */
 // Set this to a suitable prefix for your project to use in TS files
-const prefix = "cds-aichat";
+const prefix = "cds-custom-aichat";
 
 export { prefix as default };
 //# sourceMappingURL=settings.js.map

package/es-custom/react/audio-player.js

@@ -19,14 +19,14 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  * LICENSE file in the root directory of this source tree.
  */
 const AudioPlayer = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-audio-player",
+    tagName: "cds-custom-aichat-audio-player",
     elementClass: CDSAIChatAudioPlayer,
     react: React,
     events: {
-        onPlay: "cds-aichat-audio-player-play",
-        onPause: "cds-aichat-audio-player-pause",
-        onReady: "cds-aichat-audio-player-ready",
-        onError: "cds-aichat-audio-player-error",
+        onPlay: "cds-custom-aichat-audio-player-play",
+        onPause: "cds-custom-aichat-audio-player-pause",
+        onReady: "cds-custom-aichat-audio-player-ready",
+        onError: "cds-custom-aichat-audio-player-error",
     },
 }));
 // Made with Bob

package/es-custom/react/card.js

@@ -21,20 +21,20 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const Card = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-card",
+    tagName: "cds-custom-aichat-card",
     elementClass: CDSAIChatCard,
     react: React,
 }));
 const CardFooter = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-card-footer",
+    tagName: "cds-custom-aichat-card-footer",
     elementClass: CDSAIChatCardFooter,
     react: React,
     events: {
-        onFooterAction: "cds-aichat-card-footer-action",
+        onFooterAction: "cds-custom-aichat-card-footer-action",
     },
 }));
 const CardSteps = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-card-steps",
+    tagName: "cds-custom-aichat-card-steps",
     elementClass: CDSAIChatCardSteps,
     react: React,
 }));

package/es-custom/react/chain-of-thought-step.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const ChainOfThoughtStep = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-chain-of-thought-step",
+    tagName: "cds-custom-aichat-chain-of-thought-step",
     elementClass: CDSAIChatChainOfThoughtStep,
     react: React,
     events: {

package/es-custom/react/chain-of-thought-toggle.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const ChainOfThoughtToggle = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-chain-of-thought-toggle",
+    tagName: "cds-custom-aichat-chain-of-thought-toggle",
     elementClass: CDSAIChatChainOfThoughtToggle,
     react: React,
     events: {

package/es-custom/react/chain-of-thought.js

@@ -20,7 +20,7 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const ChainOfThought = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-chain-of-thought",
+    tagName: "cds-custom-aichat-chain-of-thought",
     elementClass: CDSAIChatChainOfThought,
     react: React,
     events: {

package/es-custom/react/chat-button.js

@@ -21,7 +21,7 @@ export { BUTTON_KIND as CHAT_BUTTON_KIND, BUTTON_TOOLTIP_ALIGNMENT as CHAT_BUTTO
  * LICENSE file in the root directory of this source tree.
  */
 const ChatButton = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-button",
+    tagName: "cds-custom-aichat-button",
     elementClass: AIChatButton,
     react: React,
 }));

package/es-custom/react/chat-header.js

@@ -14,7 +14,7 @@ import { transformReactIconToCarbonIcon } from './utils/iconTransform.js';
 
 // Base chat header component from @lit/react
 const BaseChatHeader = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-chat-header",
+    tagName: "cds-custom-aichat-chat-header",
     elementClass: CdsAiChatChatHeader,
     react: React,
 }));

package/es-custom/react/chat-shell.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  * LICENSE file in the root directory of this source tree.
  */
 const CDSAIChatShell = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-shell",
+    tagName: "cds-custom-aichat-shell",
     elementClass: CDSChatShellElement,
     react: React,
 }));

package/es-custom/react/code-snippet.js

@@ -14,7 +14,7 @@ import { transformReactIconToCarbonIcon } from './utils/iconTransform.js';
 
 // Base code snippet component from @lit/react
 const BaseCodeSnippet = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-code-snippet",
+    tagName: "cds-custom-aichat-code-snippet",
     elementClass: CDSAIChatCodeSnippet,
     react: React,
     events: {

package/es-custom/react/feedback-buttons.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const FeedbackButtons = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-feedback-buttons",
+    tagName: "cds-custom-aichat-feedback-buttons",
     elementClass: CDSAIChatFeedbackButtons,
     react: React,
     events: {

package/es-custom/react/feedback.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const Feedback = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-feedback",
+    tagName: "cds-custom-aichat-feedback",
     elementClass: CDSAIChatFeedbackElement,
     react: React,
     events: {

package/es-custom/react/history/history-content.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from '../utils/withWebComponentBridge.js';
  *  @license
  */
 const HistoryContent = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-history-content",
+    tagName: "cds-custom-aichat-history-content",
     elementClass: CDSAIChatHistoryContent,
     react: React,
 }));

package/es-custom/react/history/history-delete-panel.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from '../utils/withWebComponentBridge.js';
  *  @license
  */
 const HistoryDeletePanel = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-history-delete-panel",
+    tagName: "cds-custom-aichat-history-delete-panel",
     elementClass: CDSAIChatHistoryDeletePanel,
     react: React,
     events: {

package/es-custom/react/history/history-header.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from '../utils/withWebComponentBridge.js';
  *  @license
  */
 const HistoryHeader = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-history-header",
+    tagName: "cds-custom-aichat-history-header",
     elementClass: CDSAIChatHistoryHeader,
     react: React,
     events: {

package/es-custom/react/history/history-loading.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from '../utils/withWebComponentBridge.js';
  *  @license
  */
 const HistoryLoading = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-history-loading",
+    tagName: "cds-custom-aichat-history-loading",
     elementClass: CDSAIChatHistoryLoading,
     react: React,
 }));

package/es-custom/react/history/history-panel-item-input.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from '../utils/withWebComponentBridge.js';
  *  @license
  */
 const HistoryPanelItemInput = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-history-panel-item-input",
+    tagName: "cds-custom-aichat-history-panel-item-input",
     elementClass: CDSAIChatHistoryPanelItemInput,
     react: React,
     events: {

package/es-custom/react/history/history-panel-item.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from '../utils/withWebComponentBridge.js';
  *  @license
  */
 const HistoryPanelItem = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-history-panel-item",
+    tagName: "cds-custom-aichat-history-panel-item",
     elementClass: CDSAIChatHistoryPanelItem,
     react: React,
     events: {

package/es-custom/react/history/history-panel-items.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from '../utils/withWebComponentBridge.js';
  *  @license
  */
 const HistoryPanelItems = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-history-panel-items",
+    tagName: "cds-custom-aichat-history-panel-items",
     elementClass: CDSAIChatHistoryPanelItems,
     react: React,
 }));

package/es-custom/react/history/history-panel-menu.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from '../utils/withWebComponentBridge.js';
  *  @license
  */
 const HistoryPanelMenu = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-history-panel-menu",
+    tagName: "cds-custom-aichat-history-panel-menu",
     elementClass: CDSAIChatHistoryPanelMenu,
     react: React,
 }));

package/es-custom/react/history/history-panel.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from '../utils/withWebComponentBridge.js';
  *  @license
  */
 const HistoryPanel = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-history-panel",
+    tagName: "cds-custom-aichat-history-panel",
     elementClass: CDSAIChatHistoryPanel,
     react: React,
 }));

package/es-custom/react/history/history-search-item.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from '../utils/withWebComponentBridge.js';
  *  @license
  */
 const HistorySearchItem = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-history-search-item",
+    tagName: "cds-custom-aichat-history-search-item",
     elementClass: CDSAIChatHistorySearchItem,
     react: React,
     events: {

package/es-custom/react/history/history-shell.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from '../utils/withWebComponentBridge.js';
  *  @license
  */
 const HistoryShell = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-history-shell",
+    tagName: "cds-custom-aichat-history-shell",
     elementClass: CDSAIChatHistoryShell,
     react: React,
 }));

package/es-custom/react/history/history-toolbar.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from '../utils/withWebComponentBridge.js';
  *  @license
  */
 const HistoryToolbar = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-history-toolbar",
+    tagName: "cds-custom-aichat-history-toolbar",
     elementClass: CDSAIChatHistoryToolbar,
     react: React,
     events: {

package/es-custom/react/markdown.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const BaseMarkdown = createComponent({
-    tagName: "cds-aichat-markdown",
+    tagName: "cds-custom-aichat-markdown",
     elementClass: CDSAIChatMarkdown,
     react: React,
 });

package/es-custom/react/panel.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const CDSAIChatPanel = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-panel",
+    tagName: "cds-custom-aichat-panel",
     elementClass: CdsChatPanelElement,
     react: React,
     events: {

package/es-custom/react/processing.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const Processing = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-processing",
+    tagName: "cds-custom-aichat-processing",
     elementClass: CDSAIChatProcessing,
     react: React,
 }));

package/es-custom/react/reasoning-step.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const ReasoningStep = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-reasoning-step",
+    tagName: "cds-custom-aichat-reasoning-step",
     elementClass: CDSAIChatReasoningStep,
     react: React,
     events: {

package/es-custom/react/reasoning-steps-toggle.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const ReasoningStepsToggle = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-reasoning-steps-toggle",
+    tagName: "cds-custom-aichat-reasoning-steps-toggle",
     elementClass: CDSAIChatReasoningStepsToggle,
     react: React,
     events: {

package/es-custom/react/reasoning-steps.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const ReasoningSteps = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-reasoning-steps",
+    tagName: "cds-custom-aichat-reasoning-steps",
     elementClass: CDSAIChatReasoningSteps,
     react: React,
 }));

package/es-custom/react/tool-call-data.js

@@ -19,7 +19,7 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const ToolCallData = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-tool-call-data",
+    tagName: "cds-custom-aichat-tool-call-data",
     elementClass: CDSAIChatToolCallData,
     react: React,
 }));

package/es-custom/react/toolbar.js

@@ -14,7 +14,7 @@ import { transformReactIconToCarbonIcon } from './utils/iconTransform.js';
 
 // Base toolbar component from @lit/react
 const BaseToolbar = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-toolbar",
+    tagName: "cds-custom-aichat-toolbar",
     elementClass: CDSAIChatToolbar,
     react: React,
 }));

package/es-custom/react/transcript.js

@@ -18,11 +18,11 @@ import TranscriptElement from '../components/audio-player/src/transcript.js';
  * LICENSE file in the root directory of this source tree.
  */
 const Transcript = createComponent({
-    tagName: "cds-aichat-transcript",
+    tagName: "cds-custom-aichat-transcript",
     elementClass: TranscriptElement,
     react: React,
     events: {
-        onTranscriptToggle: "cds-aichat-transcript-toggle",
+        onTranscriptToggle: "cds-custom-aichat-transcript-toggle",
     },
     displayName: "Transcript",
 });

package/es-custom/react/video-player.js

@@ -19,14 +19,14 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  * LICENSE file in the root directory of this source tree.
  */
 const VideoPlayer = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-video-player",
+    tagName: "cds-custom-aichat-video-player",
     elementClass: CDSAIChatVideoPlayer,
     react: React,
     events: {
-        onPlay: "cds-aichat-video-player-play",
-        onPause: "cds-aichat-video-player-pause",
-        onReady: "cds-aichat-video-player-ready",
-        onError: "cds-aichat-video-player-error",
+        onPlay: "cds-custom-aichat-video-player-play",
+        onPause: "cds-custom-aichat-video-player-pause",
+        onReady: "cds-custom-aichat-video-player-ready",
+        onError: "cds-custom-aichat-video-player-error",
     },
 }));
 // Made with Bob

package/es-custom/react/workspace-shell.js

@@ -22,26 +22,26 @@ import { withWebComponentBridge } from './utils/withWebComponentBridge.js';
  *  @license
  */
 const WorkspaceShell = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-workspace-shell",
+    tagName: "cds-custom-aichat-workspace-shell",
     elementClass: CDSAIChatWorkspaceShell,
     react: React,
 }));
 const WorkspaceShellHeader = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-workspace-shell-header",
+    tagName: "cds-custom-aichat-workspace-shell-header",
     elementClass: CDSAIChatWorkspaceShellHeader,
     react: React,
 }));
 const WorkspaceShellBody = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-workspace-shell-body",
+    tagName: "cds-custom-aichat-workspace-shell-body",
     elementClass: CDSAIChatWorkspaceShellBody,
     react: React,
 }));
 const WorkspaceShellFooter = withWebComponentBridge(createComponent({
-    tagName: "cds-aichat-workspace-shell-footer",
+    tagName: "cds-custom-aichat-workspace-shell-footer",
     elementClass: CDSAIChatWorkspaceShellFooter,
     react: React,
     events: {
-        onFooterClicked: "cds-aichat-workspace-shell-footer-clicked",
+        onFooterClicked: "cds-custom-aichat-workspace-shell-footer-clicked",
     },
 }));
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ai-chat-components",
   "description": "AI Chat Components",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "type": "module",
   "license": "Apache-2.0",
   "repository": {
@@ -16,7 +16,7 @@
   "exports": {
     "./es/*": "./es/*",
     "./es-custom/*": "./es-custom/*",
-    "./es/globals/": "./es/globals/",
+    "./es/globals/*": "./es/globals/*",
     "./scss/*": "./scss/*",
     "./custom-elements.json": "./custom-elements.json",
     "./package.json": "./package.json"
@@ -51,9 +51,9 @@
   "dependencies": {
     "@carbon/icon-helpers": "^10.47.0",
     "@carbon/icons": "^11.53.0",
-    "@carbon/styles": "^1.98.0",
+    "@carbon/styles": "1.104.0",
     "@carbon/utilities": "^0.18.0",
-    "@carbon/web-components": "^2.49.0",
+    "@carbon/web-components": "^2.51.1",
     "@codemirror/autocomplete": "^6.20.0",
     "@codemirror/commands": "^6.10.1",
     "@codemirror/lang-angular": "^0.1.4",
@@ -88,7 +88,7 @@
     "csv-stringify": "^6.5.2",
     "dompurify": "^3.1.6",
     "lit": "^3.1.0",
-    "lodash-es": "^4.17.0",
+    "lodash-es": "^4.18.1",
     "markdown-it": "^14.1.0",
     "program-language-detector": "^0.0.12",
     "tslib": "^2.6.3"
@@ -106,7 +106,7 @@
     "@custom-elements-manifest/analyzer": "^0.11.0",
     "@happy-dom/jest-environment": "^20.0.2",
     "@isaacs/brace-expansion": "^5.0.0",
-    "@mordech/vite-lit-loader": "^0.38.0",
+    "@mordech/vite-lit-loader": "^0.40.0",
     "@open-wc/testing": "4.0.0",
     "@rollup/plugin-alias": "^6.0.0",
     "@rollup/plugin-commonjs": "^29.0.0",
@@ -144,8 +144,9 @@
     "rollup-plugin-postcss-lit": "^2.1.0",
     "storybook": "^10.2.8",
     "typescript": "^5.2.2",
-    "vite": "^8.0.0",
-    "web-dev-server-plugin-lit-css": "^4.0.0"
+    "vite": "^8.0.5",
+    "web-dev-server-plugin-lit-css": "^4.0.0",
+    "webpack-dev-server": "^5.2.3"
   },
-  "gitHead": "d1e91fbcc25eb1174a88f11f13c4bd0a32f45eff"
+  "gitHead": "14c0747bdf6f513b47339cc998c572319ef6ba13"
 }

package/scss/_utilities.scss

@@ -9,6 +9,7 @@
 // Following @carbon/styles patterns for consistent naming and structure
 
 @use "./vars" as *;
+@forward "./vars";
 
 // Feature flags for fallback behavior
 $use-fallback-value: true !default;

package/telemetry.yml

@@ -55,6 +55,10 @@ collect:
         - oncds-aichat-card-footer-action
         # cds-aichat-card-steps
         - steps
+        # cds-aichat-carousel
+        - nextBtnText
+        - oncds-aichat-carousel-onchange
+        - previousBtnText
         # cds-aichat-chain-of-thought
         - onchain-of-thought-toggled
         # cds-aichat-chain-of-thought-step