@genexus/genexus-ide-ui 1.0.56 → 1.0.57

package/dist/genexus-ide-ui/{p-d1cb5507.js → p-f194af32.js}

@@ -1,13 +1,13 @@
-import { h as e } from "./p-49712340.js";
+import { h as e } from "./p-2cf37639.js";
 
 /* STENCIL IMPORTS */ const renderFormItems = (r = "gxg-combo-box-item", o, l = "undefined-group", a) => {
   if (o.length) {
-    const t = [];
+    const c = [];
     o.forEach((o => {
-      let c;
+      let t;
       switch (r) {
        case "gxg-form-checkbox":
-        c = e("gxg-form-checkbox", {
+        t = e("gxg-form-checkbox", {
           checkboxId: o.id,
           checked: o.checked,
           disabled: o.disabled,
@@ -17,20 +17,20 @@ import { h as e } from "./p-49712340.js";
           iconName: o.iconName,
           part: `${l}-${o.id}`
         });
-        t.push(c);
+        c.push(t);
         break;
 
        case "gxg-combo-box-item":
-        c = e("gxg-combo-box-item", {
+        t = e("gxg-combo-box-item", {
           value: o.id,
           icon: o.iconName,
           part: `${l}-${o.id}`
         }, o.label);
-        t.push(c);
+        c.push(t);
         break;
 
        case "gxg-form-radio":
-        c = e("gxg-form-radio", {
+        t = e("gxg-form-radio", {
           radioId: o.id,
           checked: o.checked,
           disabled: o.disabled,
@@ -39,11 +39,11 @@ import { h as e } from "./p-49712340.js";
           name: l,
           part: `${l}-${o.id}`
         });
-        t.push(c);
+        c.push(t);
         break;
       }
     }));
-    return t;
+    return c;
   }
   return null;
 };
@@ -94,4 +94,4 @@ const renderModuleDataProperties = r => {
 };
 
 export { renderFormItems as a, getSelectedItem as g, renderModuleDataProperties as r };
-//# sourceMappingURL=p-d1cb5507.js.map
+//# sourceMappingURL=p-f194af32.js.map

package/dist/genexus-ide-ui/{p-5707060d.entry.js → p-f2f9e36e.entry.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as s, g as i } from "./p-49712340.js";
+import { r as t, h as e, H as s, g as i } from "./p-2cf37639.js";
 
 import { L as n } from "./p-311eedf3.js";
 
@@ -494,4 +494,4 @@ V = new WeakMap, L = new WeakMap, l = new WeakSet, S = function _GxIdeKbManagerE
 q.style = c;
 
 export { q as gx_ide_kb_manager_export };
-//# sourceMappingURL=p-5707060d.entry.js.map
+//# sourceMappingURL=p-f2f9e36e.entry.js.map

package/dist/genexus-ide-ui/{p-14e9afa7.js → p-f3aa0e41.js}

@@ -1,4 +1,4 @@
-import { h as o } from "./p-49712340.js";
+import { h as o } from "./p-2cf37639.js";
 
 /* STENCIL IMPORTS */ const renderComboItems = t => {
   const c = [];
@@ -14,4 +14,4 @@ import { h as o } from "./p-49712340.js";
 };
 
 export { renderComboItems as r };
-//# sourceMappingURL=p-14e9afa7.js.map
+//# sourceMappingURL=p-f3aa0e41.js.map

package/dist/genexus-ide-ui/{p-e36d7f5c.entry.js → p-f654f86d.entry.js}

@@ -1,4 +1,4 @@
-import { r, h as e, H as a, g as t } from "./p-49712340.js";
+import { r, h as e, H as a, g as t } from "./p-2cf37639.js";
 
 const o = ":root{--ui-animaton-speed:0.2s}.gxg-title-01{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-01--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-01-font-weight);font-size:var(--ds-title-01-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-02{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-02--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-02-font-weight);font-size:var(--ds-title-02-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--color-on-primary)}.gxg-title-03{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-03--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-03-font-weight);font-size:var(--ds-title-03-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;text-transform:uppercase;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-04{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-04--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-04-font-weight);font-size:var(--ds-title-04-font-size);letter-spacing:var(--ds-base-font-letter-spacing--comfortable);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-title-05{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable)}.gxg-title-05--negative{font-family:var(--ds-base-font-family-primary);font-weight:var(--ds-title-05-font-weight);font-size:var(--ds-title-05-font-size);letter-spacing:var(--ds-base-font-letter-spacing--regular);color:var(--ds-base-font-color);text-align:start;line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable)}.gxg-text--negative{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--negative)}.gxg-text--gray{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--dimmed)}.gxg-quote{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);font-style:italic}.gxg-quote--negative{color:var(--ds-base-font-color--negative)}.gxg-link{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block}.gxg-link:hover{color:var(--ds-base-font-color--link-hover)}.gxg-link:active{color:var(--ds-base-font-color--link-active)}.gxg-link-gray{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed)}.gxg-link-gray:hover{line-height:unset;font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--link);text-decoration:underline;cursor:pointer;display:inline-block;color:var(--ds-base-font-color--dimmed);filter:brightness(1.4)}.gxg-alert-error{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--error);display:inline-block}.gxg-alert-warning{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--warning);display:inline-block}.gxg-alert-success{font-family:var(--ds-base-font-family-primary);font-size:var(--ds-base-font-size);color:var(--ds-base-font-size-color);font-weight:var(--ds-base-font-size-weight);line-height:var(--ds-base-font-line-height--comfortable);color:var(--ds-base-font-color--success);display:inline-block}.gxg-tab--disabled{color:var(--color-primary-disabled);pointer-events:none}.gxg-tab--disabled[disabled]{color:var(--color-primary-disabled);pointer-events:none}.gxg-label{font-family:var(--ds-base-font-family-primary);font-weight:var(--gxg-label-font-weight);font-size:var(--gxg-label-font-size);color:var(--gxg-label-color);text-align:center;line-height:1.455em;display:flex;align-items:center}.gxg-label:hover{color:var(--color-primary-hover)}.gxg-label:focus{color:var(--color-primary-active)}.gxg-label:active{color:var(--color-primary-active)}.gxg-label[disabled]{color:var(--color-primary-disabled)}.gxg-label--negative{color:var(--color-on-primary)}.gxg-label--negative[disabled]{color:var(--color-on-disabled)}.gxg-scrollbar{}.gxg-scrollbar::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gxg-scrollbar::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gxg-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gxg-scrollbar::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:host{display:grid;block-size:100%}.card-regular{background-color:var(--mer-surface__elevation--01);border:var(--mer-border__width--sm) solid var(--mer-border-color__on-elevation--01);border-radius:var(--mer-border__radius--md);padding:var(--mer-spacing--md) var(--mer-spacing--md);display:grid}.card-small{background-color:var(--mer-surface__elevation--02);border-radius:var(--mer-border__radius--sm);padding:var(--mer-spacing--sm) var(--mer-spacing--sm)}.card-small--actionable:hover{background-color:var(--mer-color__neutral-gray--600)}.card-small--actionable:active{background-color:var(--mer-color__neutral-gray--650)}.card-small:focus-visible{outline:var(--focus__outline-width) var(--focus__outline-style) var(--focus__outline-color);outline-offset:var(--focus__outline-offset)}.empty-state{block-size:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--mer-spacing--sm);text-align:center}.empty-state__title,.empty-state__button,.empty-state__link{max-inline-size:300px}.opacity-0{opacity:0}.opacity-1{opacity:1}.display-contents{display:contents}.gxi-hidden{display:none !important}.gxi-full-height{height:100%}.gxi-overflow-auto{overflow:auto}.gxi-display-flex{display:flex}.align-start{display:flex;align-items:start}.align-center{display:flex;align-items:center}.align-end{display:flex;align-items:end}.overflow-auto{overflow:auto}.justify-start{display:flex;justify-content:start}.justify-center{display:flex;justify-content:center}.justify-end{display:flex;justify-content:end}.grid{display:grid;grid-row-gap:var(--gx-ide-grid-row-gap);grid-column-gap:var(--gx-ide-grid-column-gap);grid-template-rows:auto}ch-grid-cell{display:flex}ch-grid{overflow:auto;height:100%}ch-grid-column{z-index:99;border-bottom:1px solid var(--mer-color__neutral-gray--800)}ch-grid-column:first-child{padding-inline-start:var(--gx-ide-container__padding) !important}ch-grid-column:last-child{padding-inline-end:var(--gx-ide-container__padding) !important}ch-grid-cell{--mer-spacing--xs:var(--gx-ide-container__padding)}.layout{display:grid;gap:var(--mer-spacing--lg);box-sizing:border-box}.layout--two-cols{grid-template-columns:1fr 1fr}.layout--space-above{padding-block-start:var(--mer-spacing--lg)}gxg-tabs{box-shadow:none}:host(.gx-ide-component){height:100% !important;display:flex !important;flex-direction:column !important}:host(:focus-within) gx-ide-top-bar::part(wrapper){background-color:var(--color-secondary-enabled)}.gx-ide-main-wrapper{color:var(--gx-ide-component-text-color);font-weight:var(--mer-font__weight--regular);font-size:var(--mer-font__size--xs);font-family:var(--mer-font-family--primary);height:100%;background-color:var(--gx-ide-component-background-color);display:flex;flex-direction:column;flex-grow:1;box-sizing:border-box}.gx-ide-main{flex-grow:1;overflow-y:auto;}.gx-ide-main::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-main::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-main::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-main::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-main::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.gx-ide-overflow{overflow-y:auto;}.gx-ide-overflow::-webkit-scrollbar{width:var(--gxg-scrollbar-width);height:var(--gxg-scrollbar-width)}.gx-ide-overflow::-webkit-scrollbar-track{background-color:var(--gxg-scrollbar-track-background);border-radius:var(--gxg-scrollbar-track-border-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb{background-color:var(--gxg-scrollbar-track-thumb-background);border-radius:var(--gxg-scrollbar-track-thumb-radius)}.gx-ide-overflow::-webkit-scrollbar-thumb:hover{background-color:var(--gxg-scrollbar-track-thumb-hover-background)}.gx-ide-overflow::-webkit-scrollbar-corner{background:rgba(0, 0, 0, 0)}.tree-view-primary{font-size:var(--mer-font__size--2xs)}p{margin:0;font-size:var(--mer-font__size--xxs)}.buttons-container{display:flex;gap:var(--mer-spacing--xs)}:host{display:flex;align-items:center;justify-content:center;text-align:center;inline-size:100%;position:relative}:host(.animate){animation:fadeIn var(--mer-timing--fast) forwards;inset-block-start:0}.main-container{max-width:320px;margin:0 auto;gap:var(--mer-spacing--md);padding:var(--mer-spacing--md)}.main-container__icon-wrapper{border:var(--mer-border__width--sm) dashed var(--mer-accent__primary);border-radius:50%;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;pointer-events:none}.main-container__content{gap:var(--mer-spacing--sm)}.main-container,.main-container__content{display:flex;align-items:center;flex-direction:column}@keyframes fadeIn{0%{opacity:0;inset-block-start:5px}}";
 
@@ -42,4 +42,4 @@ const s = class {
 s.style = o;
 
 export { s as gx_ide_empty_state };
-//# sourceMappingURL=p-e36d7f5c.entry.js.map
+//# sourceMappingURL=p-f654f86d.entry.js.map

package/dist/genexus-ide-ui/p-f963b96e.entry.js

@@ -0,0 +1,17 @@
+import { r as s, h as r, H as t } from "./p-2cf37639.js";
+
+const o = ":host{display:block}";
+
+const c = class {
+  constructor(r) {
+    s(this, r);
+  }
+  render() {
+    return r(t, null, r("slot", null));
+  }
+};
+
+c.style = o;
+
+export { c as gx_ide_switcher };
+//# sourceMappingURL=p-f963b96e.entry.js.map

package/dist/genexus-ide-ui/{p-de92ee84.entry.js → p-fbab024e.entry.js}

@@ -1,4 +1,4 @@
-import { r as e, h as t, H as n, g as i } from "./p-49712340.js";
+import { r as e, h as t, H as n, g as i } from "./p-2cf37639.js";
 
 import { g as o } from "./p-6e4208d8.js";
 
@@ -193,4 +193,4 @@ c = new WeakMap, d = new WeakMap, u = new WeakMap, f = new WeakMap, m = new Weak
 y.style = s;
 
 export { y as gx_ide_current_user_info };
-//# sourceMappingURL=p-de92ee84.entry.js.map
+//# sourceMappingURL=p-fbab024e.entry.js.map

package/dist/genexus-ide-ui/p-fc7b3ace.js

@@ -0,0 +1,106 @@
+import { h as e } from "./p-2cf37639.js";
+
+import "./p-c9551186.js";
+
+const t = "message__copied-feedback";
+
+const a = "message__copied-feedback-visible";
+
+const s = e("svg", {
+  width: "36",
+  height: "8",
+  fill: "transparent"
+}, e("circle", {
+  cx: "4",
+  cy: "4",
+  r: "4",
+  opacity: "0",
+  fill: "var(--mer-color__primary--200)"
+}, e("animate", {
+  attributeName: "opacity",
+  values: "0;1;0",
+  dur: "1s",
+  repeatCount: "indefinite"
+})), e("circle", {
+  cx: "18",
+  cy: "4",
+  r: "4",
+  opacity: "0",
+  fill: "var(--mer-color__primary--200)"
+}, e("animate", {
+  attributeName: "opacity",
+  values: "0;1;0",
+  dur: "1s",
+  begin: "0.15s",
+  repeatCount: "indefinite"
+})), e("circle", {
+  cx: "32",
+  cy: "4",
+  r: "4",
+  opacity: "0",
+  fill: "var(--mer-color__primary--200)"
+}, e("animate", {
+  attributeName: "opacity",
+  values: "0;1;0",
+  dur: "1s",
+  begin: "0.30s",
+  repeatCount: "indefinite"
+})));
+
+const copy = e => s => {
+  s.stopPropagation();
+  // 1. Copy message
+    navigator.clipboard.writeText(e);
+  // 2. Display "copied" message (expects to be the next sibling!)
+    const o = s.target.nextSibling;
+  const r = o.getAttribute("part");
+  if (r === t) {
+    o.setAttribute("part", `${t} ${a}`);
+    setTimeout((() => {
+      o.setAttribute("part", `${t}`);
+    }), 1e3);
+  }
+};
+
+const copyButton = (t, a, s) => e("button", {
+  "aria-label": a,
+  title: a,
+  class: "button-copy-code",
+  type: "button",
+  onClick: copy(t),
+  part: `message__copy-button ${s}`
+});
+
+const mercuryCodeRender = t => a => e("div", {
+  class: "code-block-container"
+}, e("div", {
+  class: "code-block-header"
+}, copyButton(a.plainText, t, "code-render")), e("ch-code", {
+  language: a.language,
+  lastNestedChildClass: a.lastNestedChildClass,
+  value: a.plainText
+}));
+
+const mercuryChatMessageRender = (a, o = "You", r = "AI Assistant") => i => i.role === "assistant" && i.status === "waiting" ? [ e("span", {
+  part: "message__processing"
+}, i.content), s ] : [ 
+// "copy button" before "role" and "time" to hide both on button:focus
+copyButton(i.content, "Copy code", "common-message"), e("p", {
+  part: t
+}, "message copied to clipboard"), e("span", {
+  part: `message__role ${i.role}`
+}, i.role === "user" ? o : r), e("time", {
+  dateTime: i.metadata,
+  part: "message__time"
+}, i.metadata), i.role === "user" ? e("span", {
+  part: "message__content user"
+}, i.content) : e("ch-markdown-viewer", {
+  part: i.role === "assistant" && (i.status === "complete" || !i.status) && !i.parts ? `message__content no-error` : "message__content",
+  theme: a,
+  showIndicator: false,
+  renderCode: mercuryCodeRender("Copy code"),
+  value: i.content
+}) ];
+
+export { mercuryCodeRender as a, mercuryChatMessageRender as m };
+//# sourceMappingURL=p-fc7b3ace.js.map

package/dist/genexus-ide-ui/p-fc7b3ace.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MESSAGE_COPIED_PART_SELECTOR","MESSAGE_COPIED_VISIBLE_PART_SELECTOR","ANIMATION_DOTS","h","width","height","fill","cx","cy","r","opacity","attributeName","values","dur","repeatCount","begin","copy","text","event","stopPropagation","navigator","clipboard","writeText","copiedFeedbackRef","target","nextSibling","copiedFeedbackPart","getAttribute","setAttribute","setTimeout","copyButton","textToCopy","accessibleName","additionalPart","title","class","type","onClick","part","mercuryCodeRender","copyButtonAccessibleName","options","plainText","language","lastNestedChildClass","value","mercuryChatMessageRender","theme","userName","assistantName","messageModel","role","status","content","dateTime","metadata","parts","showIndicator","renderCode"],"sources":["src/components/_helpers/chat-container/code-render.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\nimport {\n  MarkdownViewerCodeRender,\n  ChatMessageByRole\n} from \"@genexus/chameleon-controls-library\";\nimport { MarkdownViewerCodeRenderOptions } from \"@genexus/chameleon-controls-library/dist/types/components/markdown-viewer/parsers/types\";\nimport { getIconPath } from \"@genexus/mercury\";\ngetIconPath;\n\nconst MESSAGE_COPIED_PART_SELECTOR = \"message__copied-feedback\";\nconst MESSAGE_COPIED_VISIBLE_PART_SELECTOR = \"message__copied-feedback-visible\";\n\nconst ANIMATION_DOTS = (\n  <svg width=\"36\" height=\"8\" fill=\"transparent\">\n    <circle\n      cx=\"4\"\n      cy=\"4\"\n      r=\"4\"\n      opacity=\"0\"\n      fill=\"var(--mer-color__primary--200)\"\n    >\n      <animate\n        attributeName=\"opacity\"\n        values=\"0;1;0\"\n        dur=\"1s\"\n        repeatCount=\"indefinite\"\n      />\n    </circle>\n    <circle\n      cx=\"18\"\n      cy=\"4\"\n      r=\"4\"\n      opacity=\"0\"\n      fill=\"var(--mer-color__primary--200)\"\n    >\n      <animate\n        attributeName=\"opacity\"\n        values=\"0;1;0\"\n        dur=\"1s\"\n        begin=\"0.15s\"\n        repeatCount=\"indefinite\"\n      />\n    </circle>\n    <circle\n      cx=\"32\"\n      cy=\"4\"\n      r=\"4\"\n      opacity=\"0\"\n      fill=\"var(--mer-color__primary--200)\"\n    >\n      <animate\n        attributeName=\"opacity\"\n        values=\"0;1;0\"\n        dur=\"1s\"\n        begin=\"0.30s\"\n        repeatCount=\"indefinite\"\n      />\n    </circle>\n  </svg>\n);\n\nconst copy = (text: string) => (event: Event) => {\n  event.stopPropagation();\n\n  // 1. Copy message\n  navigator.clipboard.writeText(text);\n\n  // 2. Display \"copied\" message (expects to be the next sibling!)\n  const copiedFeedbackRef = (event.target as HTMLElement)\n    .nextSibling as HTMLElement;\n  const copiedFeedbackPart = copiedFeedbackRef.getAttribute(\"part\");\n  if (copiedFeedbackPart === MESSAGE_COPIED_PART_SELECTOR) {\n    copiedFeedbackRef.setAttribute(\n      \"part\",\n      `${MESSAGE_COPIED_PART_SELECTOR} ${MESSAGE_COPIED_VISIBLE_PART_SELECTOR}`\n    );\n\n    setTimeout(() => {\n      copiedFeedbackRef.setAttribute(\"part\", `${MESSAGE_COPIED_PART_SELECTOR}`);\n    }, 1000);\n  }\n};\n\nconst copyButton = (\n  textToCopy: string,\n  accessibleName: string,\n  additionalPart: string\n) => {\n  return (\n    <button\n      aria-label={accessibleName}\n      title={accessibleName}\n      class=\"button-copy-code\"\n      type=\"button\"\n      onClick={copy(textToCopy)}\n      part={`message__copy-button ${additionalPart}`}\n    ></button>\n  );\n};\n\nexport const mercuryCodeRender =\n  (copyButtonAccessibleName: string) =>\n  (options: MarkdownViewerCodeRenderOptions): MarkdownViewerCodeRender =>\n    (\n      <div class=\"code-block-container\">\n        <div class=\"code-block-header\">\n          {copyButton(\n            options.plainText,\n            copyButtonAccessibleName,\n            \"code-render\"\n          )}\n        </div>\n        <ch-code\n          language={options.language}\n          lastNestedChildClass={options.lastNestedChildClass}\n          value={options.plainText}\n        ></ch-code>\n      </div>\n    );\n\nexport const mercuryChatMessageRender =\n  (\n    theme: string,\n    userName: string = \"You\",\n    assistantName: string = \"AI Assistant\"\n  ) =>\n  (messageModel: ChatMessageByRole<\"assistant\" | \"error\" | \"user\">) =>\n    messageModel.role === \"assistant\" && messageModel.status === \"waiting\"\n      ? [\n          <span part=\"message__processing\">{messageModel.content}</span>,\n          ANIMATION_DOTS\n        ]\n      : [\n          // \"copy button\" before \"role\" and \"time\" to hide both on button:focus\n          copyButton(\n            messageModel.content as string,\n            \"Copy code\",\n            \"common-message\"\n          ),\n          <p part={MESSAGE_COPIED_PART_SELECTOR}>\n            message copied to clipboard\n          </p>,\n          <span part={`message__role ${messageModel.role}`}>\n            {messageModel.role === \"user\" ? userName : assistantName}\n          </span>,\n          <time dateTime={messageModel.metadata} part=\"message__time\">\n            {messageModel.metadata}\n          </time>,\n\n          messageModel.role === \"user\" ? (\n            <span part=\"message__content user\">{messageModel.content}</span>\n          ) : (\n            <ch-markdown-viewer\n              part={\n                messageModel.role === \"assistant\" &&\n                (messageModel.status === \"complete\" || !messageModel.status) &&\n                !messageModel.parts\n                  ? `message__content no-error`\n                  : \"message__content\"\n              }\n              theme={theme}\n              showIndicator={false}\n              renderCode={mercuryCodeRender(\"Copy code\")}\n              value={messageModel.content as string}\n            ></ch-markdown-viewer>\n          )\n        ];\n"],"mappings":";;;;AASA,MAAMA,IAA+B;;AACrC,MAAMC,IAAuC;;AAE7C,MAAMC,IACJC,EAAA;EAAKC,OAAM;EAAKC,QAAO;EAAIC,MAAK;GAC9BH,EAAA;EACEI,IAAG;EACHC,IAAG;EACHC,GAAE;EACFC,SAAQ;EACRJ,MAAK;GAELH,EAAA;EACEQ,eAAc;EACdC,QAAO;EACPC,KAAI;EACJC,aAAY;KAGhBX,EAAA;EACEI,IAAG;EACHC,IAAG;EACHC,GAAE;EACFC,SAAQ;EACRJ,MAAK;GAELH,EAAA;EACEQ,eAAc;EACdC,QAAO;EACPC,KAAI;EACJE,OAAM;EACND,aAAY;KAGhBX,EAAA;EACEI,IAAG;EACHC,IAAG;EACHC,GAAE;EACFC,SAAQ;EACRJ,MAAK;GAELH,EAAA;EACEQ,eAAc;EACdC,QAAO;EACPC,KAAI;EACJE,OAAM;EACND,aAAY;;;AAMpB,MAAME,OAAQC,KAAkBC;EAC9BA,EAAMC;;IAGNC,UAAUC,UAAUC,UAAUL;;IAG9B,MAAMM,IAAqBL,EAAMM,OAC9BC;EACH,MAAMC,IAAqBH,EAAkBI,aAAa;EAC1D,IAAID,MAAuB1B,GAA8B;IACvDuB,EAAkBK,aAChB,QACA,GAAG5B,KAAgCC;IAGrC4B,YAAW;MACTN,EAAkBK,aAAa,QAAQ,GAAG5B;AAA+B,QACxE;;;;AAIP,MAAM8B,aAAa,CACjBC,GACAC,GACAC,MAGE9B,EAAA;EAAA,cACc6B;EACZE,OAAOF;EACPG,OAAM;EACNC,MAAK;EACLC,SAASrB,KAAKe;EACdO,MAAM,wBAAwBL;;;MAKvBM,oBACVC,KACAC,KAEGtC,EAAA;EAAKgC,OAAM;GACThC,EAAA;EAAKgC,OAAM;GACRL,WACCW,EAAQC,WACRF,GACA,iBAGJrC,EAAA;EACEwC,UAAUF,EAAQE;EAClBC,sBAAsBH,EAAQG;EAC9BC,OAAOJ,EAAQC;;;MAKZI,2BACX,CACEC,GACAC,IAAmB,OACnBC,IAAwB,mBAEzBC,KACCA,EAAaC,SAAS,eAAeD,EAAaE,WAAW,YACzD,EACEjD,EAAA;EAAMmC,MAAK;GAAuBY,EAAaG,UAC/CnD,MAEF;;AAEE4B,WACEoB,EAAaG,SACb,aACA,mBAEFlD,EAAA;EAAGmC,MAAMtC;GAA4B,gCAGrCG,EAAA;EAAMmC,MAAM,iBAAiBY,EAAaC;GACvCD,EAAaC,SAAS,SAASH,IAAWC,IAE7C9C,EAAA;EAAMmD,UAAUJ,EAAaK;EAAUjB,MAAK;GACzCY,EAAaK,WAGhBL,EAAaC,SAAS,SACpBhD,EAAA;EAAMmC,MAAK;GAAyBY,EAAaG,WAEjDlD,EAAA;EACEmC,MACEY,EAAaC,SAAS,gBACrBD,EAAaE,WAAW,eAAeF,EAAaE,YACpDF,EAAaM,QACV,8BACA;EAENT,OAAOA;EACPU,eAAe;EACfC,YAAYnB,kBAAkB;EAC9BM,OAAOK,EAAaG"}

package/dist/genexus-ide-ui/{p-9e78c60c.entry.js → p-fce76974.entry.js}

@@ -1,12 +1,12 @@
-import { r as t, c as r, a, h as e, H as o, g as i } from "./p-49712340.js";
+import { r as t, c as r, a, h as e, H as o, g as i } from "./p-2cf37639.js";
 
 import { L as s } from "./p-311eedf3.js";
 
 import { c as l } from "./p-13738332.js";
 
-import { r as n } from "./p-d26f3f46.js";
+import { r as n } from "./p-5545d58d.js";
 
-import { r as c } from "./p-14e9afa7.js";
+import { r as c } from "./p-f3aa0e41.js";
 
 /* References Types*/
 /**
@@ -267,4 +267,4 @@ const f = class {
 f.style = g;
 
 export { f as gx_ide_bpm_app_declaration };
-//# sourceMappingURL=p-9e78c60c.entry.js.map
+//# sourceMappingURL=p-fce76974.entry.js.map

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genexus/genexus-ide-ui",
   "license": "Apache-2.0",
-  "version": "1.0.56",
+  "version": "1.0.57",
   "description": "GeneXus IDE UI components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/code-render-43aa3faf.js.map

@@ -1 +0,0 @@
-{"file":"code-render-43aa3faf.js","mappings":"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","names":["h"],"sources":["src/components/_helpers/chat-container/code-render.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\nimport {\n  MarkdownViewerCodeRender,\n  ChatMessageByRole\n} from \"@genexus/chameleon-controls-library\";\nimport { MarkdownViewerCodeRenderOptions } from \"@genexus/chameleon-controls-library/dist/types/components/markdown-viewer/parsers/types\";\nimport { getIconPath } from \"@genexus/mercury\";\ngetIconPath;\n\nconst MESSAGE_COPIED_PART_SELECTOR = \"message__copied-feedback\";\nconst MESSAGE_COPIED_VISIBLE_PART_SELECTOR = \"message__copied-feedback-visible\";\n\nconst copy = (text: string) => (event: Event) => {\n  event.stopPropagation();\n\n  // 1. Copy message\n  navigator.clipboard.writeText(text);\n\n  // 2. Display \"copied\" message (expects to be the next sibling!)\n  const copiedFeedbackRef = (event.target as HTMLElement)\n    .nextSibling as HTMLElement;\n  const copiedFeedbackPart = copiedFeedbackRef.getAttribute(\"part\");\n  if (copiedFeedbackPart === MESSAGE_COPIED_PART_SELECTOR) {\n    copiedFeedbackRef.setAttribute(\n      \"part\",\n      `${MESSAGE_COPIED_PART_SELECTOR} ${MESSAGE_COPIED_VISIBLE_PART_SELECTOR}`\n    );\n\n    setTimeout(() => {\n      copiedFeedbackRef.setAttribute(\"part\", `${MESSAGE_COPIED_PART_SELECTOR}`);\n    }, 1000);\n  }\n};\n\nconst copyButton = (\n  textToCopy: string,\n  accessibleName: string,\n  additionalPart: string\n) => {\n  return (\n    <button\n      aria-label={accessibleName}\n      title={accessibleName}\n      class=\"button-copy-code\"\n      type=\"button\"\n      onClick={copy(textToCopy)}\n      part={`message__copy-button ${additionalPart}`}\n    ></button>\n  );\n};\n\nexport const mercuryCodeRender =\n  (copyButtonAccessibleName: string) =>\n  (options: MarkdownViewerCodeRenderOptions): MarkdownViewerCodeRender =>\n    (\n      <div class=\"code-block-container\">\n        <div class=\"code-block-header\">\n          {copyButton(\n            options.plainText,\n            copyButtonAccessibleName,\n            \"code-render\"\n          )}\n        </div>\n        <ch-code\n          language={options.language}\n          lastNestedChildClass={options.lastNestedChildClass}\n          value={options.plainText}\n        ></ch-code>\n      </div>\n    );\n\nexport const mercuryChatMessageRender =\n  (\n    theme: string,\n    userName: string = \"You\",\n    assistantName: string = \"AI Assistant\",\n    assistantTaskDescription: string = \"Processing request\"\n  ) =>\n  (messageModel: ChatMessageByRole<\"assistant\" | \"error\" | \"user\">) =>\n    messageModel.role === \"assistant\" && messageModel.status === \"waiting\"\n      ? [\n          <span part=\"message__processing\">{assistantTaskDescription}</span>,\n\n          <div class=\"processing-animation\" part=\"processing-animation\"></div>\n        ]\n      : [\n          // \"copy button\" before \"role\" and \"time\" to hide both on button:focus\n          copyButton(\n            messageModel.content as string,\n            \"Copy code\",\n            \"common-message\"\n          ),\n          <p part={MESSAGE_COPIED_PART_SELECTOR}>\n            message copied to clipboard\n          </p>,\n          <span part={`message__role ${messageModel.role}`}>\n            {messageModel.role === \"user\" ? userName : assistantName}\n          </span>,\n          <time dateTime={messageModel.metadata} part=\"message__time\">\n            {messageModel.metadata}\n          </time>,\n\n          messageModel.role === \"user\" ? (\n            <span part=\"message__content user\">{messageModel.content}</span>\n          ) : (\n            <ch-markdown-viewer\n              part={\n                messageModel.role === \"assistant\" &&\n                (messageModel.status === \"complete\" || !messageModel.status) &&\n                !messageModel.parts\n                  ? `message__content no-error`\n                  : \"message__content\"\n              }\n              theme={theme}\n              showIndicator={false}\n              renderCode={mercuryCodeRender(\"Copy code\")}\n              value={messageModel.content as string}\n            ></ch-markdown-viewer>\n          )\n        ];\n"],"version":3}