@genexus/genexus-ide-ui 1.1.56 → 1.1.57

package/dist/esm/gx-ide-references.entry.js

@@ -1,5 +1,9 @@
 import { r as registerInstance, g as getAssetPath, h, H as Host, a as getElement } from './index-eace714c.js';
-import { g as getIconPath } from './MERCURY_ASSETS-ccf43ae3.js';
+import { g as getIconPath } from './assets-manager-7d6fc08f.js';
+import './mer-animated-dots-75d88f7e.js';
+import 'lit';
+import 'lit/directives/when.js';
+import 'lit/directives/if-defined.js';
 import { L as Locale } from './locale-e5107fad.js';
 
 /**

package/dist/esm/gx-ide-references.entry.js.map

@@ -1 +1 @@
-{"file":"gx-ide-references.entry.js","mappings":"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","names":[],"sources":["src/components/references/helpers.ts","src/components/references/references.scss?tag=gx-ide-references&encapsulation=shadow","src/components/references/references.tsx"],"sourcesContent":["/* Tree View */\nimport {\n  ComboBoxModel,\n  TreeViewItemModel\n} from \"@genexus/chameleon-controls-library\";\n\n/* References Types*/\nimport { ObjectData, SelectorCategoryData } from \"./references\";\nimport { ReferenceData } from \"./references\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n\n/**\n * @description This function converts SelectorCategoryData[] SuggestData\n */\n\nconst convertToTreeItem = (item: ReferenceData): TreeViewItemModel => ({\n  caption: item.name,\n  id: item.id,\n  items: (item.items ?? []).map(convertToTreeItem),\n  lazy: item.hasChildren && (item.items == null || item.items.length === 0),\n  leaf: item.hasChildren === false,\n  startImgSrc: item.icon\n});\n\n/**\n * @description This function converts ReferenceData[] data to TreeItemData[]\n */\nexport const convertReferenceDataToTreeViewData = (\n  referenceData: ReferenceData[] | undefined\n): TreeViewItemModel[] => {\n  const treeData: TreeViewItemModel[] = [];\n  if (!referenceData) {\n    return treeData;\n  }\n\n  referenceData.forEach(item => {\n    treeData.push(convertToTreeItem(item));\n  });\n  return treeData;\n};\n\nexport const mapObjectDataToComboBoxItemModel = (\n  options: ObjectData[]\n): ComboBoxModel => {\n  return options.map(option => {\n    return {\n      value: option.id,\n      caption: option.name,\n      startImgSrc: option.icon ?? \"\"\n    };\n  });\n};\n\nexport const mapSelectorCategoryDataToComboBoxModel = (\n  categoryData: SelectorCategoryData[]\n): ComboBoxModel => {\n  return categoryData.map((category: SelectorCategoryData) => {\n    const mappedGroup: ComboBoxItemModel = {\n      value: category.name,\n      caption: category.name,\n      expandable: true,\n      expanded: true,\n      items: category.items.map((item: ObjectData) => ({\n        value: item.id,\n        caption: item.description,\n        startImgSrc: item.icon\n      }))\n    };\n\n    return mappedGroup;\n  });\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr;\n}\n.section {\n  display: contents;\n}\n\n.header {\n  /*Top*/\n  &__top {\n    grid-template-columns: max-content 1fr max-content;\n  }\n  /*Bottom*/\n  &__bottom {\n    display: grid;\n    grid-template-rows: 1fr;\n    transition: var(--mer-timing--fast) grid-template-rows;\n    &--hidden {\n      grid-template-rows: 0fr;\n    }\n\n    .outer-wrapper {\n      overflow: hidden;\n    }\n\n    .inner-wrapper {\n      padding-top: var(--content-block-spacing);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n\n      &__left {\n        display: flex;\n        align-items: center;\n        gap: var(--gx-ide-grid-row-gap);\n      }\n    }\n  }\n}\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n.section__referenced-by,\n.section__references-to {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n}\n.control-header__referenced-by,\n.control-header__references-to {\n  padding-block-start: var(--mer-spacing--md);\n}\n.main__referenced-by,\n.main__references-to {\n  grid-auto-rows: max-content;\n  overflow: auto;\n}\n.main__referenced-by {\n  border-inline-end: var(--section-common-border);\n}\n\n.text-align-center {\n  text-align: center;\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private */\n/* STENCIL IMPORTS */\nimport {\n  Component,\n  Element,\n  getAssetPath,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  ChComboBoxRenderCustomEvent,\n  ComboBoxModel,\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport {\n  convertReferenceDataToTreeViewData,\n  mapSelectorCategoryDataToComboBoxModel\n} from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/pills\",\n  \"components/combo-box\",\n  \"components/icon\",\n  \"components/checkbox\",\n  \"components/tree-view\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"utils/form\",\n  \"utils/typography\"\n];\n\nconst GEMINI_TOOLS_SHOW_MORE_HORIZONTAL = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"primary\"\n});\nconst NAVIGATION_ARROW_DOWN_SKY_BLUE = getIconPath({\n  category: \"navigation\",\n  name: \"arrow-down-skyblue\",\n  colorType: \"primary\"\n});\n\nconst SUGGEST_OPTIONS = {\n  alreadyProcessed: true,\n  autoExpand: false,\n  hideMatchesAndShowNonMatches: false,\n  highlightMatchedItems: false,\n  matchCase: false,\n  regularExpression: false,\n  strict: false,\n  renderActiveItemIconOnExpand: true\n};\n\n@Component({\n  tag: \"gx-ide-references\",\n  styleUrl: \"references.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/references\"]\n})\nexport class GxIdeReferences {\n  #objectDataMap: objectDataMap = new Map();\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/references/shortcuts.json`);\n  #_componentLocale: any;\n\n  @Element() el: HTMLGxIdeReferencesElement;\n  #selectObjectSuggestEl!: HTMLChComboBoxRenderElement;\n\n  /**\n   * Displays or hides the header-bottom section\n   */\n  @State() barHidden = false;\n\n  /**\n   * Objects suggestions that will appear on the suggest\n   */\n  @State() objectsSuggestions: ComboBoxModel;\n\n  @State() referencedByTreeData: TreeViewItemModel[];\n\n  @State() referencesToTreeData: TreeViewItemModel[];\n\n  /**\n   * Callback invoked when a node is expanded in any references panels\n   */\n  @Prop() readonly loadReferencesCallback?: LoadReferencesCallback;\n\n  /**\n   * Callback invoked when user wants to open an object\n   */\n  @Prop() readonly openObjectCallback?: OpenObjectCallback;\n\n  /**\n   * Callback invoked when user wants to show object selection dialog\n   */\n  @Prop() readonly openSelectorDialogCallback?: OpenSelectorDialogCallback;\n\n  /**\n   * Callback invoked when any item from the references panels is selected\n   */\n  @Prop() readonly selectReferenceCallback?: SelectReferenceCallback;\n\n  /**\n   * Callback invoked when user writes on object selector input\n   */\n  @Prop() readonly selectorSourceCallback?: SelectorSourceCallback;\n\n  /**\n   * Currently selected object\n   */\n  @Prop({ mutable: true }) selectedObject?: ObjectData;\n\n  @Watch(\"selectedObject\")\n  selectedObjectChanged(newSelectedObject: ObjectData) {\n    if (newSelectedObject?.id) {\n      /* update \"is referenced by*/\n      this.#loadReferencesHandler(newSelectedObject.id, false);\n      /* update \"has references to*/\n      this.#loadReferencesHandler(newSelectedObject.id, true);\n    }\n  }\n\n  componentDidLoad() {\n    this.#selectObjectSuggestEl.focus();\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#evaluateInitialReferenceData();\n  }\n\n  /**\n   * Evaluates whether to call loadReferencesCallback based on the presence of a selected object.\n   */\n  #evaluateInitialReferenceData = () => {\n    if (this.selectedObject) {\n      this.selectedObjectChanged(this.selectedObject);\n    }\n  };\n\n  /**\n   * Hides or shows the bar (the bottom section of the header).\n   */\n  #hideBarButtonClickedHandler = () => {\n    this.barHidden = !this.barHidden;\n  };\n\n  /**\n   * Invokes 'loadReferencesCallback' for 'Is Referenced By' and 'Has References To' panels.\n   */\n  #loadReferencesHandler = async (id: string, to = false) => {\n    if (this.loadReferencesCallback) {\n      this.loadReferencesCallback(id, to).then(result => {\n        if (to) {\n          this.referencesToTreeData =\n            convertReferenceDataToTreeViewData(result);\n        } else {\n          this.referencedByTreeData =\n            convertReferenceDataToTreeViewData(result);\n        }\n      });\n    }\n  };\n\n  #openObjectCallbackHandler = () => {\n    // Returns an empty Promise\n    this.openObjectCallback(this.selectedObject?.id);\n  };\n\n  /**\n   * Fired when user clicks the ch-suggest button (...)\n   */\n  #openSelectorDialogCallbackHandler = async () => {\n    const objectDataResult = await this.openSelectorDialogCallback();\n    if (objectDataResult) {\n      this.selectedObject = objectDataResult;\n    }\n  };\n\n  #referenceSelectedHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    if (this.selectReferenceCallback) {\n      const selectedItems: string[] = event.detail.map(item => item.item.id);\n      this.selectReferenceCallback(selectedItems[0]);\n      // returns void\n    }\n  };\n\n  #referencesItemOpenReferenceCallback = (\n    itemOpened: CustomEvent<{ id: string; leaf: boolean; metadata: string }>\n  ) => {\n    const itemId = itemOpened.detail.id;\n    if (this.openObjectCallback) {\n      this.openObjectCallback(itemId);\n      // returns void\n    }\n  };\n\n  #referencesLazyLoadCallbackHandler =\n    (ref: \"references-to\" | \"referenced-by\") =>\n    async (treeItemId: string): Promise<TreeViewItemModel[]> => {\n      if (this.loadReferencesCallback) {\n        const to = ref === \"references-to\";\n        const referencesLazyChildren = await this.loadReferencesCallback(\n          treeItemId,\n          to\n        );\n        const treeLazyChildren = convertReferenceDataToTreeViewData(\n          referencesLazyChildren\n        );\n        return new Promise(resolve => {\n          resolve(treeLazyChildren);\n        });\n      }\n      return new Promise(resolve => {\n        resolve([]);\n      });\n    };\n\n  #selectObjectChangedHandler = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    const newSelectedValue = event.detail as string;\n\n    const objectData = this.#objectDataMap.get(newSelectedValue);\n    if (objectData) {\n      this.selectedObject = objectData;\n    }\n  };\n\n  #selectObjectInputHandler = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    // WA to know if the event was from searching on the input or an item selection.\n    // const partValue = (e.target as HTMLElement).getAttribute(\"part\");\n    const typedValue = event.detail as string;\n    if (this.selectorSourceCallback) {\n      this.selectorSourceCallback(typedValue).then(\n        selectorCategoryDataArray => {\n          // update map\n          this.#objectDataMap.clear();\n          selectorCategoryDataArray?.forEach(selectorCategoryData => {\n            selectorCategoryData.items.forEach(objectData => {\n              this.#objectDataMap.set(objectData.description, {\n                id: objectData.id,\n                typeName: objectData.typeName,\n                icon: objectData.icon,\n                name: objectData.name,\n                description: objectData.description\n              });\n            });\n          });\n\n          this.objectsSuggestions = mapSelectorCategoryDataToComboBoxModel(\n            selectorCategoryDataArray\n          );\n        }\n      );\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border spacing-body-inline spacing-body-block-start\">\n            <div class=\"header__top field-group\">\n              <button\n                type=\"button\"\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#_componentLocale.header.toggleBar}\n                part=\"toggle-bar-button\"\n                onClick={this.#hideBarButtonClickedHandler}\n              >\n                <ch-image\n                  class=\"icon-md\"\n                  src={NAVIGATION_ARROW_DOWN_SKY_BLUE}\n                  containerRef={this.el}\n                ></ch-image>\n              </button>\n\n              <div class=\"field field-inline\">\n                <label\n                  // select object\n                  class=\"label\"\n                  part=\"select-object-label\"\n                  htmlFor=\"object-selector-suggest\"\n                >\n                  {this.#_componentLocale.header.selectObject}\n                </label>\n                <ch-combo-box-render\n                  accessibleName={this.#_componentLocale.header.selectObject}\n                  class=\"combo-box\"\n                  model={this.objectsSuggestions}\n                  suggest\n                  onInput={this.#selectObjectInputHandler}\n                  onChange={this.#selectObjectChangedHandler}\n                  value={this.selectedObject?.name}\n                  part=\"object-selector-suggest\"\n                  suggestOptions={SUGGEST_OPTIONS}\n                  ref={(el: HTMLChComboBoxRenderElement) =>\n                    (this.#selectObjectSuggestEl =\n                      el as HTMLChComboBoxRenderElement)\n                  }\n                ></ch-combo-box-render>\n              </div>\n\n              <button\n                type=\"button\"\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#_componentLocale.header.openSelectorButton}\n                onClick={this.#openSelectorDialogCallbackHandler}\n                part=\"open-selector-dialog-button\"\n              >\n                <ch-image\n                  class=\"icon-md\"\n                  src={GEMINI_TOOLS_SHOW_MORE_HORIZONTAL}\n                  containerRef={this.el}\n                ></ch-image>\n              </button>\n            </div>\n\n            <div\n              class={{\n                \"header__bottom\": true,\n                \"header__bottom--hidden\": this.barHidden\n              }}\n            >\n              <div class=\"outer-wrapper\">\n                <div class=\"inner-wrapper\">\n                  <div class=\"inner-wrapper__left\">\n                    <ch-image\n                      class=\"icon-md\"\n                      src={this.selectedObject.icon}\n                      containerRef={this.el}\n                    ></ch-image>\n                    <a\n                      class=\"text-link\"\n                      onClick={this.#openObjectCallbackHandler}\n                      part=\"open-object-text-link\"\n                      aria-label={\n                        this.#_componentLocale.main.selectedObjectLink\n                      }\n                    >\n                      {`${this.selectedObject?.name} : ${this.selectedObject?.description}`}\n                    </a>\n                  </div>\n                  {/* <div class=\"inner-wrapper__right\">\n                    TODO: Add this feature \"Group References by Type\".\n                    <ch-checkbox\n                      class=\"checkbox\"\n                      id=\"references-by-type\"\n                      part=\"references-type-checkbox\"\n                      checkedValue=\"referencesByType\"\n                      caption=\"Group references by type\"\n                    ></ch-checkbox>\n                  </div> */}\n                </div>\n              </div>\n            </div>\n          </header>\n          <div class=\"main\">\n            <section class=\"section__referenced-by\">\n              <h2 class=\"control-header control-header-with-border control-header__referenced-by heading-5 text-align-center spacing-body-inline subtitle-regular-xs\">\n                {this.#_componentLocale.main.isReferencedBy}\n              </h2>\n\n              <div\n                // is referenced by\n                class=\"main__referenced-by spacing-body-block-start spacing-body-block-end\"\n              >\n                <ch-tree-view-render\n                  class={{\n                    \"gxi-hidden\": !this.referencedByTreeData?.length,\n                    \"tree-view\": true\n                  }}\n                  part=\"referenced-by-tree\"\n                  model={this.referencedByTreeData}\n                  aria-label={\n                    this.#_componentLocale.main.referencedByTreeAccessible\n                  }\n                  lazyLoadTreeItemsCallback={this.#referencesLazyLoadCallbackHandler(\n                    \"referenced-by\"\n                  )}\n                  onSelectedItemsChange={this.#referenceSelectedHandler}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  onItemOpenReference={\n                    this.#referencesItemOpenReferenceCallback\n                  }\n                  showLines=\"last\"\n                ></ch-tree-view-render>\n                {!this.referencedByTreeData?.length && (\n                  <gx-ide-empty-state\n                    stateTitle={\n                      this.referencedByTreeData?.length === 0\n                        ? this.#_componentLocale.main.isReferencedByEmpty\n                        : this.#_componentLocale.main.isReferencedByError\n                    }\n                  ></gx-ide-empty-state>\n                )}\n              </div>\n            </section>\n\n            <section class=\"section__references-to\">\n              <h2 class=\"control-header control-header-with-border control-header__references-to heading-5 text-align-center spacing-body-inline subtitle-regular-xs\">\n                {this.#_componentLocale.main.hasReferencesTo}\n              </h2>\n\n              <div\n                // has references to\n                class=\"main__references-to spacing-body-block-start spacing-body-block-end\"\n              >\n                <ch-tree-view-render\n                  class={{\n                    \"gxi-hidden\": !this.referencesToTreeData?.length,\n                    \"tree-view\": true\n                  }}\n                  part=\"referenced-to-tree\"\n                  model={this.referencesToTreeData}\n                  aria-label={\n                    this.#_componentLocale.main.referencesToTreeAccessible\n                  }\n                  lazyLoadTreeItemsCallback={this.#referencesLazyLoadCallbackHandler(\n                    \"references-to\"\n                  )}\n                  onSelectedItemsChange={this.#referenceSelectedHandler}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  onItemOpenReference={\n                    this.#referencesItemOpenReferenceCallback\n                  }\n                  showLines=\"last\"\n                ></ch-tree-view-render>\n                {!this.referencesToTreeData?.length && (\n                  <gx-ide-empty-state\n                    stateTitle={\n                      this.referencesToTreeData?.length === 0\n                        ? this.#_componentLocale.main.hasReferencesEmpty\n                        : this.#_componentLocale.main.hasReferencesToError\n                    }\n                  ></gx-ide-empty-state>\n                )}\n              </div>\n            </section>\n          </div>\n        </section>\n\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type LoadReferencesCallback = (\n  id: string,\n  to: boolean\n) => Promise<ReferenceData[]>;\n\nexport type ObjectData = {\n  id: string;\n  typeName: string;\n  icon: string;\n  name: string;\n  description?: string;\n};\n\nexport type OpenObjectCallback = (id: string) => Promise<void>;\n\nexport type OpenSelectorDialogCallback = () => Promise<ObjectData | undefined>;\n\nexport type ReferenceData = ObjectData & {\n  hasChildren: boolean;\n  items?: ReferenceData[];\n};\n\nexport type SelectReferenceCallback = (id: string) => Promise<void>;\n\nexport type SelectorCategoryData = {\n  name: string;\n  items: ObjectData[];\n};\n\nexport type SelectorSourceCallback = (\n  prefix: string\n) => Promise<SelectorCategoryData[]>;\n\nexport type objectDataMap = Map<string, ObjectData>;\n"],"version":3}
+{"file":"gx-ide-references.entry.js","mappings":"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","names":[],"sources":["src/components/references/helpers.ts","src/components/references/references.scss?tag=gx-ide-references&encapsulation=shadow","src/components/references/references.tsx"],"sourcesContent":["/* Tree View */\nimport {\n  ComboBoxModel,\n  TreeViewItemModel\n} from \"@genexus/chameleon-controls-library\";\n\n/* References Types*/\nimport { ObjectData, SelectorCategoryData } from \"./references\";\nimport { ReferenceData } from \"./references\";\nimport { ComboBoxItemModel } from \"@genexus/chameleon-controls-library/dist/types/components/combo-box/types\";\n\n/**\n * @description This function converts SelectorCategoryData[] SuggestData\n */\n\nconst convertToTreeItem = (item: ReferenceData): TreeViewItemModel => ({\n  caption: item.name,\n  id: item.id,\n  items: (item.items ?? []).map(convertToTreeItem),\n  lazy: item.hasChildren && (item.items == null || item.items.length === 0),\n  leaf: item.hasChildren === false,\n  startImgSrc: item.icon\n});\n\n/**\n * @description This function converts ReferenceData[] data to TreeItemData[]\n */\nexport const convertReferenceDataToTreeViewData = (\n  referenceData: ReferenceData[] | undefined\n): TreeViewItemModel[] => {\n  const treeData: TreeViewItemModel[] = [];\n  if (!referenceData) {\n    return treeData;\n  }\n\n  referenceData.forEach(item => {\n    treeData.push(convertToTreeItem(item));\n  });\n  return treeData;\n};\n\nexport const mapObjectDataToComboBoxItemModel = (\n  options: ObjectData[]\n): ComboBoxModel => {\n  return options.map(option => {\n    return {\n      value: option.id,\n      caption: option.name,\n      startImgSrc: option.icon ?? \"\"\n    };\n  });\n};\n\nexport const mapSelectorCategoryDataToComboBoxModel = (\n  categoryData: SelectorCategoryData[]\n): ComboBoxModel => {\n  return categoryData.map((category: SelectorCategoryData) => {\n    const mappedGroup: ComboBoxItemModel = {\n      value: category.name,\n      caption: category.name,\n      expandable: true,\n      expanded: true,\n      items: category.items.map((item: ObjectData) => ({\n        value: item.id,\n        caption: item.description,\n        startImgSrc: item.icon\n      }))\n    };\n\n    return mappedGroup;\n  });\n};\n","@import \"../../global/gx-ide-common.scss\";\n@import \"../../global/gx-ide-mixins.scss\";\n\n:host {\n  display: grid;\n  block-size: 100%;\n  grid-template-rows: max-content 1fr;\n}\n.section {\n  display: contents;\n}\n\n.header {\n  /*Top*/\n  &__top {\n    grid-template-columns: max-content 1fr max-content;\n  }\n  /*Bottom*/\n  &__bottom {\n    display: grid;\n    grid-template-rows: 1fr;\n    transition: var(--mer-timing--fast) grid-template-rows;\n    &--hidden {\n      grid-template-rows: 0fr;\n    }\n\n    .outer-wrapper {\n      overflow: hidden;\n    }\n\n    .inner-wrapper {\n      padding-top: var(--content-block-spacing);\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n\n      &__left {\n        display: flex;\n        align-items: center;\n        gap: var(--gx-ide-grid-row-gap);\n      }\n    }\n  }\n}\n\n.main {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n}\n.section__referenced-by,\n.section__references-to {\n  display: grid;\n  grid-template-rows: max-content 1fr;\n}\n.control-header__referenced-by,\n.control-header__references-to {\n  padding-block-start: var(--mer-spacing--md);\n}\n.main__referenced-by,\n.main__references-to {\n  grid-auto-rows: max-content;\n  overflow: auto;\n}\n.main__referenced-by {\n  border-inline-end: var(--section-common-border);\n}\n\n.text-align-center {\n  text-align: center;\n}\n","/* eslint-disable @stencil-community/own-props-must-be-private */\n/* STENCIL IMPORTS */\nimport {\n  Component,\n  Element,\n  getAssetPath,\n  Host,\n  h,\n  Prop,\n  State,\n  Watch\n} from \"@stencil/core\";\n/* OTHER LIBRARIES IMPORTS */\nimport { getIconPath, MercuryBundles } from \"@genexus/mercury\";\nimport {\n  ChComboBoxRenderCustomEvent,\n  ComboBoxModel,\n  TreeViewItemModel,\n  TreeViewItemModelExtended\n} from \"@genexus/chameleon-controls-library\";\n/* CUSTOM IMPORTS */\nimport { Locale } from \"../../common/locale\";\nimport {\n  convertReferenceDataToTreeViewData,\n  mapSelectorCategoryDataToComboBoxModel\n} from \"./helpers\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"components/button\",\n  \"components/pills\",\n  \"components/combo-box\",\n  \"components/icon\",\n  \"components/checkbox\",\n  \"components/tree-view\",\n  \"utils/spacing\",\n  \"utils/layout\",\n  \"utils/form\",\n  \"utils/typography\"\n];\n\nconst GEMINI_TOOLS_SHOW_MORE_HORIZONTAL = getIconPath({\n  category: \"gemini-tools\",\n  name: \"show-more-horizontal\",\n  colorType: \"primary\"\n});\nconst NAVIGATION_ARROW_DOWN_SKY_BLUE = getIconPath({\n  category: \"navigation\",\n  name: \"arrow-down-skyblue\",\n  colorType: \"primary\"\n});\n\nconst SUGGEST_OPTIONS = {\n  alreadyProcessed: true,\n  autoExpand: false,\n  hideMatchesAndShowNonMatches: false,\n  highlightMatchedItems: false,\n  matchCase: false,\n  regularExpression: false,\n  strict: false,\n  renderActiveItemIconOnExpand: true\n};\n\n@Component({\n  tag: \"gx-ide-references\",\n  styleUrl: \"references.scss\",\n  shadow: true,\n  assetsDirs: [\"gx-ide-assets/references\"]\n})\nexport class GxIdeReferences {\n  #objectDataMap: objectDataMap = new Map();\n  #shortcutsSrc = getAssetPath(`./gx-ide-assets/references/shortcuts.json`);\n  #_componentLocale: any;\n\n  @Element() el: HTMLGxIdeReferencesElement;\n  #selectObjectSuggestEl!: HTMLChComboBoxRenderElement;\n\n  /**\n   * Displays or hides the header-bottom section\n   */\n  @State() barHidden = false;\n\n  /**\n   * Objects suggestions that will appear on the suggest\n   */\n  @State() objectsSuggestions: ComboBoxModel;\n\n  @State() referencedByTreeData: TreeViewItemModel[];\n\n  @State() referencesToTreeData: TreeViewItemModel[];\n\n  /**\n   * Callback invoked when a node is expanded in any references panels\n   */\n  @Prop() readonly loadReferencesCallback?: LoadReferencesCallback;\n\n  /**\n   * Callback invoked when user wants to open an object\n   */\n  @Prop() readonly openObjectCallback?: OpenObjectCallback;\n\n  /**\n   * Callback invoked when user wants to show object selection dialog\n   */\n  @Prop() readonly openSelectorDialogCallback?: OpenSelectorDialogCallback;\n\n  /**\n   * Callback invoked when any item from the references panels is selected\n   */\n  @Prop() readonly selectReferenceCallback?: SelectReferenceCallback;\n\n  /**\n   * Callback invoked when user writes on object selector input\n   */\n  @Prop() readonly selectorSourceCallback?: SelectorSourceCallback;\n\n  /**\n   * Currently selected object\n   */\n  @Prop({ mutable: true }) selectedObject?: ObjectData;\n\n  @Watch(\"selectedObject\")\n  selectedObjectChanged(newSelectedObject: ObjectData) {\n    if (newSelectedObject?.id) {\n      /* update \"is referenced by*/\n      this.#loadReferencesHandler(newSelectedObject.id, false);\n      /* update \"has references to*/\n      this.#loadReferencesHandler(newSelectedObject.id, true);\n    }\n  }\n\n  componentDidLoad() {\n    this.#selectObjectSuggestEl.focus();\n  }\n\n  async componentWillLoad() {\n    this.#_componentLocale = await Locale.getComponentStrings(this.el);\n    this.#evaluateInitialReferenceData();\n  }\n\n  /**\n   * Evaluates whether to call loadReferencesCallback based on the presence of a selected object.\n   */\n  #evaluateInitialReferenceData = () => {\n    if (this.selectedObject) {\n      this.selectedObjectChanged(this.selectedObject);\n    }\n  };\n\n  /**\n   * Hides or shows the bar (the bottom section of the header).\n   */\n  #hideBarButtonClickedHandler = () => {\n    this.barHidden = !this.barHidden;\n  };\n\n  /**\n   * Invokes 'loadReferencesCallback' for 'Is Referenced By' and 'Has References To' panels.\n   */\n  #loadReferencesHandler = async (id: string, to = false) => {\n    if (this.loadReferencesCallback) {\n      this.loadReferencesCallback(id, to).then(result => {\n        if (to) {\n          this.referencesToTreeData =\n            convertReferenceDataToTreeViewData(result);\n        } else {\n          this.referencedByTreeData =\n            convertReferenceDataToTreeViewData(result);\n        }\n      });\n    }\n  };\n\n  #openObjectCallbackHandler = () => {\n    // Returns an empty Promise\n    this.openObjectCallback(this.selectedObject?.id);\n  };\n\n  /**\n   * Fired when user clicks the ch-suggest button (...)\n   */\n  #openSelectorDialogCallbackHandler = async () => {\n    const objectDataResult = await this.openSelectorDialogCallback();\n    if (objectDataResult) {\n      this.selectedObject = objectDataResult;\n    }\n  };\n\n  #referenceSelectedHandler = (\n    event: CustomEvent<TreeViewItemModelExtended[]>\n  ) => {\n    if (this.selectReferenceCallback) {\n      const selectedItems: string[] = event.detail.map(item => item.item.id);\n      this.selectReferenceCallback(selectedItems[0]);\n      // returns void\n    }\n  };\n\n  #referencesItemOpenReferenceCallback = (\n    itemOpened: CustomEvent<{ id: string; leaf: boolean; metadata: string }>\n  ) => {\n    const itemId = itemOpened.detail.id;\n    if (this.openObjectCallback) {\n      this.openObjectCallback(itemId);\n      // returns void\n    }\n  };\n\n  #referencesLazyLoadCallbackHandler =\n    (ref: \"references-to\" | \"referenced-by\") =>\n    async (treeItemId: string): Promise<TreeViewItemModel[]> => {\n      if (this.loadReferencesCallback) {\n        const to = ref === \"references-to\";\n        const referencesLazyChildren = await this.loadReferencesCallback(\n          treeItemId,\n          to\n        );\n        const treeLazyChildren = convertReferenceDataToTreeViewData(\n          referencesLazyChildren\n        );\n        return new Promise(resolve => {\n          resolve(treeLazyChildren);\n        });\n      }\n      return new Promise(resolve => {\n        resolve([]);\n      });\n    };\n\n  #selectObjectChangedHandler = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    const newSelectedValue = event.detail as string;\n\n    const objectData = this.#objectDataMap.get(newSelectedValue);\n    if (objectData) {\n      this.selectedObject = objectData;\n    }\n  };\n\n  #selectObjectInputHandler = (\n    event: ChComboBoxRenderCustomEvent<string> | InputEvent\n  ) => {\n    // WA to know if the event was from searching on the input or an item selection.\n    // const partValue = (e.target as HTMLElement).getAttribute(\"part\");\n    const typedValue = event.detail as string;\n    if (this.selectorSourceCallback) {\n      this.selectorSourceCallback(typedValue).then(\n        selectorCategoryDataArray => {\n          // update map\n          this.#objectDataMap.clear();\n          selectorCategoryDataArray?.forEach(selectorCategoryData => {\n            selectorCategoryData.items.forEach(objectData => {\n              this.#objectDataMap.set(objectData.description, {\n                id: objectData.id,\n                typeName: objectData.typeName,\n                icon: objectData.icon,\n                name: objectData.name,\n                description: objectData.description\n              });\n            });\n          });\n\n          this.objectsSuggestions = mapSelectorCategoryDataToComboBoxModel(\n            selectorCategoryDataArray\n          );\n        }\n      );\n    }\n  };\n\n  render() {\n    return (\n      <Host class=\"widget\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n\n        <section class=\"section\">\n          <header class=\"header control-header-with-border spacing-body-inline spacing-body-block-start\">\n            <div class=\"header__top field-group\">\n              <button\n                type=\"button\"\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#_componentLocale.header.toggleBar}\n                part=\"toggle-bar-button\"\n                onClick={this.#hideBarButtonClickedHandler}\n              >\n                <ch-image\n                  class=\"icon-md\"\n                  src={NAVIGATION_ARROW_DOWN_SKY_BLUE}\n                  containerRef={this.el}\n                ></ch-image>\n              </button>\n\n              <div class=\"field field-inline\">\n                <label\n                  // select object\n                  class=\"label\"\n                  part=\"select-object-label\"\n                  htmlFor=\"object-selector-suggest\"\n                >\n                  {this.#_componentLocale.header.selectObject}\n                </label>\n                <ch-combo-box-render\n                  accessibleName={this.#_componentLocale.header.selectObject}\n                  class=\"combo-box\"\n                  model={this.objectsSuggestions}\n                  suggest\n                  onInput={this.#selectObjectInputHandler}\n                  onChange={this.#selectObjectChangedHandler}\n                  value={this.selectedObject?.name}\n                  part=\"object-selector-suggest\"\n                  suggestOptions={SUGGEST_OPTIONS}\n                  ref={(el: HTMLChComboBoxRenderElement) =>\n                    (this.#selectObjectSuggestEl =\n                      el as HTMLChComboBoxRenderElement)\n                  }\n                ></ch-combo-box-render>\n              </div>\n\n              <button\n                type=\"button\"\n                class=\"button-tertiary button-icon-only\"\n                aria-label={this.#_componentLocale.header.openSelectorButton}\n                onClick={this.#openSelectorDialogCallbackHandler}\n                part=\"open-selector-dialog-button\"\n              >\n                <ch-image\n                  class=\"icon-md\"\n                  src={GEMINI_TOOLS_SHOW_MORE_HORIZONTAL}\n                  containerRef={this.el}\n                ></ch-image>\n              </button>\n            </div>\n\n            <div\n              class={{\n                \"header__bottom\": true,\n                \"header__bottom--hidden\": this.barHidden\n              }}\n            >\n              <div class=\"outer-wrapper\">\n                <div class=\"inner-wrapper\">\n                  <div class=\"inner-wrapper__left\">\n                    <ch-image\n                      class=\"icon-md\"\n                      src={this.selectedObject.icon}\n                      containerRef={this.el}\n                    ></ch-image>\n                    <a\n                      class=\"text-link\"\n                      onClick={this.#openObjectCallbackHandler}\n                      part=\"open-object-text-link\"\n                      aria-label={\n                        this.#_componentLocale.main.selectedObjectLink\n                      }\n                    >\n                      {`${this.selectedObject?.name} : ${this.selectedObject?.description}`}\n                    </a>\n                  </div>\n                  {/* <div class=\"inner-wrapper__right\">\n                    TODO: Add this feature \"Group References by Type\".\n                    <ch-checkbox\n                      class=\"checkbox\"\n                      id=\"references-by-type\"\n                      part=\"references-type-checkbox\"\n                      checkedValue=\"referencesByType\"\n                      caption=\"Group references by type\"\n                    ></ch-checkbox>\n                  </div> */}\n                </div>\n              </div>\n            </div>\n          </header>\n          <div class=\"main\">\n            <section class=\"section__referenced-by\">\n              <h2 class=\"control-header control-header-with-border control-header__referenced-by heading-5 text-align-center spacing-body-inline subtitle-regular-xs\">\n                {this.#_componentLocale.main.isReferencedBy}\n              </h2>\n\n              <div\n                // is referenced by\n                class=\"main__referenced-by spacing-body-block-start spacing-body-block-end\"\n              >\n                <ch-tree-view-render\n                  class={{\n                    \"gxi-hidden\": !this.referencedByTreeData?.length,\n                    \"tree-view\": true\n                  }}\n                  part=\"referenced-by-tree\"\n                  model={this.referencedByTreeData}\n                  aria-label={\n                    this.#_componentLocale.main.referencedByTreeAccessible\n                  }\n                  lazyLoadTreeItemsCallback={this.#referencesLazyLoadCallbackHandler(\n                    \"referenced-by\"\n                  )}\n                  onSelectedItemsChange={this.#referenceSelectedHandler}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  onItemOpenReference={\n                    this.#referencesItemOpenReferenceCallback\n                  }\n                  showLines=\"last\"\n                ></ch-tree-view-render>\n                {!this.referencedByTreeData?.length && (\n                  <gx-ide-empty-state\n                    stateTitle={\n                      this.referencedByTreeData?.length === 0\n                        ? this.#_componentLocale.main.isReferencedByEmpty\n                        : this.#_componentLocale.main.isReferencedByError\n                    }\n                  ></gx-ide-empty-state>\n                )}\n              </div>\n            </section>\n\n            <section class=\"section__references-to\">\n              <h2 class=\"control-header control-header-with-border control-header__references-to heading-5 text-align-center spacing-body-inline subtitle-regular-xs\">\n                {this.#_componentLocale.main.hasReferencesTo}\n              </h2>\n\n              <div\n                // has references to\n                class=\"main__references-to spacing-body-block-start spacing-body-block-end\"\n              >\n                <ch-tree-view-render\n                  class={{\n                    \"gxi-hidden\": !this.referencesToTreeData?.length,\n                    \"tree-view\": true\n                  }}\n                  part=\"referenced-to-tree\"\n                  model={this.referencesToTreeData}\n                  aria-label={\n                    this.#_componentLocale.main.referencesToTreeAccessible\n                  }\n                  lazyLoadTreeItemsCallback={this.#referencesLazyLoadCallbackHandler(\n                    \"references-to\"\n                  )}\n                  onSelectedItemsChange={this.#referenceSelectedHandler}\n                  dragDisabled={true}\n                  dropDisabled={true}\n                  onItemOpenReference={\n                    this.#referencesItemOpenReferenceCallback\n                  }\n                  showLines=\"last\"\n                ></ch-tree-view-render>\n                {!this.referencesToTreeData?.length && (\n                  <gx-ide-empty-state\n                    stateTitle={\n                      this.referencesToTreeData?.length === 0\n                        ? this.#_componentLocale.main.hasReferencesEmpty\n                        : this.#_componentLocale.main.hasReferencesToError\n                    }\n                  ></gx-ide-empty-state>\n                )}\n              </div>\n            </section>\n          </div>\n        </section>\n\n        <ch-shortcuts src={this.#shortcutsSrc}></ch-shortcuts>\n      </Host>\n    );\n  }\n}\n\nexport type LoadReferencesCallback = (\n  id: string,\n  to: boolean\n) => Promise<ReferenceData[]>;\n\nexport type ObjectData = {\n  id: string;\n  typeName: string;\n  icon: string;\n  name: string;\n  description?: string;\n};\n\nexport type OpenObjectCallback = (id: string) => Promise<void>;\n\nexport type OpenSelectorDialogCallback = () => Promise<ObjectData | undefined>;\n\nexport type ReferenceData = ObjectData & {\n  hasChildren: boolean;\n  items?: ReferenceData[];\n};\n\nexport type SelectReferenceCallback = (id: string) => Promise<void>;\n\nexport type SelectorCategoryData = {\n  name: string;\n  items: ObjectData[];\n};\n\nexport type SelectorSourceCallback = (\n  prefix: string\n) => Promise<SelectorCategoryData[]>;\n\nexport type objectDataMap = Map<string, ObjectData>;\n"],"version":3}

