@genexus/genexus-ide-ui 0.0.147 → 0.0.149

package/dist/components/gx-ide-ai-assistant.js.map

@@ -1 +1 @@
-{"file":"gx-ide-ai-assistant.js","mappings":"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","names":[],"sources":["src/components/ai-assistant/ai-assistant.scss?tag=gx-ide-ai-assistant&encapsulation=shadow","src/components/ai-assistant/ai-assistant.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../../node_modules/@genexus/gemini/dist/gemini/globals/mixins.scss\";\n\n:host {\n  font-family: var(--mer-font-family--primary);\n  display: block;\n  height: 100%;\n  flex-basis: 286px;\n  flex-shrink: 0;\n  height: 100%;\n  overflow-y: auto;\n}\n.gx-ide-main-wrapper {\n  padding: 0 10px 52px 10px;\n  background-color: var(--mer-color__neutral-gray--1000);\n  height: 100%;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n  gap: var(--mer-spacing--sm);\n}\n\n/*--- Header ---*/\n.header {\n  padding-block-start: var(--mer-spacing--sm);\n  display: flex;\n  flex-direction: column;\n\n  &__actions-wrapper {\n    display: flex;\n    gap: var(--ai-assistant-header-actions-gap);\n    margin-inline-start: auto;\n  }\n  &__first-row {\n    display: flex;\n    gap: var(--mer-spacing--xs);\n    align-items: center;\n    justify-content: space-between;\n  }\n  &__filter {\n    margin-block-start: var(--mer-spacing--xs);\n  }\n  &__second-row {\n    transition: 100ms grid-template-rows;\n    display: grid;\n    grid-template-rows: 0fr;\n\n    &--visible {\n      grid-template-rows: 1fr;\n    }\n  }\n  .filter-inner-wrapper {\n    overflow: hidden;\n  }\n}\n\n/*--- Messages ---*/\n.messages-wrapper {\n  position: relative;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  scroll-behavior: smooth;\n  @include gxg-scrollbar();\n}\n.messages {\n  display: flex;\n  flex-direction: column;\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\n/*--- Prompt ---*/\n.prompt {\n  position: relative;\n  margin-top: auto;\n\n  &__textarea {\n    &::part(textarea-wrapper) {\n      border: none;\n      background-color: var(--mer-color__neutral-gray--1100);\n    }\n    &::part(textarea) {\n      border: none;\n    }\n  }\n  &__shortcuts {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--xxs);\n    padding-inline-end: var(--mer-spacing--xs);\n    right: 0;\n    top: 0;\n    height: 100%;\n  }\n  &__shortcut {\n    color: var(--mer-color__neutral-gray--400);\n    font-size: var(--mer-font__size--xxs);\n    padding: var(--mer-spacing--xxxs) var(--mer-spacing--xs);\n    background-color: var(--mer-color__neutral-gray--700);\n    border-radius: var(--mer-border__radius--xs);\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Method,\n  State,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\n\n@Component({\n  tag: \"gx-ide-ai-assistant\",\n  styleUrl: \"ai-assistant.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/ai-assistant\"]\n})\nexport class GxIdeTemplate {\n  /*\nINDEX:\n1.OWN PROPERTIES \n2.REFERENCE TO ELEMENTS\n3.STATE() VARIABLES\n4.PUBLIC PROPERTY API | WATCH'S\n5.EVENTS (EMIT)\n6.COMPONENT LIFECYCLE METHODS\n7.LISTENERS\n8.PUBLIC METHODS API\n9.LOCAL METHODS\n10.RENDER() FUNCTION\n*/\n\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  /* lastUserMessageHeight is used to set the appropriate height on the textarea, if user presses arrowUp (recover last message)*/\n  private lastUserMessageHeight: number;\n  private setFocus = true;\n  private scrollToBottomFlag = true;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeAiAssistantElement;\n  private textAreaEl!: HTMLGxgFormTextareaElement;\n  private textareaShadowPart: HTMLTextAreaElement;\n  private filterEl: HTMLGxgFormTextElement;\n  private messagesWrapperEl!: HTMLDivElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Flag used to hide the shortcuts\n   */\n  @State() userHasTyped = false;\n\n  /**\n   * This is true if the last message is of type 'assistant-in-progress'\n   */\n  @State() aIInProgress = false;\n  @Watch(\"aIInProgress\")\n  watchAIInProgressHandler(aiInProgress: boolean) {\n    if (!aiInProgress) {\n      this.setFocus = true;\n    }\n  }\n\n  /**\n   * This displays or hides the messages filter\n   */\n  @State() showFilter = false;\n\n  /**\n   * True if the prompt textbox has focus\n   */\n  @State() promptHasFocus = false;\n\n  /**\n   * The filter value\n   */\n  @State() filterValue: string;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * List of messages displayed by the component\n   */\n  @Prop({ mutable: true }) messages: Message[] = [];\n  @Watch(\"messages\")\n  watchMessagesHandler() {\n    this.evaluateAiInProgress();\n    this.evaluateAiStatus();\n  }\n\n  /**\n   * The prompt textarea max-height\n   */\n  @Prop() readonly promptMaxHeight = \"128px\";\n\n  /**\n   * A temporary property to illustrate the assistant status\n   */\n  @Prop({ mutable: true }) assistantStatus: AiStatus = \"indeterminate\";\n\n  /**\n   * List of keys that make up the shortcut to focus on the component's text input\n   */\n  @Prop() readonly focusShortcuts: string[];\n\n  /**\n   * List of keys that make up the shortcut to focus on the component's text input\n   */\n  @Prop() readonly userMessageCallback: UserMessageCallback;\n\n  /**\n   * the prompt value\n   */\n  @Prop() readonly promptValue: string;\n\n  /**\n   * If tue, it will display a filter.\n   */\n  @Prop() readonly filter = true;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.evaluateAiInProgress();\n    this.evaluateAiStatus();\n    this.attachShortcuts();\n  }\n\n  componentDidLoad() {\n    this.textareaShadowPart =\n      this.textAreaEl.shadowRoot.querySelector(\"textarea\");\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n    if (this.setFocus) {\n      setTimeout(() => {\n        /* Doesn't seems to work without the setTimeout */\n        this.textAreaEl.focus();\n        this.setFocus = false;\n      }, 0);\n    }\n    setTimeout(() => {\n      this.scrollToBottom();\n    }, 200);\n  }\n\n  // 7.LISTENERS //\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * Clear the list of messages\n   */\n  @Method()\n  async clear() {\n    this.messages = [];\n  }\n\n  /**\n   * Add a message. This method will be used by the host to add messages from the assistant\n   */\n  @Method()\n  async addMessage(message: Message) {\n    if (message.text?.length > 0) {\n      const messages = [...this.messages];\n      const updateInProgressMessage =\n        messages?.length > 0 &&\n        messages[messages.length - 1].type === \"assistant-in-progress\";\n      if (updateInProgressMessage) {\n        messages.pop();\n      }\n      messages.push(message);\n      this.messages = messages;\n    }\n  }\n\n  // 9.LOCAL METHODS //\n\n  private evaluateAiInProgress = () => {\n    if (\n      this.messages?.length > 0 &&\n      this.messages[this.messages.length - 1].type === \"assistant-in-progress\"\n    ) {\n      this.aIInProgress = true;\n    } else {\n      this.aIInProgress = false;\n    }\n  };\n\n  private evaluateAiStatus = () => {\n    if (this.messages?.length === 0) {\n      this.assistantStatus = \"indeterminate\";\n      return;\n    }\n    if (\n      this.messages[this.messages.length - 1].type ===\n        \"assistant-in-progress\" ||\n      this.messages[this.messages.length - 1].type === \"user\"\n    ) {\n      this.assistantStatus = \"indeterminate\";\n    } else if (\n      this.messages[this.messages.length - 1].type === \"assistant-error\"\n    ) {\n      this.assistantStatus = \"error\";\n    } else {\n      this.assistantStatus = \"success\";\n    }\n  };\n\n  private renderMessage = (\n    message: Message,\n    i: number\n  ): HTMLLIElement | void => {\n    if (message.text.length > 0) {\n      return (\n        <gx-ide-ai-message\n          message={message.text}\n          messageType={message.type}\n          hidden={message.hidden}\n          filterValue={this.filterValue}\n          key={`${i.toString()}-${message.type}`}\n          translations={this._componentLocale.aiMessage}\n        ></gx-ide-ai-message>\n      );\n    }\n  };\n\n  private textAreaInputHandler = () => {\n    this.userHasTyped = true;\n    this.showFilter = false;\n    this.filterEl.value = \"\";\n    this.filterValue = \"\";\n    this.scrollToBottomFlag = true;\n  };\n\n  private promptEnterHandler = async (prompt: CustomEvent<string>) => {\n    /* First remove double spaces */\n    const promptTrimmed = prompt.detail.replace(/\\s+/g, \" \");\n    /* Update textarea value to get the proper height */\n    this.textAreaEl.value = promptTrimmed;\n    setTimeout(() => {\n      /* Then save the actual height (setTimeOut required) */\n      this.lastUserMessageHeight = this.textAreaEl.offsetHeight;\n    }, 0);\n    /* The clear the textarea */\n    this.textAreaEl.value = \"\";\n    /* Insert the user message */\n    this.addMessage({\n      type: \"user\",\n      text: promptTrimmed\n    });\n    /* Call the callback */\n    if (this.userMessageCallback && !this.aIInProgress) {\n      this.aIInProgress = true;\n      this.userMessageCallback(promptTrimmed).then(() => {\n        this.aIInProgress = false;\n      });\n    }\n  };\n\n  private filterMessagesHandler = (e: CustomEvent<string>) => {\n    this.scrollToBottomFlag = false;\n    this.filterValue = e.detail.toLowerCase();\n    const filteredMessages = [...this.messages];\n    filteredMessages.forEach(message => {\n      if (message.text.toLowerCase().includes(this.filterValue)) {\n        message.hidden = false;\n      } else {\n        message.hidden = true;\n      }\n    });\n    this.messages = filteredMessages;\n  };\n\n  private clearMessages = () => {\n    this.messages = [];\n    this.textAreaEl.focus();\n  };\n\n  private attachShortcuts = () => {\n    if (this.focusShortcuts?.length > 0) {\n      const ctrlFocusIndex = this.focusShortcuts.findIndex(\n        key => key.toLocaleLowerCase() === \"ctrl\"\n      );\n      const shiftFocusIndex = this.focusShortcuts.findIndex(\n        key => key.toLocaleLowerCase() === \"shift\"\n      );\n      const cmdKeyIndex = this.focusShortcuts.findIndex(\n        key => key.toLocaleLowerCase() === \"cmd\"\n      );\n      const keyFocus = this.focusShortcuts\n        .find(key => {\n          return (\n            key.toLocaleLowerCase() !== \"ctrl\" &&\n            key.toLocaleLowerCase() !== \"shift\" &&\n            key.toLocaleLowerCase() !== \"cmd\"\n          );\n        })\n        .toLowerCase();\n      document.addEventListener(\"keydown\", (e: KeyboardEvent) => {\n        if (e.key === keyFocus && ctrlFocusIndex !== -1 && e.ctrlKey) {\n          this.textAreaEl.focus();\n          this.userHasTyped = true;\n        } else if (e.key === keyFocus && shiftFocusIndex !== -1 && e.shiftKey) {\n          this.textAreaEl.focus();\n          this.userHasTyped = true;\n        } else if (e.key === keyFocus && cmdKeyIndex !== -1 && e.metaKey) {\n          this.textAreaEl.focus();\n          this.userHasTyped = true;\n        }\n      });\n    }\n  };\n\n  private promptArrowUpHandler = () => {\n    this.userHasTyped = true;\n    const lastUserMessage = this.messages?.find(message => {\n      return message.type === \"user\";\n    });\n    if (lastUserMessage) {\n      if (this.lastUserMessageHeight) {\n        this.textareaShadowPart.style.height = `${this.lastUserMessageHeight}px`;\n      }\n      this.textAreaEl.value = lastUserMessage.text;\n    }\n  };\n\n  private toggleFilterHandler = () => {\n    this.showFilter = !this.showFilter;\n    if (this.showFilter) {\n      this.filterEl.focus();\n    }\n  };\n\n  private promptFocusHandler = () => {\n    this.promptHasFocus = true;\n  };\n\n  private promptBlurHandler = () => {\n    this.promptHasFocus = false;\n  };\n\n  private scrollToBottom = () => {\n    if (this.scrollToBottomFlag) {\n      this.messagesWrapperEl.scrollTo(0, this.messagesWrapperEl.scrollHeight);\n      this.messagesWrapperEl.scrollTop =\n        this.messagesWrapperEl.scrollHeight -\n        this.messagesWrapperEl.clientHeight;\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`assistant--${this.assistantStatus}`]: true,\n          \"assistant--in-progress\": this.aIInProgress\n        }}\n      >\n        <div class=\"gx-ide-main-wrapper\">\n          <header class=\"header\">\n            <div class=\"header__first-row\">\n              <gxg-title type=\"title-02\">\n                {this._componentLocale.componentName}\n              </gxg-title>\n              <div class=\"header__actions-wrapper\">\n                {this.filter ? (\n                  <gxg-button\n                    class=\"header__filter-button\"\n                    type=\"tertiary\"\n                    icon=\"menus/find\"\n                    onClick={this.toggleFilterHandler}\n                    disabled={this.messages.length === 0}\n                  ></gxg-button>\n                ) : null}\n\n                <gxg-button\n                  class=\"header__clear-button\"\n                  type=\"tertiary\"\n                  icon=\"bpm/delete\"\n                  onClick={this.clearMessages}\n                  disabled={this.messages.length === 0}\n                ></gxg-button>\n              </div>\n            </div>\n            {this.filter ? (\n              <div\n                class={{\n                  \"header__second-row\": true,\n                  \"header__second-row--visible\": this.showFilter\n                }}\n              >\n                <div class=\"filter-inner-wrapper\">\n                  <gxg-form-text\n                    class=\"header__filter\"\n                    onInput={this.filterMessagesHandler as any}\n                    ref={el => (this.filterEl = el as HTMLGxgFormTextElement)}\n                  ></gxg-form-text>\n                </div>\n              </div>\n            ) : null}\n          </header>\n\n          <div\n            class={{\n              \"messages-wrapper\": true\n            }}\n            ref={el => (this.messagesWrapperEl = el as HTMLDivElement)}\n          >\n            {this.messages?.length ? (\n              <ol class={{ messages: true }}>\n                {this.messages.map((message, i) => {\n                  return this.renderMessage(message, i);\n                })}\n              </ol>\n            ) : null}\n          </div>\n\n          <div\n            class={{\n              prompt: true\n            }}\n          >\n            <gxg-form-textarea\n              ai\n              class=\"prompt__textarea\"\n              value={this.promptValue}\n              maxHeight={this.promptMaxHeight}\n              placeholder={\n                this.aIInProgress\n                  ? this._componentLocale.processingQueryPlaceholder\n                  : this._componentLocale.promptPlaceholder\n              }\n              onInput={this.textAreaInputHandler}\n              onEnter={this.promptEnterHandler}\n              onArrowUpPressed={this.promptArrowUpHandler}\n              onBlur={this.promptBlurHandler}\n              onFocus={this.promptFocusHandler}\n              disabled={this.aIInProgress}\n              ref={el => (this.textAreaEl = el as HTMLGxgFormTextareaElement)}\n            ></gxg-form-textarea>\n            {!this.userHasTyped &&\n            !this.aIInProgress &&\n            !this.promptHasFocus &&\n            this.focusShortcuts?.length > 0 ? (\n              <div\n                class={{\n                  prompt__shortcuts: true\n                }}\n              >\n                {this.focusShortcuts.map((shortcut, i) => {\n                  /* Up to three keys allowed*/\n                  return i <= 2 ? (\n                    <span class=\"prompt__shortcut\">{shortcut}</span>\n                  ) : null;\n                })}\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type AiStatus = \"indeterminate\" | \"success\" | \"error\";\n\nexport type Message = {\n  type: MessageType;\n  text: string;\n  hidden?: boolean;\n  filterValue?: string;\n};\n\nexport type MessageType =\n  | \"user\"\n  | \"assistant-chat\"\n  | \"assistant-action\"\n  | \"assistant-in-progress\"\n  | \"assistant-error\";\n\nexport type UserMessageCallback = (text: string) => Promise<void>;\n"],"version":3}
+{"file":"gx-ide-ai-assistant.js","mappings":"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","names":[],"sources":["src/components/ai-assistant/ai-assistant.scss?tag=gx-ide-ai-assistant&encapsulation=shadow","src/components/ai-assistant/ai-assistant.tsx"],"sourcesContent":["@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n@import \"../../../node_modules/@genexus/gemini/dist/gemini/globals/mixins.scss\";\n\n:host {\n  font-family: var(--mer-font-family--primary);\n  display: block;\n  height: 100%;\n  flex-basis: 286px;\n  flex-shrink: 0;\n  height: 100%;\n  overflow-y: auto;\n}\n.gx-ide-main-wrapper {\n  padding: 0 10px 52px 10px;\n  background-color: var(--mer-color__neutral-gray--1000);\n  height: 100%;\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n  gap: var(--mer-spacing--sm);\n}\n\n/*--- Header ---*/\n.header {\n  padding-block-start: var(--mer-spacing--sm);\n  display: flex;\n  flex-direction: column;\n\n  &__actions-wrapper {\n    display: flex;\n    gap: var(--ai-assistant-header-actions-gap);\n    margin-inline-start: auto;\n  }\n  &__first-row {\n    display: flex;\n    gap: var(--mer-spacing--xs);\n    align-items: center;\n    justify-content: space-between;\n  }\n  &__filter {\n    margin-block-start: var(--mer-spacing--xs);\n  }\n  &__second-row {\n    transition: 100ms grid-template-rows;\n    display: grid;\n    grid-template-rows: 0fr;\n\n    &--visible {\n      grid-template-rows: 1fr;\n    }\n  }\n  .filter-inner-wrapper {\n    overflow: hidden;\n  }\n}\n\n/*--- Messages ---*/\n.messages-wrapper {\n  position: relative;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  scroll-behavior: smooth;\n  @include gxg-scrollbar();\n}\n.messages {\n  display: flex;\n  flex-direction: column;\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\n/*--- Prompt ---*/\n.prompt {\n  position: relative;\n  margin-top: auto;\n\n  &__textarea {\n    &::part(textarea-wrapper) {\n      border: none;\n      background-color: var(--mer-color__neutral-gray--1100);\n    }\n    &::part(textarea) {\n      border: none;\n    }\n  }\n  &__shortcuts {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    gap: var(--mer-spacing--xxs);\n    padding-inline-end: var(--mer-spacing--xs);\n    right: 0;\n    top: 0;\n    height: 100%;\n  }\n  &__shortcut {\n    color: var(--mer-color__neutral-gray--400);\n    font-size: var(--mer-font__size--xxs);\n    padding: var(--mer-spacing--xxxs) var(--mer-spacing--xs);\n    background-color: var(--mer-color__neutral-gray--700);\n    border-radius: var(--mer-border__radius--xs);\n  }\n}\n","/* STENCIL IMPORTS */\nimport {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Method,\n  State,\n  Watch,\n  Listen\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\n\n@Component({\n  tag: \"gx-ide-ai-assistant\",\n  styleUrl: \"ai-assistant.scss\",\n  shadow: { delegatesFocus: true },\n  assetsDirs: [\"gx-ide-assets/ai-assistant\"]\n})\nexport class GxIdeTemplate {\n  // 1.OWN PROPERTIES //\n\n  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\n  private renderedFirstTime = false;\n  /* lastUserMessageHeight is used to set the appropriate height on the textarea, if user presses arrowUp (recover last message)*/\n  private lastUserMessageHeight: number;\n  private setFocus = true;\n  private scrollToBottomFlag = true;\n\n  // 2. REFERENCE TO ELEMENTS //\n\n  @Element() el: HTMLGxIdeAiAssistantElement;\n  private textAreaEl!: HTMLGxgFormTextareaElement;\n  private textareaShadowPart: HTMLTextAreaElement;\n  private filterEl: HTMLGxgFormTextElement;\n  private messagesWrapperEl!: HTMLDivElement;\n\n  // 3.STATE() VARIABLES //\n\n  /**\n   * Flag used to hide the shortcuts\n   */\n  @State() userHasTyped = false;\n\n  /**\n   * This is true if the last message is of type 'assistant-in-progress'\n   */\n  @State() aIInProgress = false;\n  @Watch(\"aIInProgress\")\n  watchAIInProgressHandler(aiInProgress: boolean) {\n    if (!aiInProgress) {\n      this.setFocus = true;\n    }\n  }\n\n  /**\n   * This displays or hides the messages filter\n   */\n  @State() showFilter = false;\n\n  /**\n   * True if the prompt textbox has focus\n   */\n  @State() promptHasFocus = false;\n\n  /**\n   * The filter value\n   */\n  @State() filterValue: string;\n\n  // 4.PUBLIC PROPERTY API | WATCH'S //\n\n  /**\n   * List of messages displayed by the component\n   */\n  @Prop({ mutable: true }) messages: Message[] = [];\n  @Watch(\"messages\")\n  watchMessagesHandler() {\n    this.evaluateAiInProgress();\n    this.evaluateAiStatus();\n  }\n\n  /**\n   * The prompt textarea max-height\n   */\n  @Prop() readonly promptMaxHeight = \"128px\";\n\n  /**\n   * A temporary property to illustrate the assistant status\n   */\n  @Prop({ mutable: true }) assistantStatus: AiStatus = \"indeterminate\";\n\n  /**\n   * List of keys that make up the shortcut to focus on the component's text input\n   */\n  @Prop() readonly focusShortcuts: string[];\n\n  /**\n   * List of keys that make up the shortcut to focus on the component's text input\n   */\n  @Prop() readonly userMessageCallback: UserMessageCallback;\n\n  /**\n   * Callback that must be invoked when the conversation is cleared, using the header button.\n   */\n  @Prop() readonly clearCallback: () => Promise<void>;\n\n  /**\n   * the prompt value\n   */\n  @Prop() readonly promptValue: string;\n\n  /**\n   * If tue, it will display a filter.\n   */\n  @Prop() readonly filter = true;\n\n  // 5.EVENTS (EMIT) //\n\n  /**\n   * This event is emitted once just after the component is fully loaded and the first render() occurs\n   */\n  @Event() componentDidRenderFirstTime: EventEmitter<boolean>;\n\n  // 6.COMPONENT LIFECYCLE METHODS //\n\n  async componentWillLoad() {\n    this._componentLocale = await Locale.getComponentStrings(this.el);\n    this.evaluateAiInProgress();\n    this.evaluateAiStatus();\n    this.attachShortcuts();\n  }\n\n  componentDidLoad() {\n    this.textareaShadowPart =\n      this.textAreaEl.shadowRoot.querySelector(\"textarea\");\n  }\n\n  componentDidRender() {\n    if (!this.renderedFirstTime) {\n      this.componentDidRenderFirstTime.emit(\n        this._componentLocale.componentName\n      );\n      this.renderedFirstTime = true;\n    }\n    if (this.setFocus) {\n      setTimeout(() => {\n        /* Doesn't seems to work without the setTimeout */\n        this.textAreaEl.focus();\n        this.setFocus = false;\n      }, 0);\n    }\n    setTimeout(() => {\n      this.scrollToBottom();\n    }, 200);\n  }\n\n  // 7.LISTENERS //\n\n  @Listen(\"focus\", { capture: true })\n  handleFocus(event: FocusEvent) {\n    if (this.textAreaEl) {\n      event.preventDefault();\n      this.textAreaEl.focus();\n    }\n  }\n\n  // 8.PUBLIC METHODS API //\n\n  /**\n   * Clear the list of messages\n   */\n  @Method()\n  async clear() {\n    this.messages = [];\n  }\n\n  /**\n   * Add a message. This method will be used by the host to add messages from the assistant\n   */\n  @Method()\n  async addMessage(message: Message) {\n    if (message.text?.length > 0) {\n      const messages = [...this.messages];\n      const updateInProgressMessage =\n        messages?.length > 0 &&\n        messages[messages.length - 1].type === \"assistant-in-progress\";\n      if (updateInProgressMessage) {\n        messages.pop();\n      }\n      messages.push(message);\n      this.messages = messages;\n    }\n  }\n\n  // 9.LOCAL METHODS //\n\n  private evaluateAiInProgress = () => {\n    if (\n      this.messages?.length > 0 &&\n      this.messages[this.messages.length - 1].type === \"assistant-in-progress\"\n    ) {\n      this.aIInProgress = true;\n    } else {\n      this.aIInProgress = false;\n    }\n  };\n\n  private evaluateAiStatus = () => {\n    if (this.messages?.length === 0) {\n      this.assistantStatus = \"indeterminate\";\n      return;\n    }\n    if (\n      this.messages[this.messages.length - 1].type ===\n        \"assistant-in-progress\" ||\n      this.messages[this.messages.length - 1].type === \"user\"\n    ) {\n      this.assistantStatus = \"indeterminate\";\n    } else if (\n      this.messages[this.messages.length - 1].type === \"assistant-error\"\n    ) {\n      this.assistantStatus = \"error\";\n    } else {\n      this.assistantStatus = \"success\";\n    }\n  };\n\n  private renderMessage = (\n    message: Message,\n    i: number\n  ): HTMLLIElement | void => {\n    if (message.text.length > 0) {\n      return (\n        <gx-ide-ai-message\n          message={message.text}\n          messageType={message.type}\n          hidden={message.hidden}\n          filterValue={this.filterValue}\n          key={`${i.toString()}-${message.type}`}\n          translations={this._componentLocale.aiMessage}\n        ></gx-ide-ai-message>\n      );\n    }\n  };\n\n  private textAreaInputHandler = () => {\n    this.userHasTyped = true;\n    this.showFilter = false;\n    this.filterEl.value = \"\";\n    this.filterValue = \"\";\n    this.scrollToBottomFlag = true;\n  };\n\n  private promptEnterHandler = async (prompt: CustomEvent<string>) => {\n    /* First remove double spaces */\n    const promptTrimmed = prompt.detail.replace(/\\s+/g, \" \");\n    /* Update textarea value to get the proper height */\n    this.textAreaEl.value = promptTrimmed;\n    setTimeout(() => {\n      /* Then save the actual height (setTimeOut required) */\n      this.lastUserMessageHeight = this.textAreaEl.offsetHeight;\n    }, 0);\n    /* The clear the textarea */\n    this.textAreaEl.value = \"\";\n    /* Insert the user message */\n    this.addMessage({\n      type: \"user\",\n      text: promptTrimmed\n    });\n    /* Call the callback */\n    if (this.userMessageCallback && !this.aIInProgress) {\n      this.aIInProgress = true;\n      this.userMessageCallback(promptTrimmed).then(() => {\n        this.aIInProgress = false;\n      });\n    }\n  };\n\n  private filterMessagesHandler = (e: CustomEvent<string>) => {\n    this.scrollToBottomFlag = false;\n    this.filterValue = e.detail.toLowerCase();\n    const filteredMessages = [...this.messages];\n    filteredMessages.forEach(message => {\n      if (message.text.toLowerCase().includes(this.filterValue)) {\n        message.hidden = false;\n      } else {\n        message.hidden = true;\n      }\n    });\n    this.messages = filteredMessages;\n  };\n\n  private clearMessages = () => {\n    this.messages = [];\n    this.textAreaEl.focus();\n    if (this.clearCallback) {\n      this.clearCallback();\n    }\n  };\n\n  private attachShortcuts = () => {\n    if (this.focusShortcuts?.length > 0) {\n      const ctrlFocusIndex = this.focusShortcuts.findIndex(\n        key => key.toLocaleLowerCase() === \"ctrl\"\n      );\n      const shiftFocusIndex = this.focusShortcuts.findIndex(\n        key => key.toLocaleLowerCase() === \"shift\"\n      );\n      const cmdKeyIndex = this.focusShortcuts.findIndex(\n        key => key.toLocaleLowerCase() === \"cmd\"\n      );\n      const keyFocus = this.focusShortcuts\n        .find(key => {\n          return (\n            key.toLocaleLowerCase() !== \"ctrl\" &&\n            key.toLocaleLowerCase() !== \"shift\" &&\n            key.toLocaleLowerCase() !== \"cmd\"\n          );\n        })\n        .toLowerCase();\n      document.addEventListener(\"keydown\", (e: KeyboardEvent) => {\n        if (e.key === keyFocus && ctrlFocusIndex !== -1 && e.ctrlKey) {\n          this.textAreaEl.focus();\n          this.userHasTyped = true;\n        } else if (e.key === keyFocus && shiftFocusIndex !== -1 && e.shiftKey) {\n          this.textAreaEl.focus();\n          this.userHasTyped = true;\n        } else if (e.key === keyFocus && cmdKeyIndex !== -1 && e.metaKey) {\n          this.textAreaEl.focus();\n          this.userHasTyped = true;\n        }\n      });\n    }\n  };\n\n  private promptArrowUpHandler = () => {\n    this.userHasTyped = true;\n    const lastUserMessage = this.messages?.find(message => {\n      return message.type === \"user\";\n    });\n    if (lastUserMessage) {\n      if (this.lastUserMessageHeight) {\n        this.textareaShadowPart.style.height = `${this.lastUserMessageHeight}px`;\n      }\n      this.textAreaEl.value = lastUserMessage.text;\n    }\n  };\n\n  private toggleFilterHandler = () => {\n    this.showFilter = !this.showFilter;\n    if (this.showFilter) {\n      this.filterEl.focus();\n    }\n  };\n\n  private promptFocusHandler = () => {\n    this.promptHasFocus = true;\n  };\n\n  private promptBlurHandler = () => {\n    this.promptHasFocus = false;\n  };\n\n  private scrollToBottom = () => {\n    if (this.scrollToBottomFlag) {\n      this.messagesWrapperEl.scrollTo(0, this.messagesWrapperEl.scrollHeight);\n      this.messagesWrapperEl.scrollTop =\n        this.messagesWrapperEl.scrollHeight -\n        this.messagesWrapperEl.clientHeight;\n    }\n  };\n\n  // 10.RENDER() FUNCTION //\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`assistant--${this.assistantStatus}`]: true,\n          \"assistant--in-progress\": this.aIInProgress\n        }}\n      >\n        <div class=\"gx-ide-main-wrapper\">\n          <header class=\"header\">\n            <div class=\"header__first-row\">\n              <gxg-title type=\"title-02\">\n                {this._componentLocale.componentName}\n              </gxg-title>\n              <div class=\"header__actions-wrapper\">\n                {this.filter ? (\n                  <gxg-button\n                    class=\"header__filter-button\"\n                    type=\"tertiary\"\n                    icon=\"menus/find\"\n                    onClick={this.toggleFilterHandler}\n                    disabled={this.messages.length === 0}\n                  ></gxg-button>\n                ) : null}\n\n                <gxg-button\n                  class=\"header__clear-button\"\n                  type=\"tertiary\"\n                  icon=\"bpm/delete\"\n                  onClick={this.clearMessages}\n                  disabled={this.messages.length === 0}\n                ></gxg-button>\n              </div>\n            </div>\n            {this.filter ? (\n              <div\n                class={{\n                  \"header__second-row\": true,\n                  \"header__second-row--visible\": this.showFilter\n                }}\n              >\n                <div class=\"filter-inner-wrapper\">\n                  <gxg-form-text\n                    class=\"header__filter\"\n                    onInput={this.filterMessagesHandler as any}\n                    ref={el => (this.filterEl = el as HTMLGxgFormTextElement)}\n                  ></gxg-form-text>\n                </div>\n              </div>\n            ) : null}\n          </header>\n\n          <div\n            class={{\n              \"messages-wrapper\": true\n            }}\n            ref={el => (this.messagesWrapperEl = el as HTMLDivElement)}\n          >\n            {this.messages?.length ? (\n              <ol class={{ messages: true }}>\n                {this.messages.map((message, i) => {\n                  return this.renderMessage(message, i);\n                })}\n              </ol>\n            ) : null}\n          </div>\n\n          <div\n            class={{\n              prompt: true\n            }}\n          >\n            <gxg-form-textarea\n              ai\n              class=\"prompt__textarea\"\n              value={this.promptValue}\n              maxHeight={this.promptMaxHeight}\n              placeholder={\n                this.aIInProgress\n                  ? this._componentLocale.processingQueryPlaceholder\n                  : this._componentLocale.promptPlaceholder\n              }\n              onInput={this.textAreaInputHandler}\n              onEnter={this.promptEnterHandler}\n              onArrowUpPressed={this.promptArrowUpHandler}\n              onBlur={this.promptBlurHandler}\n              onFocus={this.promptFocusHandler}\n              disabled={this.aIInProgress}\n              ref={el => (this.textAreaEl = el as HTMLGxgFormTextareaElement)}\n            ></gxg-form-textarea>\n            {!this.userHasTyped &&\n            !this.aIInProgress &&\n            !this.promptHasFocus &&\n            this.focusShortcuts?.length > 0 ? (\n              <div\n                class={{\n                  prompt__shortcuts: true\n                }}\n              >\n                {this.focusShortcuts.map((shortcut, i) => {\n                  /* Up to three keys allowed*/\n                  return i <= 2 ? (\n                    <span class=\"prompt__shortcut\">{shortcut}</span>\n                  ) : null;\n                })}\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n\nexport type AiStatus = \"indeterminate\" | \"success\" | \"error\";\n\nexport type Message = {\n  type: MessageType;\n  text: string;\n  hidden?: boolean;\n  filterValue?: string;\n};\n\nexport type MessageType =\n  | \"user\"\n  | \"assistant-chat\"\n  | \"assistant-action\"\n  | \"assistant-in-progress\"\n  | \"assistant-error\";\n\nexport type UserMessageCallback = (text: string) => Promise<void>;\n"],"version":3}