@carbon/ai-chat-components 1.6.0-rc.1 → 1.6.0

package/custom-elements.json

@@ -2,6 +2,30 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/globals/settings.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "prefix",
+          "type": {
+            "text": "string"
+          },
+          "default": "\"cds-aichat\""
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "prefix",
+            "module": "src/globals/settings.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/react/ai-label-action-button.ts",
@@ -606,30 +630,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/globals/settings.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "prefix",
-          "type": {
-            "text": "string"
-          },
-          "default": "\"cds-aichat\""
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "prefix",
-            "module": "src/globals/settings.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/testing/PageObjectId.ts",
@@ -709,13 +709,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/card/index.ts",
+      "path": "src/components/carousel/index.ts",
       "declarations": [],
       "exports": []
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/carousel/index.ts",
+      "path": "src/components/card/index.ts",
       "declarations": [],
       "exports": []
     },
@@ -1246,737 +1246,737 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/react/__tests__/jest.setup.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/react/history/history-content.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "HistoryContent"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "HistoryContent",
-            "module": "src/react/history/history-content.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/react/history/history-delete-panel.ts",
+      "path": "src/globals/decorators/carbon-element.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "HistoryDeletePanel"
+          "kind": "function",
+          "name": "carbonElement",
+          "parameters": [
+            {
+              "name": "tagName",
+              "type": {
+                "text": "string"
+              },
+              "description": "The tag name of the custom element to define."
+            }
+          ],
+          "description": "Class decorator factory that defines the decorated class as a custom element.\n\n```js"
         }
       ],
       "exports": [
         {
-          "kind": "js",
-          "name": "default",
+          "kind": "custom-element-definition",
+          "name": "tagName",
           "declaration": {
-            "name": "HistoryDeletePanel",
-            "module": "src/react/history/history-delete-panel.ts"
+            "name": "anonymous_0",
+            "module": "src/globals/decorators/carbon-element.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/react/history/history-header.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "HistoryHeader"
-        }
-      ],
-      "exports": [
+        },
         {
-          "kind": "js",
-          "name": "default",
+          "kind": "custom-element-definition",
+          "name": "tagName",
           "declaration": {
-            "name": "HistoryHeader",
-            "module": "src/react/history/history-header.ts"
+            "name": "clazz",
+            "module": "src/globals/decorators/carbon-element.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/react/history/history-loading.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "HistoryLoading"
-        }
-      ],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "default",
+          "name": "carbonElement",
           "declaration": {
-            "name": "HistoryLoading",
-            "module": "src/react/history/history-loading.ts"
+            "name": "carbonElement",
+            "module": "src/globals/decorators/carbon-element.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/react/history/history-panel-item-input.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "HistoryPanelItemInput"
-        }
-      ],
+      "path": "src/globals/decorators/index.ts",
+      "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "carbonElement",
           "declaration": {
-            "name": "HistoryPanelItemInput",
-            "module": "src/react/history/history-panel-item-input.ts"
+            "name": "carbonElement",
+            "module": "./carbon-element.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/react/history/history-panel-item.ts",
+      "path": "src/globals/internal/storybook-cdn.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "HistoryPanelItem"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "HistoryPanelItem",
-            "module": "src/react/history/history-panel-item.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/react/history/history-panel-items.ts",
-      "declarations": [
+          "kind": "function",
+          "name": "cdnJs",
+          "parameters": [
+            {
+              "name": "components",
+              "type": {
+                "text": "Array"
+              },
+              "description": "array of components to render"
+            }
+          ],
+          "description": "This is the markdown block for JS via CDN"
+        },
         {
-          "kind": "variable",
-          "name": "HistoryPanelItems"
+          "kind": "function",
+          "name": "cdnCss",
+          "description": "This is the markdown block for CSS via CDN"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "cdnJs",
           "declaration": {
-            "name": "HistoryPanelItems",
-            "module": "src/react/history/history-panel-items.ts"
+            "name": "cdnJs",
+            "module": "src/globals/internal/storybook-cdn.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/react/history/history-panel-menu.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "HistoryPanelMenu"
-        }
-      ],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "default",
+          "name": "cdnCss",
           "declaration": {
-            "name": "HistoryPanelMenu",
-            "module": "src/react/history/history-panel-menu.ts"
+            "name": "cdnCss",
+            "module": "src/globals/internal/storybook-cdn.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/react/history/history-panel.ts",
+      "path": "src/globals/utils/focus-utils.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "HistoryPanel"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "HistoryPanel",
-            "module": "src/react/history/history-panel.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/react/history/history-search-item.ts",
-      "declarations": [
+          "kind": "function",
+          "name": "getDeepActiveElement",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "description": "Gets the deepest active element, traversing through all shadow DOM boundaries.\nThis handles nested shadow roots, slotted elements, and will return the actual\nfocused element regardless of how many shadow DOM levels exist."
+        },
         {
-          "kind": "variable",
-          "name": "HistorySearchItem"
+          "kind": "function",
+          "name": "isElementInvisible",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "Element"
+              },
+              "description": "The DOM element to check"
+            },
+            {
+              "name": "exceptions",
+              "default": "[\"dialog\", \"[popover]\"]",
+              "type": {
+                "text": "string[]"
+              },
+              "description": "Array of selectors to ignore when checking the element (e.g., 'dialog', '[popover]')"
+            }
+          ],
+          "description": "Checks if an element should be ignored due to visibility or accessibility attributes."
+        },
+        {
+          "kind": "function",
+          "name": "isFocusable",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "Element"
+              },
+              "description": "The DOM element to check for focusability"
+            }
+          ],
+          "description": "Checks if an element is focusable. An element is considered focusable if it matches\nstandard focusable elements criteria (such as buttons, inputs, etc., that are not disabled\nand do not have a negative tabindex) or is a custom element with a shadow root that delegates focus.\nBased on https://gist.github.com/oscarmarina/9ce95f491a4c53ed01d989de4a87c0c9"
+        },
+        {
+          "kind": "function",
+          "name": "tryFocus",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "Element | null | undefined"
+              },
+              "description": "The element to attempt to focus"
+            },
+            {
+              "name": "exceptions",
+              "optional": true,
+              "type": {
+                "text": "string[]"
+              },
+              "description": "Array of selectors to ignore when checking visibility (e.g., 'dialog', '[popover]')"
+            }
+          ],
+          "description": "Attempts to focus an element if it's focusable, visible, and not disabled.\nThis is an enhanced version that checks visibility, accessibility attributes,\nand proper focusability before attempting to set focus. It is shadow DOM aware\nand handles slotted elements correctly."
+        },
+        {
+          "kind": "function",
+          "name": "walkComposedTree",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "node",
+              "type": {
+                "text": "Node"
+              },
+              "description": "The root node for traversal"
+            },
+            {
+              "name": "whatToShow",
+              "default": "0",
+              "description": "NodeFilter code for node types to include (use 0 to retrieve all nodes)"
+            },
+            {
+              "name": "filter",
+              "default": "() => true",
+              "type": {
+                "text": "(node: Node) => boolean"
+              },
+              "description": "Filters nodes. Child nodes are considered even if parent does not satisfy the filter"
+            },
+            {
+              "name": "skipNode",
+              "default": "() => false",
+              "type": {
+                "text": "(node: Node) => boolean"
+              },
+              "description": "Determines whether to skip a node and its children"
+            }
+          ],
+          "description": "Traverse the composed tree from the root, selecting elements that meet the provided filter criteria.\nThis function properly handles Shadow DOM boundaries.\nBased on https://github.com/JanMiksovsky/elix/blob/main/src/core/dom.js#L320"
+        },
+        {
+          "kind": "function",
+          "name": "getFirstAndLastFocusableChildren",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "parameters": [
+            {
+              "name": "walker",
+              "type": {
+                "text": "IterableIterator<HTMLElement>"
+              },
+              "description": "The TreeWalker object used to traverse the node's children"
+            }
+          ],
+          "description": "Retrieves the first and last focusable children of a node using a TreeWalker."
+        },
+        {
+          "kind": "function",
+          "name": "focusElementAfterRepaint",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "searchRoot",
+              "type": {
+                "text": "Document | Element | ShadowRoot | DocumentFragment"
+              },
+              "description": "Root to query (`Element`, `ShadowRoot`, `Document`, or `DocumentFragment`, e.g. Lit `renderRoot`)"
+            },
+            {
+              "name": "selector",
+              "type": {
+                "text": "string"
+              },
+              "description": "CSS selector that resolves to the node to focus."
+            }
+          ],
+          "description": "Finds a descendant of `searchRoot` via `selector` and focuses it after the next\ntwo animation frames. Use when DOM updates (Lit, React, reorder) replace or move\nnodes so the previous focused element is detached (e.g. list pin/unpin).\n\nTries tryFocus first for visibility/focusability checks; if that does\nnot take focus (e.g. some custom element hosts), falls back to HTMLElement.focus."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "getDeepActiveElement",
           "declaration": {
-            "name": "HistorySearchItem",
-            "module": "src/react/history/history-search-item.ts"
+            "name": "getDeepActiveElement",
+            "module": "src/globals/utils/focus-utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isElementInvisible",
+          "declaration": {
+            "name": "isElementInvisible",
+            "module": "src/globals/utils/focus-utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "isFocusable",
+          "declaration": {
+            "name": "isFocusable",
+            "module": "src/globals/utils/focus-utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tryFocus",
+          "declaration": {
+            "name": "tryFocus",
+            "module": "src/globals/utils/focus-utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "walkComposedTree",
+          "declaration": {
+            "name": "walkComposedTree",
+            "module": "src/globals/utils/focus-utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "getFirstAndLastFocusableChildren",
+          "declaration": {
+            "name": "getFirstAndLastFocusableChildren",
+            "module": "src/globals/utils/focus-utils.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "focusElementAfterRepaint",
+          "declaration": {
+            "name": "focusElementAfterRepaint",
+            "module": "src/globals/utils/focus-utils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/react/history/history-shell.ts",
+      "path": "src/globals/utils/rtl-utils.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "HistoryShell"
+          "kind": "function",
+          "name": "isDirectionRTL",
+          "return": {
+            "type": {
+              "text": ""
+            }
+          },
+          "description": "Determines if the document is in RTL (right-to-left) mode.\nChecks both document.dir and document.documentElement.dir for maximum compatibility."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "isDirectionRTL",
           "declaration": {
-            "name": "HistoryShell",
-            "module": "src/react/history/history-shell.ts"
+            "name": "isDirectionRTL",
+            "module": "src/globals/utils/rtl-utils.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/react/history/history-toolbar.ts",
+      "path": "src/globals/utils/uuid.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "HistoryToolbar"
+          "kind": "function",
+          "name": "uuid",
+          "return": {
+            "type": {
+              "text": "string"
+            }
+          },
+          "description": "Generates a v4 UUID. Uses `crypto.randomUUID` when available, otherwise falls back to a simple implementation."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "uuid",
           "declaration": {
-            "name": "HistoryToolbar",
-            "module": "src/react/history/history-toolbar.ts"
+            "name": "uuid",
+            "module": "src/globals/utils/uuid.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/react/history/index.ts",
+      "path": "src/react/__tests__/jest.setup.ts",
       "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/react/history/history-content.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "HistoryContent"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
-          "name": "HistoryShell",
+          "name": "default",
           "declaration": {
-            "name": "default",
-            "module": "./history-shell.js"
+            "name": "HistoryContent",
+            "module": "src/react/history/history-content.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/react/history/history-delete-panel.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "HistoryHeader",
-          "declaration": {
-            "name": "default",
-            "module": "./history-header.js"
-          }
-        },
+          "kind": "variable",
+          "name": "HistoryDeletePanel"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "HistoryToolbar",
+          "name": "default",
           "declaration": {
-            "name": "default",
-            "module": "./history-toolbar.js"
+            "name": "HistoryDeletePanel",
+            "module": "src/react/history/history-delete-panel.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/react/history/history-header.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "HistoryContent",
-          "declaration": {
-            "name": "default",
-            "module": "./history-content.js"
-          }
-        },
+          "kind": "variable",
+          "name": "HistoryHeader"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "HistoryLoading",
+          "name": "default",
           "declaration": {
-            "name": "default",
-            "module": "./history-loading.js"
+            "name": "HistoryHeader",
+            "module": "src/react/history/history-header.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/react/history/history-loading.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "HistoryPanel",
-          "declaration": {
-            "name": "default",
-            "module": "./history-panel.js"
-          }
-        },
+          "kind": "variable",
+          "name": "HistoryLoading"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "HistoryPanelMenu",
+          "name": "default",
           "declaration": {
-            "name": "default",
-            "module": "./history-panel-menu.js"
+            "name": "HistoryLoading",
+            "module": "src/react/history/history-loading.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/react/history/history-panel-item-input.ts",
+      "declarations": [
         {
-          "kind": "js",
-          "name": "HistoryPanelItem",
-          "declaration": {
-            "name": "default",
-            "module": "./history-panel-item.js"
-          }
-        },
+          "kind": "variable",
+          "name": "HistoryPanelItemInput"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "HistoryPanelItems",
+          "name": "default",
           "declaration": {
-            "name": "default",
-            "module": "./history-panel-items.js"
+            "name": "HistoryPanelItemInput",
+            "module": "src/react/history/history-panel-item-input.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/react/history/history-panel-item.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "HistoryPanelItem"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "HistorySearchItem",
+          "name": "default",
           "declaration": {
-            "name": "default",
-            "module": "./history-search-item.js"
+            "name": "HistoryPanelItem",
+            "module": "src/react/history/history-panel-item.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/react/history/history-panel-items.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "HistoryPanelItems"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "HistoryPanelItemInput",
+          "name": "default",
           "declaration": {
-            "name": "default",
-            "module": "./history-panel-item-input.js"
+            "name": "HistoryPanelItems",
+            "module": "src/react/history/history-panel-items.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/react/history/history-panel-menu.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "HistoryPanelMenu"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "HistoryDeletePanel",
+          "name": "default",
           "declaration": {
-            "name": "default",
-            "module": "./history-delete-panel.js"
+            "name": "HistoryPanelMenu",
+            "module": "src/react/history/history-panel-menu.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/globals/decorators/carbon-element.ts",
+      "path": "src/react/history/history-panel.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "carbonElement",
-          "parameters": [
-            {
-              "name": "tagName",
-              "type": {
-                "text": "string"
-              },
-              "description": "The tag name of the custom element to define."
-            }
-          ],
-          "description": "Class decorator factory that defines the decorated class as a custom element.\n\n```js"
+          "kind": "variable",
+          "name": "HistoryPanel"
         }
       ],
       "exports": [
         {
-          "kind": "custom-element-definition",
-          "name": "tagName",
+          "kind": "js",
+          "name": "default",
           "declaration": {
-            "name": "anonymous_0",
-            "module": "src/globals/decorators/carbon-element.ts"
+            "name": "HistoryPanel",
+            "module": "src/react/history/history-panel.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/react/history/history-search-item.ts",
+      "declarations": [
         {
-          "kind": "custom-element-definition",
-          "name": "tagName",
-          "declaration": {
-            "name": "clazz",
-            "module": "src/globals/decorators/carbon-element.ts"
-          }
-        },
+          "kind": "variable",
+          "name": "HistorySearchItem"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "carbonElement",
+          "name": "default",
           "declaration": {
-            "name": "carbonElement",
-            "module": "src/globals/decorators/carbon-element.ts"
+            "name": "HistorySearchItem",
+            "module": "src/react/history/history-search-item.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/globals/decorators/index.ts",
-      "declarations": [],
+      "path": "src/react/history/history-shell.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "HistoryShell"
+        }
+      ],
       "exports": [
         {
           "kind": "js",
-          "name": "carbonElement",
+          "name": "default",
           "declaration": {
-            "name": "carbonElement",
-            "module": "./carbon-element.js"
+            "name": "HistoryShell",
+            "module": "src/react/history/history-shell.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/globals/internal/storybook-cdn.ts",
+      "path": "src/react/history/history-toolbar.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "cdnJs",
-          "parameters": [
-            {
-              "name": "components",
-              "type": {
-                "text": "Array"
-              },
-              "description": "array of components to render"
-            }
-          ],
-          "description": "This is the markdown block for JS via CDN"
-        },
-        {
-          "kind": "function",
-          "name": "cdnCss",
-          "description": "This is the markdown block for CSS via CDN"
+          "kind": "variable",
+          "name": "HistoryToolbar"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "cdnJs",
-          "declaration": {
-            "name": "cdnJs",
-            "module": "src/globals/internal/storybook-cdn.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "cdnCss",
+          "name": "default",
           "declaration": {
-            "name": "cdnCss",
-            "module": "src/globals/internal/storybook-cdn.ts"
+            "name": "HistoryToolbar",
+            "module": "src/react/history/history-toolbar.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/globals/utils/focus-utils.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "getDeepActiveElement",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "description": "Gets the deepest active element, traversing through all shadow DOM boundaries.\nThis handles nested shadow roots, slotted elements, and will return the actual\nfocused element regardless of how many shadow DOM levels exist."
-        },
-        {
-          "kind": "function",
-          "name": "isElementInvisible",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "element",
-              "type": {
-                "text": "Element"
-              },
-              "description": "The DOM element to check"
-            },
-            {
-              "name": "exceptions",
-              "default": "[\"dialog\", \"[popover]\"]",
-              "type": {
-                "text": "string[]"
-              },
-              "description": "Array of selectors to ignore when checking the element (e.g., 'dialog', '[popover]')"
-            }
-          ],
-          "description": "Checks if an element should be ignored due to visibility or accessibility attributes."
-        },
-        {
-          "kind": "function",
-          "name": "isFocusable",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "element",
-              "type": {
-                "text": "Element"
-              },
-              "description": "The DOM element to check for focusability"
-            }
-          ],
-          "description": "Checks if an element is focusable. An element is considered focusable if it matches\nstandard focusable elements criteria (such as buttons, inputs, etc., that are not disabled\nand do not have a negative tabindex) or is a custom element with a shadow root that delegates focus.\nBased on https://gist.github.com/oscarmarina/9ce95f491a4c53ed01d989de4a87c0c9"
-        },
+      "path": "src/react/history/index.ts",
+      "declarations": [],
+      "exports": [
         {
-          "kind": "function",
-          "name": "tryFocus",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "element",
-              "type": {
-                "text": "Element | null | undefined"
-              },
-              "description": "The element to attempt to focus"
-            },
-            {
-              "name": "exceptions",
-              "optional": true,
-              "type": {
-                "text": "string[]"
-              },
-              "description": "Array of selectors to ignore when checking visibility (e.g., 'dialog', '[popover]')"
-            }
-          ],
-          "description": "Attempts to focus an element if it's focusable, visible, and not disabled.\nThis is an enhanced version that checks visibility, accessibility attributes,\nand proper focusability before attempting to set focus. It is shadow DOM aware\nand handles slotted elements correctly."
+          "kind": "js",
+          "name": "HistoryShell",
+          "declaration": {
+            "name": "default",
+            "module": "./history-shell.js"
+          }
         },
         {
-          "kind": "function",
-          "name": "walkComposedTree",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "node",
-              "type": {
-                "text": "Node"
-              },
-              "description": "The root node for traversal"
-            },
-            {
-              "name": "whatToShow",
-              "default": "0",
-              "description": "NodeFilter code for node types to include (use 0 to retrieve all nodes)"
-            },
-            {
-              "name": "filter",
-              "default": "() => true",
-              "type": {
-                "text": "(node: Node) => boolean"
-              },
-              "description": "Filters nodes. Child nodes are considered even if parent does not satisfy the filter"
-            },
-            {
-              "name": "skipNode",
-              "default": "() => false",
-              "type": {
-                "text": "(node: Node) => boolean"
-              },
-              "description": "Determines whether to skip a node and its children"
-            }
-          ],
-          "description": "Traverse the composed tree from the root, selecting elements that meet the provided filter criteria.\nThis function properly handles Shadow DOM boundaries.\nBased on https://github.com/JanMiksovsky/elix/blob/main/src/core/dom.js#L320"
+          "kind": "js",
+          "name": "HistoryHeader",
+          "declaration": {
+            "name": "default",
+            "module": "./history-header.js"
+          }
         },
         {
-          "kind": "function",
-          "name": "getFirstAndLastFocusableChildren",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "parameters": [
-            {
-              "name": "walker",
-              "type": {
-                "text": "IterableIterator<HTMLElement>"
-              },
-              "description": "The TreeWalker object used to traverse the node's children"
-            }
-          ],
-          "description": "Retrieves the first and last focusable children of a node using a TreeWalker."
+          "kind": "js",
+          "name": "HistoryToolbar",
+          "declaration": {
+            "name": "default",
+            "module": "./history-toolbar.js"
+          }
         },
-        {
-          "kind": "function",
-          "name": "focusElementAfterRepaint",
-          "return": {
-            "type": {
-              "text": "void"
-            }
-          },
-          "parameters": [
-            {
-              "name": "searchRoot",
-              "type": {
-                "text": "Document | Element | ShadowRoot | DocumentFragment"
-              },
-              "description": "Root to query (`Element`, `ShadowRoot`, `Document`, or `DocumentFragment`, e.g. Lit `renderRoot`)"
-            },
-            {
-              "name": "selector",
-              "type": {
-                "text": "string"
-              },
-              "description": "CSS selector that resolves to the node to focus."
-            }
-          ],
-          "description": "Finds a descendant of `searchRoot` via `selector` and focuses it after the next\ntwo animation frames. Use when DOM updates (Lit, React, reorder) replace or move\nnodes so the previous focused element is detached (e.g. list pin/unpin).\n\nTries tryFocus first for visibility/focusability checks; if that does\nnot take focus (e.g. some custom element hosts), falls back to HTMLElement.focus."
-        }
-      ],
-      "exports": [
         {
           "kind": "js",
-          "name": "getDeepActiveElement",
+          "name": "HistoryContent",
           "declaration": {
-            "name": "getDeepActiveElement",
-            "module": "src/globals/utils/focus-utils.ts"
+            "name": "default",
+            "module": "./history-content.js"
           }
         },
         {
           "kind": "js",
-          "name": "isElementInvisible",
+          "name": "HistoryLoading",
           "declaration": {
-            "name": "isElementInvisible",
-            "module": "src/globals/utils/focus-utils.ts"
+            "name": "default",
+            "module": "./history-loading.js"
           }
         },
         {
           "kind": "js",
-          "name": "isFocusable",
+          "name": "HistoryPanel",
           "declaration": {
-            "name": "isFocusable",
-            "module": "src/globals/utils/focus-utils.ts"
+            "name": "default",
+            "module": "./history-panel.js"
           }
         },
         {
           "kind": "js",
-          "name": "tryFocus",
+          "name": "HistoryPanelMenu",
           "declaration": {
-            "name": "tryFocus",
-            "module": "src/globals/utils/focus-utils.ts"
+            "name": "default",
+            "module": "./history-panel-menu.js"
           }
         },
         {
           "kind": "js",
-          "name": "walkComposedTree",
+          "name": "HistoryPanelItem",
           "declaration": {
-            "name": "walkComposedTree",
-            "module": "src/globals/utils/focus-utils.ts"
+            "name": "default",
+            "module": "./history-panel-item.js"
           }
         },
         {
           "kind": "js",
-          "name": "getFirstAndLastFocusableChildren",
+          "name": "HistoryPanelItems",
           "declaration": {
-            "name": "getFirstAndLastFocusableChildren",
-            "module": "src/globals/utils/focus-utils.ts"
+            "name": "default",
+            "module": "./history-panel-items.js"
           }
         },
         {
           "kind": "js",
-          "name": "focusElementAfterRepaint",
+          "name": "HistorySearchItem",
           "declaration": {
-            "name": "focusElementAfterRepaint",
-            "module": "src/globals/utils/focus-utils.ts"
+            "name": "default",
+            "module": "./history-search-item.js"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/globals/utils/rtl-utils.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "isDirectionRTL",
-          "return": {
-            "type": {
-              "text": ""
-            }
-          },
-          "description": "Determines if the document is in RTL (right-to-left) mode.\nChecks both document.dir and document.documentElement.dir for maximum compatibility."
-        }
-      ],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "isDirectionRTL",
+          "name": "HistoryPanelItemInput",
           "declaration": {
-            "name": "isDirectionRTL",
-            "module": "src/globals/utils/rtl-utils.ts"
+            "name": "default",
+            "module": "./history-panel-item-input.js"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/globals/utils/uuid.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "uuid",
-          "return": {
-            "type": {
-              "text": "string"
-            }
-          },
-          "description": "Generates a v4 UUID. Uses `crypto.randomUUID` when available, otherwise falls back to a simple implementation."
-        }
-      ],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "uuid",
+          "name": "HistoryDeletePanel",
           "declaration": {
-            "name": "uuid",
-            "module": "src/globals/utils/uuid.ts"
+            "name": "default",
+            "module": "./history-delete-panel.js"
           }
         }
       ]
@@ -2448,103 +2448,248 @@
             },
             {
               "kind": "field",
-              "name": "expanded",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controlled expanded status",
+              "attribute": "expanded"
+            },
+            {
+              "kind": "field",
+              "name": "contentId",
+              "privacy": "private",
+              "default": "`transcript-content-${Math.random().toString(36).substr(2, 9)}`",
+              "description": "Unique ID for aria-controls relationship"
+            },
+            {
+              "kind": "method",
+              "name": "handleToggle",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Toggle transcript visibility\nDispatches event for parent to handle state change"
+            }
+          ],
+          "events": [
+            {
+              "name": "cds-aichat-transcript-toggle",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when transcript is expanded or collapsed"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The transcript text (supports markdown)",
+              "fieldName": "text"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Transcript\"",
+              "description": "Optional label for the transcript (defaults to \"Transcript\")",
+              "fieldName": "label"
+            },
+            {
+              "name": "language",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "Optional language code",
+              "fieldName": "language"
+            },
+            {
+              "name": "show-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Show\"",
+              "description": "Label for showing transcript",
+              "fieldName": "showLabel"
+            },
+            {
+              "name": "hide-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"Hide\"",
+              "description": "Label for hiding transcript",
+              "fieldName": "hideLabel"
+            },
+            {
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controlled expanded status",
+              "fieldName": "expanded"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "cds-aichat-transcript",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Transcript",
+            "module": "src/components/audio-player/src/transcript.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/carousel/src/carousel.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Carousel component",
+          "name": "CDSAICarousel",
+          "slots": [
+            {
+              "description": "The body",
+              "name": "body"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "nextBtnText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Text for the next button",
+              "attribute": "nextBtnText"
+            },
+            {
+              "kind": "field",
+              "name": "previousBtnText",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Text for the previous button",
+              "attribute": "previousBtnText"
+            },
+            {
+              "kind": "field",
+              "name": "container",
+              "type": {
+                "text": "Array<HTMLElement> | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "carousel",
+              "type": {
+                "text": "InitCarousel | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_currentIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_lastIndex",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "Controlled expanded status",
-              "attribute": "expanded"
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "kind": "field",
-              "name": "contentId",
-              "privacy": "private",
-              "default": "`transcript-content-${Math.random().toString(36).substr(2, 9)}`",
-              "description": "Unique ID for aria-controls relationship"
+              "kind": "method",
+              "name": "_handlePrev",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleToggle",
+              "name": "_handleNext",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_dispatchChange",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
+              "parameters": [
+                {
+                  "name": "data",
+                  "type": {
+                    "text": "CarouselResponse"
+                  }
                 }
-              },
-              "description": "Toggle transcript visibility\nDispatches event for parent to handle state change"
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "eventOnChange",
+              "static": true,
+              "readonly": true
             }
           ],
           "events": [
             {
-              "name": "cds-aichat-transcript-toggle",
               "type": {
                 "text": "CustomEvent"
-              },
-              "description": "Fired when transcript is expanded or collapsed"
+              }
+            },
+            {
+              "description": "custom event for when the carousel changes",
+              "name": "cds-aichat-carousel-onchange"
             }
           ],
           "attributes": [
             {
-              "name": "text",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "The transcript text (supports markdown)",
-              "fieldName": "text"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"Transcript\"",
-              "description": "Optional label for the transcript (defaults to \"Transcript\")",
-              "fieldName": "label"
-            },
-            {
-              "name": "language",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"\"",
-              "description": "Optional language code",
-              "fieldName": "language"
-            },
-            {
-              "name": "show-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "\"Show\"",
-              "description": "Label for showing transcript",
-              "fieldName": "showLabel"
-            },
-            {
-              "name": "hide-label",
+              "name": "nextBtnText",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "\"Hide\"",
-              "description": "Label for hiding transcript",
-              "fieldName": "hideLabel"
+              "description": "Text for the next button",
+              "fieldName": "nextBtnText"
             },
             {
-              "name": "expanded",
+              "name": "previousBtnText",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "Controlled expanded status",
-              "fieldName": "expanded"
+              "description": "Text for the previous button",
+              "fieldName": "previousBtnText"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "cds-aichat-transcript",
+          "tagName": "cds-aichat-carousel",
           "customElement": true
         }
       ],
@@ -2553,8 +2698,8 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "Transcript",
-            "module": "src/components/audio-player/src/transcript.ts"
+            "name": "CDSAICarousel",
+            "module": "src/components/carousel/src/carousel.ts"
           }
         }
       ]
@@ -2804,151 +2949,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/carousel/src/carousel.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Carousel component",
-          "name": "CDSAICarousel",
-          "slots": [
-            {
-              "description": "The body",
-              "name": "body"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "nextBtnText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Text for the next button",
-              "attribute": "nextBtnText"
-            },
-            {
-              "kind": "field",
-              "name": "previousBtnText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Text for the previous button",
-              "attribute": "previousBtnText"
-            },
-            {
-              "kind": "field",
-              "name": "container",
-              "type": {
-                "text": "Array<HTMLElement> | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "carousel",
-              "type": {
-                "text": "InitCarousel | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_currentIndex",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "_lastIndex",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "method",
-              "name": "_handlePrev",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_handleNext",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_dispatchChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "data",
-                  "type": {
-                    "text": "CarouselResponse"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "eventOnChange",
-              "static": true,
-              "readonly": true
-            }
-          ],
-          "events": [
-            {
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "description": "custom event for when the carousel changes",
-              "name": "cds-aichat-carousel-onchange"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "nextBtnText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Text for the next button",
-              "fieldName": "nextBtnText"
-            },
-            {
-              "name": "previousBtnText",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Text for the previous button",
-              "fieldName": "previousBtnText"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "cds-aichat-carousel",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "CDSAICarousel",
-            "module": "src/components/carousel/src/carousel.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/components/chain-of-thought/src/chain-of-thought-step.ts",