@genexus/genexus-ide-ui 1.0.47 → 1.0.49

package/dist/collection/showcase/chat-container/chat.showcase.js

@@ -0,0 +1,54 @@
+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 __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeScChatContainer_chatContainerRef, _GxIdeScChatContainer_copyConversationCallbackHandler;
+import { Host, h } from "@stencil/core";
+import { mercuryChatMessageRender } from "../../components/_helpers/chat-container/code-render";
+const CSS_BUNDLES = ["resets/box-sizing", "components/chat"];
+import { chatCallbacks, chatTranslations, codeFixerRecord } from "./callbacks";
+export class GxIdeScChatContainer {
+    constructor() {
+        _GxIdeScChatContainer_chatContainerRef.set(this, void 0);
+        _GxIdeScChatContainer_copyConversationCallbackHandler.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeScChatContainer_chatContainerRef, "f").showCopyConversationMessage();
+        });
+        this.showAdditionalContent = false;
+        this.conversationCopied = false;
+    }
+    render() {
+        return (h(Host, null, h("ch-theme", { model: CSS_BUNDLES }), h("gx-ide-chat-container", { chatTitle: "GeneXus Assistant", copyConversationCallback: __classPrivateFieldGet(this, _GxIdeScChatContainer_copyConversationCallbackHandler, "f"), ref: el => (__classPrivateFieldSet(this, _GxIdeScChatContainer_chatContainerRef, el, "f")) }, h("ch-chat", { callbacks: chatCallbacks, class: "chat", generatingResponse: false, loadingState: "all-records-loaded", markdownTheme: "mercury/markdown-viewer", renderItem: mercuryChatMessageRender("mercury/markdown-viewer"), isMobile: false, items: codeFixerRecord, showAdditionalContent: this.showAdditionalContent, translations: chatTranslations }, h("div", { slot: "additional-content" }, "Custom content that is rendered when the chat renders content")))));
+    }
+    static get is() { return "gx-ide-sc-chat-container"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["chat-showcase.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["chat-showcase.css"]
+        };
+    }
+    static get states() {
+        return {
+            "showAdditionalContent": {},
+            "conversationCopied": {}
+        };
+    }
+}
+_GxIdeScChatContainer_chatContainerRef = new WeakMap(), _GxIdeScChatContainer_copyConversationCallbackHandler = new WeakMap();
+//# sourceMappingURL=chat.showcase.js.map

package/dist/collection/showcase/chat-container/chat.showcase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.showcase.js","sourceRoot":"","sources":["../../../src/showcase/chat-container/chat.showcase.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,sDAAsD,CAAC;AAGhG,MAAM,WAAW,GAAmB,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAO/E,MAAM,OAAO,oBAAoB;;QAC/B,yDAAkD;QAKlD,gEAAmC,GAAG,EAAE;YACtC,uBAAA,IAAI,8CAAkB,CAAC,2BAA2B,EAAE,CAAC;QACvD,CAAC,EAAC;qCALwC,KAAK;kCACR,KAAK;;IAM5C,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,gBAAU,KAAK,EAAE,WAAW,GAAa;YACzC,6BACE,SAAS,EAAC,mBAAmB,EAC7B,wBAAwB,EAAE,uBAAA,IAAI,6DAAiC,EAC/D,GAAG,EAAE,EAAE,CAAC,EAAE,CACR,CAAC,uBAAA,IAAI,0CAAqB,EAAmC,MAAA,CAAC;gBAGhE,eACE,SAAS,EAAE,aAAa,EACxB,KAAK,EAAC,MAAM,EACZ,kBAAkB,EAAE,KAAK,EACzB,YAAY,EAAC,oBAAoB,EACjC,aAAa,EAAC,yBAAyB,EACvC,UAAU,EAAE,wBAAwB,CAAC,yBAAyB,CAAC,EAC/D,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,eAAe,EACtB,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EACjD,YAAY,EAAE,gBAAgB;oBAE9B,WAAK,IAAI,EAAC,oBAAoB,oEAExB,CACE,CACY,CACnB,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, State } from \"@stencil/core\";\nimport { mercuryChatMessageRender } from \"../../components/_helpers/chat-container/code-render\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\"resets/box-sizing\", \"components/chat\"];\n\nimport { chatCallbacks, chatTranslations, codeFixerRecord } from \"./callbacks\";\n\n@Component({\n  tag: \"gx-ide-sc-chat-container\",\n  styleUrl: \"chat-showcase.scss\",\n  shadow: true\n})\nexport class GxIdeScChatContainer {\n  #chatContainerRef!: HTMLGxIdeChatContainerElement;\n\n  @State() showAdditionalContent: boolean = false;\n  @State() conversationCopied: boolean = false;\n\n  #copyConversationCallbackHandler = () => {\n    this.#chatContainerRef.showCopyConversationMessage();\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <gx-ide-chat-container\n          chatTitle=\"GeneXus Assistant\"\n          copyConversationCallback={this.#copyConversationCallbackHandler}\n          ref={el =>\n            (this.#chatContainerRef = el as HTMLGxIdeChatContainerElement)\n          }\n        >\n          <ch-chat\n            callbacks={chatCallbacks}\n            class=\"chat\"\n            generatingResponse={false}\n            loadingState=\"all-records-loaded\"\n            markdownTheme=\"mercury/markdown-viewer\"\n            renderItem={mercuryChatMessageRender(\"mercury/markdown-viewer\")}\n            isMobile={false}\n            items={codeFixerRecord}\n            showAdditionalContent={this.showAdditionalContent}\n            translations={chatTranslations}\n          >\n            <div slot=\"additional-content\">\n              Custom content that is rendered when the chat renders content\n            </div>\n          </ch-chat>\n        </gx-ide-chat-container>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/testing/locale.e2e.js