package/dist/esm/gx-ide-sc-chat-container.entry.js

@@ -1,5 +1,249 @@
 import { r as registerInstance, h, H as Host } from './index-eace714c.js';
-import { r as renderItemMercury } from './render-item.lit-449f2946.js';
+import './mer-animated-dots-75d88f7e.js';
+import { html, nothing } from 'lit';
+import { when } from 'lit/directives/when.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+
+// TODO: The functions on this file are a WA until Chameleon 7 is released and we can reuse
+// the existing functions from Chameleon. At the moment, we have to copy paste the functions
+// because in Chameleon 6 we can import them.
+// The following utils were copied from Chamelmeon (src/components/chat/utils.ts or src/common/utils.ts)
+const getMessageSerializedContentAll = (message) => typeof message.content === "string"
+    ? message.content
+    : JSON.stringify(message.content, undefined, 2);
+const getMessageContent = (message) => typeof message.content === "string"
+    ? message.content
+    : message.content.message;
+/**
+ * Converts an object mapping token keys to booleans into a space-separated
+ * string containing the token keys that map to truthy values.
+ * @example
+ *   part={tokenMap({
+ *     header: true,
+ *     disabled: this.disabled,
+ *     selected: this.selected,
+ *     [levelPart]: canShowLines,
+ *     "expand-button":
+ *       canShowLines && !this.leaf && this.expandableButton !== "no"
+ *   })}
+ */
+const tokenMap = (tokens) => {
+    const keys = Object.keys(tokens);
+    let result = "";
+    for (let index = 0; index < keys.length; index++) {
+        const tokenKey = keys[index];
+        const tokenValue = tokens[tokenKey];
+        if (tokenValue) {
+            result += result === "" ? tokenKey : ` ${tokenKey}`;
+        }
+    }
+    return result;
+};
+const copyToTheClipboard = (text) => navigator.clipboard.writeText(text);
+const copyButtonClickHandler = (event, text) => {
+    copyToTheClipboard(text);
+    const button = event.currentTarget;
+    if (button) {
+        const buttonOriginalParts = button.getAttribute("part");
+        const buttonWithCopyingParts = `${buttonOriginalParts} copying`;
+        button.setAttribute("disabled", "disabled");
+        button.setAttribute("part", buttonWithCopyingParts);
+        setTimeout(() => {
+            button.removeAttribute("disabled");
+            button.setAttribute("part", buttonOriginalParts || "");
+        }, 1500);
+    }
+};
+const DEFAULT_ASSISTANT_STATUS = "complete";
+
+const copyClickHandler = (event, message) => {
+    // We use the whole message to support copying the files and/or sources
+    const messageSerializedContentAll = getMessageSerializedContentAll(message);
+    copyButtonClickHandler(event, messageSerializedContentAll);
+};
+const customActionsRender = (message, chatRef) => {
+    const { accessibleName } = chatRef.translations;
+    const conditionToRender1 = message.role === "assistant" &&
+        (message.status === "complete" || !message.status);
+    const conditionToRender2 = message.role === "error";
+    return when(conditionToRender1 || conditionToRender2, () => html `<div part="actions-container"><button aria-label="${accessibleName.copyMessageContent}" part="${tokenMap({
+        [`action-button action-copy-message ${message.id}`]: true,
+        ...(message.parts ? { [message.parts]: true } : {})
+    })}" type="button" @click="${(e) => copyClickHandler(e, message)}"></button></div>`);
+};
+
+const downloadCodeBlockCallback = (plainText, language, downloadCodeBlock) => () => downloadCodeBlock(plainText, language);
+const customCodeBlockRender = (chatRef) => (options) => {
+    const { accessibleName, text } = chatRef.translations;
+    const downloadCb = chatRef.callbacks?.downloadCodeBlock;
+    return html `<div part="code-block"><div part="code-block__header"><span part="code-block__header-caption">${options.language}</span><div part="code-block__header-actions"><button class="button-copy-code" aria-label="${text.copyCodeButton}" part="code-block__button--icon-only code-block__copy-code-button" type="button" @click="${(e) => copyButtonClickHandler(e, options.plainText)}"></button> ${when(downloadCb, () => html `<button aria-label="${accessibleName.downloadCodeButton}" part="code-block__button--icon-only code-block__download-code-button" @click="${downloadCodeBlockCallback(options.plainText, options.language, downloadCb)}"></button>`)}</div></div><ch-code .language="${options.language}" .lastNestedChildClass="${options.lastNestedChildClass}" part="code-block__content" .showIndicator="${options.showIndicator}" .value="${options.plainText}"></ch-code></div>`;
+};
+
+const DEFAULT_FILE_UPLOAD_STATE = "uploaded";
+// /**
+//  * Returns a skeleton element shown while a file is being uploaded.
+//  *
+//  * In Mercury, the loading state is visually represented in the footer,
+//  * so this skeleton is currently unused. However, it is recommended to keep
+//  * this function in the file in case the design changes and a visual loader
+//  * inside the file container becomes necessary again.
+//  *
+//  * @param file - The file object containing metadata and upload state.
+//  * @param fileFormat - The format type of the file (e.g., text, image, etc.).
+//  * @returns A TemplateResult with the skeleton element or `nothing` if not loading.
+//  */
+// const fileSkeleton = (
+//   file: ChatMessageFile,
+//   fileFormat: keyof ChMimeTypeFormatMap
+// ): TemplateResult | typeof nothing => {
+//   return file.uploadState === "in-progress"
+//     ? html`<div
+//         part=${tokenMap({
+//           [`file-skeleton format-${fileFormat} ${file.mimeType} ${
+//             file.uploadState ?? DEFAULT_FILE_UPLOAD_STATE
+//           }`]: true,
+//           [file.extension!]: !!file.extension,
+//           [file.parts!]: !!file.parts
+//         })}
+//       ></div>`
+//     : nothing;
+// };
+const fileFooter = (file, fileFormat) => {
+    return html `<div class="elevation-1" part="${tokenMap({
+        [`file-footer format-${fileFormat} ${file.mimeType} ${file.uploadState ?? DEFAULT_FILE_UPLOAD_STATE}`]: true,
+        [file.extension]: !!file.extension,
+        [file.parts]: !!file.parts
+    })}"><span class="body-regular-xs" part="file-caption">${file.caption}${file.extension && "." + file.extension.toLowerCase()} </span>${file.uploadState === "in-progress"
+        ? html `<mer-spinner></mer-spinner>`
+        : nothing}</div>`;
+};
+const getFileContainerParts = (file, fileFormat) => {
+    return tokenMap({
+        [`file-container format-${fileFormat} ${file.mimeType} ${file.uploadState ?? DEFAULT_FILE_UPLOAD_STATE}`]: true,
+        [file.extension]: !!file.extension,
+        [file.parts]: !!file.parts
+    });
+};
+const getFileParts = (file, fileFormat) => tokenMap({
+    [`file format-${fileFormat} ${file.mimeType} ${file.uploadState ?? DEFAULT_FILE_UPLOAD_STATE}`]: true,
+    [file.extension]: !!file.extension,
+    [file.parts]: !!file.parts
+});
+// TODO: Improve accessibility by exposing progress or spin states while
+// uploading
+const customFileRenders = {
+    audio: (file) => {
+        return html `<li class="file-container" part="${getFileContainerParts(file, "audio")}"><audio aria-label="${ifDefined(file.accessibleName)}" part="${getFileParts(file, "audio")}" src="${ifDefined(file.uploadState === "in-progress" ? undefined : file.url)}" controls></audio>${fileFooter(file, "audio")}</li>`;
+    },
+    video: (file) => {
+        return html `<li class="file-container" part="${getFileContainerParts(file, "video")}"><video aria-label="${ifDefined(file.accessibleName)}" part="${getFileParts(file, "video")}" src="${ifDefined(file.uploadState === "in-progress" ? undefined : file.url)}" controls></video>${fileFooter(file, "video")}</li>`;
+    },
+    image: (file) => {
+        return html `<li class="file-container" part="${getFileContainerParts(file, "image")}"><img aria-label="${ifDefined(file.accessibleName)}" part="${getFileParts(file, "image")}" src="${file.url}" alt="${file.alternativeText ?? file.accessibleName ?? ""}" loading="lazy"> ${fileFooter(file, "image")}</li>`;
+    },
+    file: (file) => {
+        const disabledWhileUploading = file.uploadState === "in-progress";
+        return html `<li class="file-container" part="${getFileContainerParts(file, "file")}"><a aria-label="${ifDefined(file.accessibleName)}" role="${disabledWhileUploading ? "link" : nothing}" aria-disabled="${disabledWhileUploading ? "true" : nothing}" part="${getFileParts(file, "file")}" href="${disabledWhileUploading ? nothing : file.url}" target="_blank"></a> ${fileFooter(file, "file")}</li>`;
+    }
+};
+
+/*
+README:
+This file contains two utilities:
+
+1) [Sections for customitizing the ch-chat renderItem]
+The following sections are being customized at the time of writting:
+- actions: customActionsRender,
+- codeBlock: customCodeBlockRender,
+- content: customContentRender
+
+What for?
+
+- actions: In order to be able to customize the copy button, by adding a part
+"copying" when the user copies the message. This additional part allows changing
+the current button icon of "copy" to a "checked" icon.
+- codeBlock: Same reason as "actions" section.
+- content: Mercury includes a "header" section for the assistant message. This
+header includes an avatar, the assistant name, and optionally the message time.
+This header requires custom markup, and for this reason this section has to be
+customized.
+
+2) [Configuration for the ch-chat sendContainerLayout property]
+The chat styles are designed for a specific layout, so users must use the sendContainerLayout provided by Mercury. Customizing it is not supported.
+*/
+// 1) [Sections for customitizing the ch-chat renderItem.]
+/**
+ * Mercury section that includes the assistant the assistant name, and an optional message time.
+ *
+ * @param messageMetaData - Metadata containing agentName and time
+ * @returns TemplateResult rendering the assistant message header
+ */
+const messageHeader = (messageMetaData, waiting = false) => {
+    const agentName = messageMetaData?.agentName;
+    const assistantId = agentName?.toLowerCase().replace(/ /g, "-");
+    const messageTime = messageMetaData?.time;
+    return html `<div part="header assistant${assistantId ? ` header-${assistantId}` : ""}"><div part="header__start assistant"><div part="header__avatar-container assistant"><div part="header__avatar-border assistant"></div><div part="header__avatar-image assistant"></div></div><div part="header__role assistant">${agentName}</div>${waiting ? html `<mer-animated-dots></mer-animated-dots>` : nothing}</div>${messageTime
+        ? html `<time datetime="${messageTime}" part="header__time assistant">${messageTime}</time>`
+        : nothing}</div>`;
+};
+// customzied in order to add the custom "messageHeader"
+const customAssistantContentRender = (message, chatRef, codeBlockRender) => {
+    const messageContent = getMessageContent(message);
+    return message.status === "waiting"
+        ? html `${messageHeader(message.metadata, true)}<div class="assistant-loading" part="${tokenMap({
+            [`assistant content waiting ${message.id}`]: true,
+            ...(message.parts ? { [message.parts]: true } : {})
+        })}">${messageContent}</div>`
+        : html `${messageHeader(message.metadata)}<ch-markdown-viewer part="${tokenMap({
+            [`assistant content ${message.id} ${message.status ?? DEFAULT_ASSISTANT_STATUS}`]: true,
+            ...(message.parts ? { [message.parts]: true } : {})
+        })}" .renderCode="${
+        // WA: Define codeBlockRender as "never" to avoid types incompatibility:
+        // codeBlockRender returns TemplateResult and renderCode expects TemplateResult | undefined
+        // In Chameleon this type mismatch does not happens. TODO: Evaluate a solution in Chameleon.
+        codeBlockRender(chatRef)}" .showIndicator="${message.status === "streaming"}" .theme="${chatRef.markdownTheme ?? undefined}" .value="${messageContent}"></ch-markdown-viewer>`;
+};
+// customzied in order to add the custom "messageHeader"
+const customErrorContentRender = (message, chatRef, codeBlockRender) => {
+    const errorContent = getMessageContent(message);
+    return html `${messageHeader(message.metadata)}<ch-markdown-viewer part="${tokenMap({
+        [`error content ${message.id}`]: true,
+        ...(message.parts ? { [message.parts]: true } : {})
+    })}" .renderCode="${
+    // WA: Define codeBlockRender as "never" to avoid types incompatibility:
+    // codeBlockRender returns TemplateResult and renderCode expects TemplateResult | undefined
+    // In Chameleon this type mismatch does not happens. TODO: Evaluate a solution in Chameleon.
+    codeBlockRender(chatRef)}" .theme="${chatRef.markdownTheme ?? undefined}" .value="${errorContent}"></ch-markdown-viewer>`;
+};
+// No modification. It is required to be defined.
+const defaultSystemContentRender = () => "string | TemplateResult";
+// No modification. It is required to be defined.
+const defaultUserContentRender = (messageModel) => getMessageContent(messageModel) ?? "";
+const contentRenderByRole = {
+    // TODO: Check if each contentRender can be optional, since it may be not me required to implement
+    // a custom render for each type of content. ie.: Mercury does not requres to customize "system" and "user"
+    assistant: customAssistantContentRender,
+    error: customErrorContentRender,
+    system: defaultSystemContentRender, // No modification
+    user: defaultUserContentRender // No modification
+};
+const customContentRender = (message, chatRef, codeBlockRender) => contentRenderByRole[message.role](message, chatRef, codeBlockRender);
+const renderItem = {
+    actions: customActionsRender,
+    codeBlock: customCodeBlockRender,
+    content: customContentRender,
+    file: customFileRenders
+};
+// 2) [Configuration for the ch-chat sendContainerLayout property]
+const sendContainerLayout = {
+    sendInputAfter: [
+        "attach-files-button",
+        "live-audio-button",
+        "send-button",
+        "chat-attached-files-viewer"
+    ],
+    sendContainerAfter: ["live-audio-container"]
+};
 
 const ASSISTANT_RESPONSE_SHORT_MARKDOWN = '\n### Code block {#code-block}\nTo create code blocks, you’ll use three backticks (` ``` `) or three tildes (`~~~`) on the lines before and after the code block.\n\n```json\n{\n  "firstName": "John",\n  "lastName": "Smith",\n  "age": 25\n}';
 const ASSISTANT_NAME = "Nexa";
