@tylertech/forge-ai 0.13.10 → 0.13.11

package/custom-elements.json

@@ -394,6 +394,16 @@
               "privacy": "public",
               "default": "false",
               "attribute": "debug-mode"
+            },
+            {
+              "kind": "field",
+              "name": "showThinking",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "attribute": "show-thinking"
             }
           ],
           "events": [
@@ -442,6 +452,14 @@
               },
               "default": "false",
               "fieldName": "debugMode"
+            },
+            {
+              "name": "show-thinking",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "showThinking"
             }
           ],
           "superclass": {
@@ -7503,6 +7521,17 @@
               "description": "Controls the dialog's positioning and size behavior.\nWhen true, the dialog will have an expanded width and be centered on the screen.\nWhen false, the dialog will be positioned at the bottom-right corner with a fixed width.",
               "attribute": "expanded"
             },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "'AI Assistant'",
+              "description": "Accessible label for the dialog, announced by screen readers when it opens.",
+              "attribute": "label"
+            },
             {
               "kind": "field",
               "name": "isFullscreen",
@@ -7581,6 +7610,15 @@
               "default": "false",
               "description": "Controls the dialog's positioning and size behavior.\nWhen true, the dialog will have an expanded width and be centered on the screen.\nWhen false, the dialog will be positioned at the bottom-right corner with a fixed width.",
               "fieldName": "expanded"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'AI Assistant'",
+              "description": "Accessible label for the dialog, announced by screen readers when it opens.",
+              "fieldName": "label"
             }
           ],
           "superclass": {
@@ -8139,6 +8177,16 @@
               "description": "The placement of the popover relative to the trigger button.\nOnly applies to root-level menus; submenus always use 'right-start'.",
               "attribute": "popover-placement"
             },
+            {
+              "kind": "field",
+              "name": "triggerLabel",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "public",
+              "description": "Accessible label for the trigger button. Set this for icon-only triggers\nthat have no visible text so screen readers can announce the button.",
+              "attribute": "trigger-label"
+            },
             {
               "kind": "method",
               "name": "focusFirstItem",
@@ -8227,6 +8275,14 @@
               "default": "'bottom-start'",
               "description": "The placement of the popover relative to the trigger button.\nOnly applies to root-level menus; submenus always use 'right-start'.",
               "fieldName": "popoverPlacement"
+            },
+            {
+              "name": "trigger-label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Accessible label for the trigger button. Set this for icon-only triggers\nthat have no visible text so screen readers can announce the button.",
+              "fieldName": "triggerLabel"
             }
           ],
           "superclass": {
@@ -8689,6 +8745,17 @@
               "description": "Placeholder text for input (default: \"Ask a question...\")",
               "attribute": "placeholder"
             },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "'AI Assistant'",
+              "description": "Accessible label for the modal, announced by screen readers when expanded.",
+              "attribute": "label"
+            },
             {
               "kind": "field",
               "name": "suggestions",
@@ -8780,6 +8847,15 @@
               "default": "'Ask a question...'",
               "description": "Placeholder text for input (default: \"Ask a question...\")",
               "fieldName": "placeholder"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'AI Assistant'",
+              "description": "Accessible label for the modal, announced by screen readers when expanded.",
+              "fieldName": "label"
             }
           ],
           "superclass": {
@@ -9290,6 +9366,17 @@
               "default": "false",
               "attribute": "expanded"
             },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "'AI Assistant'",
+              "description": "Accessible label for the dialog, announced by screen readers when it opens.\nSet this to match the slotted chatbot's title.",
+              "attribute": "label"
+            },
             {
               "kind": "method",
               "name": "show",
@@ -9376,6 +9463,15 @@
               },
               "default": "false",
               "fieldName": "expanded"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'AI Assistant'",
+              "description": "Accessible label for the dialog, announced by screen readers when it opens.\nSet this to match the slotted chatbot's title.",
+              "fieldName": "label"
             }
           ],
           "superclass": {
@@ -9939,6 +10035,17 @@
               "description": "Controls the modal sizing strategy.\n- 'auto' (default): Automatically switches to fullscreen on viewports < 768px\n- 'fixed': Maintains defined size regardless of viewport, never auto-fullscreens",
               "attribute": "size-strategy"
             },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "'AI Assistant'",
