@genexus/genexus-ide-ui 1.1.4 → 1.1.6

package/dist/types/common/common.d.ts

@@ -13,4 +13,4 @@ export declare const getSelectedGxOption: (gxOptions: GxOption[], onlyId?: boole
  */
 export declare const getSelectedItem: (gxOptions: GxOption[]) => string;
 export declare const getSelectedItem2: (gxOptions: GxOption[] | undefined) => string | undefined;
-export declare const ANIMATION_DOTS: (size?: "regular" | "tiny", color?: "primary" | "on-surface") => SVGElement;
+export declare const ANIMATION_DOTS: (size?: "regular" | "tiny", color?: "primary" | "on-surface" | "nexa", sizeType?: "static" | "dynamic", duration?: string) => SVGElement;

package/dist/types/components/{_helpers → chat}/chat-container/chat-container.d.ts

@@ -1,4 +1,14 @@
 export declare class GxIdeChatContainer {
+    #private;
+    el: HTMLGxIdeChatContainerElement;
+    /**
+     * Coneration Copied
+     */
+    displayConversationCopiedMessage: boolean;
+    /**
+     * Displays or hides the menu
+     */
+    menuIsExpanded: boolean;
     /**
      * The chat title
      */
@@ -12,9 +22,10 @@ export declare class GxIdeChatContainer {
      */
     readonly deleteConversationCallback: () => void;
     /**
-     * Coneration Copied
+     * If true a the welcome screen will be rendered
      */
-    displayConversationCopiedMessage: boolean;
+    readonly displayWelcomeScreen: boolean;
+    componentWillLoad(): Promise<void>;
     /**
      * It will display a feedback message that the conversation has been copied
      */

package/dist/types/components/chat/chat-welcome/chat-welcome.d.ts

@@ -0,0 +1,39 @@
+export declare class GxIdeChatWelcome {
+    #private;
+    el: HTMLGxIdeChatWelcomeElement;
+    /**
+     * When true, it will display the welcome elements (title, greeting, and buttons)
+     */
+    showHeader: boolean;
+    /**
+     * When true, it will display the suggested prompts buttons
+     */
+    showSuggestedPrompts: boolean;
+    /**
+     * When true, it will hide entire welcome layout
+     */
+    hideWelcome: boolean;
+    /**
+     * The welcome title, if not provided, the default title will be used.
+     */
+    welcomeTitle?: string;
+    /**
+     * The welcome greeting description, if not provided, the default title will be used.
+     */
+    welcomeGreeting?: string;
+    /**
+     * The suggested prompts, if not provided, the default title will be used.
+     */
+    suggestedPrompts?: string[];
+    /**
+     * Fired when the user clicks on a suggested prompt button
+     */
+    readonly suggestedPrompRequestedCallback: (prompt: string) => Promise<void>;
+    componentWillLoad(): Promise<void>;
+    componentDidRender(): void;
+    /**
+     * It will exit the wellcome screen and remove it from the dom.
+     */
+    exitWelcome(): Promise<void>;
+    render(): any;
+}

package/dist/types/components/chat/chat-welcome/gx-ide-assets/chat-welcome/helpers.d.ts

@@ -0,0 +1 @@
+export declare const aiIconBorder: SVGPathElement;

package/dist/types/components/{_helpers/chat-container → chat}/code-render.d.ts

@@ -1,4 +1,4 @@
 import { MarkdownViewerCodeRender, ChatMessageByRole } from "@genexus/chameleon-controls-library";
 import { MarkdownViewerCodeRenderOptions } from "@genexus/chameleon-controls-library/dist/types/components/markdown-viewer/parsers/types";
 export declare const mercuryCodeRender: (copyButtonAccessibleName: string) => (options: MarkdownViewerCodeRenderOptions) => MarkdownViewerCodeRender;
-export declare const mercuryChatMessageRender: (theme: string, userName?: string, assistantName?: string) => (messageModel: ChatMessageByRole<"assistant" | "error" | "user">) => any[];
+export declare const mercuryChatMessageRender: (theme: string, assistantAvatarPath: string, assistantName?: string) => (messageModel: ChatMessageByRole<"assistant" | "error" | "user">) => any[];

package/dist/types/components.d.ts

@@ -454,11 +454,39 @@ export namespace Components {
           * If true a button for deleting the conversation will be render on the header
          */
         "deleteConversationCallback": () => void;
+        /**
+          * If true a the welcome screen will be rendered
+         */
+        "displayWelcomeScreen": boolean;
         /**
           * It will display a feedback message that the conversation has been copied
          */
         "showCopyConversationMessage": () => Promise<void>;
     }
+    interface GxIdeChatWelcome {
+        /**
+          * It will exit the wellcome screen and remove it from the dom.
+         */
+        "exitWelcome": () => Promise<void>;
+        /**
+          * Fired when the user clicks on a suggested prompt button
+         */
+        "suggestedPrompRequestedCallback": (
+    prompt: string
+  ) => Promise<void>;
+        /**
+          * The suggested prompts, if not provided, the default title will be used.
+         */
+        "suggestedPrompts"?: string[];
+        /**
+          * The welcome greeting description, if not provided, the default title will be used.
+         */
+        "welcomeGreeting"?: string;
+        /**
+          * The welcome title, if not provided, the default title will be used.
+         */
+        "welcomeTitle"?: string;
+    }
     interface GxIdeConnectGxServer {
         /**
           * List of authentication types.
@@ -1748,6 +1776,14 @@ export namespace Components {
         "selectorSourceCallback"?: SelectorSourceCallback;
     }
     interface GxIdeScChatContainer {
+        /**
+          * It will exit the wellcome screen and remove it from the dom.
+         */
+        "exitWelcome": () => Promise<void>;
+        /**
+          * If true, the chat items length will be 0, since this is a requirement for dipslaying the ch-chat "empty-chat" slot that welcome screen uses to display.
+         */
+        "mode": "welcome" | "messages-sample" | "empty";
     }
     interface GxIdeSelectKbItems {
         /**
@@ -2797,6 +2833,12 @@ declare global {
         prototype: HTMLGxIdeChatContainerElement;
         new (): HTMLGxIdeChatContainerElement;
     };
+    interface HTMLGxIdeChatWelcomeElement extends Components.GxIdeChatWelcome, HTMLStencilElement {
+    }
+    var HTMLGxIdeChatWelcomeElement: {
+        prototype: HTMLGxIdeChatWelcomeElement;
+        new (): HTMLGxIdeChatWelcomeElement;
+    };
     interface HTMLGxIdeConnectGxServerElement extends Components.GxIdeConnectGxServer, HTMLStencilElement {
     }
     var HTMLGxIdeConnectGxServerElement: {
@@ -3435,6 +3477,7 @@ declare global {
         "gx-ide-bpm-timer-duration": HTMLGxIdeBpmTimerDurationElement;
         "gx-ide-card": HTMLGxIdeCardElement;
         "gx-ide-chat-container": HTMLGxIdeChatContainerElement;
+        "gx-ide-chat-welcome": HTMLGxIdeChatWelcomeElement;
         "gx-ide-connect-gx-server": HTMLGxIdeConnectGxServerElement;
         "gx-ide-container": HTMLGxIdeContainerElement;
         "gx-ide-create-kb-from-server": HTMLGxIdeCreateKbFromServerElement;
@@ -3840,6 +3883,30 @@ declare namespace LocalJSX {
           * If true a button for deleting the conversation will be render on the header
          */
         "deleteConversationCallback"?: () => void;
+        /**
+          * If true a the welcome screen will be rendered
+         */
+        "displayWelcomeScreen"?: boolean;
+    }
+    interface GxIdeChatWelcome {
+        /**
+          * Fired when the user clicks on a suggested prompt button
+         */
+        "suggestedPrompRequestedCallback"?: (
+    prompt: string
+  ) => Promise<void>;
+        /**
+          * The suggested prompts, if not provided, the default title will be used.
+         */
+        "suggestedPrompts"?: string[];
+        /**
+          * The welcome greeting description, if not provided, the default title will be used.
+         */
+        "welcomeGreeting"?: string;
+        /**
+          * The welcome title, if not provided, the default title will be used.
+         */
+        "welcomeTitle"?: string;
     }
     interface GxIdeConnectGxServer {
         /**
@@ -5158,6 +5225,10 @@ declare namespace LocalJSX {
         "selectorSourceCallback"?: SelectorSourceCallback;
     }
     interface GxIdeScChatContainer {
+        /**
+          * If true, the chat items length will be 0, since this is a requirement for dipslaying the ch-chat "empty-chat" slot that welcome screen uses to display.
+         */
+        "mode"?: "welcome" | "messages-sample" | "empty";
     }
     interface GxIdeSelectKbItems {
         /**
@@ -5919,6 +5990,7 @@ declare namespace LocalJSX {
         "gx-ide-bpm-timer-duration": GxIdeBpmTimerDuration;
         "gx-ide-card": GxIdeCard;
         "gx-ide-chat-container": GxIdeChatContainer;
+        "gx-ide-chat-welcome": GxIdeChatWelcome;
         "gx-ide-connect-gx-server": GxIdeConnectGxServer;
         "gx-ide-container": GxIdeContainer;
         "gx-ide-create-kb-from-server": GxIdeCreateKbFromServer;
@@ -5995,6 +6067,7 @@ declare module "@stencil/core" {
             "gx-ide-bpm-timer-duration": LocalJSX.GxIdeBpmTimerDuration & JSXBase.HTMLAttributes<HTMLGxIdeBpmTimerDurationElement>;
             "gx-ide-card": LocalJSX.GxIdeCard & JSXBase.HTMLAttributes<HTMLGxIdeCardElement>;
             "gx-ide-chat-container": LocalJSX.GxIdeChatContainer & JSXBase.HTMLAttributes<HTMLGxIdeChatContainerElement>;
+            "gx-ide-chat-welcome": LocalJSX.GxIdeChatWelcome & JSXBase.HTMLAttributes<HTMLGxIdeChatWelcomeElement>;
             "gx-ide-connect-gx-server": LocalJSX.GxIdeConnectGxServer & JSXBase.HTMLAttributes<HTMLGxIdeConnectGxServerElement>;
             "gx-ide-container": LocalJSX.GxIdeContainer & JSXBase.HTMLAttributes<HTMLGxIdeContainerElement>;
             "gx-ide-create-kb-from-server": LocalJSX.GxIdeCreateKbFromServer & JSXBase.HTMLAttributes<HTMLGxIdeCreateKbFromServerElement>;

package/dist/types/index.d.ts

@@ -1,2 +1,6 @@
 export * from "./components";
-export { mercuryChatMessageRender, mercuryCodeRender } from "./components/_helpers/chat-container/code-render";
+export { mercuryChatMessageRender, mercuryCodeRender } from "./components/chat/code-render";
+import nexaAvatar from "./components/chat/chat-welcome/gx-ide-assets/chat-welcome/images/ai-avatar.svg";
+export { nexaAvatar };
+import nexaAvatarCommon from "./common/images/ai-avatar.svg";
+export { nexaAvatarCommon };

package/dist/types/showcase/chat-container/callbacks.d.ts

@@ -1,5 +1,5 @@
 import { ChatInternalCallbacks, ChatMessage, ChatTranslations } from "@genexus/chameleon-controls-library";
-export declare const chatCallbacks: ChatInternalCallbacks;
+export declare const chatCallbacksWithChatRef: (chChatRef: HTMLChChatElement) => ChatInternalCallbacks;
 export declare const chatTranslations: ChatTranslations;
 export declare const chatRecord: ChatMessage[];
 export declare const longChatRecord: ChatMessage[];

package/dist/types/showcase/chat-container/chat.showcase.d.ts

@@ -1,8 +1,23 @@
+import { ChatMessage } from "@genexus/chameleon-controls-library";
 export declare class GxIdeScChatContainer {
     #private;
+    /**
+     * If true, the chat items length will be 0, since this is a requirement for dipslaying the ch-chat
+     * "empty-chat" slot that welcome screen uses to display.
+     */
+    readonly mode: "welcome" | "messages-sample" | "empty";
+    generatingResponse: boolean;
+    loadingState: "all-records-loaded" | "initial" | "loading" | "more-data-to-fetch";
     showAdditionalContent: boolean;
     conversationCopied: boolean;
     assistantStatus: string;
+    chatItems: ChatMessage[];
+    /**
+     * It will exit the wellcome screen and remove it from the dom.
+     */
+    exitWelcome(): Promise<void>;
     componentDidLoad(): void;
+    componentDidRender(): void;
+    componentWillLoad(): Promise<void>;
     render(): any;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -35,14 +35,14 @@
     "validate.ci": "npm run test && npm run build -- --max-workers 1 --debug"
   },
   "peerDependencies": {
-    "@genexus/chameleon-controls-library": "~6.2.0",
+    "@genexus/chameleon-controls-library": "~6.5.0",
     "@genexus/gemini": "*2.0.1",
-    "@genexus/mercury": "*0.21.5"
+    "@genexus/mercury": "*0.25.2"
   },
   "devDependencies": {
-    "@genexus/chameleon-controls-library": "~6.2.0",
+    "@genexus/chameleon-controls-library": "~6.5.0",
     "@genexus/gemini": "*2.0.1",
-    "@genexus/mercury": "*0.21.5",
+    "@genexus/mercury": "*0.25.2",
     "@stencil-community/eslint-plugin": "~0.7.1",
     "@stencil/core": "~4.9.0",
     "@stencil/sass": "~1.4.0",