@@ -94,7 +338,7 @@ const codeFixerRecord = [
         status: "complete",
         content: "Action required example. Action required example. Action required example.",
         metadata: {
-            assistantName: ASSISTANT_NAME,
+            agentName: ASSISTANT_NAME,
             time: "14:25"
         }
     },
@@ -104,7 +348,7 @@ const codeFixerRecord = [
         status: "complete",
         content: "Some fields contain missing or invalid data, which may prevent the process from completing correctly. Review your input carefully and make any necessary corrections before continuing.",
         metadata: {
-            assistantName: ASSISTANT_NAME,
+            agentName: ASSISTANT_NAME,
             time: "14:25"
         },
         parts: "warning"
@@ -114,7 +358,7 @@ const codeFixerRecord = [
         role: "error",
         content: "An unexpected error occurred while processing your request, and the operation couldn’t be completed.Please check your internet connection or try again later. If the problem persists, contact support.",
         metadata: {
-            assistantName: ASSISTANT_NAME,
+            agentName: ASSISTANT_NAME,
             time: "14:25"
         }
     },
@@ -124,7 +368,7 @@ const codeFixerRecord = [
         status: "complete",
         content: "Your information has been saved successfully, and all changes are now reflected in your account. You can continue with the next steps or return to the dashboard at any time.",
         metadata: {
-            assistantName: ASSISTANT_NAME,
+            agentName: ASSISTANT_NAME,
             time: "14:25"
         },
         parts: "success"
@@ -141,7 +385,7 @@ const codeFixerRecord = [
         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: {
-            assistantName: ASSISTANT_NAME,
+            agentName: ASSISTANT_NAME,
             time: "14:25"
         }
     },
@@ -151,7 +395,7 @@ const codeFixerRecord = [
         status: "waiting",
         content: "You can provide further details or updates",
         metadata: {
-            assistantName: ASSISTANT_NAME,
+            agentName: ASSISTANT_NAME,
             time: "14:25"
         }
     },
@@ -161,7 +405,7 @@ const codeFixerRecord = [
         status: "complete",
         content: ASSISTANT_RESPONSE_SHORT_MARKDOWN,
         metadata: {
-            assistantName: ASSISTANT_NAME,
+            agentName: ASSISTANT_NAME,
             time: "14:25"
         }
     }
@@ -169,14 +413,14 @@ const codeFixerRecord = [
 
 const PROCESSING_PLACEHOLDER = "{{ASSISTANT_NAME}}";
 const sendChatMessages = (chatRef) => () => {
-    chatRef.generatingResponse = true;
+    chatRef.waitingResponse = true;
     chatRef.addNewMessage({
         id: `${new Date().getTime()}`,
         role: "assistant",
         content: "Analyzing",
         status: "waiting",
         metadata: {
-            assistantName: ASSISTANT_NAME,
+            agentName: ASSISTANT_NAME,
             time: "14:25"
         }
     });
@@ -186,7 +430,7 @@ const sendChatMessages = (chatRef) => () => {
             content: "Processing with Chat with LLMs",
             status: "waiting",
             metadata: {
-                assistantName: ASSISTANT_NAME,
+                agentName: ASSISTANT_NAME,
                 time: "14:25"
             }
         }, "replace");
@@ -195,7 +439,7 @@ const sendChatMessages = (chatRef) => () => {
         }, 2000);
     }, 2000);
 };