+              "description": "Accessible label for the dialog, announced by screen readers when the modal opens.",
+              "attribute": "label"
+            },
             {
               "kind": "method",
               "name": "show",
@@ -10011,6 +10118,15 @@
               "default": "'auto'",
               "description": "Controls the modal sizing strategy.\n- 'auto' (default): Automatically switches to fullscreen on viewports < 768px\n- 'fixed': Maintains defined size regardless of viewport, never auto-fullscreens",
               "fieldName": "sizeStrategy"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'AI Assistant'",
+              "description": "Accessible label for the dialog, announced by screen readers when the modal opens.",
+              "fieldName": "label"
             }
           ],
           "superclass": {
@@ -14403,11 +14519,11 @@
     },
     "ForgeAiAssistantResponseFeedbackEventData": {
       "path": "src/lib/ai-assistant-response/ai-assistant-response.ts",
-      "lineNumber": 28
+      "lineNumber": 29
     },
     "AiAssistantResponseComponent": {
       "path": "src/lib/ai-assistant-response/ai-assistant-response.ts",
-      "lineNumber": 45
+      "lineNumber": 46
     },
     "ForgeAiAttachmentRemoveEventData": {
       "path": "src/lib/ai-attachment/ai-attachment.ts",

package/dist/ai-assistant-response/ai-assistant-response.d.ts

@@ -37,6 +37,7 @@ export declare class AiAssistantResponseComponent extends LitElement {
     tools?: Map<string, ToolDefinition>;
     enableReactions: boolean;
     debugMode: boolean;
+    showThinking: boolean;
     connectedCallback(): void;
     willUpdate(): void;
     render(): TemplateResult;

package/dist/ai-assistant-response/ai-assistant-response.mjs

@@ -6,6 +6,7 @@ import { MarkdownStreamController } from "../ai-chatbot/markdown-stream-controll
 import "../ai-response-message-toolbar/ai-response-message-toolbar.mjs";
 import "../ai-chatbot/ai-chatbot-tool-call.mjs";
 import "../ai-tool-call-indicator/ai-tool-call-indicator.mjs";
+import "../ai-thinking-indicator/ai-thinking-indicator.mjs";
 import styles from "./ai-assistant-response.scss.mjs";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -25,7 +26,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _internals, _markdownController, _AiAssistantResponseComponent_instances, hasVisibleContent_get, updateEmptyState_fn, renderTextChunk_fn, renderToolCall_fn, children_get, handleToolbarAction_fn, handleToolbarFeedback_fn, toolbar_get;
+var _internals, _markdownController, _AiAssistantResponseComponent_instances, hasVisibleContent_get, updateEmptyState_fn, renderTextChunk_fn, renderToolCall_fn, children_get, handleToolbarAction_fn, handleToolbarFeedback_fn, toolbar_get, thinkingIndicator_get;
 const AiAssistantResponseComponentTagName = "forge-ai-assistant-response";
 let AiAssistantResponseComponent = class extends LitElement {
   constructor() {
@@ -33,6 +34,7 @@ let AiAssistantResponseComponent = class extends LitElement {
     __privateAdd(this, _AiAssistantResponseComponent_instances);
     this.enableReactions = false;
     this.debugMode = false;
+    this.showThinking = false;
     __privateAdd(this, _internals, this.attachInternals());
     __privateAdd(this, _markdownController);
   }
@@ -46,7 +48,7 @@ let AiAssistantResponseComponent = class extends LitElement {
   render() {
     return html`
       <div class="assistant-response" ?data-complete=${this.response.status === "complete"}>
-        ${__privateGet(this, _AiAssistantResponseComponent_instances, children_get)} ${__privateGet(this, _AiAssistantResponseComponent_instances, toolbar_get)}
+        ${__privateGet(this, _AiAssistantResponseComponent_instances, children_get)} ${__privateGet(this, _AiAssistantResponseComponent_instances, thinkingIndicator_get)} ${__privateGet(this, _AiAssistantResponseComponent_instances, toolbar_get)}
       </div>
     `;
   }
@@ -64,7 +66,7 @@ hasVisibleContent_get = function() {
   });
 };
 updateEmptyState_fn = function() {
-  const isEmpty = !__privateGet(this, _AiAssistantResponseComponent_instances, hasVisibleContent_get) && this.response.status !== "complete";
+  const isEmpty = !__privateGet(this, _AiAssistantResponseComponent_instances, hasVisibleContent_get) && this.response.status !== "complete" && !this.showThinking;
   if (isEmpty) {
     __privateGet(this, _internals).states.add("empty");
   } else {
@@ -160,6 +162,30 @@ toolbar_get = function() {
       </div>
     `;
 };
+thinkingIndicator_get = function() {
+  if (!this.showThinking) {
+    return nothing;
+  }
+  const lastChild = this.response.children[this.response.children.length - 1];
+  if (lastChild?.type === "text" && lastChild.status === "streaming") {
+    const content = typeof lastChild.content === "string" ? lastChild.content : "";
+    if (content.trim().length > 0) {
+      return nothing;
+    }
+  }
+  const hasActiveToolCall = this.response.children.some((child) => {
+    if (child.type !== "toolCall") {
+      return false;
+    }
+    return child.data.status === "parsing" || child.data.status === "executing" || child.data.status === "pending";
+  });
+  if (hasActiveToolCall) {
+    return nothing;
+  }
+  return html`<div class="thinking-indicator">
+      <forge-ai-thinking-indicator show-text></forge-ai-thinking-indicator>
+    </div>`;
+};
 AiAssistantResponseComponent.styles = unsafeCSS(styles);
 __decorateClass([
   property({ attribute: false })
@@ -173,6 +199,9 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, attribute: "debug-mode" })
 ], AiAssistantResponseComponent.prototype, "debugMode", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-thinking" })
+], AiAssistantResponseComponent.prototype, "showThinking", 2);
 AiAssistantResponseComponent = __decorateClass([
   customElement(AiAssistantResponseComponentTagName)
 ], AiAssistantResponseComponent);

package/dist/ai-assistant-response/ai-assistant-response.scss.mjs

@@ -1,4 +1,4 @@
-const styles = '/**\n * @license\n * Copyright Tyler Technologies, Inc.\n * License: Apache-2.0\n */\n.forge-icon-button {\n  --_icon-button-display:var(--forge-icon-button-display, inline-flex);\n  --_icon-button-size:var(--forge-icon-button-size, 48px);\n  --_icon-button-gap:var(--forge-icon-button-gap, 0);\n  --_icon-button-icon-color:var(--forge-icon-button-icon-color, currentColor);\n  --_icon-button-background-color:var(--forge-icon-button-background-color, none);\n  --_icon-button-icon-size:var(--forge-icon-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.5));\n  --_icon-button-cursor:var(--forge-icon-button-cursor, pointer);\n  --_icon-button-padding:var(--forge-icon-button-padding, var(--forge-spacing-xxsmall, 4px));\n  --_icon-button-border:var(--forge-icon-button-border, none);\n  --_icon-button-shadow:var(--forge-icon-button-shadow, none);\n  --_icon-button-transition-duration:var(--forge-icon-button-transition-duration, var(--forge-animation-duration-short3, 150ms));\n  --_icon-button-transition-timing:var(--forge-icon-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_icon-button-shape:var(--forge-icon-button-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));\n  --_icon-button-shape-start-start:var(--forge-icon-button-shape-start-start, var(--_icon-button-shape));\n  --_icon-button-shape-start-end:var(--forge-icon-button-shape-start-end, var(--_icon-button-shape));\n  --_icon-button-shape-end-start:var(--forge-icon-button-shape-end-start, var(--_icon-button-shape));\n  --_icon-button-shape-end-end:var(--forge-icon-button-shape-end-end, var(--_icon-button-shape));\n  --_icon-button-shape-squared:var(--forge-icon-button-shape-squared, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));\n  --_icon-button-outlined-border-width:var(--forge-icon-button-outlined-border-width, 1px);\n  --_icon-button-outlined-border-style:var(--forge-icon-button-outlined-border-style, solid);\n  --_icon-button-outlined-border-color:var(--forge-icon-button-outlined-border-color, var(--_icon-button-icon-color));\n  --_icon-button-tonal-icon-color:var(--forge-icon-button-tonal-icon-color, var(--forge-theme-on-primary-container, #222c62));\n  --_icon-button-tonal-background-color:var(--forge-icon-button-tonal-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-filled-icon-color:var(--forge-icon-button-filled-icon-color, var(--forge-theme-on-primary, #ffffff));\n  --_icon-button-filled-background-color:var(--forge-icon-button-filled-background-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-raised-shadow:var(--forge-icon-button-raised-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));\n  --_icon-button-raised-hover-shadow:var(--forge-icon-button-raised-hover-shadow, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));\n  --_icon-button-raised-active-shadow:var(--forge-icon-button-raised-active-shadow, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12));\n  --_icon-button-raised-disabled-shadow:var(--forge-icon-button-raised-disabled-shadow, none);\n  --_icon-button-density-small-size:var(--forge-icon-button-density-small-size, 24px);\n  --_icon-button-density-small-padding:var(--forge-icon-button-density-small-padding, var(--forge-spacing-xxxsmall, 2px));\n  --_icon-button-density-small-icon-size:var(--forge-icon-button-density-small-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));\n  --_icon-button-density-medium-size:var(--forge-icon-button-density-medium-size, 36px);\n  --_icon-button-density-medium-padding:var(--forge-icon-button-density-medium-padding, var(--forge-spacing-xxsmall, 4px));\n  --_icon-button-density-large-size:var(--forge-icon-button-density-large-size, var(--_icon-button-size));\n  --_icon-button-toggle-on-background-color:var(--forge-icon-button-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-tonal-toggle-background-color:var(--forge-icon-button-tonal-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));\n  --_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-filled-toggle-background-color:var(--forge-icon-button-filled-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));\n  --_icon-button-filled-toggle-icon-color:var(--forge-icon-button-filled-toggle-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-primary, #ffffff));\n  --_icon-button-disabled-cursor:var(--forge-icon-button-disabled-cursor, not-allowed);\n  --_icon-button-disabled-opacity:var(--forge-icon-button-disabled-opacity, 0.38);\n  --_icon-button-popover-icon-padding:var(--forge-icon-button-popover-icon-padding, var(--forge-spacing-xsmall, 8px));\n  --_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5));\n}\n\n.forge-icon-button {\n  display: var(--_icon-button-display);\n  position: relative;\n  outline: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  position: relative;\n  z-index: 0;\n  display: var(--_icon-button-display);\n  align-items: center;\n  justify-content: center;\n  gap: var(--_icon-button-gap);\n  box-sizing: border-box;\n  height: var(--_icon-button-density-large-size);\n  min-width: var(--_icon-button-density-large-size);\n  border: var(--_icon-button-border);\n  border-start-start-radius: var(--_icon-button-shape-start-start);\n  border-start-end-radius: var(--_icon-button-shape-start-end);\n  border-end-start-radius: var(--_icon-button-shape-end-start);\n  border-end-end-radius: var(--_icon-button-shape-end-end);\n  padding: var(--_icon-button-padding);\n  box-shadow: var(--_icon-button-shadow);\n  color: var(--_icon-button-icon-color);\n  background: var(--_icon-button-background-color);\n  font-size: var(--_icon-button-icon-size);\n  cursor: var(--_icon-button-cursor);\n  user-select: none;\n  transition-property: box-shadow, background;\n  transition-duration: var(--_icon-button-transition-duration);\n  transition-timing-function: var(--_icon-button-transition-timing);\n}\n\n.forge-icon-button img, .forge-icon-button svg {\n  height: var(--_icon-button-icon-size);\n  width: var(--_icon-button-icon-size);\n}\n\n.forge-icon-button svg {\n  fill: currentColor;\n}\n\n.forge-icon-button:not(:disabled) {\n  --_state-layer-display:var(--forge-state-layer-display, flex);\n  --_state-layer-color:var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));\n  --_state-layer-hover-color:var(--forge-state-layer-hover-color, var(--_state-layer-color));\n  --_state-layer-hover-opacity:var(--forge-state-layer-hover-opacity, 0.08);\n  --_state-layer-pressed-color:var(--forge-state-layer-pressed-color, var(--_state-layer-color));\n  --_state-layer-pressed-opacity:var(--forge-state-layer-pressed-opacity, 0.12);\n  --_state-layer-hover-duration:var(--forge-state-layer-hover-duration, 15ms);\n  --_state-layer-pressed-duration:var(--forge-state-layer-pressed-duration, 105ms);\n  --_state-layer-animation-duration:var(--forge-state-layer-animation-duration, 375ms);\n}\n\n.forge-icon-button:not(:disabled)::before {\n  opacity: 0;\n  position: absolute;\n  backface-visibility: hidden;\n  transform: translateZ(0);\n  background-color: var(--_state-layer-hover-color);\n  inset: 0;\n  transition: opacity var(--_state-layer-hover-duration) linear, background-color var(--_state-layer-hover-duration) linear;\n  --_state-layer-hover-duration:var(--forge-state-layer-hover-duration, 100ms);\n  content: "";\n  opacity: 0;\n  border-radius: inherit;\n}\n\n.forge-icon-button:not(:disabled):hover::before {\n  background-color: var(--_state-layer-hover-color);\n  opacity: var(--_state-layer-hover-opacity);\n}\n\n.forge-icon-button:not(:disabled):active::before {\n  opacity: var(--_state-layer-pressed-opacity);\n  transition-duration: var(--_state-layer-pressed-duration);\n  --_state-layer-pressed-opacity:var(--forge-state-layer-pressed-opacity, 0.18);\n}\n\n.forge-icon-button:not(:disabled) {\n  --forge-state-layer-color: var(--_icon-button-icon-color);\n}\n\n@keyframes forge-focus-indicator-outward-grow {\n  from {\n    outline-width: 0;\n  }\n  to {\n    outline-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-outward-shrink {\n  from {\n    outline-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-inward-grow {\n  from {\n    border-width: 0;\n  }\n  to {\n    border-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-inward-shrink {\n  from {\n    border-width: var(--_focus-indicator-active-width);\n  }\n}\n.forge-icon-button:not(:disabled) {\n  outline: none;\n}\n\n.forge-icon-button:not(:disabled):focus-visible::after {\n  --_focus-indicator-display:var(--forge-focus-indicator-display, flex);\n  --_focus-indicator-width:var(--forge-focus-indicator-width, var(--forge-border-medium, 2px));\n  --_focus-indicator-active-width:var(--forge-focus-indicator-active-width, 6px);\n  --_focus-indicator-color:var(--forge-focus-indicator-color, var(--forge-theme-primary, #3f51b5));\n  --_focus-indicator-shape:var(--forge-focus-indicator-shape, calc(var(--forge-shape-extra-small, 1px) * var(--forge-shape-factor, 1)));\n  --_focus-indicator-duration:var(--forge-focus-indicator-duration, var(--forge-animation-duration-long4, 600ms));\n  --_focus-indicator-easing:var(--forge-focus-indicator-easing, var(--forge-animation-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)));\n  --_focus-indicator-shape-start-start:var(--forge-focus-indicator-shape-start-start, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-start-end:var(--forge-focus-indicator-shape-start-end, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-end-end:var(--forge-focus-indicator-shape-end-end, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-end-start:var(--forge-focus-indicator-shape-end-start, var(--_focus-indicator-shape));\n  --_focus-indicator-outward-offset:var(--forge-focus-indicator-outward-offset, var(--forge-spacing-xxsmall, 4px));\n  --_focus-indicator-inward-offset:var(--forge-focus-indicator-inward-offset, 0px);\n  --_focus-indicator-offset-block:var(--forge-focus-indicator-offset-block, 0);\n  --_focus-indicator-offset-inline:var(--forge-focus-indicator-offset-inline, 0);\n}\n\n.forge-icon-button:not(:disabled):focus-visible::after {\n  animation-delay: 0s, calc(var(--_focus-indicator-duration) * 0.25);\n  animation-duration: calc(var(--_focus-indicator-duration) * 0.25), calc(var(--_focus-indicator-duration) * 0.75);\n  animation-timing-function: var(--_focus-indicator-easing);\n  box-sizing: border-box;\n  color: var(--_focus-indicator-color);\n  display: none;\n  pointer-events: none;\n  position: absolute;\n  margin-block: var(--_focus-indicator-offset-block);\n  margin-inline: var(--_focus-indicator-offset-inline);\n  animation-name: forge-focus-indicator-outward-grow, forge-focus-indicator-outward-shrink;\n  border-end-end-radius: calc(var(--_focus-indicator-shape-end-end) + var(--_focus-indicator-outward-offset));\n  border-end-start-radius: calc(var(--_focus-indicator-shape-end-start) + var(--_focus-indicator-outward-offset));\n  border-start-end-radius: calc(var(--_focus-indicator-shape-start-end) + var(--_focus-indicator-outward-offset));\n  border-start-start-radius: calc(var(--_focus-indicator-shape-start-start) + var(--_focus-indicator-outward-offset));\n  inset: calc(-1 * var(--_focus-indicator-outward-offset));\n  outline: var(--_focus-indicator-width) solid currentColor;\n  content: "";\n  display: block;\n}\n\n.forge-icon-button:not(:disabled) {\n  --forge-focus-indicator-color: var(--_icon-button-focus-indicator-color);\n  --forge-focus-indicator-shape: var(--_icon-button-shape);\n}\n\n.forge-icon-button:not(:disabled):where(.forge-icon-button--text, :not(:where(.forge-icon-button--outlined, .forge-icon-button--tonal, .forge-icon-button--filled, .forge-icon-button--raised))) {\n  --forge-focus-indicator-outward-offset: 0px;\n}\n\n.forge-icon-button--outlined {\n  border-width: var(--_icon-button-outlined-border-width);\n  border-style: var(--_icon-button-outlined-border-style);\n  border-color: var(--_icon-button-outlined-border-color);\n}\n\n.forge-icon-button--tonal {\n  --_icon-button-icon-color:var(--_icon-button-tonal-icon-color);\n  --_icon-button-background-color:var(--_icon-button-tonal-background-color);\n}\n\n.forge-icon-button--filled, .forge-icon-button--raised {\n  --_icon-button-icon-color:var(--_icon-button-filled-icon-color);\n  --_icon-button-background-color:var(--_icon-button-filled-background-color);\n}\n\n.forge-icon-button--raised {\n  --_icon-button-shadow:var(--_icon-button-raised-shadow);\n}\n\n.forge-icon-button--raised:hover {\n  --_icon-button-raised-shadow:var(--_icon-button-raised-hover-shadow);\n}\n\n.forge-icon-button--raised:active {\n  --_icon-button-raised-shadow:var(--_icon-button-raised-active-shadow);\n}\n\n.forge-icon-button--squared {\n  --_icon-button-shape:var(--_icon-button-shape-squared);\n}\n\n.forge-icon-button--small {\n  --_icon-button-size:var(--_icon-button-density-small-size);\n  --_icon-button-icon-size:var(--_icon-button-density-small-icon-size);\n  --_icon-button-padding:var(--_icon-button-density-small-padding);\n}\n\n.forge-icon-button--small > * {\n  font-size: var(--_icon-button-density-small-icon-size);\n}\n\n.forge-icon-button--medium {\n  --_icon-button-size:var(--_icon-button-density-medium-size);\n  --_icon-button-padding:var(--_icon-button-density-medium-padding);\n}\n\n.forge-icon-button:disabled {\n  pointer-events: none;\n  opacity: var(--_icon-button-disabled-opacity);\n  pointer-events: auto;\n  cursor: not-allowed;\n}\n\n.forge-icon-button forge-circular-progress {\n  --forge-circular-progress-indicator-color: var(--_icon-button-icon-color);\n  --forge-circular-progress-track-color: transparent;\n  --forge-circular-progress-size: 1em;\n}\n\n/* prettier-ignore */\n@keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n:host {\n  display: block;\n  box-sizing: border-box;\n}\n\n:host(:state(empty)) {\n  display: none;\n}\n\n.assistant-response {\n  position: relative;\n}\n\n.text-chunk {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-body1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 0.875)));\n  font-weight: var(--forge-typography-body1-font-weight, 400);\n  line-height: var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));\n  letter-spacing: var(--forge-typography-body1-letter-spacing, 0.0357142857em);\n  text-transform: var(--forge-typography-body1-text-transform, inherit);\n  text-decoration: var(--forge-typography-body1-text-decoration, inherit);\n  font-size: var(--forge-ai-markdown-font-size, 0.875rem);\n  line-height: var(--forge-ai-markdown-line-height, 1.5rem);\n  color: var(--forge-theme-on-surface, #000000);\n  overflow-wrap: break-word;\n}\n.text-chunk h1,\n.text-chunk h2,\n.text-chunk h3,\n.text-chunk h4,\n.text-chunk h5,\n.text-chunk h6 {\n  margin: 1.75rem 0 var(--forge-spacing-small, 12px);\n}\n.text-chunk strong {\n  font-weight: 500;\n}\n.text-chunk a {\n  color: var(--forge-theme-primary, #3f51b5);\n}\n.text-chunk hr {\n  border: none;\n  border-top: 1px solid var(--forge-theme-outline, #e0e0e0);\n}\n.text-chunk code {\n  color: var(--forge-theme-on-surface-container-low, #000000);\n  background-color: var(--forge-theme-surface-container-low, #ebebeb);\n  border-radius: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));\n  padding: var(--forge-spacing-xxxsmall, 2px) var(--forge-spacing-xxsmall, 4px);\n  font-size: 0.75em;\n}\n.text-chunk pre {\n  border: 1px solid var(--forge-theme-outline, #e0e0e0);\n  border-radius: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));\n  margin: 0;\n  max-width: 100%;\n  overflow-x: auto;\n}\n.text-chunk pre:focus-visible {\n  outline: 2px solid var(--forge-theme-primary, #3f51b5);\n  outline-offset: 2px;\n}\n.text-chunk pre code {\n  display: block;\n  padding: var(--forge-spacing-xsmall, 8px) var(--forge-spacing-small, 12px);\n  color: var(--forge-theme-on-surface-container-minimum, #000000);\n  background: var(--forge-theme-surface-container-minimum, #f5f5f5);\n  white-space: pre;\n}\n.text-chunk [data-scroll-region=table] {\n  max-width: 100%;\n  overflow-x: auto;\n  border-radius: calc(var(--forge-shape-large, 8px) * var(--forge-shape-factor, 1));\n  margin-block: var(--forge-spacing-medium, 16px);\n}\n.text-chunk [data-scroll-region=table]:focus-visible {\n  outline: 2px solid var(--forge-theme-primary, #3f51b5);\n  outline-offset: 2px;\n}\n.text-chunk [data-scroll-region=table] table {\n  margin-block: 0;\n}\n.text-chunk table {\n  width: 100%;\n  border-spacing: 0;\n  background-color: var(--forge-theme-surface, #ffffff);\n  border-radius: calc(var(--forge-shape-large, 8px) * var(--forge-shape-factor, 1));\n  overflow: hidden;\n  margin-block: var(--forge-spacing-medium, 16px);\n}\n.text-chunk table thead {\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n  font-weight: bold;\n  text-align: left;\n  font-size: calc(var(--forge-typography-font-size, 1rem) * 0.75);\n  box-sizing: border-box;\n}\n.text-chunk table tr {\n  height: 36px;\n  height: 32px;\n}\n.text-chunk table tr:nth-child(even) {\n  background-color: var(--forge-theme-surface-dim, #fafafa);\n}\n.text-chunk table tr:last-child td {\n  border-bottom: none;\n}\n.text-chunk table th,\n.text-chunk table td {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-label1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.75)));\n  font-weight: var(--forge-typography-label1-font-weight, 400);\n  line-height: var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));\n  letter-spacing: var(--forge-typography-label1-letter-spacing, 0.0357142857em);\n  text-transform: var(--forge-typography-label1-text-transform, inherit);\n  text-decoration: var(--forge-typography-label1-text-decoration, inherit);\n  padding-block: var(--forge-spacing-xsmall, 8px);\n  padding-inline-start: var(--forge-spacing-xsmall, 8px);\n  padding-inline-end: var(--forge-spacing-medium, 16px);\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n  border-bottom-color: var(--forge-theme-outline, #e0e0e0);\n}\n.text-chunk table th {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-label2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.8125)));\n  font-weight: var(--forge-typography-label2-font-weight, 400);\n  line-height: var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));\n  letter-spacing: var(--forge-typography-label2-letter-spacing, 0.0096153846em);\n  text-transform: var(--forge-typography-label2-text-transform, inherit);\n  text-decoration: var(--forge-typography-label2-text-decoration, inherit);\n  font-weight: 600;\n}\n.text-chunk > p:has(+ ol),\n.text-chunk > p:has(+ ul) {\n  margin-block-end: var(--forge-spacing-small, 12px);\n}\n.text-chunk > ul {\n  list-style-type: disc;\n  padding-inline-start: 1.6875rem;\n}\n.text-chunk > ol {\n  padding-inline-start: 1.75rem;\n}\n.text-chunk > ol,\n.text-chunk > ul {\n  margin: var(--forge-spacing-xsmall, 8px) 0;\n  margin-block-end: var(--forge-spacing-medium, 16px);\n}\n.text-chunk > :first-child {\n  margin-block-start: 0;\n}\n.text-chunk > p {\n  margin-block-end: var(--forge-spacing-medium, 16px);\n  overflow-wrap: anywhere;\n}\n.text-chunk > p:first-child {\n  margin-block-start: 0;\n}\n.text-chunk > p:last-child {\n  margin-block-end: 0;\n}\n\n.toolbar-container {\n  position: absolute;\n  bottom: -28px;\n  transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;\n  display: flex;\n  align-items: center;\n  gap: var(--forge-spacing-xxsmall, 4px);\n  opacity: 0;\n  transform: translateY(-8px);\n  pointer-events: none;\n  z-index: 1;\n  left: 0;\n}\n\n.assistant-response[data-complete]:hover .toolbar-container,\n.assistant-response[data-complete] .toolbar-container:focus-within {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n\n:host(:not(:last-of-type)) .assistant-response[data-complete]::after {\n  content: "";\n  position: absolute;\n  bottom: -40px;\n  left: 0;\n  right: 0;\n  height: 40px;\n}\n\n:host(:last-of-type) .assistant-response[data-complete] .toolbar-container {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n\n.debug-button {\n  color: var(--forge-theme-on-error-container-low, #5f0011);\n  --forge-icon-button-focus-indicator-color: var(--forge-theme-error, #b00020);\n  --forge-icon-button-tonal-background-color: var(--forge-theme-error-container-low, #f6e0e4);\n}';
+const styles = '/**\n * @license\n * Copyright Tyler Technologies, Inc.\n * License: Apache-2.0\n */\n.forge-icon-button {\n  --_icon-button-display:var(--forge-icon-button-display, inline-flex);\n  --_icon-button-size:var(--forge-icon-button-size, 48px);\n  --_icon-button-gap:var(--forge-icon-button-gap, 0);\n  --_icon-button-icon-color:var(--forge-icon-button-icon-color, currentColor);\n  --_icon-button-background-color:var(--forge-icon-button-background-color, none);\n  --_icon-button-icon-size:var(--forge-icon-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.5));\n  --_icon-button-cursor:var(--forge-icon-button-cursor, pointer);\n  --_icon-button-padding:var(--forge-icon-button-padding, var(--forge-spacing-xxsmall, 4px));\n  --_icon-button-border:var(--forge-icon-button-border, none);\n  --_icon-button-shadow:var(--forge-icon-button-shadow, none);\n  --_icon-button-transition-duration:var(--forge-icon-button-transition-duration, var(--forge-animation-duration-short3, 150ms));\n  --_icon-button-transition-timing:var(--forge-icon-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_icon-button-shape:var(--forge-icon-button-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));\n  --_icon-button-shape-start-start:var(--forge-icon-button-shape-start-start, var(--_icon-button-shape));\n  --_icon-button-shape-start-end:var(--forge-icon-button-shape-start-end, var(--_icon-button-shape));\n  --_icon-button-shape-end-start:var(--forge-icon-button-shape-end-start, var(--_icon-button-shape));\n  --_icon-button-shape-end-end:var(--forge-icon-button-shape-end-end, var(--_icon-button-shape));\n  --_icon-button-shape-squared:var(--forge-icon-button-shape-squared, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));\n  --_icon-button-outlined-border-width:var(--forge-icon-button-outlined-border-width, 1px);\n  --_icon-button-outlined-border-style:var(--forge-icon-button-outlined-border-style, solid);\n  --_icon-button-outlined-border-color:var(--forge-icon-button-outlined-border-color, var(--_icon-button-icon-color));\n  --_icon-button-tonal-icon-color:var(--forge-icon-button-tonal-icon-color, var(--forge-theme-on-primary-container, #222c62));\n  --_icon-button-tonal-background-color:var(--forge-icon-button-tonal-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-filled-icon-color:var(--forge-icon-button-filled-icon-color, var(--forge-theme-on-primary, #ffffff));\n  --_icon-button-filled-background-color:var(--forge-icon-button-filled-background-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-raised-shadow:var(--forge-icon-button-raised-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));\n  --_icon-button-raised-hover-shadow:var(--forge-icon-button-raised-hover-shadow, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));\n  --_icon-button-raised-active-shadow:var(--forge-icon-button-raised-active-shadow, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12));\n  --_icon-button-raised-disabled-shadow:var(--forge-icon-button-raised-disabled-shadow, none);\n  --_icon-button-density-small-size:var(--forge-icon-button-density-small-size, 24px);\n  --_icon-button-density-small-padding:var(--forge-icon-button-density-small-padding, var(--forge-spacing-xxxsmall, 2px));\n  --_icon-button-density-small-icon-size:var(--forge-icon-button-density-small-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));\n  --_icon-button-density-medium-size:var(--forge-icon-button-density-medium-size, 36px);\n  --_icon-button-density-medium-padding:var(--forge-icon-button-density-medium-padding, var(--forge-spacing-xxsmall, 4px));\n  --_icon-button-density-large-size:var(--forge-icon-button-density-large-size, var(--_icon-button-size));\n  --_icon-button-toggle-on-background-color:var(--forge-icon-button-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-toggle-on-icon-color:var(--forge-icon-button-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-outlined-toggle-on-background-color:var(--forge-icon-button-outlined-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-outlined-toggle-on-icon-color:var(--forge-icon-button-outlined-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-tonal-toggle-background-color:var(--forge-icon-button-tonal-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));\n  --_icon-button-tonal-toggle-on-background-color:var(--forge-icon-button-tonal-toggle-on-background-color, var(--forge-theme-primary-container, #d1d5ed));\n  --_icon-button-tonal-toggle-on-icon-color:var(--forge-icon-button-tonal-toggle-on-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-filled-toggle-background-color:var(--forge-icon-button-filled-toggle-background-color, var(--forge-theme-surface-container-low, #ebebeb));\n  --_icon-button-filled-toggle-icon-color:var(--forge-icon-button-filled-toggle-icon-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-filled-toggle-on-background-color:var(--forge-icon-button-filled-toggle-on-background-color, var(--forge-theme-primary, #3f51b5));\n  --_icon-button-filled-toggle-on-icon-color:var(--forge-icon-button-filled-toggle-on-icon-color, var(--forge-theme-on-primary, #ffffff));\n  --_icon-button-disabled-cursor:var(--forge-icon-button-disabled-cursor, not-allowed);\n  --_icon-button-disabled-opacity:var(--forge-icon-button-disabled-opacity, 0.38);\n  --_icon-button-popover-icon-padding:var(--forge-icon-button-popover-icon-padding, var(--forge-spacing-xsmall, 8px));\n  --_icon-button-focus-indicator-color:var(--forge-icon-button-focus-indicator-color, var(--forge-theme-primary, #3f51b5));\n}\n\n.forge-icon-button {\n  display: var(--_icon-button-display);\n  position: relative;\n  outline: none;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  position: relative;\n  z-index: 0;\n  display: var(--_icon-button-display);\n  align-items: center;\n  justify-content: center;\n  gap: var(--_icon-button-gap);\n  box-sizing: border-box;\n  height: var(--_icon-button-density-large-size);\n  min-width: var(--_icon-button-density-large-size);\n  border: var(--_icon-button-border);\n  border-start-start-radius: var(--_icon-button-shape-start-start);\n  border-start-end-radius: var(--_icon-button-shape-start-end);\n  border-end-start-radius: var(--_icon-button-shape-end-start);\n  border-end-end-radius: var(--_icon-button-shape-end-end);\n  padding: var(--_icon-button-padding);\n  box-shadow: var(--_icon-button-shadow);\n  color: var(--_icon-button-icon-color);\n  background: var(--_icon-button-background-color);\n  font-size: var(--_icon-button-icon-size);\n  cursor: var(--_icon-button-cursor);\n  user-select: none;\n  transition-property: box-shadow, background;\n  transition-duration: var(--_icon-button-transition-duration);\n  transition-timing-function: var(--_icon-button-transition-timing);\n}\n\n.forge-icon-button img, .forge-icon-button svg {\n  height: var(--_icon-button-icon-size);\n  width: var(--_icon-button-icon-size);\n}\n\n.forge-icon-button svg {\n  fill: currentColor;\n}\n\n.forge-icon-button:not(:disabled) {\n  --_state-layer-display:var(--forge-state-layer-display, flex);\n  --_state-layer-color:var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));\n  --_state-layer-hover-color:var(--forge-state-layer-hover-color, var(--_state-layer-color));\n  --_state-layer-hover-opacity:var(--forge-state-layer-hover-opacity, 0.08);\n  --_state-layer-pressed-color:var(--forge-state-layer-pressed-color, var(--_state-layer-color));\n  --_state-layer-pressed-opacity:var(--forge-state-layer-pressed-opacity, 0.12);\n  --_state-layer-hover-duration:var(--forge-state-layer-hover-duration, 15ms);\n  --_state-layer-pressed-duration:var(--forge-state-layer-pressed-duration, 105ms);\n  --_state-layer-animation-duration:var(--forge-state-layer-animation-duration, 375ms);\n}\n\n.forge-icon-button:not(:disabled)::before {\n  opacity: 0;\n  position: absolute;\n  backface-visibility: hidden;\n  transform: translateZ(0);\n  background-color: var(--_state-layer-hover-color);\n  inset: 0;\n  transition: opacity var(--_state-layer-hover-duration) linear, background-color var(--_state-layer-hover-duration) linear;\n  --_state-layer-hover-duration:var(--forge-state-layer-hover-duration, 100ms);\n  content: "";\n  opacity: 0;\n  border-radius: inherit;\n}\n\n.forge-icon-button:not(:disabled):hover::before {\n  background-color: var(--_state-layer-hover-color);\n  opacity: var(--_state-layer-hover-opacity);\n}\n\n.forge-icon-button:not(:disabled):active::before {\n  opacity: var(--_state-layer-pressed-opacity);\n  transition-duration: var(--_state-layer-pressed-duration);\n  --_state-layer-pressed-opacity:var(--forge-state-layer-pressed-opacity, 0.18);\n}\n\n.forge-icon-button:not(:disabled) {\n  --forge-state-layer-color: var(--_icon-button-icon-color);\n}\n\n@keyframes forge-focus-indicator-outward-grow {\n  from {\n    outline-width: 0;\n  }\n  to {\n    outline-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-outward-shrink {\n  from {\n    outline-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-inward-grow {\n  from {\n    border-width: 0;\n  }\n  to {\n    border-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-inward-shrink {\n  from {\n    border-width: var(--_focus-indicator-active-width);\n  }\n}\n.forge-icon-button:not(:disabled) {\n  outline: none;\n}\n\n.forge-icon-button:not(:disabled):focus-visible::after {\n  --_focus-indicator-display:var(--forge-focus-indicator-display, flex);\n  --_focus-indicator-width:var(--forge-focus-indicator-width, var(--forge-border-medium, 2px));\n  --_focus-indicator-active-width:var(--forge-focus-indicator-active-width, 6px);\n  --_focus-indicator-color:var(--forge-focus-indicator-color, var(--forge-theme-primary, #3f51b5));\n  --_focus-indicator-shape:var(--forge-focus-indicator-shape, calc(var(--forge-shape-extra-small, 1px) * var(--forge-shape-factor, 1)));\n  --_focus-indicator-duration:var(--forge-focus-indicator-duration, var(--forge-animation-duration-long4, 600ms));\n  --_focus-indicator-easing:var(--forge-focus-indicator-easing, var(--forge-animation-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)));\n  --_focus-indicator-shape-start-start:var(--forge-focus-indicator-shape-start-start, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-start-end:var(--forge-focus-indicator-shape-start-end, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-end-end:var(--forge-focus-indicator-shape-end-end, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-end-start:var(--forge-focus-indicator-shape-end-start, var(--_focus-indicator-shape));\n  --_focus-indicator-outward-offset:var(--forge-focus-indicator-outward-offset, var(--forge-spacing-xxsmall, 4px));\n  --_focus-indicator-inward-offset:var(--forge-focus-indicator-inward-offset, 0px);\n  --_focus-indicator-offset-block:var(--forge-focus-indicator-offset-block, 0);\n  --_focus-indicator-offset-inline:var(--forge-focus-indicator-offset-inline, 0);\n}\n\n.forge-icon-button:not(:disabled):focus-visible::after {\n  animation-delay: 0s, calc(var(--_focus-indicator-duration) * 0.25);\n  animation-duration: calc(var(--_focus-indicator-duration) * 0.25), calc(var(--_focus-indicator-duration) * 0.75);\n  animation-timing-function: var(--_focus-indicator-easing);\n  box-sizing: border-box;\n  color: var(--_focus-indicator-color);\n  display: none;\n  pointer-events: none;\n  position: absolute;\n  margin-block: var(--_focus-indicator-offset-block);\n  margin-inline: var(--_focus-indicator-offset-inline);\n  animation-name: forge-focus-indicator-outward-grow, forge-focus-indicator-outward-shrink;\n  border-end-end-radius: calc(var(--_focus-indicator-shape-end-end) + var(--_focus-indicator-outward-offset));\n  border-end-start-radius: calc(var(--_focus-indicator-shape-end-start) + var(--_focus-indicator-outward-offset));\n  border-start-end-radius: calc(var(--_focus-indicator-shape-start-end) + var(--_focus-indicator-outward-offset));\n  border-start-start-radius: calc(var(--_focus-indicator-shape-start-start) + var(--_focus-indicator-outward-offset));\n  inset: calc(-1 * var(--_focus-indicator-outward-offset));\n  outline: var(--_focus-indicator-width) solid currentColor;\n  content: "";\n  display: block;\n}\n\n.forge-icon-button:not(:disabled) {\n  --forge-focus-indicator-color: var(--_icon-button-focus-indicator-color);\n  --forge-focus-indicator-shape: var(--_icon-button-shape);\n}\n\n.forge-icon-button:not(:disabled):where(.forge-icon-button--text, :not(:where(.forge-icon-button--outlined, .forge-icon-button--tonal, .forge-icon-button--filled, .forge-icon-button--raised))) {\n  --forge-focus-indicator-outward-offset: 0px;\n}\n\n.forge-icon-button--outlined {\n  border-width: var(--_icon-button-outlined-border-width);\n  border-style: var(--_icon-button-outlined-border-style);\n  border-color: var(--_icon-button-outlined-border-color);\n}\n\n.forge-icon-button--tonal {\n  --_icon-button-icon-color:var(--_icon-button-tonal-icon-color);\n  --_icon-button-background-color:var(--_icon-button-tonal-background-color);\n}\n\n.forge-icon-button--filled, .forge-icon-button--raised {\n  --_icon-button-icon-color:var(--_icon-button-filled-icon-color);\n  --_icon-button-background-color:var(--_icon-button-filled-background-color);\n}\n\n.forge-icon-button--raised {\n  --_icon-button-shadow:var(--_icon-button-raised-shadow);\n}\n\n.forge-icon-button--raised:hover {\n  --_icon-button-raised-shadow:var(--_icon-button-raised-hover-shadow);\n}\n\n.forge-icon-button--raised:active {\n  --_icon-button-raised-shadow:var(--_icon-button-raised-active-shadow);\n}\n\n.forge-icon-button--squared {\n  --_icon-button-shape:var(--_icon-button-shape-squared);\n}\n\n.forge-icon-button--small {\n  --_icon-button-size:var(--_icon-button-density-small-size);\n  --_icon-button-icon-size:var(--_icon-button-density-small-icon-size);\n  --_icon-button-padding:var(--_icon-button-density-small-padding);\n}\n\n.forge-icon-button--small > * {\n  font-size: var(--_icon-button-density-small-icon-size);\n}\n\n.forge-icon-button--medium {\n  --_icon-button-size:var(--_icon-button-density-medium-size);\n  --_icon-button-padding:var(--_icon-button-density-medium-padding);\n}\n\n.forge-icon-button:disabled {\n  pointer-events: none;\n  opacity: var(--_icon-button-disabled-opacity);\n  pointer-events: auto;\n  cursor: not-allowed;\n}\n\n.forge-icon-button forge-circular-progress {\n  --forge-circular-progress-indicator-color: var(--_icon-button-icon-color);\n  --forge-circular-progress-track-color: transparent;\n  --forge-circular-progress-size: 1em;\n}\n\n/* prettier-ignore */\n@keyframes fadein {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n:host {\n  display: block;\n  box-sizing: border-box;\n}\n\n:host(:state(empty)) {\n  display: none;\n}\n\n.assistant-response {\n  position: relative;\n}\n\n.text-chunk {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-body1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 0.875)));\n  font-weight: var(--forge-typography-body1-font-weight, 400);\n  line-height: var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));\n  letter-spacing: var(--forge-typography-body1-letter-spacing, 0.0357142857em);\n  text-transform: var(--forge-typography-body1-text-transform, inherit);\n  text-decoration: var(--forge-typography-body1-text-decoration, inherit);\n  font-size: var(--forge-ai-markdown-font-size, 0.875rem);\n  line-height: var(--forge-ai-markdown-line-height, 1.5rem);\n  color: var(--forge-theme-on-surface, #000000);\n  overflow-wrap: break-word;\n}\n.text-chunk h1,\n.text-chunk h2,\n.text-chunk h3,\n.text-chunk h4,\n.text-chunk h5,\n.text-chunk h6 {\n  margin: 1.75rem 0 var(--forge-spacing-small, 12px);\n}\n.text-chunk strong {\n  font-weight: 500;\n}\n.text-chunk a {\n  color: var(--forge-theme-primary, #3f51b5);\n}\n.text-chunk hr {\n  border: none;\n  border-top: 1px solid var(--forge-theme-outline, #e0e0e0);\n}\n.text-chunk code {\n  color: var(--forge-theme-on-surface-container-low, #000000);\n  background-color: var(--forge-theme-surface-container-low, #ebebeb);\n  border-radius: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));\n  padding: var(--forge-spacing-xxxsmall, 2px) var(--forge-spacing-xxsmall, 4px);\n  font-size: 0.75em;\n}\n.text-chunk pre {\n  border: 1px solid var(--forge-theme-outline, #e0e0e0);\n  border-radius: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));\n  margin: 0;\n  max-width: 100%;\n  overflow-x: auto;\n}\n.text-chunk pre:focus-visible {\n  outline: 2px solid var(--forge-theme-primary, #3f51b5);\n  outline-offset: 2px;\n}\n.text-chunk pre code {\n  display: block;\n  padding: var(--forge-spacing-xsmall, 8px) var(--forge-spacing-small, 12px);\n  color: var(--forge-theme-on-surface-container-minimum, #000000);\n  background: var(--forge-theme-surface-container-minimum, #f5f5f5);\n  white-space: pre;\n}\n.text-chunk [data-scroll-region=table] {\n  max-width: 100%;\n  overflow-x: auto;\n  border-radius: calc(var(--forge-shape-large, 8px) * var(--forge-shape-factor, 1));\n  margin-block: var(--forge-spacing-medium, 16px);\n}\n.text-chunk [data-scroll-region=table]:focus-visible {\n  outline: 2px solid var(--forge-theme-primary, #3f51b5);\n  outline-offset: 2px;\n}\n.text-chunk [data-scroll-region=table] table {\n  margin-block: 0;\n}\n.text-chunk table {\n  width: 100%;\n  border-spacing: 0;\n  background-color: var(--forge-theme-surface, #ffffff);\n  border-radius: calc(var(--forge-shape-large, 8px) * var(--forge-shape-factor, 1));\n  overflow: hidden;\n  margin-block: var(--forge-spacing-medium, 16px);\n}\n.text-chunk table thead {\n  color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));\n  font-weight: bold;\n  text-align: left;\n  font-size: calc(var(--forge-typography-font-size, 1rem) * 0.75);\n  box-sizing: border-box;\n}\n.text-chunk table tr {\n  height: 36px;\n  height: 32px;\n}\n.text-chunk table tr:nth-child(even) {\n  background-color: var(--forge-theme-surface-dim, #fafafa);\n}\n.text-chunk table tr:last-child td {\n  border-bottom: none;\n}\n.text-chunk table th,\n.text-chunk table td {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-label1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-label1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.75)));\n  font-weight: var(--forge-typography-label1-font-weight, 400);\n  line-height: var(--forge-typography-label1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));\n  letter-spacing: var(--forge-typography-label1-letter-spacing, 0.0357142857em);\n  text-transform: var(--forge-typography-label1-text-transform, inherit);\n  text-decoration: var(--forge-typography-label1-text-decoration, inherit);\n  padding-block: var(--forge-spacing-xsmall, 8px);\n  padding-inline-start: var(--forge-spacing-xsmall, 8px);\n  padding-inline-end: var(--forge-spacing-medium, 16px);\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n  border-bottom-color: var(--forge-theme-outline, #e0e0e0);\n}\n.text-chunk table th {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-label2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-label2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-font-size-scale, 0.8125)));\n  font-weight: var(--forge-typography-label2-font-weight, 400);\n  line-height: var(--forge-typography-label2-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-label-line-height-scale, 1.25)));\n  letter-spacing: var(--forge-typography-label2-letter-spacing, 0.0096153846em);\n  text-transform: var(--forge-typography-label2-text-transform, inherit);\n  text-decoration: var(--forge-typography-label2-text-decoration, inherit);\n  font-weight: 600;\n}\n.text-chunk > p:has(+ ol),\n.text-chunk > p:has(+ ul) {\n  margin-block-end: var(--forge-spacing-small, 12px);\n}\n.text-chunk > ul {\n  list-style-type: disc;\n  padding-inline-start: 1.6875rem;\n}\n.text-chunk > ol {\n  padding-inline-start: 1.75rem;\n}\n.text-chunk > ol,\n.text-chunk > ul {\n  margin: var(--forge-spacing-xsmall, 8px) 0;\n  margin-block-end: var(--forge-spacing-medium, 16px);\n}\n.text-chunk > :first-child {\n  margin-block-start: 0;\n}\n.text-chunk > p {\n  margin-block-end: var(--forge-spacing-medium, 16px);\n  overflow-wrap: anywhere;\n}\n.text-chunk > p:first-child {\n  margin-block-start: 0;\n}\n.text-chunk > p:last-child {\n  margin-block-end: 0;\n}\n\n.thinking-indicator {\n  margin-block-start: var(--forge-spacing-xsmall, 8px);\n}\n\nforge-ai-tool-call-indicator + .thinking-indicator {\n  margin-block-start: 0;\n}\n\n.toolbar-container {\n  position: absolute;\n  bottom: -28px;\n  transition: opacity 200ms ease-in-out, transform 200ms ease-in-out;\n  display: flex;\n  align-items: center;\n  gap: var(--forge-spacing-xxsmall, 4px);\n  opacity: 0;\n  transform: translateY(-8px);\n  pointer-events: none;\n  z-index: 1;\n  left: 0;\n}\n\n.assistant-response[data-complete]:hover .toolbar-container,\n.assistant-response[data-complete] .toolbar-container:focus-within {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n\n:host(:not(:last-of-type)) .assistant-response[data-complete]::after {\n  content: "";\n  position: absolute;\n  bottom: -40px;\n  left: 0;\n  right: 0;\n  height: 40px;\n}\n\n:host(:last-of-type) .assistant-response[data-complete] .toolbar-container {\n  opacity: 1;\n  transform: translateY(0);\n  pointer-events: auto;\n}\n\n.debug-button {\n  color: var(--forge-theme-on-error-container-low, #5f0011);\n  --forge-icon-button-focus-indicator-color: var(--forge-theme-error, #b00020);\n  --forge-icon-button-tonal-background-color: var(--forge-theme-error-container-low, #f6e0e4);\n}';
 export {
   styles as default
 };

package/dist/ai-chain-of-thought/thought-detail/thought-detail.mjs

@@ -15,7 +15,7 @@ let ThoughtDetailComponent = class extends LitElement {
   render() {
     return html`
       <forge-ai-thought-base>
-        <svg slot="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+        <svg slot="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon" aria-hidden="true">
           <path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4" />
         </svg>
         <slot slot="title" name="title"></slot>

package/dist/ai-chain-of-thought/thought-image/thought-image.mjs

@@ -18,7 +18,7 @@ let ThoughtImageComponent = class extends LitElement {
   render() {
     return html`
       <forge-ai-thought-base step=${ifDefined(this.step)}>
-        <svg slot="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+        <svg slot="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon" aria-hidden="true">
           <path
             d="M19 19H5V5h14m0-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-5.04 9.29-2.75 3.54-1.96-2.36L6.5 17h11z" />
         </svg>

package/dist/ai-chain-of-thought/thought-search-result/thought-search-result.mjs

@@ -22,7 +22,7 @@ let ThoughtSearchResultComponent = class extends LitElement {
   render() {
     return html`
       <forge-ai-thought-base step=${ifDefined(this.step)}>
-        <svg slot="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+        <svg slot="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon" aria-hidden="true">
           <path fill="none" d="M0 0h24v24H0z" />
           <path
             d="M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14" />
@@ -34,7 +34,7 @@ let ThoughtSearchResultComponent = class extends LitElement {
       (source) => html`
               <a href="${source.href}" class="source" target="_blank" rel="noopener noreferrer">
                 <span>${source.title}</span>
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon" aria-hidden="true">
                   <path
                     d="M14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3m-2 16H5V5h7V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7h-2z" />
                 </svg>

package/dist/ai-chat-header/ai-chat-header.mjs

@@ -67,7 +67,7 @@ let AiChatHeaderComponent = class extends LitElement {
                 @click=${__privateMethod(this, _AiChatHeaderComponent_instances, handleConversationsToggle_fn)}
                 aria-label="Toggle conversations panel"
                 class="conversations-button forge-icon-button forge-icon-button--medium ai-icon-button">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
                   <path d="M3 6h18v2H3zm0 5h18v2H3zm0 5h18v2H3z" />
                 </svg>
               </button>
@@ -90,13 +90,13 @@ let AiChatHeaderComponent = class extends LitElement {
                 ${when(
         this.minimizeIcon === "default",
         () => html`
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
                       <path fill="none" d="M0 0h24v24H0z" />
                       <path d="M6 19h12v2H6z" />
                     </svg>
                   `,
         () => html`
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
                       <defs>
                         <style>
                           .cls-1 {
@@ -134,12 +134,12 @@ let AiChatHeaderComponent = class extends LitElement {
                 ${when(
         this.expanded,
         () => html`
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
                       <path d="M14 14h5v2h-3v3h-2zm-9 0h5v5H8v-3H5zm3-9h2v5H5V8h3zm11 3v2h-5V5h2v3z" />
                     </svg>
                   `,
         () => html`
-                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
                       <path d="M5 5h5v2H7v3H5zm9 0h5v5h-2V7h-3zm3 9h2v5h-5v-2h3zm-7 3v2H5v-5h2v3z" />
                     </svg>
                   `
@@ -157,11 +157,13 @@ let AiChatHeaderComponent = class extends LitElement {
                 variant="icon-button"
                 popover-placement="bottom-end"
                 selection-mode="none"
+                trigger-label="More options"
                 @forge-ai-dropdown-menu-change=${__privateMethod(this, _AiChatHeaderComponent_instances, handleDropdownChange_fn)}>
                 <svg
                   slot="trigger-content"
                   xmlns="http://www.w3.org/2000/svg"
                   viewBox="0 0 24 24"
+                  aria-hidden="true"
                   class="forge-icon ai-icon-button">
                   <path fill="none" d="M0 0h24v24H0z" />
                   <path
@@ -171,7 +173,12 @@ let AiChatHeaderComponent = class extends LitElement {
         this.exportOption === "enabled",
         () => html`
                     <forge-ai-dropdown-menu-item value="export">
-                      <svg slot="start" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+                      <svg
+                        slot="start"
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 24 24"
+                        class="forge-icon"
+                        aria-hidden="true">
                         <path d="m15.61 8.92 1.41-1.41-5-5-5 5 1.41 1.41 2.59-2.58v9.67h2V6.34z" />
                         <path d="M19.05 14.06V19h-14v-4.94h-2V19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4.94z" />
                       </svg>
@@ -183,7 +190,12 @@ let AiChatHeaderComponent = class extends LitElement {
         this.agentInfo,
         () => html`
                     <forge-ai-dropdown-menu-item value="info">
-                      <svg slot="start" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+                      <svg
+                        slot="start"
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 24 24"
+                        class="forge-icon"
+                        aria-hidden="true">
                         <path fill="none" d="M0 0h24v24H0z" />
                         <path
                           d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8" />
@@ -200,7 +212,12 @@ let AiChatHeaderComponent = class extends LitElement {
         this.clearOption === "enabled",
         () => html`
                     <forge-ai-dropdown-menu-item value="clear-chat">
-                      <svg slot="start" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+                      <svg
+                        slot="start"
+                        xmlns="http://www.w3.org/2000/svg"
+                        viewBox="0 0 24 24"
+                        class="forge-icon"
+                        aria-hidden="true">
                         <path d="M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6zM8 9h8v10H8zm7.5-5-1-1h-5l-1 1H5v2h14V4z" />
                       </svg>
                       <span>Clear chat</span>
@@ -215,7 +232,7 @@ let AiChatHeaderComponent = class extends LitElement {
       ${when(
       this.agentInfo,
       () => html`
-          <forge-ai-modal ${ref(__privateGet(this, _agentInfoModalRef))}>
+          <forge-ai-modal ${ref(__privateGet(this, _agentInfoModalRef))} label="Agent Information">
             <div class="forge-scaffold">
               <div class="forge-scaffold__header">
                 <div class="forge-toolbar">
@@ -225,7 +242,7 @@ let AiChatHeaderComponent = class extends LitElement {
                       class="forge-icon-button forge-icon-button--medium ai-icon-button close-button"
                       @click=${__privateMethod(this, _AiChatHeaderComponent_instances, handleModalClose_fn)}
                       aria-label="Close agent information dialog">
-                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+                      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
                         <path fill="none" d="M0 0h24v24H0z" />
                         <path
                           d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" />

package/dist/ai-chatbot-launcher/ai-chatbot-launcher.mjs

@@ -323,7 +323,7 @@ threadName_get = function() {
   return html`
       <div class="thread-name" slot="thread-name">
         <div class="thread-name__separator">
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon" aria-hidden="true">
             <path d="m7 21 7.9-18H17L9.1 21z" />
           </svg>
         </div>
@@ -378,7 +378,12 @@ threadActionsMenu_get = function() {
         ?show-delete=${this.showThreadDelete}
         @forge-ai-thread-actions-menu-rename=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadRename_fn)}
         @forge-ai-thread-actions-menu-delete-click=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadDelete_fn)}>
-        <svg slot="trigger-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+        <svg
+          slot="trigger-icon"
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          class="forge-icon"
+          aria-hidden="true">
           <path fill="none" d="M0 0h24v24H0z" />
           <path d="m7 10 5 5 5-5z" />
         </svg>