@genexus/genexus-ide-ui 0.0.73 → 0.0.75

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

@@ -7,52 +7,161 @@ export class GxIdeTemplate {
   constructor() {
     this.renderedFirstTime = false;
     // 9.LOCAL METHODS //
-    this.renderMessage = (message) => {
+    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("li", { class: {
-            "message": true,
-            [`message--${[message.type]}`]: true,
-            "message--assistant": message.type !== "user",
-            "message--visible": this.showMessage
-          } }, h("div", { class: "message__outer-wrapper" }, h("div", { class: "message__inner-wrapper" }, h("div", { class: {
-            "message__caption": true,
-            "message__caption--in-progress": message.type === "assistant-in-progress"
-          } }, message.text), message.type === "assistant-in-progress" ? (h("div", { class: "animation-wrapper" }, h("div", { class: "dot-pulse" }))) : null))));
+        return (h("gx-ide-ai-message", { message: message.text, messageType: message.type, hidden: message.hidden, filterValue: this.filterValue, key: `${i.toString()}-${message.type}` }));
       }
     };
     this.textAreaInputHandler = () => {
       this.userHasTyped = true;
+      this.showFilter = false;
+      this.filterEl.value = "";
+      this.filterValue = "";
     };
     this.promptEnterHandler = async (prompt) => {
-      const promptValue = prompt.detail;
-      if (this.userMessageCallback && !this.processingUserMessage) {
-        this.processingUserMessage = true;
-        this.userMessageCallback(promptValue).then(() => {
-          this.processingUserMessage = false;
+      /* 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 = "";
+      if (this.userMessageCallback && !this.aIInProgress) {
+        this.aIInProgress = true;
+        this.userMessageCallback(promptTrimmed).then(() => {
+          this.aIInProgress = false;
+        });
+      }
+    };
+    this.filterMessagesHandler = (e) => {
+      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();
+    };
+    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.userHasTyped = false;
-    this.addingQuery = false;
-    this.showMessage = true;
-    this.processingUserMessage = false;
-    this.messages = undefined;
+    this.aIInProgress = false;
+    this.showFilter = false;
+    this.filterValue = undefined;
+    this.messages = [];
     this.promptMaxHeight = "128px";
-    this.assistantStatus = "success";
+    this.assistantStatus = "indeterminate";
     this.focusShortcuts = undefined;
     this.userMessageCallback = undefined;
+    this.promptValue = undefined;
+    this.filter = true;
+  }
+  watchMessagesHandler() {
+    this.evaluateAiInProgress();
+    this.evaluateAiStatus();
   }
-  // 5.EVENTS (EMIT) //
   // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await Locale.getComponentStrings(this.el);
+    this.evaluateAiInProgress();
+    this.evaluateAiStatus();
+    this.attachShortcuts();
+  }
+  componentDidLoad() {
+    this.textareaShadowPart =
+      this.textAreaEl.shadowRoot.querySelector("textarea");
+  }
   componentDidRender() {
     if (!this.renderedFirstTime) {
       this.componentDidRenderFirstTime.emit(this._componentLocale.componentName);
       this.renderedFirstTime = true;
     }
   }
-  async componentWillLoad() {
-    this._componentLocale = await Locale.getComponentStrings(this.el);
-  }
   // 7.LISTENERS //
   // 8.PUBLIC METHODS API //
   /**
@@ -68,7 +177,8 @@ export class GxIdeTemplate {
     var _a;
     if (((_a = message.text) === null || _a === void 0 ? void 0 : _a.length) > 0) {
       const messages = [...this.messages];
-      const updateInProgressMessage = messages[messages.length - 1].type === "assistant-in-progress";
+      const updateInProgressMessage = (messages === null || messages === void 0 ? void 0 : messages.length) > 0 &&
+        messages[messages.length - 1].type === "assistant-in-progress";
       if (updateInProgressMessage) {
         messages.pop();
       }
@@ -78,14 +188,29 @@ export class GxIdeTemplate {
   }
   // 10.RENDER() FUNCTION //
   render() {
-    var _a;
-    return (h(Host, { class: { [`assistant--${this.assistantStatus}`]: true } }, h("div", { class: "gx-ide-main-wrapper" }, h("header", { class: "header" }, h("gxg-title", { type: "title-02" }, this._componentLocale.componentName)), ((_a = this.messages) === null || _a === void 0 ? void 0 : _a.length) ? (h("ol", { class: { messages: true } }, this.messages.map(message => {
-      return this.renderMessage(message);
-    }))) : null, h("div", { class: {
+    var _a, _b;
+    return (h(Host, { class: {
+        [`assistant--${this.assistantStatus}`]: true,
+        "assistant--in-progress": this.aIInProgress
+      } }, h("div", { class: "gx-ide-main-wrapper" }, 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
+      } }, ((_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", { grow: true, class: "prompt__textarea", maxHeight: this.promptMaxHeight, placeholder: this._componentLocale.promptPlaceholder, onInput: this.textAreaInputHandler, onEnter: this.promptEnterHandler, disabled: this.processingUserMessage }), !this.userHasTyped ? (h("div", { class: {
+      } }, 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, disabled: this.aIInProgress, ref: el => (this.textAreaEl = el) }), !this.userHasTyped &&
+      !this.aIInProgress &&
+      ((_b = this.focusShortcuts) === null || _b === void 0 ? void 0 : _b.length) > 0 ? (h("div", { class: {
         prompt__shortcuts: true
-      } }, h("span", { class: "prompt__shortcut" }, "Ctrl"), h("span", { class: "prompt__shortcut" }, "A"))) : null))));
+      } }, 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"; }
@@ -119,7 +244,8 @@ export class GxIdeTemplate {
         "docs": {
           "tags": [],
           "text": "List of messages displayed by the component"
-        }
+        },
+        "defaultValue": "[]"
       },
       "promptMaxHeight": {
         "type": "string",
@@ -141,7 +267,7 @@ export class GxIdeTemplate {
       },
       "assistantStatus": {
         "type": "string",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "AiStatus",
           "resolved": "\"error\" | \"indeterminate\" | \"success\"",
@@ -159,7 +285,7 @@ export class GxIdeTemplate {
         },
         "attribute": "assistant-status",
         "reflect": false,
-        "defaultValue": "\"success\""
+        "defaultValue": "\"indeterminate\""
       },
       "focusShortcuts": {
         "type": "unknown",
@@ -194,15 +320,50 @@ export class GxIdeTemplate {
           "tags": [],
           "text": "List of keys that make up the shortcut to focus on the component's text input"
         }
+      },
+      "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": {},
-      "addingQuery": {},
-      "showMessage": {},
-      "processingUserMessage": {}
+      "aIInProgress": {},
+      "showFilter": {},
+      "filterValue": {}
     };
   }
   static get events() {
@@ -266,4 +427,10 @@ export class GxIdeTemplate {
     };
   }
   static get elementRef() { return "el"; }
+  static get watchers() {
+    return [{
+        "propName": "messages",
+        "methodName": "watchMessagesHandler"
+      }];
+  }
 }

package/dist/collection/components/ai-assistant/ai-message.css

@@ -0,0 +1,186 @@
+/*Gemini*/
+/*Gx Ide*/
+/*@container queries*/
+/* hiChar styles
+Found on /common/helpers.tsx hiChar function is used to add a span/class to every character that matches a search value. It is used to help the user see why the filter results are filtered. The span/class on the characters are useless without proper styling.
+*/
+/*--- Messages ---*/
+.message {
+  --ai-message-success-color: var(--color-success-dark);
+  --ai-message-error-color: var(--color-error-dark);
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows 100ms;
+  transition: grid-template-rows 100ms, -ms-grid-rows 100ms;
+  /*--- Types of messages ---*/
+}
+.message__outer-wrapper {
+  overflow: hidden;
+}
+.message__inner-wrapper {
+  padding: var(--spacing-comp-01) var(--spacing-comp-02);
+  border-radius: var(--border-radius-xs) var(--border-radius-sm) var(--border-radius-sm) var(--border-radius-xs);
+  border: var(--border-width-sm) solid transparent;
+  background-color: var(--assistant-bg-color);
+  border-inline-start-width: var(--border-width-md);
+  margin-block-end: var(--spacing-comp-02);
+}
+.message__caption {
+  font-size: var(--mc-font-size-xxs);
+  line-height: 1.6em;
+  position: relative;
+}
+.message--visible {
+  grid-template-rows: 1fr;
+}
+.message--copying {
+  pointer-events: none;
+}
+.message--copying .message__caption {
+  color: transparent;
+  -webkit-user-select: none;
+  /* Safari */
+  -ms-user-select: none;
+  /* IE 10 and IE 11 */
+  user-select: none;
+  /* Standard syntax */
+}
+.message--user .message__inner-wrapper {
+  background-color: var(--gray-12);
+}
+.message--user .message__inner-wrapper {
+  /*override default message border radius*/
+  border-top-left-radius: var(--border-radius-sm);
+  border-bottom-left-radius: var(--border-radius-sm);
+}
+.message--assistant-action .message__inner-wrapper {
+  font-style: italic;
+}
+.message--assistant-in-progress .message__inner-wrapper {
+  font-style: italic;
+  display: grid;
+  grid-template-columns: 1fr auto;
+  gap: var(--spacing-comp-02);
+  border-inline-start-color: var(--gray-02);
+}
+.message--assistant-in-progress .message__inner-wrapper .message__caption {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  flex: 1;
+}
+.message--assistant-in-progress .message__inner-wrapper .animation-wrapper {
+  flex: none;
+}
+.message--assistant-chat .message__inner-wrapper, .message--assistant-action .message__inner-wrapper {
+  border-inline-start-color: var(--ai-message-success-color);
+}
+.message--assistant-error .message__inner-wrapper {
+  border-inline-start-color: var(--ai-message-error-color);
+}
+.message--copyable {
+  cursor: pointer;
+}
+.message--copyable:hover {
+  filter: brightness(1.2);
+}
+.message:last-child {
+  margin-block-end: 0;
+}
+
+:host(:first-child) .message__inner-wrapper {
+  margin-block-end: 0;
+}
+
+/*--- Dot Pulse Sweet Animation ---*/
+.animation-wrapper {
+  width: 45px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.dot-pulse {
+  position: relative;
+  left: -9999px;
+  width: 5px;
+  height: 5px;
+  border-radius: 2.5px;
+  background-color: var(--gray-03);
+  color: var(--gray-03);
+  box-shadow: 9999px 0 0 -5px;
+  animation: dot-pulse 1.5s infinite linear;
+  animation-delay: 0.25s;
+}
+.dot-pulse::before, .dot-pulse::after {
+  content: "";
+  display: inline-block;
+  position: absolute;
+  top: 0;
+  width: 5px;
+  height: 5px;
+  border-radius: 2.5px;
+  background-color: var(--gray-03);
+  color: var(--gray-03);
+}
+.dot-pulse::before {
+  box-shadow: 9984px 0 0 -5px;
+  animation: dot-pulse-before 1.5s infinite linear;
+  animation-delay: 0s;
+}
+.dot-pulse::after {
+  box-shadow: 10014px 0 0 -5px;
+  animation: dot-pulse-after 1.5s infinite linear;
+  animation-delay: 0.5s;
+}
+
+@keyframes dot-pulse-before {
+  0% {
+    box-shadow: 9984px 0 0 -5px;
+  }
+  30% {
+    box-shadow: 9984px 0 0 2px;
+  }
+  60%, 100% {
+    box-shadow: 9984px 0 0 -5px;
+  }
+}
+@keyframes dot-pulse {
+  0% {
+    box-shadow: 9999px 0 0 -5px;
+  }
+  30% {
+    box-shadow: 9999px 0 0 2px;
+  }
+  60%, 100% {
+    box-shadow: 9999px 0 0 -5px;
+  }
+}
+@keyframes dot-pulse-after {
+  0% {
+    box-shadow: 10014px 0 0 -5px;
+  }
+  30% {
+    box-shadow: 10014px 0 0 2px;
+  }
+  60%, 100% {
+    box-shadow: 10014px 0 0 -5px;
+  }
+}
+/*--- Copy Message ---*/
+.copied {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--color-on-background);
+  display: flex;
+  gap: var(--spacing-comp-01);
+}
+
+.hiChar {
+  color: var(--gx-ide-hi-char-color);
+  font-weight: 600;
+}

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

@@ -0,0 +1,160 @@
+/* STENCIL IMPORTS */
+import { h } from "@stencil/core";
+import { Locale } from "../../common/locale";
+import { hiChar } from "../../common/helpers";
+export class GxIdeAiMessage {
+  constructor() {
+    /* The message allows to be copied*/
+    this.copyable = false;
+    // 7.LISTENERS //
+    // 8.PUBLIC METHODS API //
+    // 9.LOCAL METHODS //
+    this.evaluateMessageIsCopyable = () => {
+      this.copyable =
+        this.messageType !== "assistant-in-progress" &&
+          this.messageType !== "assistant-action";
+    };
+    this.copyMessage = () => {
+      navigator.clipboard.writeText(this.message);
+      this.showCopiedMessage = true;
+      setTimeout(() => {
+        this.showCopiedMessage = false;
+      }, 1000);
+    };
+    this.visible = false;
+    this.showCopiedMessage = false;
+    this.message = undefined;
+    this.messageType = undefined;
+    this.filterValue = undefined;
+    this.hidden = undefined;
+  }
+  // 5.EVENTS (EMIT) //
+  // 6.COMPONENT LIFECYCLE METHODS //
+  async componentWillLoad() {
+    this._componentLocale = await Locale.getComponentStrings(this.el);
+    this.evaluateMessageIsCopyable();
+  }
+  componentDidRender() {
+    setTimeout(() => {
+      /* Without the timeout it appears instantly (no apparent transition)*/
+      this.visible = true;
+      const messagesList = this.el.parentElement;
+      messagesList.scrollTo(0, 0);
+    }, 0);
+  }
+  // 10.RENDER() FUNCTION //
+  render() {
+    return (h("li", { class: {
+        "message": true,
+        "message--visible": this.visible && !this.hidden,
+        [`message--${[this.messageType]}`]: true,
+        "message--assistant": this.messageType !== "user",
+        "message--copyable": this.copyable,
+        "message--copying": this.showCopiedMessage
+      }, onClick: this.copyable && this.copyMessage }, h("div", { class: "message__outer-wrapper" }, h("div", { class: {
+        "message__inner-wrapper": true
+      } }, h("div", { class: {
+        "message__caption": true,
+        "message__caption--in-progress": this.messageType === "assistant-in-progress"
+      } }, this.showCopiedMessage ? (h("span", { class: {
+        copied: true
+      } }, h("gxg-icon", { color: "mercury", type: "bpm/tasks" }), this._componentLocale.copied)) : null, hiChar(this.message, this.filterValue)), this.messageType === "assistant-in-progress" ? (h("div", { class: "animation-wrapper" }, h("div", { class: "dot-pulse" }))) : null))));
+  }
+  static get is() { return "gx-ide-ai-message"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ai-message.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ai-message.css"]
+    };
+  }
+  static get assetsDirs() { return ["gx-ide-assets/ai-message"]; }
+  static get properties() {
+    return {
+      "message": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The actual message"
+        },
+        "attribute": "message",
+        "reflect": false
+      },
+      "messageType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "MessageType",
+          "resolved": "\"assistant-action\" | \"assistant-chat\" | \"assistant-error\" | \"assistant-in-progress\" | \"user\"",
+          "references": {
+            "MessageType": {
+              "location": "import",
+              "path": "./ai-assistant"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The message type"
+        },
+        "attribute": "message-type",
+        "reflect": false
+      },
+      "filterValue": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The filter value"
+        },
+        "attribute": "filter-value",
+        "reflect": false
+      },
+      "hidden": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "It hides the message (used for the filter)"
+        },
+        "attribute": "hidden",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "visible": {},
+      "showCopiedMessage": {}
+    };
+  }
+  static get elementRef() { return "el"; }
+}

package/dist/collection/components/ai-assistant/gx-ide-assets/ai-assistant/langs/ai-assistant.lang.en.json

@@ -2,5 +2,6 @@
   "componentName": "Ai Assistant",
   "greeting": "✨ Greetings!, ¿How may I assist you?",
   "promptPlaceholder": "Ask anything...",
-  "processingQueryPlaceholder": "Processing query..."
+  "processingQueryPlaceholder": "Processing query...",
+  "copied": "Copied"
 }

package/dist/collection/components/ai-assistant/gx-ide-assets/ai-message/langs/ai-message.lang.en.json

@@ -0,0 +1,4 @@
+{
+  "componentName": "Ai Message",
+  "copied": "Copied"
+}

package/dist/collection/components/ai-assistant/gx-ide-assets/ai-message/langs/ai-message.lang.ja.json

@@ -0,0 +1,3 @@
+{
+  "presentation": "「こんにちは、私の名前は {0} です。オレゴンに住んでいます。」"
+}

package/dist/collection/components/ai-assistant/gx-ide-assets/ai-message/langs/ai-message.lang.zh.json

@@ -0,0 +1,3 @@
+{
+  "presentation": "你好，我的名字是 {0}，我住在俄勒冈州。"
+}