@tylertech/forge-ai 0.15.0 → 0.15.2

package/dist/ai-sidebar/ai-sidebar.scss.mjs

@@ -1,4 +1,4 @@
-const styles = '/**\n * @license\n * Copyright Tyler Technologies, Inc.\n * License: Apache-2.0\n */\n.forge-drawer {\n  --_drawer-background:var(--forge-drawer-background, var(--forge-theme-surface, #ffffff));\n  --_drawer-border-color:var(--forge-drawer-border-color, var(--forge-theme-outline, #e0e0e0));\n  --_drawer-width:var(--forge-drawer-width, 256px);\n  --_drawer-border-width:var(--forge-drawer-border-width, var(--forge-border-thin, 1px));\n  --_drawer-transition-duration:var(--forge-drawer-transition-duration, var(--forge-animation-duration-medium1, 250ms));\n  --_drawer-transition-easing:var(--forge-drawer-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_drawer-transition-duration-close:var(--forge-drawer-transition-duration-close, var(--forge-animation-duration-short4, 200ms));\n}\n\n.forge-drawer {\n  width: var(--_drawer-width);\n  height: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: auto 1fr auto;\n  background-color: var(--_drawer-background);\n  border-color: var(--_drawer-border-color);\n  transition-property: transform;\n  transition-duration: var(--_drawer-transition-duration);\n  transition-timing-function: var(--_drawer-transition-easing);\n  border-right-width: var(--_drawer-border-width);\n  border-right-style: solid;\n}\n\n.forge-drawer--closing {\n  transform: translateX(-100%);\n  left: 0;\n  z-index: var(--forge-z-index-surface, 1);\n  position: absolute;\n  top: 0;\n  right: 0;\n  transition-duration: var(--_drawer-transition-duration-close);\n}\n\n.forge-drawer--closed {\n  transform: translateX(-100%);\n  left: 0;\n  width: 0;\n  border: none;\n}\n\n.forge-drawer--right {\n  border-left-width: var(--_drawer-border-width);\n  border-left-style: solid;\n  border-right: none;\n}\n\n.forge-drawer--right.forge-drawer--closing {\n  transform: translateX(100%);\n  right: 0;\n  left: auto;\n  z-index: var(--forge-z-index-surface, 1);\n  position: absolute;\n  top: 0;\n  right: 0;\n  transition-duration: var(--_drawer-transition-duration-close);\n}\n\n.forge-drawer--right.forge-drawer--closed {\n  transform: translateX(100%);\n  right: 0;\n  left: auto;\n  width: 0;\n  border: none;\n}\n\n.forge-drawer--mini {\n  width: var(--_mini-drawer-width);\n  z-index: var(--forge-z-index-surface, 1);\n  transition: width var(--_mini-drawer-transition-duration) var(--_mini-drawer-transition-easing);\n}\n\n:host {\n  display: block;\n  width: auto;\n  height: 100%;\n  overflow: hidden;\n}\n\n.animation-container {\n  --forge-drawer-width: 420px;\n  width: var(--forge-drawer-width);\n  height: 100%;\n  position: relative;\n  transition: width 250ms cubic-bezier(0.2, 0, 0, 1);\n  overflow: hidden;\n}\n.animation-container--closed {\n  width: 0;\n}\n.animation-container--closing {\n  width: 0;\n}\n.animation-container--open {\n  width: var(--forge-drawer-width);\n}\n.animation-container--resizing {\n  transition: none;\n}\n\n.forge-drawer {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  width: var(--forge-drawer-width);\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n.forge-drawer--resizing {\n  user-select: none;\n  transition: none;\n}\n\n.resize-handle {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 8px;\n  height: 100%;\n  cursor: ew-resize;\n  z-index: 10;\n}\n.resize-handle::before {\n  content: "";\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background-color: var(--forge-theme-outline, #e0e0e0);\n  opacity: 0;\n  transition: all var(--forge-animation-duration-short4, 200ms) var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1));\n}\n.resize-handle:hover::before {\n  opacity: 0.4;\n  width: 2px;\n  background-color: var(--forge-theme-primary, #3f51b5);\n}\n.resize-handle:focus-visible {\n  outline: 2px solid var(--forge-theme-primary, #3f51b5);\n  outline-offset: -2px;\n}\n.resize-handle:focus-visible::before {\n  opacity: 0.6;\n  width: 2px;\n  background-color: var(--forge-theme-primary, #3f51b5);\n}\n.resize-handle--active::before {\n  opacity: 0.8;\n  width: 3px;\n  background-color: var(--forge-theme-primary, #3f51b5);\n}\n\n:host([resizable=false]) .resize-handle {\n  display: none;\n}';
+const styles = '/**\n * @license\n * Copyright Tyler Technologies, Inc.\n * License: Apache-2.0\n */\n.forge-drawer {\n  --_drawer-background:var(--forge-drawer-background, var(--forge-theme-surface, #ffffff));\n  --_drawer-border-color:var(--forge-drawer-border-color, var(--forge-theme-outline, #e0e0e0));\n  --_drawer-width:var(--forge-drawer-width, 256px);\n  --_drawer-border-width:var(--forge-drawer-border-width, var(--forge-border-thin, 1px));\n  --_drawer-transition-duration:var(--forge-drawer-transition-duration, var(--forge-animation-duration-medium1, 250ms));\n  --_drawer-transition-easing:var(--forge-drawer-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_drawer-transition-duration-close:var(--forge-drawer-transition-duration-close, var(--forge-animation-duration-short4, 200ms));\n}\n\n.forge-drawer {\n  width: var(--_drawer-width);\n  height: 100%;\n  box-sizing: border-box;\n  overflow: hidden;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: auto 1fr auto;\n  background-color: var(--_drawer-background);\n  border-color: var(--_drawer-border-color);\n  transition-property: transform;\n  transition-duration: var(--_drawer-transition-duration);\n  transition-timing-function: var(--_drawer-transition-easing);\n  border-right-width: var(--_drawer-border-width);\n  border-right-style: solid;\n}\n\n.forge-drawer--closing {\n  transform: translateX(-100%);\n  left: 0;\n  z-index: var(--forge-z-index-surface, 1);\n  position: absolute;\n  top: 0;\n  right: 0;\n  transition-duration: var(--_drawer-transition-duration-close);\n}\n\n.forge-drawer--closed {\n  transform: translateX(-100%);\n  left: 0;\n  width: 0;\n  border: none;\n}\n\n.forge-drawer--right {\n  border-left-width: var(--_drawer-border-width);\n  border-left-style: solid;\n  border-right: none;\n}\n\n.forge-drawer--right.forge-drawer--closing {\n  transform: translateX(100%);\n  right: 0;\n  left: auto;\n  z-index: var(--forge-z-index-surface, 1);\n  position: absolute;\n  top: 0;\n  right: 0;\n  transition-duration: var(--_drawer-transition-duration-close);\n}\n\n.forge-drawer--right.forge-drawer--closed {\n  transform: translateX(100%);\n  right: 0;\n  left: auto;\n  width: 0;\n  border: none;\n}\n\n.forge-drawer--mini {\n  width: var(--_mini-drawer-width);\n  z-index: var(--forge-z-index-surface, 1);\n  transition: width var(--_mini-drawer-transition-duration) var(--_mini-drawer-transition-easing);\n}\n\n:host {\n  display: block;\n  width: auto;\n  height: 100%;\n  overflow: hidden;\n}\n\n.animation-container {\n  --forge-drawer-width: 420px;\n  width: var(--forge-drawer-width);\n  height: 100%;\n  position: relative;\n  transition: width 250ms cubic-bezier(0.2, 0, 0, 1);\n  overflow: hidden;\n}\n.animation-container--closed {\n  width: 0;\n}\n.animation-container--closing {\n  width: 0;\n}\n.animation-container--open {\n  width: var(--forge-drawer-width);\n}\n.animation-container--resizing {\n  transition: none;\n}\n\n.forge-drawer {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  width: var(--forge-drawer-width);\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n.forge-drawer--resizing {\n  user-select: none;\n  transition: none;\n}\n\n.resize-handle {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 8px;\n  height: 100%;\n  cursor: ew-resize;\n  z-index: 10;\n}\n.resize-handle::before {\n  content: "";\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 1px;\n  background-color: var(--forge-theme-outline, #e0e0e0);\n  opacity: 0;\n  transition: all var(--forge-animation-duration-short4, 200ms) var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1));\n}\n.resize-handle__grip {\n  position: absolute;\n  top: 50%;\n  left: 0;\n  translate: 0 -50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n  width: 6px;\n  height: 32px;\n  color: var(--forge-theme-text-low, rgba(0, 0, 0, 0.38));\n  background-color: var(--forge-theme-surface, #ffffff);\n  border: 1px solid var(--forge-theme-outline, #e0e0e0);\n  border-inline-start: none;\n  border-start-end-radius: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));\n  border-end-end-radius: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));\n  pointer-events: none;\n  transition: color var(--forge-animation-duration-short4, 200ms) var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)), border-color var(--forge-animation-duration-short4, 200ms) var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1));\n}\n.resize-handle__grip svg {\n  flex-shrink: 0;\n  width: 12px;\n  height: 12px;\n  fill: currentColor;\n}\n.resize-handle:hover::before {\n  opacity: 0.4;\n  width: 2px;\n  background-color: var(--forge-theme-primary, #3f51b5);\n}\n.resize-handle:focus-visible {\n  outline: 2px solid var(--forge-theme-primary, #3f51b5);\n  outline-offset: -2px;\n}\n.resize-handle:focus-visible::before {\n  opacity: 0.6;\n  width: 2px;\n  background-color: var(--forge-theme-primary, #3f51b5);\n}\n.resize-handle--active::before {\n  opacity: 0.8;\n  width: 3px;\n  background-color: var(--forge-theme-primary, #3f51b5);\n}\n.resize-handle:hover .resize-handle__grip, .resize-handle:focus-visible .resize-handle__grip, .resize-handle--active .resize-handle__grip {\n  color: var(--forge-theme-primary, #3f51b5);\n  border-color: var(--forge-theme-primary, #3f51b5);\n}';
 export {
   styles as default
 };