-const stopGeneratingAnswer = () => {
+const stopResponseAnswer = () => {
     console.log("stop generating answer");
     return new Promise(resolve => {
         // Lógica asincrónica aquí si es necesario
@@ -212,7 +456,7 @@ const chatCallbacksWithChatRef = (chChatRef) => {
                 mimeType: "application/javascript"
             });
         }),
-        stopGeneratingAnswer: stopGeneratingAnswer
+        stopResponse: stopResponseAnswer
     };
 };
 function dummyStreaming(chatRef, counter, stringToDisplay, mode) {
@@ -238,7 +482,7 @@ function dummyStreaming(chatRef, counter, stringToDisplay, mode) {
             // },
             status: streamingCompleted ? "complete" : "streaming",
             metadata: {
-                assistantName: ASSISTANT_NAME,
+                agentName: ASSISTANT_NAME,
                 time: "14:25"
             }
         }, mode);
@@ -246,7 +490,7 @@ function dummyStreaming(chatRef, counter, stringToDisplay, mode) {
             dummyStreaming(chatRef, counter + 20, stringToDisplay, "concat");
         }
         else {
-            chatRef.generatingResponse = false;
+            chatRef.waitingResponse = false;
         }
     }, counter % 200 === 0 ? 50 : 40);
 }
