@tylertech/forge-ai 0.13.1 → 0.13.2

package/dist/ai-conversations-panel/ai-conversations-panel.mjs

@@ -0,0 +1,558 @@
+import { unsafeCSS, LitElement, html, nothing } from "lit";
+import { property, state, query, customElement } from "lit/decorators.js";
+import { when } from "lit/directives/when.js";
+import { DeleteThreadController } from "../utils/delete-thread-controller.mjs";
+import { InfiniteScrollController } from "../utils/infinite-scroll-controller.mjs";
+import "../ai-modal/ai-modal.mjs";
+import "../ai-icon/ai-icon.mjs";
+import "../ai-spinner/ai-spinner.mjs";
+import "../ai-thread-actions-menu/ai-thread-actions-menu.mjs";
+import "../ai-edit-thread/ai-edit-thread.mjs";
+import styles from "./ai-conversations-panel.scss.mjs";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+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 _searchDebounceTimeout, _deleteThreadController, _recentChatsScrollController, _searchChatsScrollController, _AiConversationsPanelComponent_instances, shouldEnableRecentPagination_get, shouldEnableSearchPagination_get, attachScrollController_fn, displayedThreads_get, handleSearch_fn, handleSearchInput_fn, handleRecentChatsLoadMore_fn, handleSearchChatsLoadMore_fn, transitionToSearch_fn, transitionToMain_fn, handleBackClick_fn, handleThreadSelect_fn, handleNewChatClick_fn, handleSearchChatsClick_fn, handleCloseClick_fn, handleMenuRename_fn, handleMenuOpen_fn, handleMenuClose_fn, handleMenuDeleteClick_fn, handleEditSave_fn, handleEditCancel_fn, _header, headerSearch_get, _chatsLabel, searchFieldSearch_get, emptyState_get, loadingMoreIndicator_get, threadList_get, threadListContainer_get, _chatActionsList;
+const AiConversationsPanelComponentTagName = "forge-ai-conversations-panel";
+let AiConversationsPanelComponent = class extends LitElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _AiConversationsPanelComponent_instances);
+    this.recentThreads = [];
+    this.totalChats = 0;
+    this.selectedThreadId = null;
+    this.showConversationRename = false;
+    this.showConversationDelete = false;
+    this._viewState = "main";
+    this._isSearching = false;
+    this._searchResults = [];
+    this._searchQuery = "";
+    this._editingThreadId = null;
+    this._hiddenThreadIds = /* @__PURE__ */ new Set();
+    this._openMenuThreadId = null;
+    __privateAdd(this, _searchDebounceTimeout);
+    __privateAdd(this, _deleteThreadController, new DeleteThreadController(this, {
+      onConfirm: (thread) => {
+        const onSuccess = () => {
+          this._hiddenThreadIds.add(thread.id);
+          this.requestUpdate();
+        };
+        const onError = (error) => {
+          this._hiddenThreadIds.delete(thread.id);
+          this.requestUpdate();
+          if (error) {
+            console.error("Delete failed:", error);
+          }
+        };
+        const event = new CustomEvent("forge-ai-conversations-panel-delete", {
+          detail: { id: thread.id, thread, onSuccess, onError },
+          bubbles: true,
+          composed: true,
+          cancelable: true
+        });
+        const dispatched = this.dispatchEvent(event);
+        if (dispatched) {
+          this._hiddenThreadIds.add(thread.id);
+          this.requestUpdate();
+        }
+      }
+    }));
+    __privateAdd(this, _recentChatsScrollController, new InfiniteScrollController(this, {
+      onLoadMore: () => __privateMethod(this, _AiConversationsPanelComponent_instances, handleRecentChatsLoadMore_fn).call(this)
+    }));
+    __privateAdd(this, _searchChatsScrollController, new InfiniteScrollController(this, {
+      onLoadMore: () => __privateMethod(this, _AiConversationsPanelComponent_instances, handleSearchChatsLoadMore_fn).call(this)
+    }));
+    __privateAdd(this, _header, html`
+    <div class="header">
+      <forge-ai-icon></forge-ai-icon>
+      <button
+        class="close-button forge-icon-button forge-icon-button--medium"
+        @click=${__privateMethod(this, _AiConversationsPanelComponent_instances, handleCloseClick_fn)}
+        aria-label="Close conversations panel">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+          <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" />
+        </svg>
+      </button>
+    </div>
+  `);
+    __privateAdd(this, _chatsLabel, html`<div class="chats-label">Recent chats</div>`);
+    __privateAdd(this, _chatActionsList, html`
+    <ul class="forge-list forge-list--dense forge-list--navlist chat-actions-list" role="list">
+      <li class="forge-list-item new-chat-item" role="listitem">
+        <button @click=${__privateMethod(this, _AiConversationsPanelComponent_instances, handleNewChatClick_fn)}>
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+            <path
+              d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H5.2L4 17.2V4h16zm-4-7v2h-3v3h-2v-3H8V9h3V6h2v3z" />
+          </svg>
+          <span>New chat</span>
+        </button>
+      </li>
+      <li class="forge-list-item new-chat-item" role="listitem">
+        <button @click=${__privateMethod(this, _AiConversationsPanelComponent_instances, handleSearchChatsClick_fn)}>
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+            <path
+              d="M9 6v2H2V6zm0 5v2H2v-2zm9 5v2H2v-2zm1.31-4.5c.44-.68.69-1.5.69-2.39 0-2.5-2-4.5-4.5-4.5s-4.5 2-4.5 4.5 2 4.5 4.5 4.5c.87 0 1.69-.25 2.38-.68L21 16l1.39-1.39zm-3.81.11c-1.38 0-2.5-1.11-2.5-2.5s1.12-2.5 2.5-2.5a2.5 2.5 0 0 1 0 5" />
+          </svg>
+          <span>Search chats</span>
+        </button>
+      </li>
+    </ul>
+  `);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.updateComplete.then(() => {
+      if (this._viewState === "main" && this.recentThreads.length) {
+        this._searchInputMain?.focus();
+      } else if (this._viewState === "search") {
+        this._searchInputSearch?.focus();
+      }
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    clearTimeout(__privateGet(this, _searchDebounceTimeout));
+  }
+  firstUpdated() {
+    __privateMethod(this, _AiConversationsPanelComponent_instances, attachScrollController_fn).call(this);
+  }
+  updated(changedProperties) {
+    if (changedProperties.has("_viewState") || changedProperties.has("recentThreads") || changedProperties.has("totalChats")) {
+      if (changedProperties.has("recentThreads") || changedProperties.has("totalChats")) {
+        __privateGet(this, _recentChatsScrollController).reset();
+        __privateGet(this, _searchChatsScrollController).reset();
+      }
+      __privateMethod(this, _AiConversationsPanelComponent_instances, attachScrollController_fn).call(this);
+    }
+  }
+  resetToMainView() {
+    __privateMethod(this, _AiConversationsPanelComponent_instances, transitionToMain_fn).call(this);
+    this._editingThreadId = null;
+  }
+  render() {
+    const isMainView = this._viewState === "main";
+    const isSearchView = this._viewState === "search";
+    return html`
+      <aside class="conversations-panel" role="complementary" aria-label="Conversation history">
+        ${when(isMainView, () => __privateGet(this, _header))} ${when(isSearchView, () => __privateGet(this, _AiConversationsPanelComponent_instances, headerSearch_get))}
+        ${when(isMainView, () => __privateGet(this, _chatActionsList))} ${when(isMainView, () => __privateGet(this, _chatsLabel))}
+        ${when(isSearchView, () => __privateGet(this, _AiConversationsPanelComponent_instances, searchFieldSearch_get))} ${__privateGet(this, _AiConversationsPanelComponent_instances, threadListContainer_get)}
+      </aside>
+      ${__privateGet(this, _deleteThreadController).template}
+    `;
+  }
+};
+_searchDebounceTimeout = /* @__PURE__ */ new WeakMap();
+_deleteThreadController = /* @__PURE__ */ new WeakMap();
+_recentChatsScrollController = /* @__PURE__ */ new WeakMap();
+_searchChatsScrollController = /* @__PURE__ */ new WeakMap();
+_AiConversationsPanelComponent_instances = /* @__PURE__ */ new WeakSet();
+shouldEnableRecentPagination_get = function() {
+  if (this.totalChats <= 0) {
+    return false;
+  }
+  const displayedCount = this.recentThreads.filter((t) => !this._hiddenThreadIds.has(t.id)).length;
+  return displayedCount < this.totalChats;
+};
+shouldEnableSearchPagination_get = function() {
+  if (this.totalChats <= 0) {
+    return false;
+  }
+  const displayedCount = this._searchResults.filter((t) => !this._hiddenThreadIds.has(t.id)).length;
+  return displayedCount < this.totalChats;
+};
+attachScrollController_fn = function() {
+  if (!this._threadListContainer) {
+    return;
+  }
+  __privateGet(this, _recentChatsScrollController).detach();
+  __privateGet(this, _searchChatsScrollController).detach();
+  if (this._viewState === "main" && __privateGet(this, _AiConversationsPanelComponent_instances, shouldEnableRecentPagination_get)) {
+    __privateGet(this, _recentChatsScrollController).attach(this._threadListContainer);
+  } else if (this._viewState === "search" && __privateGet(this, _AiConversationsPanelComponent_instances, shouldEnableSearchPagination_get)) {
+    __privateGet(this, _searchChatsScrollController).attach(this._threadListContainer);
+  }
+};
+displayedThreads_get = function() {
+  const threads = this._viewState === "search" ? this._searchResults : this.recentThreads;
+  return threads.filter((thread) => !this._hiddenThreadIds.has(thread.id));
+};
+handleSearch_fn = function(searchQuery) {
+  this._searchQuery = searchQuery;
+  __privateGet(this, _searchChatsScrollController).reset();
+  const setResults = (results) => {
+    this._searchResults = results;
+    this._isSearching = false;
+  };
+  const event = new CustomEvent("forge-ai-conversations-panel-search", {
+    detail: { query: searchQuery, setResults },
+    bubbles: true,
+    composed: true,
+    cancelable: true
+  });
+  if (!this.dispatchEvent(event)) {
+    this._isSearching = true;
+  } else {
+    this._isSearching = false;
+    this._searchResults = this.recentThreads.filter(
+      (thread) => thread.title.toLowerCase().includes(searchQuery.toLowerCase())
+    );
+  }
+};
+handleSearchInput_fn = function(event) {
+  const searchQuery = event.target.value;
+  clearTimeout(__privateGet(this, _searchDebounceTimeout));
+  if (!searchQuery.trim()) {
+    this._searchQuery = "";
+    this._searchResults = this.recentThreads;
+    this._isSearching = false;
+    return;
+  }
+  __privateSet(this, _searchDebounceTimeout, window.setTimeout(() => {
+    __privateMethod(this, _AiConversationsPanelComponent_instances, handleSearch_fn).call(this, searchQuery);
+  }, 300));
+};
+handleRecentChatsLoadMore_fn = function() {
+  const appendResults = (results) => {
+    if (results.length === 0) {
+      __privateGet(this, _recentChatsScrollController).setHasMore(false);
+    } else {
+      this.recentThreads = [...this.recentThreads, ...results];
+    }
+    __privateGet(this, _recentChatsScrollController).setLoadingState(false);
+  };
+  const event = new CustomEvent(
+    "forge-ai-conversations-panel-load-more",
+    {
+      detail: { query: "", appendResults },
+      bubbles: true,
+      composed: true
+    }
+  );
+  this.dispatchEvent(event);
+};
+handleSearchChatsLoadMore_fn = function() {
+  const appendResults = (results) => {
+    if (results.length === 0) {
+      __privateGet(this, _searchChatsScrollController).setHasMore(false);
+    } else {
+      this._searchResults = [...this._searchResults, ...results];
+    }
+    __privateGet(this, _searchChatsScrollController).setLoadingState(false);
+  };
+  const event = new CustomEvent(
+    "forge-ai-conversations-panel-load-more",
+    {
+      detail: { query: this._searchQuery, appendResults },
+      bubbles: true,
+      composed: true
+    }
+  );
+  this.dispatchEvent(event);
+};
+transitionToSearch_fn = function() {
+  if (this._viewState === "search") {
+    return;
+  }
+  this._viewState = "search";
+  this._searchQuery = "";
+  this._searchResults = this.recentThreads;
+  this._isSearching = false;
+  this._editingThreadId = null;
+  __privateGet(this, _recentChatsScrollController).reset();
+  __privateGet(this, _searchChatsScrollController).reset();
+  this.updateComplete.then(() => this._searchInputSearch?.focus());
+};
+transitionToMain_fn = function() {
+  if (this._viewState === "main") {
+    return;
+  }
+  this._viewState = "main";
+  this._searchQuery = "";
+  this._searchResults = [];
+  this._isSearching = false;
+  this._editingThreadId = null;
+  __privateGet(this, _recentChatsScrollController).reset();
+  __privateGet(this, _searchChatsScrollController).reset();
+  clearTimeout(__privateGet(this, _searchDebounceTimeout));
+};
+handleBackClick_fn = function() {
+  __privateMethod(this, _AiConversationsPanelComponent_instances, transitionToMain_fn).call(this);
+};
+handleThreadSelect_fn = function(thread) {
+  const event = new CustomEvent("forge-ai-conversations-panel-select", {
+    detail: { id: thread.id, title: thread.title },
+    bubbles: true,
+    composed: true
+  });
+  this.dispatchEvent(event);
+};
+handleNewChatClick_fn = function() {
+  const event = new CustomEvent("forge-ai-conversations-panel-new-chat", {
+    bubbles: true,
+    composed: true,
+    cancelable: true
+  });
+  this.dispatchEvent(event);
+};
+handleSearchChatsClick_fn = function() {
+  __privateMethod(this, _AiConversationsPanelComponent_instances, transitionToSearch_fn).call(this);
+};
+handleCloseClick_fn = function() {
+  const event = new CustomEvent("forge-ai-conversations-panel-close", {
+    bubbles: true,
+    composed: true
+  });
+  this.dispatchEvent(event);
+};
+handleMenuRename_fn = function(e) {
+  this._editingThreadId = e.detail.id;
+  this._openMenuThreadId = null;
+};
+handleMenuOpen_fn = function(e) {
+  this._openMenuThreadId = e.detail.id;
+};
+handleMenuClose_fn = function() {
+  this._openMenuThreadId = null;
+};
+handleMenuDeleteClick_fn = function(e) {
+  const { id } = e.detail;
+  const thread = __privateGet(this, _AiConversationsPanelComponent_instances, displayedThreads_get).find((t) => t.id === id);
+  if (!thread) {
+    return;
+  }
+  __privateGet(this, _deleteThreadController).show(thread);
+};
+handleEditSave_fn = function(e) {
+  const { id, oldTitle, newTitle } = e.detail;
+  const thread = __privateGet(this, _AiConversationsPanelComponent_instances, displayedThreads_get).find((t) => t.id === id);
+  if (!thread) {
+    return;
+  }
+  const onSuccess = () => {
+    thread.title = newTitle;
+    this.requestUpdate();
+  };
+  const onError = (error) => {
+    thread.title = oldTitle;
+    this.requestUpdate();
+    if (error) {
+      console.error("Rename failed:", error);
+    }
+  };
+  const event = new CustomEvent("forge-ai-conversations-panel-rename", {
+    detail: { id, oldTitle, newTitle, onSuccess, onError },
+    bubbles: true,
+    composed: true,
+    cancelable: true
+  });
+  const dispatched = this.dispatchEvent(event);
+  if (dispatched) {
+    thread.title = newTitle;
+    this.requestUpdate();
+  }
+  this._editingThreadId = null;
+};
+handleEditCancel_fn = function() {
+  this._editingThreadId = null;
+};
+_header = /* @__PURE__ */ new WeakMap();
+headerSearch_get = function() {
+  return html`
+      <div class="header header--search">
+        <button
+          class="back-button forge-icon-button forge-icon-button--medium"
+          @click=${__privateMethod(this, _AiConversationsPanelComponent_instances, handleBackClick_fn)}
+          aria-label="Back to recent chats">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+            <path fill="none" d="M0 0h24v24H0z" />
+            <path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z" />
+          </svg>
+        </button>
+        <forge-ai-icon></forge-ai-icon>
+        <div class="search-header-end">
+          <button
+            class="close-button forge-icon-button forge-icon-button--medium"
+            @click=${__privateMethod(this, _AiConversationsPanelComponent_instances, handleCloseClick_fn)}
+            aria-label="Close conversations panel">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+              <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" />
+            </svg>
+          </button>
+        </div>
+      </div>
+    `;
+};
+_chatsLabel = /* @__PURE__ */ new WeakMap();
+searchFieldSearch_get = function() {
+  return html`
+      <div class="forge-field forge-field--small search-field">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="forge-icon">
+          <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" />
+        </svg>
+        <input
+          type="text"
+          id="search-input-search"
+          autocomplete="off"
+          placeholder="Search chats..."
+          .value=${this._searchQuery}
+          @input=${__privateMethod(this, _AiConversationsPanelComponent_instances, handleSearchInput_fn)} />
+        ${when(
+    this._isSearching,
+    () => html`<forge-ai-spinner size="small" class="search-spinner"></forge-ai-spinner>`
+  )}
+      </div>
+    `;
+};
+emptyState_get = function() {
+  const message = this._viewState === "search" && this._searchQuery.trim() ? "No conversations found" : "No conversations yet";
+  return html`
+      <div class="empty-state">
+        <p>${message}</p>
+      </div>
+    `;
+};
+loadingMoreIndicator_get = function() {
+  const controller = this._viewState === "search" ? __privateGet(this, _searchChatsScrollController) : __privateGet(this, _recentChatsScrollController);
+  if (!controller.isLoadingMore) {
+    return nothing;
+  }
+  return html`
+      <div class="loading-more-indicator">
+        <forge-ai-spinner size="small"></forge-ai-spinner>
+      </div>
+    `;
+};
+threadList_get = function() {
+  const threads = __privateGet(this, _AiConversationsPanelComponent_instances, displayedThreads_get);
+  if (threads.length === 0) {
+    return __privateGet(this, _AiConversationsPanelComponent_instances, emptyState_get);
+  }
+  return html`
+      <ul class="forge-list forge-list--dense forge-list--navlist" role="list">
+        ${threads.map((thread) => {
+    const isSelected = this.selectedThreadId === thread.id;
+    const isEditing = this._editingThreadId === thread.id;
+    const hasOpenMenu = this._openMenuThreadId === thread.id;
+    return html`
+            <li
+              class="forge-list-item ${isSelected ? "forge-list-item--selected" : ""} ${hasOpenMenu ? "forge-list-item--menu-open" : ""}"
+              role="listitem">
+              ${when(
+      isEditing,
+      () => html`
+                  <forge-ai-edit-thread
+                    .thread=${thread}
+                    .value=${thread.title}
+                    @forge-ai-edit-thread-save=${__privateMethod(this, _AiConversationsPanelComponent_instances, handleEditSave_fn)}
+                    @forge-ai-edit-thread-cancel=${__privateMethod(this, _AiConversationsPanelComponent_instances, handleEditCancel_fn)}>
+                  </forge-ai-edit-thread>
+                `,
+      () => html`
+                  <button @click=${() => __privateMethod(this, _AiConversationsPanelComponent_instances, handleThreadSelect_fn).call(this, thread)} aria-selected=${isSelected}>
+                    <span>${thread.title}</span>
+                  </button>
+                  ${when(
+        this.showConversationRename || this.showConversationDelete,
+        () => html`
+                      <div class="conversation-item-actions">
+                        <forge-ai-thread-actions-menu
+                          .thread=${thread}
+                          ?show-rename=${this.showConversationRename}
+                          ?show-delete=${this.showConversationDelete}
+                          @forge-ai-thread-actions-menu-rename=${__privateMethod(this, _AiConversationsPanelComponent_instances, handleMenuRename_fn)}
+                          @forge-ai-thread-actions-menu-delete-click=${__privateMethod(this, _AiConversationsPanelComponent_instances, handleMenuDeleteClick_fn)}
+                          @forge-ai-thread-actions-menu-open=${__privateMethod(this, _AiConversationsPanelComponent_instances, handleMenuOpen_fn)}
+                          @forge-ai-thread-actions-menu-close=${__privateMethod(this, _AiConversationsPanelComponent_instances, handleMenuClose_fn)}>
+                        </forge-ai-thread-actions-menu>
+                      </div>
+                    `
+      )}
+                `
+    )}
+            </li>
+          `;
+  })}
+      </ul>
+      ${__privateGet(this, _AiConversationsPanelComponent_instances, loadingMoreIndicator_get)}
+    `;
+};
+threadListContainer_get = function() {
+  return html` <div class="thread-list-container">${__privateGet(this, _AiConversationsPanelComponent_instances, threadList_get)}</div> `;
+};
+_chatActionsList = /* @__PURE__ */ new WeakMap();
+AiConversationsPanelComponent.styles = unsafeCSS(styles);
+__decorateClass([
+  property({ type: Array })
+], AiConversationsPanelComponent.prototype, "recentThreads", 2);
+__decorateClass([
+  property({ type: Number, attribute: "total-chats" })
+], AiConversationsPanelComponent.prototype, "totalChats", 2);
+__decorateClass([
+  property({ type: String, attribute: "selected-thread-id" })
+], AiConversationsPanelComponent.prototype, "selectedThreadId", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-conversation-rename" })
+], AiConversationsPanelComponent.prototype, "showConversationRename", 2);
+__decorateClass([
+  property({ type: Boolean, attribute: "show-conversation-delete" })
+], AiConversationsPanelComponent.prototype, "showConversationDelete", 2);
+__decorateClass([
+  state()
+], AiConversationsPanelComponent.prototype, "_viewState", 2);
+__decorateClass([
+  state()
+], AiConversationsPanelComponent.prototype, "_isSearching", 2);
+__decorateClass([
+  state()
+], AiConversationsPanelComponent.prototype, "_searchResults", 2);
+__decorateClass([
+  state()
+], AiConversationsPanelComponent.prototype, "_searchQuery", 2);
+__decorateClass([
+  state()
+], AiConversationsPanelComponent.prototype, "_editingThreadId", 2);
+__decorateClass([
+  state()
+], AiConversationsPanelComponent.prototype, "_hiddenThreadIds", 2);
+__decorateClass([
+  state()
+], AiConversationsPanelComponent.prototype, "_openMenuThreadId", 2);
+__decorateClass([
+  query("#search-input-main")
+], AiConversationsPanelComponent.prototype, "_searchInputMain", 2);
+__decorateClass([
+  query("#search-input-search")
+], AiConversationsPanelComponent.prototype, "_searchInputSearch", 2);
+__decorateClass([
+  query(".thread-list-container")
+], AiConversationsPanelComponent.prototype, "_threadListContainer", 2);
+AiConversationsPanelComponent = __decorateClass([
+  customElement(AiConversationsPanelComponentTagName)
+], AiConversationsPanelComponent);
+export {
+  AiConversationsPanelComponent,
+  AiConversationsPanelComponentTagName
+};