@tylertech/forge-ai 0.13.0 → 0.13.1

package/dist/ai-chat-header/ai-chat-header.d.ts

@@ -40,6 +40,7 @@ export interface AgentInfo {
  * @tag forge-ai-chat-header
  *
  * @slot icon - Slot for custom icon (default: forge-ai-icon)
+ * @slot header-actions - Slot for custom header action buttons (rendered before built-in header actions)
  *
  * @property {HeadingLevel} headingLevel - Controls the heading level for the title content (default: 2)
  * @property {string} titleText - The title text to display in the header (default: 'AI Assistant')

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

@@ -59,6 +59,7 @@ let AiChatHeaderComponent = class extends LitElement {
       <div class="header">
         <div class="start" id="title-container">${__privateGet(this, _AiChatHeaderComponent_instances, titleElement_get)}</div>
         <div class="end">
+          <slot name="header-actions"></slot>
           ${when(
       this.showMinimizeButton,
       () => html`

package/dist/ai-chatbot/ai-chatbot.d.ts

@@ -77,6 +77,7 @@ export declare const AiChatbotComponentTagName: keyof HTMLElementTagNameMap;
  *
  * @slot header - Slot for custom header content
  * @slot icon - Slot for custom header icon (default: forge-ai-icon)
+ * @slot header-actions - Slot for custom header action buttons (rendered before built-in header actions)
  * @slot empty-state-icon - Slot for custom empty state icon
  * @slot empty-state - Slot for custom empty state content (overrides default suggestions)
  *

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

@@ -345,6 +345,7 @@ let AiChatbotComponent = class extends AiChatbotBase {
           <slot name="icon" slot="icon">
             <forge-ai-icon></forge-ai-icon>
           </slot>
+          <slot name="header-actions" slot="header-actions"></slot>
         </forge-ai-chat-header>
         ${__privateGet(this, _AiChatbotComponent_instances, sessionFilesTemplate_get)} ${__privateGet(this, _AiChatbotComponent_instances, messageThread_get)} ${__privateGet(this, _AiChatbotComponent_instances, promptSlot_get)}
         ${when(this.disclaimerText, () => html`<div class="disclaimer" slot="disclaimer">${this.disclaimerText}</div>`)}

package/dist/ai-chatbot-launcher/ai-chatbot-launcher.d.ts

@@ -26,8 +26,9 @@ export declare const AiChatbotLauncherComponentTagName: keyof HTMLElementTagName
  * In conversation mode, a header is displayed with options for clear, export, and agent selection.
  *
  * @slot icon - Slot for custom icon (used in both welcome view and conversation header)
- * @slot heading - Slot for custom heading content
- * @slot description - Slot for custom description/welcome message below the title
+ * @slot heading - Slot for custom heading content (welcome view only)
+ * @slot description - Slot for custom description/welcome message below the title (welcome view only)
+ * @slot header-actions - Slot for custom header action buttons in conversation mode (rendered before built-in header actions)
  *
  * @property {string} titleText - The title text to display in the welcome view and header (default: 'AI Assistant')
  * @property {string} descriptionText - The description text displayed below the title in the welcome view.

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

@@ -261,6 +261,7 @@ conversationContentTemplate_get = function() {
           <slot name="icon" slot="icon">
             <forge-ai-icon></forge-ai-icon>
           </slot>
+          <slot name="header-actions" slot="header-actions"></slot>
         </forge-ai-chat-header>
         <forge-ai-message-thread
           ${ref(this._messageThreadRef)}

package/dist/ai-dropdown-menu/ai-dropdown-menu.mjs

@@ -191,15 +191,15 @@ let ForgeAiDropdownMenuComponent = class extends LitElement {
       }
     }
   }
-  async _onFocusOut(_event) {
+  _onFocusOut(event) {
     if (!this.open) {
       return;
     }
-    window.setTimeout(() => {
-      if (!this.matches(":focus-within")) {
-        this.open = false;
-      }
-    });
+    const relatedTarget = event.relatedTarget;
+    if (relatedTarget && this.contains(relatedTarget)) {
+      return;
+    }
+    this.open = false;
   }
   _onDefaultSlotChange() {
     if (this._selectionManager) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tylertech/forge-ai",
-  "version": "0.13.0",
+  "version": "0.13.1",
   "description": "A library of Tyler Forge™ AI chat interface web components.",
   "license": "Apache-2.0",
   "author": "Tyler Technologies, Inc.",
@@ -58,6 +58,7 @@
     "@storybook/addon-links": "9.1.20",
     "@storybook/addon-themes": "9.1.20",
     "@storybook/web-components-vite": "9.1.20",
+    "@tylertech-eslint/eslint-plugin": "3.0.0",
     "@tylertech/forge": "3.14.1",
     "@tylertech/stylelint-rules": "5.1.2",
     "@tylertech/tyler-icons": "2.1.0",