@@ -257,7 +501,7 @@ const chatTranslations = {
         downloadCodeButton: "Download code",
         sendButton: "Send",
         sendInput: "Message",
-        stopGeneratingAnswerButton: "Stop generating answer"
+        stopResponseButton: "Stop generating answer"
     },
     placeholder: {
         sendInput: "Ask me a question..."
@@ -268,7 +512,7 @@ const chatTranslations = {
         downloadCodeButton: "Download code",
         processing: `Processing with ${PROCESSING_PLACEHOLDER}`,
         sourceFiles: "Source files:",
-        stopGeneratingAnswerButton: "Stop generating answer"
+        stopResponseButton: ""
     }
 };
 
@@ -291,11 +535,10 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
 var _GxIdeScChatContainer_chatContainerRef, _GxIdeScChatContainer_chatWelcomeRef, _GxIdeScChatContainer_chChatRef, _GxIdeScChatContainer_chatCallbacks, _GxIdeScChatContainer_copyConversationCallbackHandler, _GxIdeScChatContainer_deleteConversationCallbackHandler, _GxIdeScChatContainer_suggestedPrompRequestedCallbackHandler;
-// TODO: Add back "components/chat-lit" once chat bundle for lit is ready
-// on a new Mercury version
 const CSS_BUNDLES = [
     "resets/box-sizing",
     "utils/elevation",
+    "components/chat",
     "components/markdown-viewer"
 ];
 const GxIdeScChatContainer = class {
@@ -402,7 +645,7 @@ const GxIdeScChatContainer = class {
         }
     }
     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"), deleteConversationCallback: __classPrivateFieldGet(this, _GxIdeScChatContainer_deleteConversationCallbackHandler, "f"), ref: el => (__classPrivateFieldSet(this, _GxIdeScChatContainer_chatContainerRef, el, "f")), class: "elevation-1" }, h("ch-chat", { callbacks: __classPrivateFieldGet(this, _GxIdeScChatContainer_chatCallbacks, "f"), class: "chat-lit", generatingResponse: this.generatingResponse, loadingState: this.loadingState, renderItem: renderItemMercury, items: this.chatItems, showAdditionalContent: this.showAdditionalContent, translations: chatTranslations, ref: (el) => (__classPrivateFieldSet(this, _GxIdeScChatContainer_chChatRef, el, "f")), markdownTheme: "components/markdown-viewer" }, h("gx-ide-chat-welcome", { ref: el => (__classPrivateFieldSet(this, _GxIdeScChatContainer_chatWelcomeRef, el, "f")), slot: "empty-chat", suggestedPrompRequestedCallback: __classPrivateFieldGet(this, _GxIdeScChatContainer_suggestedPrompRequestedCallbackHandler, "f") }), h("div", { slot: "additional-content" }, "Custom content that is rendered when the chat renders content")))));