@@ -92,6 +92,8 @@ const allGeneXusIdeUIComponents = {
     "gx-ide-bpm-objects-selector": 0,
     "gx-ide-bpm-timer-duration": 0,
     "gx-ide-card": 0,
+    "gx-ide-chat-container": 0,
+    "gx-ide-sc-chat-container": 0,
     "gx-ide-connect-gx-server": 0,
     "gx-ide-container": 0,
     "gx-ide-create-kb-from-server": 0,
@@ -144,7 +146,9 @@ const allGeneXusIdeUIComponents = {
 };
 const componentsWithoutTranslations = new Set([
     "gx-ide-ai-message",
+    "gx-ide-chat-container",
     "gx-ide-container",
+    "gx-ide-sc-chat-container",
     "gx-ide-directory-selector",
     "gx-ide-empty-state",
     "gx-ide-list-selector",

package/dist/collection/testing/locale.e2e.js.map

@@ -1 +1 @@
-{"version":3,"file":"locale.e2e.js","sourceRoot":"","sources":["../../src/testing/locale.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EPage, newE2EPage } from \"@stencil/core/testing\";\nimport { GeneXusIdeUIControlsTagName } from \"../common/types\";\nimport { haveSameStructure } from \"./same-structure.e2e\";\n\nconst COMPONENT_PREFIX = \"gx-ide-\";\nconst languages: { name: string; attr: string }[] = [\n  { name: \"chinese\", attr: \"zh\" },\n  { name: \"english\", attr: \"en\" },\n  { name: \"japanese\", attr: \"ja\" }\n];\n\nconst testLocale = (componentNameWithPrefix: GeneXusIdeUIControlsTagName) => {\n  describe(`[locale][${componentNameWithPrefix}]`, () => {\n    let page: E2EPage;\n    const componentName = componentNameWithPrefix.replace(COMPONENT_PREFIX, \"\");\n\n    // This implementation is a WA since we can't evaluate JS classes in the page.\n    // TODO: Implement the locale utility as a function, which can be evaluated\n    // in the page\n    const getTranslations = () =>\n      page.evaluate(component => {\n        const ASSETS_FOLDER = \"gx-ide-assets/\";\n        const DEFAULT_LANGUAGE = \"en\";\n        const LANGS_FOLDER = \"langs/\";\n        const LANG_PREFIX = \".lang.\";\n        const LANG_EXTENSION = \".json\";\n        const lang =\n          document\n            .getElementsByTagName(\"html\")[0]\n            .getAttribute(\"lang\")\n            ?.valueOf() ?? DEFAULT_LANGUAGE;\n        const folder = `${component}/`;\n\n        const path =\n          `/build/${ASSETS_FOLDER}${folder}${LANGS_FOLDER}${component}${LANG_PREFIX}${lang}${LANG_EXTENSION}` as const;\n\n        return new Promise(resolve => {\n          fetch(path)\n            .then(async langFile => {\n              if (langFile.ok) {\n                const fileObject = await langFile.json();\n                resolve(fileObject);\n              } else {\n                resolve(undefined);\n              }\n            })\n            .catch(() => resolve(undefined));\n        });\n      }, componentName);\n\n    beforeEach(async () => {\n      page = await newE2EPage({\n        failOnConsoleError: true,\n        html: \"\" // Necessary\n      });\n    });\n\n    it(\"should work without specifying the language (lang attr) in the browser\", async () => {\n      const languageFile: any | undefined = await getTranslations();\n      expect(languageFile).toBeTruthy();\n    });\n\n    it(\"should default to english language when there is no language (lang attr) in the browser\", async () => {\n      const languageFile: any | undefined = await getTranslations();\n      expect(languageFile).toBeTruthy();\n\n      await page.evaluate(() =>\n        document.documentElement.setAttribute(\"lang\", \"en\")\n      );\n\n      const languageEnglishFile: any | undefined = await getTranslations();\n      expect(languageEnglishFile).toBeTruthy();\n      expect(languageFile).toEqual(languageEnglishFile);\n    });\n\n    languages.forEach(language => {\n      it(`should work with ${language.name} language`, async () => {\n        await page.evaluate(\n          (attr: string) => document.documentElement.setAttribute(\"lang\", attr),\n          language.attr\n        );\n        const languageFile: any | undefined = await getTranslations();\n        expect(languageFile).toBeTruthy();\n      });\n    });\n\n    for (let index = 0; index < languages.length - 1; index++) {\n      const language1 = languages[index];\n      const language2 = languages[index + 1];\n\n      // TODO: Complete all translations. At this moment, Japanese and Chinese\n      // translations have missing literals\n      it(`should translate the same literals (${language1.name} and ${language2.name})`, async () => {\n        await page.evaluate(\n          (attr: string) => document.documentElement.setAttribute(\"lang\", attr),\n          language1.attr\n        );\n        const language1File: any | undefined = await getTranslations();\n\n        await page.evaluate(\n          (attr: string) => document.documentElement.setAttribute(\"lang\", attr),\n          language2.attr\n        );\n        const language2File: any | undefined = await getTranslations();\n\n        expect(language1File).toBeTruthy();\n        expect(language2File).toBeTruthy();\n        expect(haveSameStructure(language1File, language2File)).toBe(true);\n      });\n    }\n  });\n};\n\n// TypeScript does not have a built-in type to exhaust a list with union types\nconst allGeneXusIdeUIComponents: { [key in GeneXusIdeUIControlsTagName]: 0 } = {\n  \"gx-ide-ai-assistant\": 0,\n  \"gx-ide-ai-message\": 0,\n  \"gx-ide-bpm-app-declaration\": 0,\n  \"gx-ide-bpm-assign-roles\": 0,\n  \"gx-ide-bpm-import-files\": 0,\n  \"gx-ide-bpm-import-gxpm\": 0,\n  \"gx-ide-bpm-objects-selector\": 0,\n  \"gx-ide-bpm-timer-duration\": 0,\n  \"gx-ide-card\": 0,\n  \"gx-ide-connect-gx-server\": 0,\n  \"gx-ide-container\": 0,\n  \"gx-ide-create-kb-from-server\": 0,\n  \"gx-ide-current-user-info\": 0,\n  \"gx-ide-dashboard-home\": 0,\n  \"gx-ide-data-selector\": 0,\n  \"gx-ide-data-type-selector\": 0,\n  \"gx-ide-design-import\": 0,\n  \"gx-ide-directory-selector\": 0,\n  \"gx-ide-edit-module-server\": 0,\n  \"gx-ide-empty-state\": 0,\n  \"gx-ide-entity-selector\": 0,\n  \"gx-ide-gam-installation-settings\": 0,\n  \"gx-ide-kb-manager-export\": 0,\n  \"gx-ide-kb-manager-import\": 0,\n  \"gx-ide-list-selector\": 0,\n  \"gx-ide-list-selector-item\": 0,\n  \"gx-ide-loader\": 0,\n  \"gx-ide-manage-module-references\": 0,\n  \"gx-ide-manage-module-references-v2\": 0,\n  \"gx-ide-new-environment\": 0,\n  \"gx-ide-new-kb\": 0,\n  \"gx-ide-new-object\": 0,\n  \"gx-ide-object-selector\": 0,\n  \"gx-ide-references\": 0,\n  \"gx-ide-select-user-team\": 0,\n  \"gx-ide-sign-in\": 0,\n  \"gx-ide-sign-in-team\": 0,\n  \"gx-ide-share-kb\": 0,\n  \"gx-ide-start-page\": 0,\n  \"gx-ide-status-buttons\": 0,\n  \"gx-ide-switch-panel\": 0,\n  \"gx-ide-switcher\": 0,\n  \"gx-ide-team-dev-commit\": 0,\n  \"gx-ide-team-dev-select-recent-comment\": 0,\n  \"gx-ide-team-dev-update\": 0,\n  \"gx-ide-team-dev-update-partial-selection\": 0,\n  \"gx-ide-team-dev-update-to-revision\": 0,\n  \"gx-ide-template\": 0,\n  \"gx-ide-test\": 0,\n  \"gx-ide-title\": 0,\n  \"gx-ide-top-bar\": 0,\n  \"gx-ide-wf-settings\": 0,\n  \"gx-ide-ww-images\": 0,\n  \"gx-ide-ww-attributes\": 0,\n  \"gx-ide-navigation-report\": 0,\n  \"gx-ide-splash\": 0,\n  \"gx-ide-welcome-page\": 0,\n  \"gx-ide-bpm-export-xpdl\": 0\n};\n\nconst componentsWithoutTranslations = new Set<GeneXusIdeUIControlsTagName>([\n  \"gx-ide-ai-message\",\n  \"gx-ide-container\",\n  \"gx-ide-directory-selector\",\n  \"gx-ide-empty-state\",\n  \"gx-ide-list-selector\",\n  \"gx-ide-list-selector-item\",\n  \"gx-ide-loader\",\n  \"gx-ide-switch-panel\",\n  \"gx-ide-switcher\",\n  \"gx-ide-test\",\n  \"gx-ide-title\",\n  \"gx-ide-top-bar\"\n]);\n\nconst componentsWithTranslations = Object.keys(\n  allGeneXusIdeUIComponents\n).filter(\n  component =>\n    !componentsWithoutTranslations.has(component as GeneXusIdeUIControlsTagName)\n);\n\ncomponentsWithTranslations.forEach(testLocale);\n"]}
+{"version":3,"file":"locale.e2e.js","sourceRoot":"","sources":["../../src/testing/locale.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EPage, newE2EPage } from \"@stencil/core/testing\";\nimport { GeneXusIdeUIControlsTagName } from \"../common/types\";\nimport { haveSameStructure } from \"./same-structure.e2e\";\n\nconst COMPONENT_PREFIX = \"gx-ide-\";\nconst languages: { name: string; attr: string }[] = [\n  { name: \"chinese\", attr: \"zh\" },\n  { name: \"english\", attr: \"en\" },\n  { name: \"japanese\", attr: \"ja\" }\n];\n\nconst testLocale = (componentNameWithPrefix: GeneXusIdeUIControlsTagName) => {\n  describe(`[locale][${componentNameWithPrefix}]`, () => {\n    let page: E2EPage;\n    const componentName = componentNameWithPrefix.replace(COMPONENT_PREFIX, \"\");\n\n    // This implementation is a WA since we can't evaluate JS classes in the page.\n    // TODO: Implement the locale utility as a function, which can be evaluated\n    // in the page\n    const getTranslations = () =>\n      page.evaluate(component => {\n        const ASSETS_FOLDER = \"gx-ide-assets/\";\n        const DEFAULT_LANGUAGE = \"en\";\n        const LANGS_FOLDER = \"langs/\";\n        const LANG_PREFIX = \".lang.\";\n        const LANG_EXTENSION = \".json\";\n        const lang =\n          document\n            .getElementsByTagName(\"html\")[0]\n            .getAttribute(\"lang\")\n            ?.valueOf() ?? DEFAULT_LANGUAGE;\n        const folder = `${component}/`;\n\n        const path =\n          `/build/${ASSETS_FOLDER}${folder}${LANGS_FOLDER}${component}${LANG_PREFIX}${lang}${LANG_EXTENSION}` as const;\n\n        return new Promise(resolve => {\n          fetch(path)\n            .then(async langFile => {\n              if (langFile.ok) {\n                const fileObject = await langFile.json();\n                resolve(fileObject);\n              } else {\n                resolve(undefined);\n              }\n            })\n            .catch(() => resolve(undefined));\n        });\n      }, componentName);\n\n    beforeEach(async () => {\n      page = await newE2EPage({\n        failOnConsoleError: true,\n        html: \"\" // Necessary\n      });\n    });\n\n    it(\"should work without specifying the language (lang attr) in the browser\", async () => {\n      const languageFile: any | undefined = await getTranslations();\n      expect(languageFile).toBeTruthy();\n    });\n\n    it(\"should default to english language when there is no language (lang attr) in the browser\", async () => {\n      const languageFile: any | undefined = await getTranslations();\n      expect(languageFile).toBeTruthy();\n\n      await page.evaluate(() =>\n        document.documentElement.setAttribute(\"lang\", \"en\")\n      );\n\n      const languageEnglishFile: any | undefined = await getTranslations();\n      expect(languageEnglishFile).toBeTruthy();\n      expect(languageFile).toEqual(languageEnglishFile);\n    });\n\n    languages.forEach(language => {\n      it(`should work with ${language.name} language`, async () => {\n        await page.evaluate(\n          (attr: string) => document.documentElement.setAttribute(\"lang\", attr),\n          language.attr\n        );\n        const languageFile: any | undefined = await getTranslations();\n        expect(languageFile).toBeTruthy();\n      });\n    });\n\n    for (let index = 0; index < languages.length - 1; index++) {\n      const language1 = languages[index];\n      const language2 = languages[index + 1];\n\n      // TODO: Complete all translations. At this moment, Japanese and Chinese\n      // translations have missing literals\n      it(`should translate the same literals (${language1.name} and ${language2.name})`, async () => {\n        await page.evaluate(\n          (attr: string) => document.documentElement.setAttribute(\"lang\", attr),\n          language1.attr\n        );\n        const language1File: any | undefined = await getTranslations();\n\n        await page.evaluate(\n          (attr: string) => document.documentElement.setAttribute(\"lang\", attr),\n          language2.attr\n        );\n        const language2File: any | undefined = await getTranslations();\n\n        expect(language1File).toBeTruthy();\n        expect(language2File).toBeTruthy();\n        expect(haveSameStructure(language1File, language2File)).toBe(true);\n      });\n    }\n  });\n};\n\n// TypeScript does not have a built-in type to exhaust a list with union types\nconst allGeneXusIdeUIComponents: { [key in GeneXusIdeUIControlsTagName]: 0 } = {\n  \"gx-ide-ai-assistant\": 0,\n  \"gx-ide-ai-message\": 0,\n  \"gx-ide-bpm-app-declaration\": 0,\n  \"gx-ide-bpm-assign-roles\": 0,\n  \"gx-ide-bpm-import-files\": 0,\n  \"gx-ide-bpm-import-gxpm\": 0,\n  \"gx-ide-bpm-objects-selector\": 0,\n  \"gx-ide-bpm-timer-duration\": 0,\n  \"gx-ide-card\": 0,\n  \"gx-ide-chat-container\": 0,\n  \"gx-ide-sc-chat-container\": 0,\n  \"gx-ide-connect-gx-server\": 0,\n  \"gx-ide-container\": 0,\n  \"gx-ide-create-kb-from-server\": 0,\n  \"gx-ide-current-user-info\": 0,\n  \"gx-ide-dashboard-home\": 0,\n  \"gx-ide-data-selector\": 0,\n  \"gx-ide-data-type-selector\": 0,\n  \"gx-ide-design-import\": 0,\n  \"gx-ide-directory-selector\": 0,\n  \"gx-ide-edit-module-server\": 0,\n  \"gx-ide-empty-state\": 0,\n  \"gx-ide-entity-selector\": 0,\n  \"gx-ide-gam-installation-settings\": 0,\n  \"gx-ide-kb-manager-export\": 0,\n  \"gx-ide-kb-manager-import\": 0,\n  \"gx-ide-list-selector\": 0,\n  \"gx-ide-list-selector-item\": 0,\n  \"gx-ide-loader\": 0,\n  \"gx-ide-manage-module-references\": 0,\n  \"gx-ide-manage-module-references-v2\": 0,\n  \"gx-ide-new-environment\": 0,\n  \"gx-ide-new-kb\": 0,\n  \"gx-ide-new-object\": 0,\n  \"gx-ide-object-selector\": 0,\n  \"gx-ide-references\": 0,\n  \"gx-ide-select-user-team\": 0,\n  \"gx-ide-sign-in\": 0,\n  \"gx-ide-sign-in-team\": 0,\n  \"gx-ide-share-kb\": 0,\n  \"gx-ide-start-page\": 0,\n  \"gx-ide-status-buttons\": 0,\n  \"gx-ide-switch-panel\": 0,\n  \"gx-ide-switcher\": 0,\n  \"gx-ide-team-dev-commit\": 0,\n  \"gx-ide-team-dev-select-recent-comment\": 0,\n  \"gx-ide-team-dev-update\": 0,\n  \"gx-ide-team-dev-update-partial-selection\": 0,\n  \"gx-ide-team-dev-update-to-revision\": 0,\n  \"gx-ide-template\": 0,\n  \"gx-ide-test\": 0,\n  \"gx-ide-title\": 0,\n  \"gx-ide-top-bar\": 0,\n  \"gx-ide-wf-settings\": 0,\n  \"gx-ide-ww-images\": 0,\n  \"gx-ide-ww-attributes\": 0,\n  \"gx-ide-navigation-report\": 0,\n  \"gx-ide-splash\": 0,\n  \"gx-ide-welcome-page\": 0,\n  \"gx-ide-bpm-export-xpdl\": 0\n};\n\nconst componentsWithoutTranslations = new Set<GeneXusIdeUIControlsTagName>([\n  \"gx-ide-ai-message\",\n  \"gx-ide-chat-container\",\n  \"gx-ide-container\",\n  \"gx-ide-sc-chat-container\",\n  \"gx-ide-directory-selector\",\n  \"gx-ide-empty-state\",\n  \"gx-ide-list-selector\",\n  \"gx-ide-list-selector-item\",\n  \"gx-ide-loader\",\n  \"gx-ide-switch-panel\",\n  \"gx-ide-switcher\",\n  \"gx-ide-test\",\n  \"gx-ide-title\",\n  \"gx-ide-top-bar\"\n]);\n\nconst componentsWithTranslations = Object.keys(\n  allGeneXusIdeUIComponents\n).filter(\n  component =>\n    !componentsWithoutTranslations.has(component as GeneXusIdeUIControlsTagName)\n);\n\ncomponentsWithTranslations.forEach(testLocale);\n"]}

package/dist/components/chat-container.js

@@ -0,0 +1,67 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { g as getIconPath } from './MERCURY_ASSETS.js';
+
+const chatContainerCss = ".chat-container{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content;gap:var(--mer-spacing--xs);padding:var(--mer-spacing--xs);position:relative;--chat-common-border-radius:var(--mer-spacing--2xs)}.section{display:contents}.chat-container__header{padding:var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--sm);display:flex;align-items:center;gap:var(--mer-spacing--sm);justify-content:space-between}.chat-container__ch-chat{overflow:auto;position:relative;display:grid}.chat-container__header,.chat-container__footer{padding:var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--sm);border-radius:var(--chat-common-border-radius)}.chat-container__conversation-copied{position:absolute;z-index:1;inline-size:100%;block-size:100%;background:rgba(22, 22, 23, 0.75);backdrop-filter:saturate(180%) blur(20px);display:grid;align-items:center;justify-content:center;text-align:center;padding:32px;--mer-icon__box--md:18px;pointer-events:none;overflow:hidden;animation:fadeIn 100ms ease-in-out forwards;opacity:0}.chat-container__conversation-copied-wrapper{display:flex;align-items:center;gap:var(--mer-spacing--sm)}.chat-container__conversation-copied-wrapper{animation:liftUp var(--mer-timing--fast) ease-in-out forwards;inset-block-start:4px;opacity:0;animation-delay:var(--mer-timing--fast);position:relative}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes liftUp{from{opacity:0;inset-block-start:4px}to{opacity:1;inset-block-start:0}}.chat::part(message){position:relative;--copy-button-opacity:0;--copied-to-clipboard-opacity:0;--date-opacity:1}.chat::part(message__time),.chat::part(message__copy-button){transition:opacity var(--mer-timing--super-fast) ease-in-out}.chat::part(message__time){opacity:var(--date-opacity)}.chat::part(message):hover{position:relative;--copy-button-opacity:1;--date-opacity:0}.chat::part(message__copy-button){position:absolute;z-index:1;inset-inline-end:0;padding:var(--mer-spacing--sm);transition:opacity var(--mer-timing--fast) ease-in-out;opacity:var(--copy-button-opacity)}.chat::part(message__copy-button)::after{content:\"\";inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);--icon-path:var(--icon__system_copy_primary--enabled)}.chat::part(message__copy-button):hover::after{--icon-path:var(--icon__system_copy_primary--hover)}.chat::part(message__copy-button):active::after{--icon-path:var(--icon__system_copy_primary--active)}.chat::part(message__copied-feedback){transition:opacity 150ms ease-in-out;position:absolute;inline-size:100%;block-size:100%;display:flex;align-items:center;justify-content:center;z-index:2;background:rgba(22, 22, 23, 0.8);backdrop-filter:saturate(180%) blur(20px);opacity:var(--copied-to-clipboard-opacity);pointer-events:none}.chat::part(message__copied-feedback-visible){--copied-to-clipboard-opacity:1;pointer-events:visible}.chat::part(send-container){gap:var(--mer-spacing--xs)}.chat::part(send-input){--control__padding-block:7px !important}.chat::part(send-button){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);inline-size:32px;block-size:32px;background:no-repeat center/var(--mer-icon__box--md) var(--icon-path);--icon-path:var(--icon__system_send_primary--enabled)}.chat::part(send-button):hover{--icon-path:var(--icon__system_send_primary--hover);--control__border-color:var(--mer-text__primary--hover)}.chat::part(send-button):active{--icon-path:var(--icon__system_send_primary--active);--control__border-color:var(--mer-border-color__primary--active)}";
+
+const CSS_BUNDLES = [
+    "resets/box-sizing",
+    "utils/typography",
+    "chameleon/scrollbar",
+    "components/button",
+    "components/icon",
+    "utils/elevation"
+];
+const COPY_ICON = getIconPath({
+    category: "system",
+    name: "copy",
+    colorType: "neutral"
+});
+const CONVERSATION_ICON = getIconPath({
+    category: "objects",
+    name: "conversational-flows"
+});
+const GxIdeChatContainer = /*@__PURE__*/ proxyCustomElement(class GxIdeChatContainer extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.chatTitle = undefined;
+        this.copyConversationCallback = undefined;
+        this.displayConversationCopiedMessage = false;
+    }
+    /**
+     * It will display a feedback message that the conversation has been copied
+     */
+    async showCopyConversationMessage() {
+        this.displayConversationCopiedMessage = true;
+        setTimeout(() => {
+            this.displayConversationCopiedMessage = false;
+        }, 2000);
+    }
+    render() {
+        const renderHeader = this.chatTitle || this.copyConversationCallback;
+        return (h(Host, { class: "chat-container" }, h("ch-theme", { model: CSS_BUNDLES }), h("section", { class: "section" }, renderHeader && (h("header", { class: "chat-container__header elevation-1 body-italic-m" }, this.chatTitle && this.chatTitle, this.copyConversationCallback && (h("button", { class: "button-secondary button-icon-only", onClick: this.copyConversationCallback }, h("ch-image", { class: "icon-md", src: COPY_ICON, onClick: this.copyConversationCallback }))))), h("section", { class: "chat-container__ch-chat" }, h("slot", null), this.displayConversationCopiedMessage && (h("div", { class: "chat-container__conversation-copied" }, h("div", { class: "chat-container__conversation-copied-wrapper" }, h("ch-image", { class: "icon-md", src: CONVERSATION_ICON }), h("p", { class: "body-regular-l" }, "conversation copied"))))))));
+    }
+    static get style() { return chatContainerCss; }
+}, [4, "gx-ide-chat-container", {
+        "chatTitle": [1, "chat-title"],
+        "copyConversationCallback": [16],
+        "displayConversationCopiedMessage": [32],
+        "showCopyConversationMessage": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-chat-container"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-chat-container":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeChatContainer);
+            }
+            break;
+    } });
+}
+
+export { GxIdeChatContainer as G, defineCustomElement as d };
+
+//# sourceMappingURL=chat-container.js.map

