@tylertech/forge-ai 0.15.3-dev.0 → 0.16.0-dev.0

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

@@ -1,767 +0,0 @@
-import { unsafeCSS, nothing, html, LitElement } from "lit";
-import { property, state, customElement } from "lit/decorators.js";
-import { classMap } from "lit/directives/class-map.js";
-import { createRef, ref } from "lit/directives/ref.js";
-import { when } from "lit/directives/when.js";
-import { AiChatbotBase } from "../ai-chatbot/ai-chatbot-base.mjs";
-import { DeleteThreadController } from "../utils/delete-thread-controller.mjs";
-import { toggleState, forwardCancelableEvent } from "../utils.mjs";
-import "../ai-attachment/ai-attachment.mjs";
-import "../ai-chat-header/ai-chat-header.mjs";
-import "../ai-edit-thread/ai-edit-thread.mjs";
-import "../ai-file-picker/ai-file-picker.mjs";
-import "../ai-icon/ai-icon.mjs";
-import "../ai-message-thread/ai-message-thread.mjs";
-import "../ai-prompt/ai-prompt.mjs";
-import "../ai-spinner/ai-spinner.mjs";
-import "../ai-suggestions/ai-suggestions.mjs";
-import "../ai-voice-input/ai-voice-input.mjs";
-import "../ai-gradient-container/ai-gradient-container.mjs";
-import "../ai-thread-actions-menu/ai-thread-actions-menu.mjs";
-import "../ai-threads-search/ai-threads-search.mjs";
-import "../core/popover/popover.mjs";
-import "../core/tooltip/tooltip.mjs";
-import styles from "./ai-chatbot-launcher.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 _headerRef, _gradientContainerRef, _historyButtonRef, _historyPopoverSearchRef, _historyViewSearchRef, _internals, _pendingThreadDeleteSource, _deleteThreadController, _AiChatbotLauncherComponent_instances, setViewState_fn, focusAfterUpdate_fn, transitionToConversation_fn, commitConversationTransition_fn, transitionToWelcome_fn, transitionToHistory_fn, handleHistoryBack_fn, handleHeaderClear_fn, handleHeaderInfo_fn, handleThreadRename_fn, handleEditSave_fn, handleEditCancel_fn, handleThreadNameClick_fn, handleThreadDelete_fn, handleHistoryButtonClick_fn, handleHistoryPopoverToggle_fn, handleHistoryPopoverKeydown_fn, handleViewAllClick_fn, handleThreadsSearchQuery_fn, handleThreadsSearchLoadMore_fn, handleThreadsSearchSelect_fn, handleThreadsSearchRetry_fn, handleThreadsSearchNewChat_fn, handleThreadsSearchRename_fn, handleThreadsSearchDelete_fn, handleThreadsSearchDeleteConfirm_fn, headingElement_get, promptTemplate_get, welcomeHeaderTemplate_get, welcomeSuggestionsTemplate_get, threadName_get, threadActionsMenu_get, conversationContentTemplate_get, historyContentTemplate_get, mainContentTemplate_get, showThreadsLoading_get, historyButtonTemplate_get, historyPopoverTemplate_get, promptSectionTemplate_get;
-const HISTORY_POPOVER_INSET = 48;
-const AiChatbotLauncherComponentTagName = "forge-ai-chatbot-launcher";
-let AiChatbotLauncherComponent = class extends AiChatbotBase {
-  constructor() {
-    super();
-    __privateAdd(this, _AiChatbotLauncherComponent_instances);
-    this.placeholder = "How can I help you today?";
-    this.showHistoryButton = false;
-    this.showThreadRename = false;
-    this.showThreadDelete = false;
-    this.threads = [];
-    this.totalThreads = 0;
-    this.threadsLoading = false;
-    this.selectedThreadId = null;
-    this._viewState = "welcome";
-    this._skipAnimation = false;
-    this._editingThreadId = null;
-    this._historyPopoverOpen = false;
-    this._messageThreadRef = createRef();
-    this._promptRef = createRef();
-    __privateAdd(this, _headerRef, createRef());
-    __privateAdd(this, _gradientContainerRef, createRef());
-    __privateAdd(this, _historyButtonRef, createRef());
-    __privateAdd(this, _historyPopoverSearchRef, createRef());
-    __privateAdd(this, _historyViewSearchRef, createRef());
-    __privateAdd(this, _internals);
-    __privateAdd(this, _pendingThreadDeleteSource, null);
-    __privateAdd(this, _deleteThreadController, new DeleteThreadController(this, {
-      onConfirm: (thread) => {
-        const source = __privateGet(this, _pendingThreadDeleteSource);
-        __privateSet(this, _pendingThreadDeleteSource, null);
-        if (source) {
-          source.confirmThreadDelete(thread);
-          return;
-        }
-        const onSuccess = () => {
-        };
-        const onError = (error) => {
-          if (error) {
-            console.error("Delete failed:", error);
-          }
-        };
-        const event = this._dispatchHostEvent({
-          type: "forge-ai-chatbot-launcher-thread-delete",
-          detail: {
-            id: thread.id,
-            thread,
-            onSuccess,
-            onError
-          },
-          cancelable: true
-        });
-        if (!event.defaultPrevented) {
-          this.clearMessages();
-        }
-      }
-    }));
-    __privateSet(this, _internals, this.attachInternals());
-  }
-  _onConnected() {
-    __privateGet(this, _internals).states.add("welcome");
-  }
-  startConversation() {
-    __privateMethod(this, _AiChatbotLauncherComponent_instances, commitConversationTransition_fn).call(this);
-  }
-  /**
-   * Returns to the welcome view without touching conversation state. Unlike `startNewChat()`, this
-   * leaves messages, `selectedThreadId`, and the adapter's thread untouched, so an abandoned thread
-   * selection can be undone without discarding the conversation the user was already in.
-   */
-  showWelcome() {
-    this._historyPopoverOpen = false;
-    __privateMethod(this, _AiChatbotLauncherComponent_instances, transitionToWelcome_fn).call(this);
-  }
-  /**
-   * Navigates directly to the full history view (not the history popover).
-   */
-  showHistory() {
-    this._historyPopoverOpen = false;
-    __privateMethod(this, _AiChatbotLauncherComponent_instances, transitionToHistory_fn).call(this);
-  }
-  _handleInfo() {
-    const header = __privateGet(this, _headerRef).value;
-    header?.showAgentInfo();
-    super._handleInfo();
-  }
-  async _handleSend(evt) {
-    __privateMethod(this, _AiChatbotLauncherComponent_instances, transitionToConversation_fn).call(this);
-    await super._handleSend(evt);
-  }
-  async _handleSuggestionSelect(evt) {
-    __privateMethod(this, _AiChatbotLauncherComponent_instances, transitionToConversation_fn).call(this);
-    await super._handleSuggestionSelect(evt);
-  }
-  clearMessages() {
-    if (super.clearMessages()) {
-      __privateMethod(this, _AiChatbotLauncherComponent_instances, transitionToWelcome_fn).call(this);
-      return true;
-    }
-    return false;
-  }
-  startNewChat() {
-    super.startNewChat();
-    this.selectedThreadId = null;
-    __privateMethod(this, _AiChatbotLauncherComponent_instances, transitionToWelcome_fn).call(this);
-  }
-  setMessages(messages) {
-    super.setMessages(messages);
-    if (messages.length > 0) {
-      __privateMethod(this, _AiChatbotLauncherComponent_instances, transitionToConversation_fn).call(this);
-    }
-  }
-  async sendMessage(content, files) {
-    __privateMethod(this, _AiChatbotLauncherComponent_instances, transitionToConversation_fn).call(this);
-    await super.sendMessage(content, files);
-  }
-  async setThreadState(threadState, options) {
-    if (options?.skipAnimation) {
-      this._skipAnimation = true;
-    }
-    await super.setThreadState(threadState);
-    if (threadState.messages.length > 0) {
-      __privateMethod(this, _AiChatbotLauncherComponent_instances, transitionToConversation_fn).call(this);
-    }
-  }
-  get viewState() {
-    return this._viewState;
-  }
-  focus() {
-    this._promptRef.value?.focus();
-  }
-  render() {
-    const classes = {
-      launcher: true,
-      "skip-animation": this._skipAnimation
-    };
-    return html`
-      <div class=${classMap(classes)} role="region" aria-label="AI chatbot launcher" aria-busy=${this._isStreaming}>
-        ${__privateGet(this, _AiChatbotLauncherComponent_instances, mainContentTemplate_get)} ${__privateGet(this, _AiChatbotLauncherComponent_instances, promptSectionTemplate_get)}
-        ${this._viewState === "welcome" ? __privateGet(this, _AiChatbotLauncherComponent_instances, welcomeSuggestionsTemplate_get) : nothing}
-      </div>
-      ${when(this.showHistoryButton, () => __privateGet(this, _AiChatbotLauncherComponent_instances, historyPopoverTemplate_get))} ${__privateGet(this, _deleteThreadController).template}
-    `;
-  }
-};
-_headerRef = /* @__PURE__ */ new WeakMap();
-_gradientContainerRef = /* @__PURE__ */ new WeakMap();
-_historyButtonRef = /* @__PURE__ */ new WeakMap();
-_historyPopoverSearchRef = /* @__PURE__ */ new WeakMap();
-_historyViewSearchRef = /* @__PURE__ */ new WeakMap();
-_internals = /* @__PURE__ */ new WeakMap();
-_pendingThreadDeleteSource = /* @__PURE__ */ new WeakMap();
-_deleteThreadController = /* @__PURE__ */ new WeakMap();
-_AiChatbotLauncherComponent_instances = /* @__PURE__ */ new WeakSet();
-setViewState_fn = function(next) {
-  if (this._viewState === next) {
-    return;
-  }
-  const previous = this._viewState;
-  toggleState(__privateGet(this, _internals), previous, false);
-  toggleState(__privateGet(this, _internals), next, true);
-  this._viewState = next;
-  if (next === "history") {
-    this._dispatchHostEvent({ type: "forge-ai-chatbot-launcher-history-open" });
-    void __privateMethod(this, _AiChatbotLauncherComponent_instances, focusAfterUpdate_fn).call(this, () => __privateGet(this, _historyViewSearchRef).value);
-  } else if (previous === "history") {
-    this._dispatchHostEvent({ type: "forge-ai-chatbot-launcher-history-close" });
-    void __privateMethod(this, _AiChatbotLauncherComponent_instances, focusAfterUpdate_fn).call(this, () => this);
-  }
-};
-focusAfterUpdate_fn = async function(resolve) {
-  const viewState = this._viewState;
-  const popoverOpen = this._historyPopoverOpen;
-  await this.updateComplete;
-  const target = resolve();
-  if (target instanceof LitElement) {
-    await target.updateComplete;
-  }
-  if (!this.isConnected || this._viewState !== viewState || this._historyPopoverOpen !== popoverOpen) {
-    return;
-  }
-  target?.focus();
-};
-transitionToConversation_fn = function() {
-  if (this._viewState === "conversation") {
-    return;
-  }
-  const event = this._dispatchHostEvent({
-    type: "forge-ai-chatbot-launcher-conversation-start",
-    cancelable: true
-  });
-  if (event.defaultPrevented) {
-    return;
-  }
-  __privateMethod(this, _AiChatbotLauncherComponent_instances, commitConversationTransition_fn).call(this);
-};
-commitConversationTransition_fn = function() {
-  __privateMethod(this, _AiChatbotLauncherComponent_instances, setViewState_fn).call(this, "conversation");
-};
-transitionToWelcome_fn = function() {
-  if (this._viewState === "welcome") {
-    return;
-  }
-  this._skipAnimation = false;
-  __privateMethod(this, _AiChatbotLauncherComponent_instances, setViewState_fn).call(this, "welcome");
-};
-transitionToHistory_fn = function() {
-  __privateMethod(this, _AiChatbotLauncherComponent_instances, setViewState_fn).call(this, "history");
-};
-handleHistoryBack_fn = function() {
-  __privateMethod(this, _AiChatbotLauncherComponent_instances, setViewState_fn).call(this, this._hasMessages ? "conversation" : "welcome");
-};
-handleHeaderClear_fn = function() {
-  this.clearMessages();
-};
-handleHeaderInfo_fn = function() {
-  this._handleInfo();
-};
-handleThreadRename_fn = function(evt) {
-  this._editingThreadId = evt.detail.id;
-};
-handleEditSave_fn = function(evt) {
-  const { id, oldTitle, newTitle } = evt.detail;
-  const onSuccess = () => {
-    this._editingThreadId = null;
-  };
-  const onError = () => {
-    this._editingThreadId = null;
-  };
-  const event = this._dispatchHostEvent({
-    type: "forge-ai-chatbot-launcher-thread-rename",
-    detail: {
-      id,
-      oldTitle,
-      newTitle,
-      onSuccess,
-      onError
-    },
-    cancelable: true
-  });
-  if (!event.defaultPrevented) {
-    this._editingThreadId = null;
-  }
-};
-handleEditCancel_fn = function() {
-  this._editingThreadId = null;
-};
-handleThreadNameClick_fn = function() {
-  const threadId = this.agentInfo?.threadId || "";
-  this._editingThreadId = threadId;
-};
-handleThreadDelete_fn = function() {
-  const thread = {
-    id: this.agentInfo?.threadId || "",
-    title: this.threadName || "",
-    createdAt: (/* @__PURE__ */ new Date()).toISOString()
-  };
-  __privateGet(this, _deleteThreadController).show(thread);
-};
-handleHistoryButtonClick_fn = function() {
-  if (!this._historyPopoverOpen) {
-    __privateGet(this, _historyPopoverSearchRef).value?.resetSearch();
-  }
-  this._historyPopoverOpen = !this._historyPopoverOpen;
-};
-handleHistoryPopoverToggle_fn = function(evt) {
-  if (evt.target !== evt.currentTarget) {
-    return;
-  }
-  this._historyPopoverOpen = evt.detail.open;
-  if (evt.detail.open) {
-    void __privateMethod(this, _AiChatbotLauncherComponent_instances, focusAfterUpdate_fn).call(this, () => __privateGet(this, _historyPopoverSearchRef).value);
-    return;
-  }
-  const activeElement = this.shadowRoot?.activeElement ?? null;
-  const focusInsidePopover = evt.currentTarget.contains(activeElement);
-  const focusLost = this.ownerDocument.activeElement === this.ownerDocument.body;
-  if ((focusInsidePopover || focusLost) && this._viewState !== "history") {
-    __privateGet(this, _historyButtonRef).value?.focus();
-  }
-};
-handleHistoryPopoverKeydown_fn = function(evt) {
-  if (evt.key !== "Escape" || evt.defaultPrevented) {
-    return;
-  }
-  evt.preventDefault();
-  evt.stopPropagation();
-  this._historyPopoverOpen = false;
-  void __privateMethod(this, _AiChatbotLauncherComponent_instances, focusAfterUpdate_fn).call(this, () => __privateGet(this, _historyButtonRef).value);
-};
-handleViewAllClick_fn = function() {
-  this._historyPopoverOpen = false;
-  __privateMethod(this, _AiChatbotLauncherComponent_instances, transitionToHistory_fn).call(this);
-};
-handleThreadsSearchQuery_fn = function(evt) {
-  forwardCancelableEvent(this, evt, "forge-ai-chatbot-launcher-thread-search");
-};
-handleThreadsSearchLoadMore_fn = function(evt) {
-  this._dispatchHostEvent({ type: "forge-ai-chatbot-launcher-thread-load-more", detail: evt.detail });
-};
-handleThreadsSearchSelect_fn = function(evt) {
-  this._historyPopoverOpen = false;
-  const event = this._dispatchHostEvent({
-    type: "forge-ai-chatbot-launcher-thread-select",
-    detail: evt.detail,
-    cancelable: true
-  });
-  if (event.defaultPrevented) {
-    return;
-  }
-  this.selectedThreadId = evt.detail.id;
-  __privateMethod(this, _AiChatbotLauncherComponent_instances, setViewState_fn).call(this, "conversation");
-};
-handleThreadsSearchRetry_fn = function() {
-  this._dispatchHostEvent({ type: "forge-ai-chatbot-launcher-thread-retry" });
-};
-handleThreadsSearchNewChat_fn = function() {
-  this._historyPopoverOpen = false;
-  const event = this._dispatchHostEvent({ type: "forge-ai-chatbot-launcher-new-chat", cancelable: true });
-  if (!event.defaultPrevented) {
-    this.startNewChat();
-  }
-};
-handleThreadsSearchRename_fn = function(evt) {
-  forwardCancelableEvent(this, evt, "forge-ai-chatbot-launcher-thread-rename");
-};
-handleThreadsSearchDelete_fn = function(evt) {
-  forwardCancelableEvent(this, evt, "forge-ai-chatbot-launcher-thread-delete");
-};
-handleThreadsSearchDeleteConfirm_fn = function(evt) {
-  evt.preventDefault();
-  __privateSet(this, _pendingThreadDeleteSource, evt.target);
-  __privateGet(this, _deleteThreadController).show(evt.detail.thread);
-};
-headingElement_get = function() {
-  switch (this.headingLevel) {
-    case 1:
-      return html`<h1 class="title"><slot name="heading">${this.titleText}</slot></h1>`;
-    case 2:
-      return html`<h2 class="title"><slot name="heading">${this.titleText}</slot></h2>`;
-    case 3:
-      return html`<h3 class="title"><slot name="heading">${this.titleText}</slot></h3>`;
-    case 4:
-      return html`<h4 class="title"><slot name="heading">${this.titleText}</slot></h4>`;
-    case 5:
-      return html`<h5 class="title"><slot name="heading">${this.titleText}</slot></h5>`;
-    case 6:
-      return html`<h6 class="title"><slot name="heading">${this.titleText}</slot></h6>`;
-    default:
-      return html`<h2 class="title"><slot name="heading">${this.titleText}</slot></h2>`;
-  }
-};
-promptTemplate_get = function() {
-  const isUploading = this._isUploading;
-  return html`
-      <forge-ai-prompt
-        ${ref(this._promptRef)}
-        .placeholder=${this.placeholder}
-        .running=${this._isStreaming || isUploading}
-        .slashCommands=${this._slashCommands}
-        .contextItems=${this._allContextItems}
-        ?disabled=${isUploading}
-        ?debug-mode=${this.debugMode}
-        @forge-ai-prompt-send=${this._handleSend}
-        @forge-ai-prompt-stop=${this._handleStop}
-        @forge-ai-prompt-cancel=${this._handleCancel}
-        @forge-ai-prompt-debug-toggle=${this._handleDebugToggle}
-        @forge-ai-prompt-command=${this._handleSlashCommand}
-        @forge-ai-prompt-context-remove=${this._handlePromptContextRemove}>
-        ${when(
-    this.fileUpload === "on",
-    () => html`
-            <forge-ai-file-picker
-              slot="actions-start"
-              variant="icon-button"
-              multiple
-              ?disabled=${isUploading}
-              .maxSize=${this.maxFileSize}
-              .accept=${this.acceptedFileTypes}
-              .selectedFiles=${this._coreController?.pendingAttachments.map((a) => a.filename) ?? []}
-              @forge-ai-file-picker-change=${this._handleFileSelect}
-              @forge-ai-file-picker-error=${this._handleFileError}>
-            </forge-ai-file-picker>
-          `
-  )}
-        ${__privateGet(this, _AiChatbotLauncherComponent_instances, historyButtonTemplate_get)}
-        ${when(
-    this.voiceInput === "on",
-    () => html`
-            <forge-ai-voice-input slot="actions-end" @forge-ai-voice-input-result=${this._handleVoiceInputResult}>
-            </forge-ai-voice-input>
-          `
-  )}
-      </forge-ai-prompt>
-    `;
-};
-welcomeHeaderTemplate_get = function() {
-  return html`
-      <div class="welcome">
-        <div class="welcome-header">
-          <slot name="icon">
-            <forge-ai-icon class="icon"></forge-ai-icon>
-          </slot>
-          ${__privateGet(this, _AiChatbotLauncherComponent_instances, headingElement_get)}
-        </div>
-        <div class="description"><slot name="description">${this.descriptionText}</slot></div>
-      </div>
-    `;
-};
-welcomeSuggestionsTemplate_get = function() {
-  if (!this.suggestions?.length) {
-    return nothing;
-  }
-  return html`
-      <div class="welcome-suggestions">
-        <forge-ai-suggestions
-          variant="block"
-          .suggestions=${this.suggestions ?? []}
-          @forge-ai-suggestions-select=${this._handleSuggestionSelect}>
-        </forge-ai-suggestions>
-      </div>
-    `;
-};
-threadName_get = function() {
-  const showActions = this.showThreadRename || this.showThreadDelete;
-  const threadId = this.agentInfo?.threadId || "";
-  const isEditing = this._editingThreadId === threadId;
-  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" aria-hidden="true">
-            <path d="m7 21 7.9-18H17L9.1 21z" />
-          </svg>
-        </div>
-        ${when(
-    isEditing,
-    () => html`
-            <forge-ai-edit-thread
-              .thread=${{
-      id: threadId,
-      title: this.threadName || "",
-      createdAt: (/* @__PURE__ */ new Date()).toISOString()
-    }}
-              .value=${this.threadName || ""}
-              @forge-ai-edit-thread-save=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleEditSave_fn)}
-              @forge-ai-edit-thread-cancel=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleEditCancel_fn)}>
-            </forge-ai-edit-thread>
-          `,
-    () => html`
-            ${when(
-      this.showThreadRename,
-      () => html`
-                <button
-                  class="forge-button forge-button--dense thread-name__button"
-                  id="thread-name-button"
-                  aria-label="Edit thread name: ${this.threadName}"
-                  @click=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadNameClick_fn)}>
-                  <span class="thread-name__text">${this.threadName}</span>
-                </button>
-                <forge-ai-tooltip for="thread-name-button" placement="bottom">${this.threadName}</forge-ai-tooltip>
-              `,
-      () => html`
-                <span class="thread-name__text" id="thread-name-text">${this.threadName}</span>
-                <forge-ai-tooltip for="thread-name-text" placement="bottom">${this.threadName}</forge-ai-tooltip>
-              `
-    )}
-            ${when(showActions, () => __privateGet(this, _AiChatbotLauncherComponent_instances, threadActionsMenu_get))}
-          `
-  )}
-      </div>
-    `;
-};
-threadActionsMenu_get = function() {
-  const thread = {
-    id: this.agentInfo?.threadId || "",
-    title: this.threadName || "",
-    createdAt: (/* @__PURE__ */ new Date()).toISOString()
-  };
-  return html`
-      <forge-ai-thread-actions-menu
-        .thread=${thread}
-        ?show-rename=${this.showThreadRename}
-        ?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"
-          aria-hidden="true">
-          <path fill="none" d="M0 0h24v24H0z" />
-          <path d="m7 10 5 5 5-5z" />
-        </svg>
-      </forge-ai-thread-actions-menu>
-    `;
-};
-conversationContentTemplate_get = function() {
-  return html`
-      <div class="conversation">
-        <forge-ai-chat-header
-          ${ref(__privateGet(this, _headerRef))}
-          ?disable-agent-selector=${this._isStreaming}
-          export-option=${this.exportOption === "off" ? "off" : this._hasMessages ? "enabled" : "off"}
-          clear-option=${this.clearOption === "off" ? "off" : this._hasMessages ? "enabled" : "off"}
-          .agentInfo=${this.agentInfo}
-          .headingLevel=${this.headingLevel}
-          .titleText=${this.titleText}
-          .agents=${this.agents}
-          .selectedAgentId=${this.selectedAgentId}
-          @forge-ai-chat-header-clear=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleHeaderClear_fn)}
-          @forge-ai-chat-header-export=${this._handleExport}
-          @forge-ai-chat-header-info=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleHeaderInfo_fn)}
-          @forge-ai-chat-header-agent-change=${this._handleAgentChange}>
-          <slot name="icon" slot="icon">
-            <forge-ai-icon></forge-ai-icon>
-          </slot>
-          <slot name="header-actions" slot="header-actions"></slot>
-          ${when(this.threadName, () => __privateGet(this, _AiChatbotLauncherComponent_instances, threadName_get))}
-        </forge-ai-chat-header>
-        <forge-ai-message-thread
-          ${ref(this._messageThreadRef)}
-          .messageItems=${this._messageItems}
-          .tools=${this._tools}
-          ?enable-reactions=${this.enableReactions}
-          ?show-thinking=${this._isStreaming}
-          ?debug-mode=${this.debugMode}
-          @forge-ai-message-thread-copy=${this._handleCopy}
-          @forge-ai-message-thread-resend=${this._handleResend}
-          @forge-ai-message-thread-thumbs-up=${this._handleThumbsUp}
-          @forge-ai-message-thread-thumbs-down=${this._handleThumbsDown}
-          @forge-ai-message-thread-user-copy=${this._handleUserCopy}
-          @forge-ai-message-thread-user-resend=${this._handleUserResend}
-          @forge-ai-message-thread-user-edit=${this._handleUserEdit}>
-        </forge-ai-message-thread>
-      </div>
-    `;
-};
-historyContentTemplate_get = function() {
-  return html`
-      <div class="history">
-        <forge-ai-threads-search
-          ${ref(__privateGet(this, _historyViewSearchRef))}
-          header-title="Chat history"
-          ?show-back-button=${true}
-          .threads=${this.threads}
-          .totalChats=${this.totalThreads}
-          .selectedThreadId=${this.selectedThreadId}
-          .errorMessage=${this.threadsError}
-          ?show-thread-rename=${this.showThreadRename}
-          ?show-thread-delete=${this.showThreadDelete}
-          @forge-ai-threads-search-back=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleHistoryBack_fn)}
-          @forge-ai-threads-search-query=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchQuery_fn)}
-          @forge-ai-threads-search-load-more=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchLoadMore_fn)}
-          @forge-ai-threads-search-select=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchSelect_fn)}
-          @forge-ai-threads-search-new-chat=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchNewChat_fn)}
-          @forge-ai-threads-search-rename=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchRename_fn)}
-          @forge-ai-threads-search-delete=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchDelete_fn)}
-          @forge-ai-threads-search-retry=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchRetry_fn)}
-          @forge-ai-threads-search-delete-confirm=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchDeleteConfirm_fn)}>
-        </forge-ai-threads-search>
-      </div>
-    `;
-};
-mainContentTemplate_get = function() {
-  switch (this._viewState) {
-    case "welcome":
-      return __privateGet(this, _AiChatbotLauncherComponent_instances, welcomeHeaderTemplate_get);
-    case "history":
-      return __privateGet(this, _AiChatbotLauncherComponent_instances, historyContentTemplate_get);
-    default:
-      return __privateGet(this, _AiChatbotLauncherComponent_instances, conversationContentTemplate_get);
-  }
-};
-showThreadsLoading_get = function() {
-  return this.threadsLoading && !this.threadsError;
-};
-historyButtonTemplate_get = function() {
-  if (!this.showHistoryButton) {
-    return nothing;
-  }
-  return html`
-      <button
-        ${ref(__privateGet(this, _historyButtonRef))}
-        id="history-button"
-        slot="actions-start"
-        type="button"
-        class="forge-icon-button forge-icon-button--medium ai-icon-button history-button"
-        aria-label=${this.threadsError ? "Chat history - failed to load" : "Chat history"}
-        aria-expanded=${this._historyPopoverOpen}
-        ?disabled=${__privateGet(this, _AiChatbotLauncherComponent_instances, showThreadsLoading_get)}
-        @click=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleHistoryButtonClick_fn)}>
-        ${when(
-    __privateGet(this, _AiChatbotLauncherComponent_instances, showThreadsLoading_get),
-    () => html`<forge-ai-spinner size="extra-small"></forge-ai-spinner>`,
-    () => html`
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-              <path
-                d="M13.5 8H12v5l4.28 2.54.72-1.21-3.5-2.08zM13 3a9 9 0 0 0-9 9H1l3.96 4.03L9 12H6a7 7 0 0 1 7-7 7 7 0 0 1 7 7 7 7 0 0 1-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.9 8.9 0 0 0 13 21a9 9 0 0 0 9-9 9 9 0 0 0-9-9" />
-            </svg>
-          `
-  )}
-        ${when(
-    this.threadsError,
-    () => html`<span class="forge-badge forge-badge--dot history-button__error-badge"></span>`
-  )}
-      </button>
-      ${when(
-    !__privateGet(this, _AiChatbotLauncherComponent_instances, showThreadsLoading_get),
-    () => html`<forge-ai-tooltip slot="actions-start" for="history-button" placement="top"
-            >Chat history</forge-ai-tooltip
-          >`
-  )}
-    `;
-};
-historyPopoverTemplate_get = function() {
-  const chatCount = this.totalThreads > 0 ? this.totalThreads : this.threads.length;
-  const anchorWidth = __privateGet(this, _gradientContainerRef).value?.getBoundingClientRect().width;
-  const popoverWidth = anchorWidth ? anchorWidth - HISTORY_POPOVER_INSET * 2 : void 0;
-  return html`
-      <forge-ai-popover
-        .anchor=${__privateGet(this, _gradientContainerRef).value ?? null}
-        placement="bottom"
-        .offset=${8}
-        .flip=${true}
-        .autoSize=${true}
-        ?open=${this._historyPopoverOpen}
-        @keydown=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleHistoryPopoverKeydown_fn)}
-        @forge-ai-popover-toggle=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleHistoryPopoverToggle_fn)}>
-        <div class="history-popover" style=${popoverWidth ? `width: ${popoverWidth}px` : ""}>
-          <forge-ai-threads-search
-            ${ref(__privateGet(this, _historyPopoverSearchRef))}
-            header-title="Chat history"
-            .showNewChatButton=${false}
-            .showSearch=${chatCount > 5}
-            .threads=${this.threads}
-            .totalChats=${this.totalThreads}
-            .selectedThreadId=${this.selectedThreadId}
-            .errorMessage=${this.threadsError}
-            ?show-thread-rename=${this.showThreadRename}
-            ?show-thread-delete=${this.showThreadDelete}
-            @forge-ai-threads-search-query=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchQuery_fn)}
-            @forge-ai-threads-search-load-more=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchLoadMore_fn)}
-            @forge-ai-threads-search-select=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchSelect_fn)}
-            @forge-ai-threads-search-rename=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchRename_fn)}
-            @forge-ai-threads-search-delete=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchDelete_fn)}
-            @forge-ai-threads-search-retry=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchRetry_fn)}
-            @forge-ai-threads-search-delete-confirm=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleThreadsSearchDeleteConfirm_fn)}>
-            <button
-              slot="header-actions"
-              type="button"
-              class="forge-button forge-button--dense history-popover__view-all"
-              @click=${__privateMethod(this, _AiChatbotLauncherComponent_instances, handleViewAllClick_fn)}>
-              <span>View all</span>
-              <svg 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="M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5z" />
-              </svg>
-            </button>
-          </forge-ai-threads-search>
-        </div>
-      </forge-ai-popover>
-    `;
-};
-promptSectionTemplate_get = function() {
-  return html`
-      <div class="prompt-section">
-        <forge-ai-gradient-container class="prompt-container" variant="medium" ${ref(__privateGet(this, _gradientContainerRef))}>
-          ${__privateGet(this, _AiChatbotLauncherComponent_instances, promptTemplate_get)}
-        </forge-ai-gradient-container>
-        ${when(this.disclaimerText, () => html`<div class="disclaimer">${this.disclaimerText}</div>`)}
-      </div>
-    `;
-};
-AiChatbotLauncherComponent.styles = unsafeCSS(styles);
-__decorateClass([
-  property({ attribute: "description-text" })
-], AiChatbotLauncherComponent.prototype, "descriptionText", 2);
-__decorateClass([
-  property({ attribute: "thread-name" })
-], AiChatbotLauncherComponent.prototype, "threadName", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "show-history-button" })
-], AiChatbotLauncherComponent.prototype, "showHistoryButton", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "show-thread-rename" })
-], AiChatbotLauncherComponent.prototype, "showThreadRename", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "show-thread-delete" })
-], AiChatbotLauncherComponent.prototype, "showThreadDelete", 2);
-__decorateClass([
-  property({ type: Array, attribute: false })
-], AiChatbotLauncherComponent.prototype, "threads", 2);
-__decorateClass([
-  property({ type: Number, attribute: "total-threads" })
-], AiChatbotLauncherComponent.prototype, "totalThreads", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "threads-loading" })
-], AiChatbotLauncherComponent.prototype, "threadsLoading", 2);
-__decorateClass([
-  property({ type: String, attribute: "threads-error" })
-], AiChatbotLauncherComponent.prototype, "threadsError", 2);
-__decorateClass([
-  property({ type: String, attribute: "selected-thread-id" })
-], AiChatbotLauncherComponent.prototype, "selectedThreadId", 2);
-__decorateClass([
-  state()
-], AiChatbotLauncherComponent.prototype, "_viewState", 2);
-__decorateClass([
-  state()
-], AiChatbotLauncherComponent.prototype, "_skipAnimation", 2);
-__decorateClass([
-  state()
-], AiChatbotLauncherComponent.prototype, "_editingThreadId", 2);
-__decorateClass([
-  state()
-], AiChatbotLauncherComponent.prototype, "_historyPopoverOpen", 2);
-AiChatbotLauncherComponent = __decorateClass([
-  customElement(AiChatbotLauncherComponentTagName)
-], AiChatbotLauncherComponent);
-export {
-  AiChatbotLauncherComponent,
-  AiChatbotLauncherComponentTagName
-};