@genexus/genexus-ide-ui 0.0.73 → 0.0.75

package/dist/types/components/ai-assistant/ai-assistant.d.ts

@@ -5,27 +5,32 @@ export declare class GxIdeTemplate {
    */
   private _componentLocale;
   private renderedFirstTime;
+  private lastUserMessageHeight;
   el: HTMLGxIdeAiAssistantElement;
+  private textAreaEl;
+  private textareaShadowPart;
+  private filterEl;
   /**
    * Flag used to hide the shortcuts
    */
   userHasTyped: boolean;
   /**
-   * The query is being added
+   * This is true if the last message is of type 'assistant-in-progress'
    */
-  addingQuery: boolean;
+  aIInProgress: boolean;
   /**
-   * A temporary state variable for testing purposes
+   * This displays or hides the messages filter
    */
-  showMessage: boolean;
+  showFilter: boolean;
   /**
-   * Should be true while userMessageCallback promise hasn't been resolved
+   * The filter value
    */
-  processingUserMessage: boolean;
+  filterValue: string;
   /**
    * List of messages displayed by the component
    */
   messages: Message[];
+  watchMessagesHandler(): void;
   /**
    * The prompt textarea max-height
    */
@@ -33,7 +38,7 @@ export declare class GxIdeTemplate {
   /**
    * A temporary property to illustrate the assistant status
    */
-  readonly assistantStatus: AiStatus;
+  assistantStatus: AiStatus;
   /**
    * List of keys that make up the shortcut to focus on the component's text input
    */
@@ -42,12 +47,21 @@ export declare class GxIdeTemplate {
    * List of keys that make up the shortcut to focus on the component's text input
    */
   readonly userMessageCallback: UserMessageCallback;
+  /**
+   * the prompt value
+   */
+  readonly promptValue: string;
+  /**
+   * If tue, it will display a filter.
+   */
+  readonly filter = true;
   /**
    * This event is emitted once just after the component is fully loaded and the first render() occurs
    */
   componentDidRenderFirstTime: EventEmitter<boolean>;
-  componentDidRender(): void;
   componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  componentDidRender(): void;
   /**
    * Clear the list of messages
    */
@@ -56,14 +70,24 @@ export declare class GxIdeTemplate {
    * Add a message. This method will be used by the host to add messages from the assistant
    */
   addMessage(message: Message): Promise<void>;
+  private evaluateAiInProgress;
+  private evaluateAiStatus;
   private renderMessage;
   private textAreaInputHandler;
   private promptEnterHandler;
+  private filterMessagesHandler;
+  private clearMessages;
+  private attachShortcuts;
+  private promptArrowUpHandler;
+  private toggleFilterHandler;
   render(): any;
 }
 export type AiStatus = "indeterminate" | "success" | "error";
 export type Message = {
-  type: "user" | "assistant-chat" | "assistant-action" | "assistant-in-progress" | "assistant-error";
+  type: MessageType;
   text: string;
+  hidden?: boolean;
+  filterValue?: string;
 };
+export type MessageType = "user" | "assistant-chat" | "assistant-action" | "assistant-in-progress" | "assistant-error";
 export type UserMessageCallback = (text: string) => Promise<void>;

package/dist/types/components/ai-assistant/ai-message.d.ts

@@ -0,0 +1,38 @@
+import { MessageType } from "./ai-assistant";
+export declare class GxIdeAiMessage {
+  /**
+   * The component hard-coded strings translations.
+   */
+  private _componentLocale;
+  private copyable;
+  el: HTMLGxIdeAiMessageElement;
+  /**
+   * This wil display the message if true
+   */
+  visible: boolean;
+  /**
+   * This wil show the user a text, indicating that the message has been copied
+   */
+  showCopiedMessage: boolean;
+  /**
+   * The actual message
+   */
+  readonly message: string;
+  /**
+   * The message type
+   */
+  readonly messageType: MessageType;
+  /**
+   * The filter value
+   */
+  readonly filterValue: string;
+  /**
+   * It hides the message (used for the filter)
+   */
+  readonly hidden: boolean;
+  componentWillLoad(): Promise<void>;
+  componentDidRender(): void;
+  private evaluateMessageIsCopyable;
+  private copyMessage;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -6,6 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { AiStatus, Message, UserMessageCallback } from "./components/ai-assistant/ai-assistant";
+import { MessageType } from "./components/ai-assistant/ai-assistant";
 import { ApplicationDeclarationData, CancelCallback, ConfirmCallback, GetDataMappingCallback, SelectApplicationCallback, SelectMappingCallback, SuggestApplicationsCallback } from "./components/bpm-application-declaration/bpm-app-declaration";
 import { TitleType } from "./components/_helpers/title/title";
 import { AlignItems, FooterJustify, HeadingJustify, JustifyContent, SectionsPadding } from "./components/_helpers/container/container";
@@ -49,6 +50,10 @@ export namespace Components {
           * Clear the list of messages
          */
         "clear": () => Promise<void>;
+        /**
+          * If tue, it will display a filter.
+         */
+        "filter": true;
         /**
           * List of keys that make up the shortcut to focus on the component's text input
          */
@@ -61,11 +66,33 @@ export namespace Components {
           * The prompt textarea max-height
          */
         "promptMaxHeight": "128px";
+        /**
+          * the prompt value
+         */
+        "promptValue": string;
         /**
           * List of keys that make up the shortcut to focus on the component's text input
          */
         "userMessageCallback": UserMessageCallback;
     }
+    interface GxIdeAiMessage {
+        /**
+          * The filter value
+         */
+        "filterValue": string;
+        /**
+          * It hides the message (used for the filter)
+         */
+        "hidden": boolean;
+        /**
+          * The actual message
+         */
+        "message": string;
+        /**
+          * The message type
+         */
+        "messageType": MessageType;
+    }
     interface GxIdeBpmAppDeclaration {
         /**
           * Current application value
@@ -1311,6 +1338,12 @@ declare global {
         prototype: HTMLGxIdeAiAssistantElement;
         new (): HTMLGxIdeAiAssistantElement;
     };
+    interface HTMLGxIdeAiMessageElement extends Components.GxIdeAiMessage, HTMLStencilElement {
+    }
+    var HTMLGxIdeAiMessageElement: {
+        prototype: HTMLGxIdeAiMessageElement;
+        new (): HTMLGxIdeAiMessageElement;
+    };
     interface HTMLGxIdeBpmAppDeclarationElement extends Components.GxIdeBpmAppDeclaration, HTMLStencilElement {
     }
     var HTMLGxIdeBpmAppDeclarationElement: {
@@ -1487,6 +1520,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "gx-ide-ai-assistant": HTMLGxIdeAiAssistantElement;
+        "gx-ide-ai-message": HTMLGxIdeAiMessageElement;
         "gx-ide-bpm-app-declaration": HTMLGxIdeBpmAppDeclarationElement;
         "gx-ide-container": HTMLGxIdeContainerElement;
         "gx-ide-create-kb-from-server": HTMLGxIdeCreateKbFromServerElement;
@@ -1524,6 +1558,10 @@ declare namespace LocalJSX {
           * A temporary property to illustrate the assistant status
          */
         "assistantStatus"?: AiStatus;
+        /**
+          * If tue, it will display a filter.
+         */
+        "filter"?: true;
         /**
           * List of keys that make up the shortcut to focus on the component's text input
          */
@@ -1540,11 +1578,33 @@ declare namespace LocalJSX {
           * The prompt textarea max-height
          */
         "promptMaxHeight"?: "128px";
+        /**
+          * the prompt value
+         */
+        "promptValue"?: string;
         /**
           * List of keys that make up the shortcut to focus on the component's text input
          */
         "userMessageCallback"?: UserMessageCallback;
     }
+    interface GxIdeAiMessage {
+        /**
+          * The filter value
+         */
+        "filterValue"?: string;
+        /**
+          * It hides the message (used for the filter)
+         */
+        "hidden"?: boolean;
+        /**
+          * The actual message
+         */
+        "message"?: string;
+        /**
+          * The message type
+         */
+        "messageType"?: MessageType;
+    }
     interface GxIdeBpmAppDeclaration {
         /**
           * Current application value
@@ -2800,6 +2860,7 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "gx-ide-ai-assistant": GxIdeAiAssistant;
+        "gx-ide-ai-message": GxIdeAiMessage;
         "gx-ide-bpm-app-declaration": GxIdeBpmAppDeclaration;
         "gx-ide-container": GxIdeContainer;
         "gx-ide-create-kb-from-server": GxIdeCreateKbFromServer;
@@ -2836,6 +2897,7 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "gx-ide-ai-assistant": LocalJSX.GxIdeAiAssistant & JSXBase.HTMLAttributes<HTMLGxIdeAiAssistantElement>;
+            "gx-ide-ai-message": LocalJSX.GxIdeAiMessage & JSXBase.HTMLAttributes<HTMLGxIdeAiMessageElement>;
             "gx-ide-bpm-app-declaration": LocalJSX.GxIdeBpmAppDeclaration & JSXBase.HTMLAttributes<HTMLGxIdeBpmAppDeclarationElement>;
             "gx-ide-container": LocalJSX.GxIdeContainer & JSXBase.HTMLAttributes<HTMLGxIdeContainerElement>;
             "gx-ide-create-kb-from-server": LocalJSX.GxIdeCreateKbFromServer & JSXBase.HTMLAttributes<HTMLGxIdeCreateKbFromServerElement>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "0.0.73",
+  "version": "0.0.75",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -36,10 +36,10 @@
     "@types/react": "^18.2.8"
   },
   "peerDependencies": {
-    "@genexus/gemini": "*0.2.35"
+    "@genexus/gemini": "*0.2.41"
   },
   "devDependencies": {
-    "@genexus/gemini": "*0.2.36",
+    "@genexus/gemini": "*0.2.41",
     "@stencil-community/eslint-plugin": "^0.5.0",
     "@stencil/core": "^2.17.0",
     "@stencil/sass": "^2.0.1",