@genexus/mercury 0.30.0 → 0.31.1

package/dist/components/chat/mer-spinner.lit.js

@@ -1,28 +1,6 @@
 import { LitElement, css, html } from "lit";
 export class MerSpinner extends LitElement {
-    static styles = css `
-    :host {
-      --spinner-size: var(--mer-spacing--md);
-      --spinner-color: var(--mer-color__primary--300);
-      --track-color: var(--mer-color__tinted-primary--50);
-      --border-thinness: 7;
-
-      inline-size: var(--spinner-size);
-      block-size: var(--spinner-size);
-      border: calc(var(--spinner-size) / var(--border-thinness)) solid
-        var(--track-color);
-      border-block-start: calc(var(--spinner-size) / var(--border-thinness))
-        solid var(--spinner-color);
-      border-radius: 50%;
-      animation: spin var(--mer-timing--regular, 1s) linear infinite;
-    }
-
-    @keyframes spin {
-      100% {
-        transform: rotate(360deg);
-      }
-    }
-  `;
+    static styles = css `:host{--spinner-size:var(--mer-spacing--md);--spinner-color:var(--mer-color__primary--300);--track-color:var(--mer-color__tinted-primary--50);--border-thinness:7;inline-size:var(--spinner-size);block-size:var(--spinner-size);border:calc(var(--spinner-size)/ var(--border-thinness)) solid var(--track-color);border-block-start:calc(var(--spinner-size)/ var(--border-thinness)) solid var(--spinner-color);border-radius:50%;animation:spin var(--mer-timing--regular,1s) linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}`;
     render() {
         return html ``;
     }

package/dist/components/chat/render.lit.js

@@ -33,79 +33,45 @@ import "./mer-animated-dots.js";
 /**
  * Mercury section that includes the assistant the assistant name, and an optional message time.
  *
- * @param messageMetaData - Metadata containing assistantName and time
+ * @param messageMetaData - Metadata containing agentName and time
  * @returns TemplateResult rendering the assistant message header
  */
 const messageHeader = (messageMetaData, waiting = false) => {
-    const assistantName = messageMetaData.assistantName;
-    const assistantId = messageMetaData.assistantName
-        .toLowerCase()
-        .replace(/ /g, "-");
-    const messageTime = messageMetaData.time;
-    return html ` <div part="header assistant 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">${assistantName}</div>
-      ${waiting ? html `<mer-animated-dots></mer-animated-dots>` : nothing}
-    </div>
-
-    ${messageTime
-        ? html `<time datetime="${messageTime}" part="header__time assistant"
-          >${messageTime}</time
-        >`
-        : nothing}
-  </div>`;
+    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({
+        ? 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({
+        })}">${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 "any" to avoid types incompatibility:
+        })}" .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>`;
+        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({
+    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 "any" to avoid types incompatibility:
+    })}" .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>`;
+    codeBlockRender(chatRef)}" .theme="${chatRef.markdownTheme ?? undefined}" .value="${errorContent}"></ch-markdown-viewer>`;
 };
 // No modification. It is required to be defined.
 const defaultSystemContentRender = () => "string | TemplateResult";

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

@@ -1,4 +1,4 @@
 export type MercuryChatMessageMetadata = {
-    assistantName: string;
+    agentName: string;
     time?: string;
 };

package/dist/index.d.ts

@@ -3,4 +3,4 @@ export * from "./bundles.js";
 export * from "./register-mercury.js";
 export * from "./types.js";
 export * from "./components/chat/render.lit.js";
-export * from "./components/chat/types";
+export type * from "./components/chat/types";

package/dist/index.js

@@ -1 +1 @@
-"use strict";export*from"./assets-manager.js";export*from"./bundles.js";export*from"./register-mercury.js";export*from"./types.js";export*from"./components/chat/render.lit.js";export*from"./components/chat/types";
+"use strict";export*from"./assets-manager.js";export*from"./bundles.js";export*from"./register-mercury.js";export*from"./types.js";export*from"./components/chat/render.lit.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@genexus/mercury",
-  "version": "0.30.0",
+  "version": "0.31.1",
   "description": "Mercury Design System is a robust and scalable solution designed to improve product development.",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -44,10 +44,8 @@
       }
     },
     "./components/chat/render.js": {
-      "import": {
-        "types": "./dist/components/chat/render.d.ts",
-        "default": "./dist/components/chat/render.js"
-      }
+      "types": "./dist/components/chat/render.lit.d.ts",
+      "default": "./dist/components/chat/render.lit.js"
     },
     "./components/chat/message-metadata": {
       "types": "./dist/components/chat/types.d.ts",
@@ -57,7 +55,7 @@
   },
   "scripts": {
     "build": "yarn build.js && yarn icons-svg && yarn icons-sass && yarn build.scss && yarn copy-tasks",
-    "build.js": "tsc && esbuild dist/*.js --allow-overwrite --minify --outdir=dist --log-level=silent && esbuild dist/assets/*.js --allow-overwrite --minify --outdir=dist/assets --log-level=silent",
+    "build.js": "tsc && node minify-literals.js && esbuild dist/*.js --allow-overwrite --minify --outdir=dist --log-level=silent && esbuild dist/assets/*.js --allow-overwrite --minify --outdir=dist/assets --log-level=silent",
     "build-no-svg": "yarn build.js && yarn build.scss && yarn copy-tasks",
     "build.scss": "yarn build.scss.base && yarn build.scss.bundles",
     "build.scss.base": "scss-bundle -e ./src/icons/_generated/categories.scss -o src/icons/_generated/categories-bundled.scss --logLevel=silent",
@@ -80,10 +78,10 @@
   },
   "license": "Apache-2.0",
   "peerDependencies": {
-    "@genexus/chameleon-controls-library": ">= 6.20.0"
+    "@genexus/chameleon-controls-library": ">= 6.22.1"
   },
   "devDependencies": {
-    "@genexus/chameleon-controls-library": "6.20.0",
+    "@genexus/chameleon-controls-library": "6.22.1",
     "@genexus/svg-sass-generator": "1.1.24",
     "@jackolope/ts-lit-plugin": "^3.1.4",
     "@types/node": "~22.10.5",
@@ -94,9 +92,10 @@
     "@vitest/ui": "~3.1.1",
     "chokidar": "^3.6.0",
     "chokidar-cli": "^3.0.0",
-    "esbuild": "0.25.0",
+    "esbuild": "~0.25.8",
     "eslint": "~9.26.0",
     "globals": "~16.1.0",
+    "minify-html-literals": "~1.3.5",
     "playwright": "*",
     "prettier": "~3.5.3",
     "sass": "~1.86.3",