package/dist/components/chat-container.js.map

@@ -0,0 +1 @@
+{"file":"chat-container.js","mappings":";;;AAAA,MAAM,gBAAgB,GAAG,isHAAisH;;ACG1tH,MAAM,WAAW,GAAmB;IAClC,mBAAmB;IACnB,kBAAkB;IAClB,qBAAqB;IACrB,mBAAmB;IACnB,iBAAiB;IACjB,iBAAiB;CAClB,CAAC;AAEF,MAAM,SAAS,GAAG,WAAW,CAAC;IAC5B,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,SAAS;CACrB,CAAC,CAAC;AACH,MAAM,iBAAiB,GAAG,WAAW,CAAC;IACpC,QAAQ,EAAE,SAAS;IACnB,IAAI,EAAE,sBAAsB;CAC7B,CAAC,CAAC;MAOU,kBAAkB;;;;;;gDAcwB,KAAK;;;;;IAM1D,MAAM,2BAA2B;QAC/B,IAAI,CAAC,gCAAgC,GAAG,IAAI,CAAC;QAC7C,UAAU,CAAC;YACT,IAAI,CAAC,gCAAgC,GAAG,KAAK,CAAC;SAC/C,EAAE,IAAI,CAAC,CAAC;KACV;IAED,MAAM;QACJ,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,wBAAwB,CAAC;QACrE,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,IAC1B,gBAAU,KAAK,EAAE,WAAW,GAAa,EACzC,eAAS,KAAK,EAAC,SAAS,IACrB,YAAY,KACX,cAAQ,KAAK,EAAC,kDAAkD,IAC7D,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,EAChC,IAAI,CAAC,wBAAwB,KAC5B,cACE,KAAK,EAAC,mCAAmC,EACzC,OAAO,EAAE,IAAI,CAAC,wBAAwB,IAEtC,gBACE,KAAK,EAAC,SAAS,EACf,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,IAAI,CAAC,wBAAwB,GAC5B,CACL,CACV,CACM,CACV,EACD,eAAS,KAAK,EAAC,yBAAyB,IACtC,eAAa,EACZ,IAAI,CAAC,gCAAgC,KACpC,WAAK,KAAK,EAAC,qCAAqC,IAC9C,WAAK,KAAK,EAAC,6CAA6C,IACtD,gBAAU,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,iBAAiB,GAAa,EAC7D,SAAG,KAAK,EAAC,gBAAgB,0BAAwB,CAC7C,CACF,CACP,CACO,CAEF,CACL,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/_helpers/chat-container/chat-container.scss?tag=gx-ide-chat-container","src/components/_helpers/chat-container/chat-container.tsx"],"sourcesContent":[".chat-container {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n  gap: var(--mer-spacing--xs);\n  padding: var(--mer-spacing--xs);\n  position: relative;\n  --chat-common-border-radius: var(--mer-spacing--2xs);\n}\n.section {\n  display: contents;\n}\n\n// header\n.chat-container__header {\n  padding: var(--mer-spacing--2xs) var(--mer-spacing--2xs)\n    var(--mer-spacing--2xs) var(--mer-spacing--sm);\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n  justify-content: space-between;\n}\n\n// ch-chat container\n.chat-container__ch-chat {\n  overflow: auto;\n  position: relative;\n  display: grid;\n}\n\n// footer\n\n// header & footer (common styles)\n.chat-container__header,\n.chat-container__footer {\n  padding: var(--mer-spacing--2xs) var(--mer-spacing--2xs)\n    var(--mer-spacing--2xs) var(--mer-spacing--sm);\n  border-radius: var(--chat-common-border-radius);\n}\n\n.chat-container__conversation-copied {\n  position: absolute;\n  z-index: 1;\n  inline-size: 100%;\n  block-size: 100%;\n  background: rgba(22, 22, 23, 0.75);\n  backdrop-filter: saturate(180%) blur(20px);\n  display: grid;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 32px;\n  --mer-icon__box--md: 18px;\n  pointer-events: none;\n  overflow: hidden;\n  animation: fadeIn 100ms ease-in-out forwards;\n  opacity: 0;\n}\n.chat-container__conversation-copied-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n}\n.chat-container__conversation-copied-wrapper {\n  animation: liftUp var(--mer-timing--fast) ease-in-out forwards;\n  inset-block-start: 4px;\n  opacity: 0;\n  animation-delay: var(--mer-timing--fast);\n  position: relative;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes liftUp {\n  from {\n    opacity: 0;\n    inset-block-start: 4px;\n  }\n  to {\n    opacity: 1;\n    inset-block-start: 0;\n  }\n}\n\n// - - - - - - - - - - - - - - - - - - - - - - - - - -\n// ch-chat overrides TODO: move this styles to Mercury\n// - - - - - - - - - - - - - - - - - - - - - - - - - -\n\n.chat::part(message) {\n  position: relative;\n  --copy-button-opacity: 0;\n  --copied-to-clipboard-opacity: 0;\n  --date-opacity: 1;\n}\n.chat::part(message__time),\n.chat::part(message__copy-button) {\n  transition: opacity var(--mer-timing--super-fast) ease-in-out;\n}\n.chat::part(message__time) {\n  opacity: var(--date-opacity);\n}\n.chat::part(message):hover {\n  position: relative;\n  --copy-button-opacity: 1;\n  --date-opacity: 0;\n}\n.chat::part(message__copy-button) {\n  position: absolute;\n  z-index: 1;\n  inset-inline-end: 0;\n  padding: var(--mer-spacing--sm); // same as part::(message)\n  transition: opacity var(--mer-timing--fast) ease-in-out;\n  opacity: var(--copy-button-opacity);\n\n  &::after {\n    content: \"\";\n    inline-size: var(--mer-icon__box--md);\n    block-size: var(--mer-icon__box--md);\n    background: no-repeat center / var(--mer-icon__size--md) var(--icon-path);\n    --icon-path: var(--icon__system_copy_primary--enabled);\n  }\n  &:hover::after {\n    --icon-path: var(--icon__system_copy_primary--hover);\n  }\n  &:active::after {\n    --icon-path: var(--icon__system_copy_primary--active);\n  }\n}\n\n// // copy button effect\n.chat::part(message__copied-feedback) {\n  transition: opacity 150ms ease-in-out;\n  position: absolute;\n  inline-size: 100%;\n  block-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2;\n  background: rgba(22, 22, 23, 0.8);\n  backdrop-filter: saturate(180%) blur(20px);\n  opacity: var(--copied-to-clipboard-opacity);\n  pointer-events: none;\n}\n\n.chat::part(message__copied-feedback-visible) {\n  --copied-to-clipboard-opacity: 1;\n  pointer-events: visible;\n}\n\n// send button\n\n.chat::part(send-container) {\n  gap: var(--mer-spacing--xs);\n}\n.chat::part(send-input) {\n  --control__padding-block: 7px !important;\n}\n\n.chat::part(send-button) {\n  border-width: var(--control__border-width);\n  border-style: var(--control__border-style);\n  border-color: var(--control__border-color);\n  border-radius: var(--control__border-radius);\n  inline-size: 32px;\n  block-size: 32px;\n  background: no-repeat center / var(--mer-icon__box--md) var(--icon-path);\n  --icon-path: var(--icon__system_send_primary--enabled);\n}\n.chat::part(send-button):hover {\n  --icon-path: var(--icon__system_send_primary--hover);\n  --control__border-color: var(--mer-text__primary--hover);\n}\n.chat::part(send-button):active {\n  --icon-path: var(--icon__system_send_primary--active);\n  --control__border-color: var(--mer-border-color__primary--active);\n}\n","import { Component, Host, h, Prop, Method, State } from \"@stencil/core\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/elevation\"\n];\n\nconst COPY_ICON = getIconPath({\n  category: \"system\",\n  name: \"copy\",\n  colorType: \"neutral\"\n});\nconst CONVERSATION_ICON = getIconPath({\n  category: \"objects\",\n  name: \"conversational-flows\"\n});\n\n@Component({\n  tag: \"gx-ide-chat-container\",\n  styleUrl: \"chat-container.scss\",\n  shadow: false\n})\nexport class GxIdeChatContainer {\n  /**\n   * The chat title\n   */\n  @Prop() readonly chatTitle?: string;\n\n  /**\n   * If true a button for copying the conversation will be render on the header.s\n   */\n  @Prop() readonly copyConversationCallback: () => void;\n\n  /**\n   * Coneration Copied\n   */\n  @State() displayConversationCopiedMessage: boolean = false;\n\n  /**\n   * It will display a feedback message that the conversation has been copied\n   */\n  @Method()\n  async showCopyConversationMessage() {\n    this.displayConversationCopiedMessage = true;\n    setTimeout(() => {\n      this.displayConversationCopiedMessage = false;\n    }, 2000);\n  }\n\n  render() {\n    const renderHeader = this.chatTitle || this.copyConversationCallback;\n    return (\n      <Host class=\"chat-container\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          {renderHeader && (\n            <header class=\"chat-container__header elevation-1 body-italic-m\">\n              {this.chatTitle && this.chatTitle}\n              {this.copyConversationCallback && (\n                <button\n                  class=\"button-secondary button-icon-only\"\n                  onClick={this.copyConversationCallback}\n                >\n                  <ch-image\n                    class=\"icon-md\"\n                    src={COPY_ICON}\n                    onClick={this.copyConversationCallback}\n                  ></ch-image>\n                </button>\n              )}\n            </header>\n          )}\n          <section class=\"chat-container__ch-chat\">\n            <slot></slot>\n            {this.displayConversationCopiedMessage && (\n              <div class=\"chat-container__conversation-copied\">\n                <div class=\"chat-container__conversation-copied-wrapper\">\n                  <ch-image class=\"icon-md\" src={CONVERSATION_ICON}></ch-image>\n                  <p class=\"body-regular-l\">conversation copied</p>\n                </div>\n              </div>\n            )}\n          </section>\n          {/* <footer class=\"chat-container__footer elevation-1\">footer</footer> */}\n        </section>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/gx-ide-chat-container.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GxIdeChatContainer extends Components.GxIdeChatContainer, HTMLElement {}
+export const GxIdeChatContainer: {
+    prototype: GxIdeChatContainer;
+    new (): GxIdeChatContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gx-ide-chat-container.js

@@ -0,0 +1,8 @@
+import { G as GxIdeChatContainer$1, d as defineCustomElement$1 } from './chat-container.js';
+
+const GxIdeChatContainer = GxIdeChatContainer$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeChatContainer, defineCustomElement };
+
+//# sourceMappingURL=gx-ide-chat-container.js.map

package/dist/components/gx-ide-chat-container.js.map

@@ -0,0 +1 @@
+{"file":"gx-ide-chat-container.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/gx-ide-sc-chat-container.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface GxIdeScChatContainer extends Components.GxIdeScChatContainer, HTMLElement {}
+export const GxIdeScChatContainer: {
+    prototype: GxIdeScChatContainer;
+    new (): GxIdeScChatContainer;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/gx-ide-sc-chat-container.js

@@ -0,0 +1,346 @@
+import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
+import './MERCURY_ASSETS.js';
+import { d as defineCustomElement$2 } from './chat-container.js';
+
+const MESSAGE_COPIED_PART_SELECTOR = "message__copied-feedback";
+const MESSAGE_COPIED_VISIBLE_PART_SELECTOR = "message__copied-feedback-visible";
+const copy = (text) => (event) => {
+    event.stopPropagation();
+    // 1. Copy message
+    navigator.clipboard.writeText(text);
+    // 2. Display "copied" message (expects to be the next sibling!)
+    const copiedFeedbackRef = event.target
+        .nextSibling;
+    const copiedFeedbackPart = copiedFeedbackRef.getAttribute("part");
+    if (copiedFeedbackPart === MESSAGE_COPIED_PART_SELECTOR) {
+        copiedFeedbackRef.setAttribute("part", `${MESSAGE_COPIED_PART_SELECTOR} ${MESSAGE_COPIED_VISIBLE_PART_SELECTOR}`);
+        setTimeout(() => {
+            copiedFeedbackRef.setAttribute("part", `${MESSAGE_COPIED_PART_SELECTOR}`);
+        }, 1000);
+    }
+};
+const copyButton = (textToCopy, accessibleName, additionalPart) => {
+    return (h("button", { "aria-label": accessibleName, title: accessibleName, class: "button-copy-code", type: "button", onClick: copy(textToCopy), part: `message__copy-button ${additionalPart}` }));
+};
+const mercuryCodeRender = (copyButtonAccessibleName) => (options) => (h("div", { class: "code-block-container" },
+    h("div", { class: "code-block-header" }, copyButton(options.plainText, copyButtonAccessibleName, "code-render")),
+    h("ch-code", { language: options.language, lastNestedChildClass: options.lastNestedChildClass, value: options.plainText })));
+const mercuryChatMessageRender = (theme) => (messageModel) => messageModel.role === "assistant" && messageModel.status === "waiting"
+    ? [
+        h("span", { part: "message__processing" }, "Processing request"),
+        h("div", { class: "processing-animation", part: "processing-animation" })
+    ]
+    : [
+        // "copy button" before "role" and "time" to hide both on button:focus
+        copyButton(messageModel.content, "Copy code", "common-message"),
+        h("p", { part: MESSAGE_COPIED_PART_SELECTOR }, "message copied to clipboard"),
+        h("span", { part: `message__role ${messageModel.role}` }, messageModel.role === "user" ? "You" : "GeneXus Code Fixer"),
+        h("time", { dateTime: messageModel.metadata, part: "message__time" }, messageModel.metadata),
+        messageModel.role === "user" ? (h("span", { part: "message__content user" }, messageModel.content)) : (h("ch-markdown-viewer", { part: messageModel.role === "assistant" &&
+                (messageModel.status === "complete" || !messageModel.status) &&
+                !messageModel.parts
+                ? `message__content no-error`
+                : "message__content", theme: theme, showIndicator: false, renderCode: mercuryCodeRender("Copy code"), value: messageModel.content }))
+    ];
+
+const PROCESSING_PLACEHOLDER = "{{ASSISTANT_NAME}}";
+let timeOut;
+const ASSISTANT_RESPONSE_MARKDOWN = `
+    ### Code block {#code-block}
+    To create code blocks, you’ll use three backticks (\` \`\`\` \`) or three tildes (\`~~~\`) on the lines before and after the code block.
+    
+    \`\`\`
+    {
+      "firstName": "John",
+      "lastName": "Smith",
+      "age": 25
+    }
+    \`\`\`
+    
+    Another way to create code blocks is to indent every line of the block by at least four spaces or one tab.
+    
+        <html>
+          <head>
+          </head>
+        </html>
+    
+    
+    #### Syntax Highlighting {#syntax-highlighting}
+    This feature allows you to add color highlighting for whatever language your code was written in.
+    To add syntax highlighting, specify a language next to the backticks before the fenced code block.
+    
+    \`\`\`json
+    {
+      "firstName": "John",
+      "lastName": "Smith",
+      "age": 25
+    }
+    \`\`\`
+    
+    \`\`\`javascript
+    import React from 'react'
+    import ReactDOM from 'react-dom'
+    import Markdown from 'react-markdown'
+    import rehypeHighlight from 'rehype-highlight'
+    
+    const markdown = \`
+    # Your markdown here
+    \`
+    
+    ReactDOM.render(
+      <Markdown rehypePlugins={[rehypeHighlight]}>{markdown}</Markdown>,
+      document.querySelector('#content')
+    )
+    \`\`\`
+    
+    ### Horizontal Rules {#horizontal-rules}
+    To create a horizontal rule, use three or more asterisks (\`***\`), dashes (\`---\`), or underscores (\`___\`) on a line by themselves.
+    `;
+const ASSISTANT_RESPONSE_SHORT_MARKDOWN = `
+    ### Code block {#code-block}
+    To create code blocks, you’ll use three backticks (\` \`\`\` \`) or three tildes (\`~~~\`) on the lines before and after the code block.
+    
+    \`\`\`json
+    {
+      "firstName": "John",
+      "lastName": "Smith",
+      "age": 25
+    }
+    \`\`\`
+    `;
+const sendChatToLLM = () => {
+    // This is a WA to get the chat reference
+    const chatRef = document.querySelector("ch-chat");
+    chatRef.addNewMessage({
+        id: `${new Date().getTime()}`,
+        role: "assistant",
+        content: "Analyzing",
+        status: "waiting"
+    });
+    timeOut = setTimeout(() => {
+        chatRef.updateLastMessage({
+            role: "assistant",
+            content: "Processing with Chat with LLMs",
+            status: "waiting"
+        }, "replace");
+        timeOut = setTimeout(() => {
+            dummyStreaming(chatRef, 20, ASSISTANT_RESPONSE_MARKDOWN, "replace");
+        }, 200);
+    }, 200);
+};
+function dummyStreaming(chatRef, counter, stringToDisplay, mode) {
+    timeOut = setTimeout(() => {
+        const streamingCompleted = counter >= stringToDisplay.length;
+        chatRef.updateLastMessage({
+            role: "assistant",
+            content: {
+                message: stringToDisplay.substring(counter - 20, counter),
+                files: streamingCompleted
+                    ? [
+                        {
+                            url: "https://next.genexus.ai",
+                            caption: "Mars Exploration Contract"
+                        },
+                        {
+                            url: "https://gx-chameleon.netlify.app",
+                            caption: "Venus Exploration Contract"
+                        }
+                    ]
+                    : undefined
+            },
+            status: streamingCompleted ? "complete" : "streaming"
+        }, mode);
+        if (!streamingCompleted) {
+            dummyStreaming(chatRef, counter + 20, stringToDisplay, "concat");
+        }
+    }, counter % 200 === 0 ? 50 : 40);
+}
+const chatCallbacks = {
+    clear: () => new Promise(resolve => resolve()),
+    sendChatToLLM: sendChatToLLM,
+    uploadImage: () => new Promise(resolve => resolve("")),
+    stopGeneratingAnswer: () => {
+        clearTimeout(timeOut);
+        // This is a WA to get the chat reference
+        const chatRef = document.querySelector("ch-chat");
+        chatRef.updateLastMessage({
+            role: "assistant",
+            content: "",
+            status: "complete"
+        }, "concat");
+        return new Promise(resolve => setTimeout(() => resolve, 10));
+    }
+};
+const chatTranslations = {
+    accessibleName: {
+        clearChat: "Clear chat",
+        copyResponseButton: "Copy assistant response",
+        downloadCodeButton: "Download code",
+        imagePicker: "Select images",
+        removeUploadedImage: "Remove uploaded image",
+        sendButton: "Send",
+        sendInput: "Message",
+        stopGeneratingAnswerButton: "Stop generating answer"
+    },
+    placeholder: {
+        sendInput: "Ask me a question..."
+    },
+    text: {
+        copyCodeButton: "Copy code",
+        processing: `Processing with ${PROCESSING_PLACEHOLDER}`,
+        sourceFiles: "Source files:"
+    }
+};
+Array.from({ length: 40 }, (_, index) => index % 2 === 0
+    ? {
+        id: `index: ${index}`,
+        role: "user",
+        content: `index: ${index}` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n`
+    }
+    : {
+        id: `index: ${index}`,
+        role: "assistant",
+        content: ASSISTANT_RESPONSE_SHORT_MARKDOWN +
+            `\nindex: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n` +
+            `index: ${index}\n`
+    });
+const codeFixerRecord = [
+    {
+        id: "1",
+        role: "user",
+        content: "Please give me an example about...",
+        metadata: "14:55"
+    },
+    {
+        id: "2",
+        role: "assistant",
+        status: "complete",
+        content: "Action required example. Action required example. Action required example.",
+        metadata: "14:56"
+    },
+    {
+        id: "3",
+        role: "assistant",
+        status: "complete",
+        content: "Warning in request",
+        metadata: "14:57",
+        parts: "warning"
+    },
+    {
+        id: "4",
+        role: "error",
+        content: "Error in Request",
+        metadata: "14:58"
+    },
+    {
+        id: "5",
+        role: "assistant",
+        status: "complete",
+        content: "Warning in request",
+        metadata: "14:59",
+        parts: "success"
+    },
+    {
+        id: "6",
+        role: "user",
+        content: "Implement the function calculate_average_grade in grades.py that takes a list of grades as input and returns the average grade as a floating-point number",
+        metadata: "15:00"
+    },
+    {
+        id: "7",
+        role: "assistant",
+        status: "complete",
+        content: "You can provide further details or updates regarding your support ticket and its associated code. Your input here helps us better understand and address your issue effectively.",
+        metadata: "15:01"
+    },
+    {
+        id: "8",
+        role: "assistant",
+        status: "waiting",
+        content: "Processing Request"
+    },
+    {
+        id: "9",
+        role: "assistant",
+        status: "complete",
+        content: ASSISTANT_RESPONSE_SHORT_MARKDOWN
+    }
+];
+
+const chatShowcaseCss = ":host{block-size:100%;display:grid}";
+
+var __classPrivateFieldGet = (undefined && undefined.__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 __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m")
+        throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var _GxIdeScChatContainer_chatContainerRef, _GxIdeScChatContainer_copyConversationCallbackHandler;
+const CSS_BUNDLES = ["resets/box-sizing", "components/chat"];
+const GxIdeScChatContainer$1 = /*@__PURE__*/ proxyCustomElement(class GxIdeScChatContainer extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        _GxIdeScChatContainer_chatContainerRef.set(this, void 0);
+        _GxIdeScChatContainer_copyConversationCallbackHandler.set(this, () => {
+            __classPrivateFieldGet(this, _GxIdeScChatContainer_chatContainerRef, "f").showCopyConversationMessage();
+        });
+        this.showAdditionalContent = false;
+        this.conversationCopied = false;
+    }
+    render() {
+        return (h(Host, null, h("ch-theme", { model: CSS_BUNDLES }), h("gx-ide-chat-container", { chatTitle: "GeneXus Assistant", copyConversationCallback: __classPrivateFieldGet(this, _GxIdeScChatContainer_copyConversationCallbackHandler, "f"), ref: el => (__classPrivateFieldSet(this, _GxIdeScChatContainer_chatContainerRef, el, "f")) }, h("ch-chat", { callbacks: chatCallbacks, class: "chat", generatingResponse: false, loadingState: "all-records-loaded", markdownTheme: "mercury/markdown-viewer", renderItem: mercuryChatMessageRender("mercury/markdown-viewer"), isMobile: false, items: codeFixerRecord, showAdditionalContent: this.showAdditionalContent, translations: chatTranslations }, h("div", { slot: "additional-content" }, "Custom content that is rendered when the chat renders content")))));
+    }
+    static get style() { return chatShowcaseCss; }
+}, [1, "gx-ide-sc-chat-container", {
+        "showAdditionalContent": [32],
+        "conversationCopied": [32]
+    }]);
+_GxIdeScChatContainer_chatContainerRef = new WeakMap(), _GxIdeScChatContainer_copyConversationCallbackHandler = new WeakMap();
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["gx-ide-sc-chat-container", "gx-ide-chat-container"];
+    components.forEach(tagName => { switch (tagName) {
+        case "gx-ide-sc-chat-container":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, GxIdeScChatContainer$1);
+            }
+            break;
+        case "gx-ide-chat-container":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const GxIdeScChatContainer = GxIdeScChatContainer$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { GxIdeScChatContainer, defineCustomElement };
+
+//# sourceMappingURL=gx-ide-sc-chat-container.js.map