@genexus/genexus-ide-ui 1.1.49 → 1.1.50

package/dist/collection/components/ai-assistant/ai-assistant.js

@@ -1,526 +0,0 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f)
-        throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-        throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var _GxIdeTemplate_mouseDownListener, _GxIdeTemplate_mouseUpListener;
-import { Host, h } from "@stencil/core";
-const CSS_BUNDLES = [
-    "resets/box-sizing",
-    "components/icon",
-    "components/button"
-];
-import { Locale } from "../../common/locale";
-export class GxIdeTemplate {
-    constructor() {
-        this.setFocus = true;
-        this.scrollToBottomFlag = true;
-        this.evaluateAiInProgress = () => {
-            var _a;
-            if (((_a = this.messages) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
-                this.messages[this.messages.length - 1].type === "assistant-in-progress") {
-                this.aIInProgress = true;
-            }
-            else {
-                this.aIInProgress = false;
-            }
-        };
-        this.evaluateAiStatus = () => {
-            var _a;
-            if (((_a = this.messages) === null || _a === void 0 ? void 0 : _a.length) === 0) {
-                this.assistantStatus = "indeterminate";
-                return;
-            }
-            if (this.messages[this.messages.length - 1].type ===
-                "assistant-in-progress" ||
-                this.messages[this.messages.length - 1].type === "user") {
-                this.assistantStatus = "indeterminate";
-            }
-            else if (this.messages[this.messages.length - 1].type === "assistant-error") {
-                this.assistantStatus = "error";
-            }
-            else {
-                this.assistantStatus = "success";
-            }
-        };
-        this.renderMessage = (message, i) => {
-            if (message.text.length > 0) {
-                return (h("gx-ide-ai-message", { style: {
-                        "--primary-color": "lightblue"
-                    }, message: message.text, messageType: message.type, hidden: message.hidden, filterValue: this.filterValue, key: `${i.toString()}-${message.type}`, translations: this._componentLocale.aiMessage, aiAssistantHostRef: this.el }));
-            }
-        };
-        this.textAreaInputHandler = () => {
-            this.userHasTyped = true;
-            this.showFilter = false;
-            this.filterEl.value = "";
-            this.filterValue = "";
-            this.scrollToBottomFlag = true;
-        };
-        this.promptEnterHandler = async (prompt) => {
-            /* First remove double spaces */
-            const promptTrimmed = prompt.detail.replace(/\s+/g, " ");
-            /* Update textarea value to get the proper height */
-            this.textAreaEl.value = promptTrimmed;
-            setTimeout(() => {
-                /* Then save the actual height (setTimeOut required) */
-                this.lastUserMessageHeight = this.textAreaEl.offsetHeight;
-            }, 0);
-            /* The clear the textarea */
-            this.textAreaEl.value = "";
-            /* Insert the user message */
-            this.addMessage({
-                type: "user",
-                text: promptTrimmed
-            });
-            /* Call the callback */
-            if (this.userMessageCallback && !this.aIInProgress) {
-                this.aIInProgress = true;
-                this.userMessageCallback(promptTrimmed).then(() => {
-                    this.aIInProgress = false;
-                });
-            }
-        };
-        this.filterMessagesHandler = (e) => {
-            this.scrollToBottomFlag = false;
-            this.filterValue = e.detail.toLowerCase();
-            const filteredMessages = [...this.messages];
-            filteredMessages.forEach(message => {
-                if (message.text.toLowerCase().includes(this.filterValue)) {
-                    message.hidden = false;
-                }
-                else {
-                    message.hidden = true;
-                }
-            });
-            this.messages = filteredMessages;
-        };
-        this.clearMessages = () => {
-            this.messages = [];
-            this.textAreaEl.focus();
-            if (this.clearCallback) {
-                this.clearCallback();
-            }
-        };
-        this.attachShortcuts = () => {
-            var _a;
-            if (((_a = this.focusShortcuts) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-                const ctrlFocusIndex = this.focusShortcuts.findIndex(key => key.toLocaleLowerCase() === "ctrl");
-                const shiftFocusIndex = this.focusShortcuts.findIndex(key => key.toLocaleLowerCase() === "shift");
-                const cmdKeyIndex = this.focusShortcuts.findIndex(key => key.toLocaleLowerCase() === "cmd");
-                const keyFocus = this.focusShortcuts
-                    .find(key => {
-                    return (key.toLocaleLowerCase() !== "ctrl" &&
-                        key.toLocaleLowerCase() !== "shift" &&
-                        key.toLocaleLowerCase() !== "cmd");
-                })
-                    .toLowerCase();
-                document.addEventListener("keydown", (e) => {
-                    if (e.key === keyFocus && ctrlFocusIndex !== -1 && e.ctrlKey) {
-                        this.textAreaEl.focus();
-                        this.userHasTyped = true;
-                    }
-                    else if (e.key === keyFocus && shiftFocusIndex !== -1 && e.shiftKey) {
-                        this.textAreaEl.focus();
-                        this.userHasTyped = true;
-                    }
-                    else if (e.key === keyFocus && cmdKeyIndex !== -1 && e.metaKey) {
-                        this.textAreaEl.focus();
-                        this.userHasTyped = true;
-                    }
-                });
-            }
-        };
-        this.promptArrowUpHandler = () => {
-            var _a;
-            this.userHasTyped = true;
-            const lastUserMessage = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.find(message => {
-                return message.type === "user";
-            });
-            if (lastUserMessage) {
-                if (this.lastUserMessageHeight) {
-                    this.textareaShadowPart.style.height = `${this.lastUserMessageHeight}px`;
-                }
-                this.textAreaEl.value = lastUserMessage.text;
-            }
-        };
-        this.toggleFilterHandler = () => {
-            this.showFilter = !this.showFilter;
-            if (this.showFilter) {
-                this.filterEl.focus();
-            }
-        };
-        this.promptFocusHandler = () => {
-            this.promptHasFocus = true;
-        };
-        this.promptBlurHandler = () => {
-            this.promptHasFocus = false;
-        };
-        this.scrollToBottom = () => {
-            if (this.scrollToBottomFlag) {
-                this.messagesWrapperEl.scrollTo(0, this.messagesWrapperEl.scrollHeight);
-                this.messagesWrapperEl.scrollTop =
-                    this.messagesWrapperEl.scrollHeight -
-                        this.messagesWrapperEl.clientHeight;
-            }
-        };
-        _GxIdeTemplate_mouseDownListener.set(this, () => {
-            this.el.removeAttribute("tabindex");
-        });
-        _GxIdeTemplate_mouseUpListener.set(this, () => {
-            this.el.setAttribute("tabindex", "0");
-        });
-        this.userHasTyped = false;
-        this.aIInProgress = false;
-        this.showFilter = false;
-        this.promptHasFocus = false;
-        this.filterValue = undefined;
-        this.messages = [];
-        this.promptMaxHeight = "128px";
-        this.assistantStatus = "indeterminate";
-        this.focusShortcuts = undefined;
-        this.userMessageCallback = undefined;
-        this.clearCallback = undefined;
-        this.promptValue = undefined;
-        this.filter = true;
-    }
-    watchAIInProgressHandler(aiInProgress) {
-        if (!aiInProgress) {
-            this.setFocus = true;
-        }
-    }
-    watchMessagesHandler() {
-        this.evaluateAiInProgress();
-        this.evaluateAiStatus();
-    }
-    async componentWillLoad() {
-        this._componentLocale = await Locale.getComponentStrings(this.el);
-        this.evaluateAiInProgress();
-        this.evaluateAiStatus();
-        this.attachShortcuts();
-    }
-    componentDidLoad() {
-        this.textareaShadowPart =
-            this.textAreaEl.shadowRoot.querySelector("textarea");
-        this.el.addEventListener("mousedown", __classPrivateFieldGet(this, _GxIdeTemplate_mouseDownListener, "f"));
-        this.el.addEventListener("mouseup", __classPrivateFieldGet(this, _GxIdeTemplate_mouseUpListener, "f"));
-    }
-    componentDidRender() {
-        if (this.setFocus) {
-            setTimeout(() => {
-                /* Doesn't seems to work without the setTimeout */
-                this.textAreaEl.focus();
-                this.setFocus = false;
-            }, 50);
-        }
-        setTimeout(() => {
-            this.scrollToBottom();
-        }, 200);
-    }
-    handleFocus(event) {
-        if (this.textAreaEl) {
-            event.preventDefault();
-            this.textAreaEl.focus();
-        }
-    }
-    /**
-     * Clear the list of messages
-     */
-    async clear() {
-        this.messages = [];
-    }
-    /**
-     * Add a message. This method will be used by the host to add messages from the assistant
-     */
-    async addMessage(message) {
-        var _a;
-        if (((_a = message.text) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-            const messages = [...this.messages];
-            const updateInProgressMessage = (messages === null || messages === void 0 ? void 0 : messages.length) > 0 &&
-                messages[messages.length - 1].type === "assistant-in-progress";
-            if (updateInProgressMessage) {
-                messages.pop();
-            }
-            messages.push(message);
-            this.messages = messages;
-        }
-    }
-    render() {
-        var _a, _b;
-        return (h(Host, { class: {
-                [`assistant--${this.assistantStatus}`]: true,
-                "assistant--in-progress": this.aIInProgress
-            }, tabindex: "0" }, h("ch-theme", { model: CSS_BUNDLES }), h("div", { class: "gx-ide-main-wrapper" }, h("slot", null), h("header", { class: "header" }, h("div", { class: "header__first-row" }, h("gxg-title", { type: "title-02" }, this._componentLocale.componentName), h("div", { class: "header__actions-wrapper" }, this.filter ? (h("gxg-button", { class: "header__filter-button", type: "tertiary", icon: "menus/find", onClick: this.toggleFilterHandler, disabled: this.messages.length === 0 })) : null, h("gxg-button", { class: "header__clear-button", type: "tertiary", icon: "bpm/delete", onClick: this.clearMessages, disabled: this.messages.length === 0 }))), this.filter ? (h("div", { class: {
-                "header__second-row": true,
-                "header__second-row--visible": this.showFilter
-            } }, h("div", { class: "filter-inner-wrapper" }, h("gxg-form-text", { class: "header__filter", onInput: this.filterMessagesHandler, ref: el => (this.filterEl = el) })))) : null), h("div", { class: {
-                "messages-wrapper": true,
-                "scrollable": true
-            }, ref: el => (this.messagesWrapperEl = el) }, ((_a = this.messages) === null || _a === void 0 ? void 0 : _a.length) ? (h("ol", { class: { messages: true } }, this.messages.map((message, i) => {
-            return this.renderMessage(message, i);
-        }))) : null), h("div", { class: {
-                prompt: true
-            } }, h("gxg-form-textarea", { ai: true, class: "prompt__textarea", value: this.promptValue, maxHeight: this.promptMaxHeight, placeholder: this.aIInProgress
-                ? this._componentLocale.processingQueryPlaceholder
-                : this._componentLocale.promptPlaceholder, onInput: this.textAreaInputHandler, onEnter: this.promptEnterHandler, onArrowUpPressed: this.promptArrowUpHandler, onBlur: this.promptBlurHandler, onFocus: this.promptFocusHandler, disabled: this.aIInProgress, ref: el => (this.textAreaEl = el) }), !this.userHasTyped &&
-            !this.aIInProgress &&
-            !this.promptHasFocus &&
-            ((_b = this.focusShortcuts) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (h("div", { class: {
-                prompt__shortcuts: true
-            } }, this.focusShortcuts.map((shortcut, i) => {
-            /* Up to three keys allowed*/
-            return i <= 2 ? (h("span", { class: "prompt__shortcut" }, shortcut)) : null;
-        }))) : null))));
-    }
-    static get is() { return "gx-ide-ai-assistant"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["ai-assistant.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["ai-assistant.css"]
-        };
-    }
-    static get assetsDirs() { return ["gx-ide-assets/ai-assistant"]; }
-    static get properties() {
-        return {
-            "messages": {
-                "type": "unknown",
-                "mutable": true,
-                "complexType": {
-                    "original": "Message[]",
-                    "resolved": "Message[]",
-                    "references": {
-                        "Message": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ai-assistant/ai-assistant.tsx",
-                            "id": "src/components/ai-assistant/ai-assistant.tsx::Message"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "List of messages displayed by the component"
-                },
-                "defaultValue": "[]"
-            },
-            "promptMaxHeight": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"128px\"",
-                    "resolved": "\"128px\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The prompt textarea max-height"
-                },
-                "attribute": "prompt-max-height",
-                "reflect": false,
-                "defaultValue": "\"128px\""
-            },
-            "assistantStatus": {
-                "type": "string",
-                "mutable": true,
-                "complexType": {
-                    "original": "AiStatus",
-                    "resolved": "\"error\" | \"indeterminate\" | \"success\"",
-                    "references": {
-                        "AiStatus": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ai-assistant/ai-assistant.tsx",
-                            "id": "src/components/ai-assistant/ai-assistant.tsx::AiStatus"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "A temporary property to illustrate the assistant status"
-                },
-                "attribute": "assistant-status",
-                "reflect": false,
-                "defaultValue": "\"indeterminate\""
-            },
-            "focusShortcuts": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "string[]",
-                    "resolved": "string[]",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "List of keys that make up the shortcut to focus on the component's text input"
-                }
-            },
-            "userMessageCallback": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "UserMessageCallback",
-                    "resolved": "(text: string) => Promise<void>",
-                    "references": {
-                        "UserMessageCallback": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ai-assistant/ai-assistant.tsx",
-                            "id": "src/components/ai-assistant/ai-assistant.tsx::UserMessageCallback"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "List of keys that make up the shortcut to focus on the component's text input"
-                }
-            },
-            "clearCallback": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "() => Promise<void>",
-                    "resolved": "() => Promise<void>",
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Callback that must be invoked when the conversation is cleared, using the header button."
-                }
-            },
-            "promptValue": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "the prompt value"
-                },
-                "attribute": "prompt-value",
-                "reflect": false
-            },
-            "filter": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "true",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "If tue, it will display a filter."
-                },
-                "attribute": "filter",
-                "reflect": false,
-                "defaultValue": "true"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "userHasTyped": {},
-            "aIInProgress": {},
-            "showFilter": {},
-            "promptHasFocus": {},
-            "filterValue": {}
-        };
-    }
-    static get methods() {
-        return {
-            "clear": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Clear the list of messages",
-                    "tags": []
-                }
-            },
-            "addMessage": {
-                "complexType": {
-                    "signature": "(message: Message) => Promise<void>",
-                    "parameters": [{
-                            "name": "message",
-                            "type": "{ type: MessageType; text: string; hidden?: boolean; filterValue?: string; }",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "Message": {
-                            "location": "local",
-                            "path": "/home/runner/work/genexus-ide-ui/genexus-ide-ui/src/components/ai-assistant/ai-assistant.tsx",
-                            "id": "src/components/ai-assistant/ai-assistant.tsx::Message"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Add a message. This method will be used by the host to add messages from the assistant",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "aIInProgress",
-                "methodName": "watchAIInProgressHandler"
-            }, {
-                "propName": "messages",
-                "methodName": "watchMessagesHandler"
-            }];
-    }
-    static get listeners() {
-        return [{
-                "name": "focus",
-                "method": "handleFocus",
-                "target": undefined,
-                "capture": true,
-                "passive": false
-            }];
-    }
-}
-_GxIdeTemplate_mouseDownListener = new WeakMap(), _GxIdeTemplate_mouseUpListener = new WeakMap();
-//# sourceMappingURL=ai-assistant.js.map

package/dist/collection/components/ai-assistant/ai-assistant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ai-assistant.js","sourceRoot":"","sources":["../../../src/components/ai-assistant/ai-assistant.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Method,\n  State,\n  Watch,\n  Listen\n} from \"@stencil/core\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/icon\",\n  \"components/button\"\n];\n\nimport { Locale } from \"../../common/locale\";\n\nimport { MercuryBundles } from \"@genexus/mercury\";\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  /**\n   * The component hard-coded strings translations.\n   */\n  private _componentLocale: any;\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  @Element() el: HTMLGxIdeAiAssistantElement;\n  private textAreaEl!: HTMLGxgFormTextareaElement;\n  private textareaShadowPart: HTMLTextAreaElement;\n  private filterEl: HTMLGxgFormTextElement;\n  private messagesWrapperEl!: HTMLDivElement;\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  /**\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  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    this.el.addEventListener(\"mousedown\", this.#mouseDownListener);\n    this.el.addEventListener(\"mouseup\", this.#mouseUpListener);\n  }\n\n  componentDidRender() {\n    if (this.setFocus) {\n      setTimeout(() => {\n        /* Doesn't seems to work without the setTimeout */\n        this.textAreaEl.focus();\n        this.setFocus = false;\n      }, 50);\n    }\n    setTimeout(() => {\n      this.scrollToBottom();\n    }, 200);\n  }\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  /**\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  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          style={{\n            \"--primary-color\": \"lightblue\"\n          }}\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          aiAssistantHostRef={this.el}\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  #mouseDownListener = () => {\n    this.el.removeAttribute(\"tabindex\");\n  };\n\n  #mouseUpListener = () => {\n    this.el.setAttribute(\"tabindex\", \"0\");\n  };\n\n  render() {\n    return (\n      <Host\n        class={{\n          [`assistant--${this.assistantStatus}`]: true,\n          \"assistant--in-progress\": this.aIInProgress\n        }}\n        tabindex=\"0\"\n      >\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <div class=\"gx-ide-main-wrapper\">\n          <slot></slot>\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              \"scrollable\": 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"]}