+        return (h(Host, null, h("ch-theme", { model: CSS_BUNDLES }), h("gx-ide-chat-container", { chatTitle: "GeneXus Assistant", copyConversationCallback: __classPrivateFieldGet(this, _GxIdeScChatContainer_copyConversationCallbackHandler, "f"), deleteConversationCallback: __classPrivateFieldGet(this, _GxIdeScChatContainer_deleteConversationCallbackHandler, "f"), ref: el => (__classPrivateFieldSet(this, _GxIdeScChatContainer_chatContainerRef, el, "f")), class: "elevation-1" }, h("ch-chat", { callbacks: __classPrivateFieldGet(this, _GxIdeScChatContainer_chatCallbacks, "f"), class: "chat", waitingResponse: this.generatingResponse, loadingState: this.loadingState, renderItem: renderItem, items: this.chatItems, showAdditionalContent: false, sendContainerLayout: sendContainerLayout, translations: chatTranslations, ref: (el) => (__classPrivateFieldSet(this, _GxIdeScChatContainer_chChatRef, el, "f")), markdownTheme: "components/markdown-viewer" }, h("gx-ide-chat-welcome", { ref: el => (__classPrivateFieldSet(this, _GxIdeScChatContainer_chatWelcomeRef, el, "f")), slot: "empty-chat", suggestedPrompRequestedCallback: __classPrivateFieldGet(this, _GxIdeScChatContainer_suggestedPrompRequestedCallbackHandler, "f") }), h("div", { slot: "additional-content" }, "Custom content that is rendered when the chat renders content")))));
     }
 };
 _GxIdeScChatContainer_chatContainerRef = new WeakMap(), _GxIdeScChatContainer_chatWelcomeRef = new WeakMap(), _GxIdeScChatContainer_chChatRef = new WeakMap(), _GxIdeScChatContainer_chatCallbacks = new WeakMap(), _GxIdeScChatContainer_copyConversationCallbackHandler = new WeakMap(), _GxIdeScChatContainer_deleteConversationCallbackHandler = new WeakMap(), _GxIdeScChatContainer_suggestedPrompRequestedCallbackHandler = new WeakMap();