package/dist/ai-sidebar/index.d.ts

@@ -1 +1,2 @@
 export { AiSidebarComponent, AiSidebarComponentTagName } from './ai-sidebar';
+export type { ForgeAiSidebarResizeEventData } from './ai-sidebar';

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

@@ -1,4 +1,5 @@
 import { LitElement, TemplateResult, CSSResult } from 'lit';
+import { FeatureToggle } from '../ai-chatbot';
 declare global {
     interface HTMLElementTagNameMap {
         'forge-ai-sidebar-chat': AiSidebarChatComponent;
@@ -8,8 +9,12 @@ declare global {
         'forge-ai-sidebar-chat-close': CustomEvent<void>;
         'forge-ai-sidebar-chat-expand': CustomEvent<void>;
         'forge-ai-sidebar-chat-collapse': CustomEvent<void>;
+        'forge-ai-sidebar-chat-resize': CustomEvent<ForgeAiSidebarChatResizeEventData>;
     }
 }
+export interface ForgeAiSidebarChatResizeEventData {
+    width: number;
+}
 export declare const AiSidebarChatComponentTagName: keyof HTMLElementTagNameMap;
 /**
  * @tag forge-ai-sidebar-chat
@@ -20,6 +25,7 @@ export declare const AiSidebarChatComponentTagName: keyof HTMLElementTagNameMap;
  * @fires forge-ai-sidebar-chat-close - Fired when the sidebar chat is closed
  * @fires forge-ai-sidebar-chat-expand - Fired when the sidebar chat is expanded to modal
  * @fires forge-ai-sidebar-chat-collapse - Fired when the sidebar chat is collapsed from modal
+ * @fires forge-ai-sidebar-chat-resize - Fired when the sidebar width is resized
  *
  * @description A form factor component that positions a slotted chatbot in a sidebar or modal.
  * Manages positioning and expand/collapse state while delegating chat functionality to the slotted chatbot.
@@ -31,7 +37,14 @@ export declare class AiSidebarChatComponent extends LitElement {
     static styles: CSSResult;
     open: boolean;
     expanded: boolean;
-    resizable: boolean;
+    /**
+     * Enables sidebar resizing. Set to `'off'` to disable.
+     */
+    resizable: FeatureToggle;
+    /**
+     * The current width of the sidebar in pixels. Retained across expand/collapse.
+     */
+    width?: number;
     render(): TemplateResult;
     show(): void;
     close(): void;

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

@@ -1,6 +1,6 @@
 import { unsafeCSS, LitElement, html } from "lit";
 import { property, customElement } from "lit/decorators.js";
-import { createRef, ref } from "lit/directives/ref.js";
+import { ifDefined } from "lit/directives/if-defined.js";
 import { when } from "lit/directives/when.js";
 import "../ai-sidebar/ai-sidebar.mjs";
 import "../ai-modal/ai-modal.mjs";
@@ -22,7 +22,7 @@ var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _sidebarRef, _modalRef, _slotContent, _AiSidebarChatComponent_instances, handleSidebarOpen_fn, handleSidebarClose_fn, handleFullscreenChange_fn, handleChatbotExpand_fn, handleChatbotMinimize_fn, handleModalClose_fn, dispatchEvent_fn;
+var _slotContent, _AiSidebarChatComponent_instances, handleSidebarOpen_fn, handleSidebarClose_fn, handleSidebarResize_fn, handleFullscreenChange_fn, handleChatbotExpand_fn, handleChatbotMinimize_fn, handleModalClose_fn, dispatchEvent_fn;
 const AiSidebarChatComponentTagName = "forge-ai-sidebar-chat";
 let AiSidebarChatComponent = class extends LitElement {
   constructor() {
@@ -30,9 +30,7 @@ let AiSidebarChatComponent = class extends LitElement {
     __privateAdd(this, _AiSidebarChatComponent_instances);
     this.open = false;
     this.expanded = false;
-    this.resizable = true;
-    __privateAdd(this, _sidebarRef, createRef());
-    __privateAdd(this, _modalRef, createRef());
+    this.resizable = "on";
     __privateAdd(this, _slotContent, html`
     <slot
       @forge-ai-chatbot-expand=${__privateMethod(this, _AiSidebarChatComponent_instances, handleChatbotExpand_fn)}
@@ -45,7 +43,6 @@ let AiSidebarChatComponent = class extends LitElement {
       this.expanded,
       () => html`
           <forge-ai-modal
-            ${ref(__privateGet(this, _modalRef))}
             ?open=${this.open && this.expanded}
             @forge-ai-modal-fullscreen-change=${__privateMethod(this, _AiSidebarChatComponent_instances, handleFullscreenChange_fn)}
             @forge-ai-modal-close=${__privateMethod(this, _AiSidebarChatComponent_instances, handleModalClose_fn)}>
@@ -54,11 +51,12 @@ let AiSidebarChatComponent = class extends LitElement {
         `,
       () => html`
           <forge-ai-sidebar
-            ${ref(__privateGet(this, _sidebarRef))}
             ?open=${this.open && !this.expanded}
-            ?resizable=${this.resizable}
+            resizable=${this.resizable}
+            width=${ifDefined(this.width)}
             @forge-ai-sidebar-open=${__privateMethod(this, _AiSidebarChatComponent_instances, handleSidebarOpen_fn)}
-            @forge-ai-sidebar-close=${__privateMethod(this, _AiSidebarChatComponent_instances, handleSidebarClose_fn)}>
+            @forge-ai-sidebar-close=${__privateMethod(this, _AiSidebarChatComponent_instances, handleSidebarClose_fn)}
+            @forge-ai-sidebar-resize=${__privateMethod(this, _AiSidebarChatComponent_instances, handleSidebarResize_fn)}>
             ${__privateGet(this, _slotContent)}
           </forge-ai-sidebar>
         `
@@ -97,8 +95,6 @@ let AiSidebarChatComponent = class extends LitElement {
     }
   }
 };
-_sidebarRef = /* @__PURE__ */ new WeakMap();
-_modalRef = /* @__PURE__ */ new WeakMap();
 _slotContent = /* @__PURE__ */ new WeakMap();
 _AiSidebarChatComponent_instances = /* @__PURE__ */ new WeakSet();
 handleSidebarOpen_fn = function() {
@@ -109,6 +105,10 @@ handleSidebarClose_fn = function() {
   this.open = false;
   __privateMethod(this, _AiSidebarChatComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-chat-close");
 };
+handleSidebarResize_fn = function(event) {
+  this.width = event.detail.width;
+  __privateMethod(this, _AiSidebarChatComponent_instances, dispatchEvent_fn).call(this, "forge-ai-sidebar-chat-resize", { width: this.width });
+};
 handleFullscreenChange_fn = function(event) {
   const { isFullscreen } = event.detail;
   if (isFullscreen && !this.expanded) {
@@ -133,10 +133,11 @@ handleChatbotMinimize_fn = function() {
 handleModalClose_fn = function() {
   this.collapse();
 };
-dispatchEvent_fn = function(type) {
+dispatchEvent_fn = function(type, detail) {
   const event = new CustomEvent(type, {
     bubbles: true,
-    composed: true
+    composed: true,
+    detail
   });
   this.dispatchEvent(event);
 };
@@ -148,8 +149,11 @@ __decorateClass([
   property({ type: Boolean })
 ], AiSidebarChatComponent.prototype, "expanded", 2);
 __decorateClass([
-  property({ type: Boolean })
+  property()
 ], AiSidebarChatComponent.prototype, "resizable", 2);
+__decorateClass([
+  property({ type: Number })
+], AiSidebarChatComponent.prototype, "width", 2);
 AiSidebarChatComponent = __decorateClass([
   customElement(AiSidebarChatComponentTagName)
 ], AiSidebarChatComponent);

package/dist/ai-threads-search/ai-threads-search.d.ts

@@ -51,7 +51,7 @@ export declare const AiThreadsSearchComponentTagName: keyof HTMLElementTagNameMa
  * @slot header-actions - Slot for a persistent action pinned to the top-right of the header, alongside the "New chat" button (e.g. a "View all" button).
  *
  * @event {CustomEvent<ForgeAiThreadsSearchQueryEventData>} forge-ai-threads-search-query - Fired when search query changes (debounced).
- * @event {CustomEvent<ForgeAiThreadsSearchLoadMoreEventData>} forge-ai-threads-search-load-more - Fired when user scrolls near bottom for pagination.
+ * @event {CustomEvent<ForgeAiThreadsSearchLoadMoreEventData>} forge-ai-threads-search-load-more - Fired when the user scrolls near the bottom or clicks "Load more" for pagination.
  * @event {CustomEvent<ForgeAiThreadsSearchSelectEventData>} forge-ai-threads-search-select - Fired when a thread is selected.
  * @event {CustomEvent} forge-ai-threads-search-new-chat - Fired when new chat button clicked.
  * @event {CustomEvent<ForgeAiThreadsSearchRenameEventData>} forge-ai-threads-search-rename - Fired when thread renamed. Cancelable - if prevented, call onSuccess() to commit or onError() to revert.
@@ -109,6 +109,7 @@ export declare class AiThreadsSearchComponent extends LitElement {
      */
     selectedThreadId: string | null;
     private _resultsContainer;
+    private _searchInput?;
     private _searchQuery;
     private _isSearching;
     private _searchResults;
@@ -125,5 +126,16 @@ export declare class AiThreadsSearchComponent extends LitElement {
      * built-in one). Call once the host's own confirmation has been accepted.
      */
     confirmThreadDelete(thread: Thread): void;
+    /**
+     * Discards the current query and its results so the list shows every loaded chat again.
+     * Dispatches no search event and moves no focus, so a host may call it on a surface that is
+     * currently hidden (e.g. a popover that stays mounted between opens).
+     */
+    resetSearch(): void;
+    /**
+     * Moves focus into the component: the search input when shown, otherwise the first chat in
+     * the list, otherwise the first header button.
+     */
+    focus(): void;
     render(): TemplateResult;
 }

package/dist/ai-threads-search/ai-threads-search.mjs

@@ -26,8 +26,9 @@ var __decorateClass = (decorators, target, key, kind) => {
 var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 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 _deleteThreadController, _infiniteScrollController, _AiThreadsSearchComponent_instances, shouldEnablePagination_get, handleSearchInput_fn, performSearch_fn, loadMore_fn, handleThreadSelect_fn, handleNewChatClick_fn, handleBackClick_fn, handleRetryClick_fn, handleMenuRename_fn, handleMenuOpen_fn, handleMenuClose_fn, handleMenuDeleteClick_fn, confirmDelete_fn, handleEditSave_fn, handleEditCancel_fn, handleClearSearch_fn, displayedThreads_get, header_get, searchField_get, renderThreadItem_fn, errorState_get, compactError_get, errorPlacement_get, emptyState_get, listFooter_get, resultsList_get;
+var _focusRowIndexAfterLoad, _deleteThreadController, _infiniteScrollController, _AiThreadsSearchComponent_instances, shouldEnablePagination_get, handleSearchInput_fn, performSearch_fn, handleLoadMoreClick_fn, focusRow_fn, loadMore_fn, handleThreadSelect_fn, handleNewChatClick_fn, handleBackClick_fn, handleRetryClick_fn, handleMenuRename_fn, handleMenuOpen_fn, handleMenuClose_fn, handleMenuDeleteClick_fn, confirmDelete_fn, handleEditSave_fn, handleEditCancel_fn, handleClearSearch_fn, displayedThreads_get, header_get, searchField_get, renderThreadItem_fn, errorState_get, compactError_get, errorPlacement_get, emptyState_get, listFooter_get, resultsList_get;
 const AiThreadsSearchComponentTagName = "forge-ai-threads-search";
 let AiThreadsSearchComponent = class extends LitElement {
   constructor() {
@@ -49,6 +50,7 @@ let AiThreadsSearchComponent = class extends LitElement {
     this._editingThreadId = null;
     this._hiddenThreadIds = /* @__PURE__ */ new Set();
     this._openMenuThreadId = null;
+    __privateAdd(this, _focusRowIndexAfterLoad, null);
     __privateAdd(this, _deleteThreadController, new DeleteThreadController(this, {
       onConfirm: (thread) => __privateMethod(this, _AiThreadsSearchComponent_instances, confirmDelete_fn).call(this, thread)
     }));
@@ -85,6 +87,27 @@ let AiThreadsSearchComponent = class extends LitElement {
   confirmThreadDelete(thread) {
     __privateMethod(this, _AiThreadsSearchComponent_instances, confirmDelete_fn).call(this, thread);
   }
+  /**
+   * Discards the current query and its results so the list shows every loaded chat again.
+   * Dispatches no search event and moves no focus, so a host may call it on a surface that is
+   * currently hidden (e.g. a popover that stays mounted between opens).
+   */
+  resetSearch() {
+    clearTimeout(this._searchTimeout);
+    this._searchQuery = "";
+    this._searchResults = [];
+    this._isSearching = false;
+    __privateSet(this, _focusRowIndexAfterLoad, null);
+    __privateGet(this, _infiniteScrollController).reset();
+  }
+  /**
+   * Moves focus into the component: the search input when shown, otherwise the first chat in
+   * the list, otherwise the first header button.
+   */
+  focus() {
+    const target = this._searchInput ?? this.shadowRoot?.querySelector(".forge-list-item > button") ?? this.shadowRoot?.querySelector("button");
+    target?.focus();
+  }
   render() {
     return html`
       <div class="threads-search-container">
@@ -95,6 +118,7 @@ let AiThreadsSearchComponent = class extends LitElement {
     `;
   }
 };
+_focusRowIndexAfterLoad = /* @__PURE__ */ new WeakMap();
 _deleteThreadController = /* @__PURE__ */ new WeakMap();
 _infiniteScrollController = /* @__PURE__ */ new WeakMap();
 _AiThreadsSearchComponent_instances = /* @__PURE__ */ new WeakSet();
@@ -115,6 +139,7 @@ handleSearchInput_fn = function(e) {
 };
 performSearch_fn = function() {
   const searchQuery = this._searchQuery.trim();
+  __privateSet(this, _focusRowIndexAfterLoad, null);
   __privateGet(this, _infiniteScrollController).reset();
   const searchEvent = new CustomEvent("forge-ai-threads-search-query", {
     detail: {
@@ -138,11 +163,25 @@ performSearch_fn = function() {
     __privateGet(this, _infiniteScrollController).setHasMore(false);
   }
 };
+handleLoadMoreClick_fn = function() {
+  if (__privateGet(this, _infiniteScrollController).isLoadingMore) {
+    return;
+  }
+  __privateSet(this, _focusRowIndexAfterLoad, __privateGet(this, _AiThreadsSearchComponent_instances, displayedThreads_get).length);
+  __privateGet(this, _infiniteScrollController).setLoadingState(true);
+  __privateMethod(this, _AiThreadsSearchComponent_instances, loadMore_fn).call(this);
+};
+focusRow_fn = function(index) {
+  const rows = this.shadowRoot?.querySelectorAll(".forge-list-item > button") ?? [];
+  rows[index]?.focus();
+};
 loadMore_fn = function() {
   const loadMoreEvent = new CustomEvent("forge-ai-threads-search-load-more", {
     detail: {
       query: this._searchQuery,
       appendResults: (results) => {
+        const focusRowIndex = __privateGet(this, _focusRowIndexAfterLoad);
+        __privateSet(this, _focusRowIndexAfterLoad, null);
         if (results.length === 0) {
           __privateGet(this, _infiniteScrollController).setHasMore(false);
         } else {
@@ -151,6 +190,9 @@ loadMore_fn = function() {
           } else {
             this.threads = [...this.threads, ...results];
           }
+          if (focusRowIndex !== null) {
+            void this.updateComplete.then(() => __privateMethod(this, _AiThreadsSearchComponent_instances, focusRow_fn).call(this, focusRowIndex));
+          }
         }
         __privateGet(this, _infiniteScrollController).setLoadingState(false);
       }
@@ -183,6 +225,10 @@ handleBackClick_fn = function() {
   this.dispatchEvent(event);
 };
 handleRetryClick_fn = function() {
+  if (this._searchQuery.trim()) {
+    __privateMethod(this, _AiThreadsSearchComponent_instances, performSearch_fn).call(this);
+    return;
+  }
   const event = new CustomEvent("forge-ai-threads-search-retry", {
     bubbles: true,
     composed: true
@@ -277,10 +323,8 @@ handleEditCancel_fn = function() {
   this._editingThreadId = null;
 };
 handleClearSearch_fn = function() {
-  this._searchQuery = "";
-  this._searchResults = [];
-  this._isSearching = false;
-  __privateGet(this, _infiniteScrollController).reset();
+  this.resetSearch();
+  this._searchInput?.focus();
 };
 displayedThreads_get = function() {
   const threads = this._searchQuery ? this._searchResults : this.threads;
@@ -345,7 +389,11 @@ searchField_get = function() {
         ${when(
     this._searchQuery.length,
     () => html`
-            <button class="forge-icon-button forge-icon-button--small" type="button" @click=${__privateMethod(this, _AiThreadsSearchComponent_instances, handleClearSearch_fn)}>
+            <button
+              class="forge-icon-button forge-icon-button--small"
+              type="button"
+              aria-label="Clear search"
+              @click=${__privateMethod(this, _AiThreadsSearchComponent_instances, handleClearSearch_fn)}>
               <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon" aria-hidden="true">
                 <path
                   d="M19 6.41L17.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" />
@@ -452,14 +500,26 @@ listFooter_get = function() {
   if (__privateGet(this, _AiThreadsSearchComponent_instances, errorPlacement_get) === "list-footer") {
     return __privateGet(this, _AiThreadsSearchComponent_instances, compactError_get);
   }
-  if (!__privateGet(this, _infiniteScrollController).isLoadingMore) {
-    return nothing;
+  if (__privateGet(this, _infiniteScrollController).isLoadingMore) {
+    return html`
+        <div class="loading-more-indicator">
+          <forge-ai-spinner></forge-ai-spinner>
+        </div>
+      `;
   }
-  return html`
-      <div class="loading-more-indicator">
-        <forge-ai-spinner></forge-ai-spinner>
-      </div>
-    `;
+  if (__privateGet(this, _AiThreadsSearchComponent_instances, shouldEnablePagination_get) && __privateGet(this, _infiniteScrollController).hasMoreResults) {
+    return html`
+        <div class="loading-more-indicator">
+          <button
+            type="button"
+            class="forge-button forge-button--dense load-more-button"
+            @click=${__privateMethod(this, _AiThreadsSearchComponent_instances, handleLoadMoreClick_fn)}>
+            Load more
+          </button>
+        </div>
+      `;
+  }
+  return nothing;
 };
 resultsList_get = function() {
   const displayThreads = __privateGet(this, _AiThreadsSearchComponent_instances, displayedThreads_get);
@@ -512,6 +572,9 @@ __decorateClass([
 __decorateClass([
   query(".results-container")
 ], AiThreadsSearchComponent.prototype, "_resultsContainer", 2);
+__decorateClass([
+  query("#threads-search-input")
+], AiThreadsSearchComponent.prototype, "_searchInput", 2);
 __decorateClass([
   state()
 ], AiThreadsSearchComponent.prototype, "_searchQuery", 2);