@genexus/genexus-ide-ui 1.0.49 → 1.0.50

package/dist/genexus-ide-ui/index.esm.js

@@ -1,3 +1,9 @@
+export { m as mercuryChatMessageRender, a as mercuryCodeRender } from "./p-f3f1e1f6.js";
+
+import "./p-49712340.js";
+
+import "./p-ad5caf61.js";
+
 // Add types from Chameleon, without importing any JS in the final bundle.
 // Don't use 'import "@genexus/chameleon-controls-library"'
 typeof import("./p-df182fc1.js");

package/dist/genexus-ide-ui/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["import"],"sources":["src/index.ts"],"sourcesContent":["export * from \"./components\";\n\n// Add types from Chameleon, without importing any JS in the final bundle.\n// Don't use 'import \"@genexus/chameleon-controls-library\"'\ntypeof import(\"@genexus/chameleon-controls-library/dist/types/index\");\n"],"mappings":";;OAIOA,OAAO"}
+{"version":3,"names":["import"],"sources":["src/index.ts"],"sourcesContent":["export * from \"./components\";\n\n// Add types from Chameleon, without importing any JS in the final bundle.\n// Don't use 'import \"@genexus/chameleon-controls-library\"'\ntypeof import(\"@genexus/chameleon-controls-library/dist/types/index\");\nexport {\n  mercuryChatMessageRender,\n  mercuryCodeRender\n} from \"./components/_helpers/chat-container/code-render\"; // for ch-chat\n"],"mappings":";;;;;;;;OAIOA,OAAO"}

package/dist/genexus-ide-ui/{p-72867329.entry.js → p-8558e873.entry.js}

@@ -1,76 +1,16 @@
-import { h as e, r as t, H as n } from "./p-49712340.js";
+import { r as e, h as t, H as n } from "./p-49712340.js";
 
-import "./p-ad5caf61.js";
-
-const a = "message__copied-feedback";
-
-const o = "message__copied-feedback-visible";
-
-const copy = e => t => {
-  t.stopPropagation();
-  // 1. Copy message
-    navigator.clipboard.writeText(e);
-  // 2. Display "copied" message (expects to be the next sibling!)
-    const n = t.target.nextSibling;
-  const s = n.getAttribute("part");
-  if (s === a) {
-    n.setAttribute("part", `${a} ${o}`);
-    setTimeout((() => {
-      n.setAttribute("part", `${a}`);
-    }), 1e3);
-  }
-};
-
-const copyButton = (t, n, a) => e("button", {
-  "aria-label": n,
-  title: n,
-  class: "button-copy-code",
-  type: "button",
-  onClick: copy(t),
-  part: `message__copy-button ${a}`
-});
+import { m as a } from "./p-f3f1e1f6.js";
 
-const mercuryCodeRender = t => n => e("div", {
-  class: "code-block-container"
-}, e("div", {
-  class: "code-block-header"
-}, copyButton(n.plainText, t, "code-render")), e("ch-code", {
-  language: n.language,
-  lastNestedChildClass: n.lastNestedChildClass,
-  value: n.plainText
-}));
-
-const mercuryChatMessageRender = t => n => n.role === "assistant" && n.status === "waiting" ? [ e("span", {
-  part: "message__processing"
-}, "Processing request"), e("div", {
-  class: "processing-animation",
-  part: "processing-animation"
-}) ] : [ 
-// "copy button" before "role" and "time" to hide both on button:focus
-copyButton(n.content, "Copy code", "common-message"), e("p", {
-  part: a
-}, "message copied to clipboard"), e("span", {
-  part: `message__role ${n.role}`
-}, n.role === "user" ? "You" : "GeneXus Code Fixer"), e("time", {
-  dateTime: n.metadata,
-  part: "message__time"
-}, n.metadata), n.role === "user" ? e("span", {
-  part: "message__content user"
-}, n.content) : e("ch-markdown-viewer", {
-  part: n.role === "assistant" && (n.status === "complete" || !n.status) && !n.parts ? `message__content no-error` : "message__content",
-  theme: t,
-  showIndicator: false,
-  renderCode: mercuryCodeRender("Copy code"),
-  value: n.content
-}) ];
+import "./p-ad5caf61.js";
 
-const s = "{{ASSISTANT_NAME}}";
+const o = "{{ASSISTANT_NAME}}";
 
-let r;
+let s;
 
-const i = `\n    ### Code block {#code-block}\n    To create code blocks, you’ll use three backticks (\` \`\`\` \`) or three tildes (\`~~~\`) on the lines before and after the code block.\n    \n    \`\`\`\n    {\n      "firstName": "John",\n      "lastName": "Smith",\n      "age": 25\n    }\n    \`\`\`\n    \n    Another way to create code blocks is to indent every line of the block by at least four spaces or one tab.\n    \n        <html>\n          <head>\n          </head>\n        </html>\n    \n    \n    #### Syntax Highlighting {#syntax-highlighting}\n    This feature allows you to add color highlighting for whatever language your code was written in.\n    To add syntax highlighting, specify a language next to the backticks before the fenced code block.\n    \n    \`\`\`json\n    {\n      "firstName": "John",\n      "lastName": "Smith",\n      "age": 25\n    }\n    \`\`\`\n    \n    \`\`\`javascript\n    import React from 'react'\n    import ReactDOM from 'react-dom'\n    import Markdown from 'react-markdown'\n    import rehypeHighlight from 'rehype-highlight'\n    \n    const markdown = \`\n    # Your markdown here\n    \`\n    \n    ReactDOM.render(\n      <Markdown rehypePlugins={[rehypeHighlight]}>{markdown}</Markdown>,\n      document.querySelector('#content')\n    )\n    \`\`\`\n    \n    ### Horizontal Rules {#horizontal-rules}\n    To create a horizontal rule, use three or more asterisks (\`***\`), dashes (\`---\`), or underscores (\`___\`) on a line by themselves.\n    `;
+const r = `\n    ### Code block {#code-block}\n    To create code blocks, you’ll use three backticks (\` \`\`\` \`) or three tildes (\`~~~\`) on the lines before and after the code block.\n    \n    \`\`\`\n    {\n      "firstName": "John",\n      "lastName": "Smith",\n      "age": 25\n    }\n    \`\`\`\n    \n    Another way to create code blocks is to indent every line of the block by at least four spaces or one tab.\n    \n        <html>\n          <head>\n          </head>\n        </html>\n    \n    \n    #### Syntax Highlighting {#syntax-highlighting}\n    This feature allows you to add color highlighting for whatever language your code was written in.\n    To add syntax highlighting, specify a language next to the backticks before the fenced code block.\n    \n    \`\`\`json\n    {\n      "firstName": "John",\n      "lastName": "Smith",\n      "age": 25\n    }\n    \`\`\`\n    \n    \`\`\`javascript\n    import React from 'react'\n    import ReactDOM from 'react-dom'\n    import Markdown from 'react-markdown'\n    import rehypeHighlight from 'rehype-highlight'\n    \n    const markdown = \`\n    # Your markdown here\n    \`\n    \n    ReactDOM.render(\n      <Markdown rehypePlugins={[rehypeHighlight]}>{markdown}</Markdown>,\n      document.querySelector('#content')\n    )\n    \`\`\`\n    \n    ### Horizontal Rules {#horizontal-rules}\n    To create a horizontal rule, use three or more asterisks (\`***\`), dashes (\`---\`), or underscores (\`___\`) on a line by themselves.\n    `;
 
-const c = `\n    ### Code block {#code-block}\n    To 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    }\n    \`\`\`\n    `;
+const i = `\n    ### Code block {#code-block}\n    To 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    }\n    \`\`\`\n    `;
 
 const sendChatToLLM = () => {
   // This is a WA to get the chat reference
@@ -81,20 +21,20 @@ const sendChatToLLM = () => {
     content: "Analyzing",
     status: "waiting"
   });
-  r = setTimeout((() => {
+  s = setTimeout((() => {
     e.updateLastMessage({
       role: "assistant",
       content: "Processing with Chat with LLMs",
       status: "waiting"
     }, "replace");
-    r = setTimeout((() => {
-      dummyStreaming(e, 20, i, "replace");
+    s = setTimeout((() => {
+      dummyStreaming(e, 20, r, "replace");
     }), 200);
   }), 200);
 };
 
 function dummyStreaming(e, t, n, a) {
-  r = setTimeout((() => {
+  s = setTimeout((() => {
     const o = t >= n.length;
     e.updateLastMessage({
       role: "assistant",
@@ -116,12 +56,12 @@ function dummyStreaming(e, t, n, a) {
   }), t % 200 === 0 ? 50 : 40);
 }
 
-const d = {
+const c = {
   clear: () => new Promise((e => e())),
   sendChatToLLM,
   uploadImage: () => new Promise((e => e(""))),
   stopGeneratingAnswer: () => {
-    clearTimeout(r);
+    clearTimeout(s);
     // This is a WA to get the chat reference
         const e = document.querySelector("ch-chat");
     e.updateLastMessage({
@@ -133,7 +73,7 @@ const d = {
   }
 };
 
-const l = {
+const d = {
   accessibleName: {
     clearChat: "Clear chat",
     copyResponseButton: "Copy assistant response",
@@ -149,7 +89,7 @@ const l = {
   },
   text: {
     copyCodeButton: "Copy code",
-    processing: `Processing with ${s}`,
+    processing: `Processing with ${o}`,
     sourceFiles: "Source files:"
   }
 };
@@ -163,10 +103,10 @@ Array.from({
 } : {
   id: `index: ${t}`,
   role: "assistant",
-  content: c + `\nindex: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n`
+  content: i + `\nindex: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n` + `index: ${t}\n`
 }));
 
-const m = [ {
+const l = [ {
   id: "1",
   role: "user",
   content: "Please give me an example about...",
@@ -216,65 +156,69 @@ const m = [ {
   id: "9",
   role: "assistant",
   status: "complete",
-  content: c
+  content: i
 } ];
 
-const u = ":host{block-size:100%;display:grid}";
+const h = ":host{block-size:100%;display:grid}";
 
-var h = undefined && undefined.__classPrivateFieldGet || function(e, t, n, a) {
+var m = undefined && undefined.__classPrivateFieldGet || function(e, t, n, a) {
   if (n === "a" && !a) throw new TypeError("Private accessor was defined without a getter");
   if (typeof t === "function" ? e !== t || !a : !t.has(e)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return n === "m" ? a : n === "a" ? a.call(e) : a ? a.value : t.get(e);
 };
 
-var p = undefined && undefined.__classPrivateFieldSet || function(e, t, n, a, o) {
+var u = undefined && undefined.__classPrivateFieldSet || function(e, t, n, a, o) {
   if (a === "m") throw new TypeError("Private method is not writable");
   if (a === "a" && !o) throw new TypeError("Private accessor was defined without a setter");
   if (typeof t === "function" ? e !== t || !o : !t.has(e)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return a === "a" ? o.call(e, n) : o ? o.value = n : t.set(e, n), n;
 };
 
-var g, f;
+var p, g, f;
 
 const w = [ "resets/box-sizing", "components/chat" ];
 
 const y = class {
-  constructor(e) {
-    t(this, e);
-    g.set(this, void 0);
+  constructor(t) {
+    e(this, t);
+    p.set(this, void 0);
+    g.set(this, (() => {
+      m(this, p, "f").showCopyConversationMessage();
+    }));
     f.set(this, (() => {
-      h(this, g, "f").showCopyConversationMessage();
+      console.log("delete messages");
     }));
     this.showAdditionalContent = false;
     this.conversationCopied = false;
   }
   render() {
-    return e(n, null, e("ch-theme", {
+    return t(n, null, t("ch-theme", {
       model: w
-    }), e("gx-ide-chat-container", {
+    }), t("gx-ide-chat-container", {
       chatTitle: "GeneXus Assistant",
-      copyConversationCallback: h(this, f, "f"),
-      ref: e => p(this, g, e, "f")
-    }, e("ch-chat", {
-      callbacks: d,
+      copyConversationCallback: m(this, g, "f"),
+      deleteConversationCallback: m(this, f, "f"),
+      ref: e => u(this, p, e, "f")
+    }, t("ch-chat", {
+      callbacks: c,
       class: "chat",
       generatingResponse: false,
       loadingState: "all-records-loaded",
       markdownTheme: "mercury/markdown-viewer",
-      renderItem: mercuryChatMessageRender("mercury/markdown-viewer"),
+      renderItem: a("mercury/markdown-viewer"),
       isMobile: false,
-      items: m,
+      items: l,
       showAdditionalContent: this.showAdditionalContent,
-      translations: l
-    }, e("div", {
+      translations: d
+    }, t("div", {
       slot: "additional-content"
     }, "Custom content that is rendered when the chat renders content"))));
   }
 };
 
-g = new WeakMap, f = new WeakMap;
+p = new WeakMap, g = new WeakMap, f = new WeakMap;
 
-y.style = u;
+y.style = h;
 
 export { y as gx_ide_sc_chat_container };
-//# sourceMappingURL=p-72867329.entry.js.map
+//# sourceMappingURL=p-8558e873.entry.js.map

package/dist/genexus-ide-ui/p-8558e873.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PROCESSING_PLACEHOLDER","timeOut","ASSISTANT_RESPONSE_MARKDOWN","ASSISTANT_RESPONSE_SHORT_MARKDOWN","sendChatToLLM","chatRef","document","querySelector","addNewMessage","id","Date","getTime","role","content","status","setTimeout","updateLastMessage","dummyStreaming","counter","stringToDisplay","mode","streamingCompleted","length","message","substring","files","url","caption","undefined","chatCallbacks","clear","Promise","resolve","uploadImage","stopGeneratingAnswer","clearTimeout","chatTranslations","accessibleName","clearChat","copyResponseButton","downloadCodeButton","imagePicker","removeUploadedImage","sendButton","sendInput","stopGeneratingAnswerButton","placeholder","text","copyCodeButton","processing","sourceFiles","Array","from","_","index","codeFixerRecord","metadata","parts","chatShowcaseCss","CSS_BUNDLES","GxIdeScChatContainer","_GxIdeScChatContainer_chatContainerRef","set","this","_GxIdeScChatContainer_copyConversationCallbackHandler","__classPrivateFieldGet","showCopyConversationMessage","_GxIdeScChatContainer_deleteConversationCallbackHandler","console","log","render","h","Host","model","chatTitle","copyConversationCallback","deleteConversationCallback","ref","el","__classPrivateFieldSet","callbacks","class","generatingResponse","loadingState","markdownTheme","renderItem","mercuryChatMessageRender","isMobile","items","showAdditionalContent","translations","slot"],"sources":["src/showcase/chat-container/callbacks.ts","src/showcase/chat-container/chat-showcase.scss?tag=gx-ide-sc-chat-container&encapsulation=shadow","src/showcase/chat-container/chat.showcase.tsx"],"sourcesContent":["import {\n  ChatInternalCallbacks,\n  ChatMessage,\n  ChatTranslations\n} from \"@genexus/chameleon-controls-library\";\n\nconst PROCESSING_PLACEHOLDER = \"{{ASSISTANT_NAME}}\";\n\nlet timeOut: NodeJS.Timeout;\n\nconst ASSISTANT_RESPONSE_MARKDOWN = `\n    ### Code block {#code-block}\n    To create code blocks, you’ll use three backticks (\\` \\`\\`\\` \\`) or three tildes (\\`~~~\\`) on the lines before and after the code block.\n    \n    \\`\\`\\`\n    {\n      \"firstName\": \"John\",\n      \"lastName\": \"Smith\",\n      \"age\": 25\n    }\n    \\`\\`\\`\n    \n    Another way to create code blocks is to indent every line of the block by at least four spaces or one tab.\n    \n        <html>\n          <head>\n          </head>\n        </html>\n    \n    \n    #### Syntax Highlighting {#syntax-highlighting}\n    This feature allows you to add color highlighting for whatever language your code was written in.\n    To add syntax highlighting, specify a language next to the backticks before the fenced code block.\n    \n    \\`\\`\\`json\n    {\n      \"firstName\": \"John\",\n      \"lastName\": \"Smith\",\n      \"age\": 25\n    }\n    \\`\\`\\`\n    \n    \\`\\`\\`javascript\n    import React from 'react'\n    import ReactDOM from 'react-dom'\n    import Markdown from 'react-markdown'\n    import rehypeHighlight from 'rehype-highlight'\n    \n    const markdown = \\`\n    # Your markdown here\n    \\`\n    \n    ReactDOM.render(\n      <Markdown rehypePlugins={[rehypeHighlight]}>{markdown}</Markdown>,\n      document.querySelector('#content')\n    )\n    \\`\\`\\`\n    \n    ### Horizontal Rules {#horizontal-rules}\n    To create a horizontal rule, use three or more asterisks (\\`***\\`), dashes (\\`---\\`), or underscores (\\`___\\`) on a line by themselves.\n    `;\n\nconst ASSISTANT_RESPONSE_SHORT_MARKDOWN = `\n    ### Code block {#code-block}\n    To 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    }\n    \\`\\`\\`\n    `;\n\nconst sendChatToLLM = () => {\n  // This is a WA to get the chat reference\n  const chatRef = document.querySelector(\"ch-chat\") as HTMLChChatElement;\n\n  chatRef.addNewMessage({\n    id: `${new Date().getTime()}`,\n    role: \"assistant\",\n    content: \"Analyzing\",\n    status: \"waiting\"\n  });\n\n  timeOut = setTimeout(() => {\n    chatRef.updateLastMessage(\n      {\n        role: \"assistant\",\n        content: \"Processing with Chat with LLMs\",\n        status: \"waiting\"\n      },\n      \"replace\"\n    );\n\n    timeOut = setTimeout(() => {\n      dummyStreaming(chatRef, 20, ASSISTANT_RESPONSE_MARKDOWN, \"replace\");\n    }, 200);\n  }, 200);\n};\n\nfunction dummyStreaming(\n  chatRef: HTMLChChatElement,\n  counter: number,\n  stringToDisplay: string,\n  mode: \"concat\" | \"replace\"\n) {\n  timeOut = setTimeout(\n    () => {\n      const streamingCompleted = counter >= stringToDisplay.length;\n\n      chatRef.updateLastMessage(\n        {\n          role: \"assistant\",\n          content: {\n            message: stringToDisplay.substring(counter - 20, counter),\n            files: streamingCompleted\n              ? [\n                  {\n                    url: \"https://next.genexus.ai\",\n                    caption: \"Mars Exploration Contract\"\n                  },\n                  {\n                    url: \"https://gx-chameleon.netlify.app\",\n                    caption: \"Venus Exploration Contract\"\n                  }\n                ]\n              : undefined\n          },\n          status: streamingCompleted ? \"complete\" : \"streaming\"\n        },\n        mode\n      );\n\n      if (!streamingCompleted) {\n        dummyStreaming(chatRef, counter + 20, stringToDisplay, \"concat\");\n      }\n    },\n    counter % 200 === 0 ? 50 : 40\n  );\n}\n\nexport const chatCallbacks: ChatInternalCallbacks = {\n  clear: () => new Promise(resolve => resolve()),\n  sendChatToLLM: sendChatToLLM,\n  uploadImage: () => new Promise(resolve => resolve(\"\")),\n  stopGeneratingAnswer: () => {\n    clearTimeout(timeOut);\n\n    // This is a WA to get the chat reference\n    const chatRef = document.querySelector(\"ch-chat\") as HTMLChChatElement;\n\n    chatRef.updateLastMessage(\n      {\n        role: \"assistant\",\n        content: \"\",\n        status: \"complete\"\n      },\n      \"concat\"\n    );\n\n    return new Promise(resolve => setTimeout(() => resolve, 10));\n  }\n};\n\nexport const chatTranslations: ChatTranslations = {\n  accessibleName: {\n    clearChat: \"Clear chat\",\n    copyResponseButton: \"Copy assistant response\",\n    downloadCodeButton: \"Download code\",\n    imagePicker: \"Select images\",\n    removeUploadedImage: \"Remove uploaded image\",\n    sendButton: \"Send\",\n    sendInput: \"Message\",\n    stopGeneratingAnswerButton: \"Stop generating answer\"\n  },\n  placeholder: {\n    sendInput: \"Ask me a question...\"\n  },\n  text: {\n    copyCodeButton: \"Copy code\",\n    processing: `Processing with ${PROCESSING_PLACEHOLDER}`,\n    sourceFiles: \"Source files:\"\n  }\n};\n\nexport const chatRecord: ChatMessage[] = [\n  { id: \"1\", role: \"user\", content: \"Hello world\" },\n  { id: \"2\", role: \"assistant\", content: ASSISTANT_RESPONSE_MARKDOWN },\n  { id: \"3\", role: \"user\", content: \"Hello world 1\" },\n  { id: \"4\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },\n  { id: \"5\", role: \"user\", content: \"Hello world 2\" },\n  { id: \"6\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },\n  { id: \"7\", role: \"user\", content: \"Hello world 3\" },\n  { id: \"8\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN },\n  { id: \"9\", role: \"user\", content: \"Hello world 4\" },\n  { id: \"10\", role: \"assistant\", content: ASSISTANT_RESPONSE_SHORT_MARKDOWN }\n];\n\nexport const longChatRecord: ChatMessage[] = Array.from(\n  { length: 40 },\n  (_, index) =>\n    index % 2 === 0\n      ? {\n          id: `index: ${index}`,\n          role: \"user\",\n          content:\n            `index: ${index}` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n`\n        }\n      : {\n          id: `index: ${index}`,\n          role: \"assistant\",\n          content:\n            ASSISTANT_RESPONSE_SHORT_MARKDOWN +\n            `\\nindex: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n` +\n            `index: ${index}\\n`\n        }\n);\n\nexport const codeFixerRecord: ChatMessage[] = [\n  {\n    id: \"1\",\n    role: \"user\",\n    content: \"Please give me an example about...\",\n    metadata: \"14:55\"\n  },\n  {\n    id: \"2\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"Action required example. Action required example. Action required example.\",\n    metadata: \"14:56\"\n  },\n  {\n    id: \"3\",\n    role: \"assistant\",\n    status: \"complete\",\n    content: \"Warning in request\",\n    metadata: \"14:57\",\n    parts: \"warning\"\n  },\n  {\n    id: \"4\",\n    role: \"error\",\n    content: \"Error in Request\",\n    metadata: \"14:58\"\n  },\n  {\n    id: \"5\",\n    role: \"assistant\",\n    status: \"complete\",\n    content: \"Warning in request\",\n    metadata: \"14:59\",\n    parts: \"success\"\n  },\n  {\n    id: \"6\",\n    role: \"user\",\n    content:\n      \"Implement the function calculate_average_grade in grades.py that takes a list of grades as input and returns the average grade as a floating-point number\",\n    metadata: \"15:00\"\n  },\n  {\n    id: \"7\",\n    role: \"assistant\",\n    status: \"complete\",\n    content:\n      \"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.\",\n    metadata: \"15:01\"\n  },\n  {\n    id: \"8\",\n    role: \"assistant\",\n    status: \"waiting\",\n    content: \"Processing Request\"\n  },\n  {\n    id: \"9\",\n    role: \"assistant\",\n    status: \"complete\",\n    content: ASSISTANT_RESPONSE_SHORT_MARKDOWN\n  }\n];\n",":host {\n  block-size: 100%;\n  display: grid;\n}\n","import { Component, Host, h, State } from \"@stencil/core\";\nimport { mercuryChatMessageRender } from \"../../components/_helpers/chat-container/code-render\";\nimport { MercuryBundles } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\"resets/box-sizing\", \"components/chat\"];\n\nimport { chatCallbacks, chatTranslations, codeFixerRecord } from \"./callbacks\";\n\n@Component({\n  tag: \"gx-ide-sc-chat-container\",\n  styleUrl: \"chat-showcase.scss\",\n  shadow: true\n})\nexport class GxIdeScChatContainer {\n  #chatContainerRef!: HTMLGxIdeChatContainerElement;\n\n  @State() showAdditionalContent: boolean = false;\n  @State() conversationCopied: boolean = false;\n\n  #copyConversationCallbackHandler = () => {\n    this.#chatContainerRef.showCopyConversationMessage();\n  };\n\n  #deleteConversationCallbackHandler = () => {\n    console.log(\"delete messages\");\n  };\n\n  render() {\n    return (\n      <Host>\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <gx-ide-chat-container\n          chatTitle=\"GeneXus Assistant\"\n          copyConversationCallback={this.#copyConversationCallbackHandler}\n          deleteConversationCallback={this.#deleteConversationCallbackHandler}\n          ref={el =>\n            (this.#chatContainerRef = el as HTMLGxIdeChatContainerElement)\n          }\n        >\n          <ch-chat\n            callbacks={chatCallbacks}\n            class=\"chat\"\n            generatingResponse={false}\n            loadingState=\"all-records-loaded\"\n            markdownTheme=\"mercury/markdown-viewer\"\n            renderItem={mercuryChatMessageRender(\"mercury/markdown-viewer\")}\n            isMobile={false}\n            items={codeFixerRecord}\n            showAdditionalContent={this.showAdditionalContent}\n            translations={chatTranslations}\n          >\n            <div slot=\"additional-content\">\n              Custom content that is rendered when the chat renders content\n            </div>\n          </ch-chat>\n        </gx-ide-chat-container>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;;AAMA,MAAMA,IAAyB;;AAE/B,IAAIC;;AAEJ,MAAMC,IAA8B;;AAoDpC,MAAMC,IAAoC;;AAa1C,MAAMC,gBAAgB;;EAEpB,MAAMC,IAAUC,SAASC,cAAc;EAEvCF,EAAQG,cAAc;IACpBC,IAAI,IAAG,IAAIC,MAAOC;IAClBC,MAAM;IACNC,SAAS;IACTC,QAAQ;;EAGVb,IAAUc,YAAW;IACnBV,EAAQW,kBACN;MACEJ,MAAM;MACNC,SAAS;MACTC,QAAQ;OAEV;IAGFb,IAAUc,YAAW;MACnBE,eAAeZ,GAAS,IAAIH,GAA6B;AAAU,QAClE;AAAI,MACN;AAAI;;AAGT,SAASe,eACPZ,GACAa,GACAC,GACAC;EAEAnB,IAAUc,YACR;IACE,MAAMM,IAAqBH,KAAWC,EAAgBG;IAEtDjB,EAAQW,kBACN;MACEJ,MAAM;MACNC,SAAS;QACPU,SAASJ,EAAgBK,UAAUN,IAAU,IAAIA;QACjDO,OAAOJ,IACH,EACE;UACEK,KAAK;UACLC,SAAS;WAEX;UACED,KAAK;UACLC,SAAS;cAGbC;;MAENd,QAAQO,IAAqB,aAAa;OAE5CD;IAGF,KAAKC,GAAoB;MACvBJ,eAAeZ,GAASa,IAAU,IAAIC,GAAiB;;MAG3DD,IAAU,QAAQ,IAAI,KAAK;AAE/B;;AAEO,MAAMW,IAAuC;EAClDC,OAAO,MAAM,IAAIC,SAAQC,KAAWA;EACpC5B;EACA6B,aAAa,MAAM,IAAIF,SAAQC,KAAWA,EAAQ;EAClDE,sBAAsB;IACpBC,aAAalC;;QAGb,MAAMI,IAAUC,SAASC,cAAc;IAEvCF,EAAQW,kBACN;MACEJ,MAAM;MACNC,SAAS;MACTC,QAAQ;OAEV;IAGF,OAAO,IAAIiB,SAAQC,KAAWjB,YAAW,MAAMiB,IAAS;AAAI;;;AAIzD,MAAMI,IAAqC;EAChDC,gBAAgB;IACdC,WAAW;IACXC,oBAAoB;IACpBC,oBAAoB;IACpBC,aAAa;IACbC,qBAAqB;IACrBC,YAAY;IACZC,WAAW;IACXC,4BAA4B;;EAE9BC,aAAa;IACXF,WAAW;;EAEbG,MAAM;IACJC,gBAAgB;IAChBC,YAAY,mBAAmBjD;IAC/BkD,aAAa;;;;AAiB4BC,MAAMC,KACjD;EAAE9B,QAAQ;IACV,CAAC+B,GAAGC,MACFA,IAAQ,MAAM,IACV;EACE7C,IAAI,UAAU6C;EACd1C,MAAM;EACNC,SACE,UAAUyC,MACV,UAAUA,QACV,UAAUA,QACV,UAAUA,QACV,UAAUA,QACV,UAAUA,QACV,UAAUA;IAEd;EACE7C,IAAI,UAAU6C;EACd1C,MAAM;EACNC,SACEV,IACA,YAAYmD,QACZ,UAAUA,QACV,UAAUA,QACV,UAAUA,QACV,UAAUA,QACV,UAAUA,QACV,UAAUA;;;AAIf,MAAMC,IAAiC,EAC5C;EACE9C,IAAI;EACJG,MAAM;EACNC,SAAS;EACT2C,UAAU;GAEZ;EACE/C,IAAI;EACJG,MAAM;EACNE,QAAQ;EACRD,SACE;EACF2C,UAAU;GAEZ;EACE/C,IAAI;EACJG,MAAM;EACNE,QAAQ;EACRD,SAAS;EACT2C,UAAU;EACVC,OAAO;GAET;EACEhD,IAAI;EACJG,MAAM;EACNC,SAAS;EACT2C,UAAU;GAEZ;EACE/C,IAAI;EACJG,MAAM;EACNE,QAAQ;EACRD,SAAS;EACT2C,UAAU;EACVC,OAAO;GAET;EACEhD,IAAI;EACJG,MAAM;EACNC,SACE;EACF2C,UAAU;GAEZ;EACE/C,IAAI;EACJG,MAAM;EACNE,QAAQ;EACRD,SACE;EACF2C,UAAU;GAEZ;EACE/C,IAAI;EACJG,MAAM;EACNE,QAAQ;EACRD,SAAS;GAEX;EACEJ,IAAI;EACJG,MAAM;EACNE,QAAQ;EACRD,SAASV;;;ACrSb,MAAMuD,IAAkB;;;;;;;;;;;;;;;;;ACIxB,MAAMC,IAA8B,EAAC,qBAAqB;;MAS7CC,IAAoB;;;IAC/BC,EAAAC,IAAAC,WAAA;IAKAC,EAAAF,IAAAC,OAAmC;MACjCE,EAAAF,MAAIF,GAAA,KAAmBK;AAA6B;IAGtDC,EAAAL,IAAAC,OAAqC;MACnCK,QAAQC,IAAI;AAAkB;iCARU;8BACH;;EAUvC,MAAAC;IACE,OACEC,EAACC,GAAI,MACHD,EAAA;MAAUE,OAAOd;QACjBY,EAAA;MACEG,WAAU;MACVC,0BAA0BV,EAAAF,MAAIC,GAAA;MAC9BY,4BAA4BX,EAAAF,MAAII,GAAA;MAChCU,KAAKC,KACFC,EAAAhB,MAAIF,GAAqBiB,GAAmC;OAG/DP,EAAA;MACES,WAAWnD;MACXoD,OAAM;MACNC,oBAAoB;MACpBC,cAAa;MACbC,eAAc;MACdC,YAAYC,EAAyB;MACrCC,UAAU;MACVC,OAAOjC;MACPkC,uBAAuB1B,KAAK0B;MAC5BC,cAActD;OAEdmC,EAAA;MAAKoB,MAAK;OAAoB"}

package/dist/genexus-ide-ui/{p-5afe1477.entry.js → p-c1791757.entry.js}

@@ -4,9 +4,9 @@ import { g as o } from "./p-6e4208d8.js";
 
 import "./p-ad5caf61.js";
 
-const r = '.chat-container{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content;gap:var(--mer-spacing--xs);padding:var(--mer-spacing--xs);position:relative;--chat-common-border-radius:var(--mer-spacing--2xs)}.section{display:contents}.chat-container__header{padding:var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--sm);display:flex;align-items:center;gap:var(--mer-spacing--sm);justify-content:space-between}.chat-container__ch-chat{overflow:auto;position:relative;display:grid}.chat-container__header,.chat-container__footer{padding:var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--sm);border-radius:var(--chat-common-border-radius)}.chat-container__conversation-copied{position:absolute;z-index:1;inline-size:100%;block-size:100%;background:rgba(22, 22, 23, 0.75);backdrop-filter:saturate(180%) blur(20px);display:grid;align-items:center;justify-content:center;text-align:center;padding:32px;--mer-icon__box--md:18px;pointer-events:none;overflow:hidden;animation:fadeIn 100ms ease-in-out forwards;opacity:0}.chat-container__conversation-copied-wrapper{display:flex;align-items:center;gap:var(--mer-spacing--sm)}.chat-container__conversation-copied-wrapper{animation:liftUp var(--mer-timing--fast) ease-in-out forwards;inset-block-start:4px;opacity:0;animation-delay:var(--mer-timing--fast);position:relative}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes liftUp{from{opacity:0;inset-block-start:4px}to{opacity:1;inset-block-start:0}}.chat::part(message){position:relative;--copy-button-opacity:0;--copied-to-clipboard-opacity:0;--date-opacity:1}.chat::part(message__time),.chat::part(message__copy-button){transition:opacity var(--mer-timing--super-fast) ease-in-out}.chat::part(message__time){opacity:var(--date-opacity)}.chat::part(message):hover{position:relative;--copy-button-opacity:1;--date-opacity:0}.chat::part(message__copy-button){position:absolute;z-index:1;inset-inline-end:0;padding:var(--mer-spacing--sm);transition:opacity var(--mer-timing--fast) ease-in-out;opacity:var(--copy-button-opacity)}.chat::part(message__copy-button)::after{content:"";inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);--icon-path:var(--icon__system_copy_primary--enabled)}.chat::part(message__copy-button):hover::after{--icon-path:var(--icon__system_copy_primary--hover)}.chat::part(message__copy-button):active::after{--icon-path:var(--icon__system_copy_primary--active)}.chat::part(message__copied-feedback){transition:opacity 150ms ease-in-out;position:absolute;inline-size:100%;block-size:100%;display:flex;align-items:center;justify-content:center;z-index:2;background:rgba(22, 22, 23, 0.8);backdrop-filter:saturate(180%) blur(20px);opacity:var(--copied-to-clipboard-opacity);pointer-events:none}.chat::part(message__copied-feedback-visible){--copied-to-clipboard-opacity:1;pointer-events:visible}.chat::part(send-container){gap:var(--mer-spacing--xs)}.chat::part(send-input){--control__padding-block:7px !important}.chat::part(send-button){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);inline-size:32px;block-size:32px;background:no-repeat center/var(--mer-icon__box--md) var(--icon-path);--icon-path:var(--icon__system_send_primary--enabled)}.chat::part(send-button):hover{--icon-path:var(--icon__system_send_primary--hover);--control__border-color:var(--mer-text__primary--hover)}.chat::part(send-button):active{--icon-path:var(--icon__system_send_primary--active);--control__border-color:var(--mer-border-color__primary--active)}';
+const i = '.chat-container{display:grid;block-size:100%;overflow:auto;grid-template-rows:max-content 1fr max-content;gap:var(--mer-spacing--xs);padding:var(--mer-spacing--xs);position:relative;--chat-common-border-radius:var(--mer-spacing--2xs)}.section{display:contents}.chat-container__header{padding:var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--sm);display:flex;align-items:center;gap:var(--mer-spacing--sm);justify-content:space-between}.chat-container__ch-chat{overflow:auto;position:relative;display:grid}.chat-container__header,.chat-container__footer{padding:var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--2xs) var(--mer-spacing--sm);border-radius:var(--chat-common-border-radius)}.chat-container__conversation-copied{position:absolute;z-index:1;inline-size:100%;block-size:100%;background:rgba(22, 22, 23, 0.75);backdrop-filter:saturate(180%) blur(20px);display:grid;align-items:center;justify-content:center;text-align:center;padding:32px;--mer-icon__box--md:18px;pointer-events:none;overflow:hidden;animation:fadeIn 100ms ease-in-out forwards;opacity:0}.chat-container__conversation-copied-wrapper{display:flex;align-items:center;gap:var(--mer-spacing--sm)}.chat-container__conversation-copied-wrapper{animation:liftUp var(--mer-timing--fast) ease-in-out forwards;inset-block-start:4px;opacity:0;animation-delay:var(--mer-timing--fast);position:relative}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes liftUp{from{opacity:0;inset-block-start:4px}to{opacity:1;inset-block-start:0}}.chat::part(message){position:relative;--copy-button-opacity:0;--copied-to-clipboard-opacity:0;--date-opacity:1}.chat::part(message__time),.chat::part(message__copy-button){transition:opacity var(--mer-timing--super-fast) ease-in-out}.chat::part(message__time){opacity:var(--date-opacity)}.chat::part(message):hover{position:relative;--copy-button-opacity:1;--date-opacity:0}.chat::part(message__copy-button){position:absolute;z-index:1;inset-inline-end:0;padding:var(--mer-spacing--sm);transition:opacity var(--mer-timing--fast) ease-in-out;opacity:var(--copy-button-opacity)}.chat::part(message__copy-button)::after{content:"";inline-size:var(--mer-icon__box--md);block-size:var(--mer-icon__box--md);background:no-repeat center/var(--mer-icon__size--md) var(--icon-path);--icon-path:var(--icon__system_copy_primary--enabled)}.chat::part(message__copy-button):hover::after{--icon-path:var(--icon__system_copy_primary--hover)}.chat::part(message__copy-button):active::after{--icon-path:var(--icon__system_copy_primary--active)}.chat::part(message__copied-feedback){transition:opacity 150ms ease-in-out;position:absolute;inline-size:100%;block-size:100%;display:flex;align-items:center;justify-content:center;z-index:2;background:rgba(22, 22, 23, 0.8);backdrop-filter:saturate(180%) blur(20px);opacity:var(--copied-to-clipboard-opacity);pointer-events:none}.chat::part(message__copied-feedback-visible){--copied-to-clipboard-opacity:1;pointer-events:visible}.chat::part(send-container){gap:var(--mer-spacing--xs)}.chat::part(send-input){--control__padding-block:7px !important}.chat::part(send-button){border-width:var(--control__border-width);border-style:var(--control__border-style);border-color:var(--control__border-color);border-radius:var(--control__border-radius);inline-size:32px;block-size:32px;background:no-repeat center/var(--mer-icon__box--md) var(--icon-path);--icon-path:var(--icon__system_send_primary--enabled)}.chat::part(send-button):hover{--icon-path:var(--icon__system_send_primary--hover);--control__border-color:var(--mer-text__primary--hover)}.chat::part(send-button):active{--icon-path:var(--icon__system_send_primary--active);--control__border-color:var(--mer-border-color__primary--active)}';
 
-const i = [ "resets/box-sizing", "utils/typography", "chameleon/scrollbar", "components/button", "components/icon", "utils/elevation" ];
+const r = [ "resets/box-sizing", "utils/typography", "chameleon/scrollbar", "components/button", "components/icon", "utils/elevation" ];
 
 const n = o({
   category: "system",
@@ -14,16 +14,23 @@ const n = o({
   colorType: "neutral"
 });
 
+const s = o({
+  category: "system",
+  name: "delete-outlined",
+  colorType: "error"
+});
+
 const c = o({
   category: "objects",
   name: "conversational-flows"
 });
 
-const s = class {
+const p = class {
   constructor(a) {
     t(this, a);
     this.chatTitle = undefined;
     this.copyConversationCallback = undefined;
+    this.deleteConversationCallback = undefined;
     this.displayConversationCopiedMessage = false;
   }
   /**
@@ -35,23 +42,31 @@ const s = class {
     }), 2e3);
   }
   render() {
-    const t = this.chatTitle || this.copyConversationCallback;
+    const t = this.chatTitle || this.copyConversationCallback || this.deleteConversationCallback;
+    const o = this.copyConversationCallback || this.deleteConversationCallback;
     return a(e, {
       class: "chat-container"
     }, a("ch-theme", {
-      model: i
+      model: r
     }), a("section", {
       class: "section"
     }, t && a("header", {
       class: "chat-container__header elevation-1 body-italic-m"
-    }, this.chatTitle && this.chatTitle, this.copyConversationCallback && a("button", {
+    }, this.chatTitle && this.chatTitle, o && a("div", {
+      class: "buttons-spacer"
+    }, this.deleteConversationCallback && a("button", {
       class: "button-secondary button-icon-only",
-      onClick: this.copyConversationCallback
+      onClick: this.deleteConversationCallback
     }, a("ch-image", {
       class: "icon-md",
-      src: n,
+      src: s
+    })), this.copyConversationCallback && a("button", {
+      class: "button-secondary button-icon-only",
       onClick: this.copyConversationCallback
-    }))), a("section", {
+    }, a("ch-image", {
+      class: "icon-md",
+      src: n
+    })))), a("section", {
       class: "chat-container__ch-chat"
     }, a("slot", null), this.displayConversationCopiedMessage && a("div", {
       class: "chat-container__conversation-copied"
@@ -66,7 +81,7 @@ const s = class {
   }
 };
 
-s.style = r;
+p.style = i;
 
-export { s as gx_ide_chat_container };
-//# sourceMappingURL=p-5afe1477.entry.js.map
+export { p as gx_ide_chat_container };
+//# sourceMappingURL=p-c1791757.entry.js.map

package/dist/genexus-ide-ui/{p-5afe1477.entry.js.map → p-c1791757.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["chatContainerCss","CSS_BUNDLES","COPY_ICON","getIconPath","category","name","colorType","CONVERSATION_ICON","GxIdeChatContainer","showCopyConversationMessage","this","displayConversationCopiedMessage","setTimeout","render","renderHeader","chatTitle","copyConversationCallback","h","Host","class","model","onClick","src"],"sources":["src/components/_helpers/chat-container/chat-container.scss?tag=gx-ide-chat-container","src/components/_helpers/chat-container/chat-container.tsx"],"sourcesContent":[".chat-container {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n  gap: var(--mer-spacing--xs);\n  padding: var(--mer-spacing--xs);\n  position: relative;\n  --chat-common-border-radius: var(--mer-spacing--2xs);\n}\n.section {\n  display: contents;\n}\n\n// header\n.chat-container__header {\n  padding: var(--mer-spacing--2xs) var(--mer-spacing--2xs)\n    var(--mer-spacing--2xs) var(--mer-spacing--sm);\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n  justify-content: space-between;\n}\n\n// ch-chat container\n.chat-container__ch-chat {\n  overflow: auto;\n  position: relative;\n  display: grid;\n}\n\n// footer\n\n// header & footer (common styles)\n.chat-container__header,\n.chat-container__footer {\n  padding: var(--mer-spacing--2xs) var(--mer-spacing--2xs)\n    var(--mer-spacing--2xs) var(--mer-spacing--sm);\n  border-radius: var(--chat-common-border-radius);\n}\n\n.chat-container__conversation-copied {\n  position: absolute;\n  z-index: 1;\n  inline-size: 100%;\n  block-size: 100%;\n  background: rgba(22, 22, 23, 0.75);\n  backdrop-filter: saturate(180%) blur(20px);\n  display: grid;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 32px;\n  --mer-icon__box--md: 18px;\n  pointer-events: none;\n  overflow: hidden;\n  animation: fadeIn 100ms ease-in-out forwards;\n  opacity: 0;\n}\n.chat-container__conversation-copied-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n}\n.chat-container__conversation-copied-wrapper {\n  animation: liftUp var(--mer-timing--fast) ease-in-out forwards;\n  inset-block-start: 4px;\n  opacity: 0;\n  animation-delay: var(--mer-timing--fast);\n  position: relative;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes liftUp {\n  from {\n    opacity: 0;\n    inset-block-start: 4px;\n  }\n  to {\n    opacity: 1;\n    inset-block-start: 0;\n  }\n}\n\n// - - - - - - - - - - - - - - - - - - - - - - - - - -\n// ch-chat overrides TODO: move this styles to Mercury\n// - - - - - - - - - - - - - - - - - - - - - - - - - -\n\n.chat::part(message) {\n  position: relative;\n  --copy-button-opacity: 0;\n  --copied-to-clipboard-opacity: 0;\n  --date-opacity: 1;\n}\n.chat::part(message__time),\n.chat::part(message__copy-button) {\n  transition: opacity var(--mer-timing--super-fast) ease-in-out;\n}\n.chat::part(message__time) {\n  opacity: var(--date-opacity);\n}\n.chat::part(message):hover {\n  position: relative;\n  --copy-button-opacity: 1;\n  --date-opacity: 0;\n}\n.chat::part(message__copy-button) {\n  position: absolute;\n  z-index: 1;\n  inset-inline-end: 0;\n  padding: var(--mer-spacing--sm); // same as part::(message)\n  transition: opacity var(--mer-timing--fast) ease-in-out;\n  opacity: var(--copy-button-opacity);\n\n  &::after {\n    content: \"\";\n    inline-size: var(--mer-icon__box--md);\n    block-size: var(--mer-icon__box--md);\n    background: no-repeat center / var(--mer-icon__size--md) var(--icon-path);\n    --icon-path: var(--icon__system_copy_primary--enabled);\n  }\n  &:hover::after {\n    --icon-path: var(--icon__system_copy_primary--hover);\n  }\n  &:active::after {\n    --icon-path: var(--icon__system_copy_primary--active);\n  }\n}\n\n// // copy button effect\n.chat::part(message__copied-feedback) {\n  transition: opacity 150ms ease-in-out;\n  position: absolute;\n  inline-size: 100%;\n  block-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2;\n  background: rgba(22, 22, 23, 0.8);\n  backdrop-filter: saturate(180%) blur(20px);\n  opacity: var(--copied-to-clipboard-opacity);\n  pointer-events: none;\n}\n\n.chat::part(message__copied-feedback-visible) {\n  --copied-to-clipboard-opacity: 1;\n  pointer-events: visible;\n}\n\n// send button\n\n.chat::part(send-container) {\n  gap: var(--mer-spacing--xs);\n}\n.chat::part(send-input) {\n  --control__padding-block: 7px !important;\n}\n\n.chat::part(send-button) {\n  border-width: var(--control__border-width);\n  border-style: var(--control__border-style);\n  border-color: var(--control__border-color);\n  border-radius: var(--control__border-radius);\n  inline-size: 32px;\n  block-size: 32px;\n  background: no-repeat center / var(--mer-icon__box--md) var(--icon-path);\n  --icon-path: var(--icon__system_send_primary--enabled);\n}\n.chat::part(send-button):hover {\n  --icon-path: var(--icon__system_send_primary--hover);\n  --control__border-color: var(--mer-text__primary--hover);\n}\n.chat::part(send-button):active {\n  --icon-path: var(--icon__system_send_primary--active);\n  --control__border-color: var(--mer-border-color__primary--active);\n}\n","import { Component, Host, h, Prop, Method, State } from \"@stencil/core\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/elevation\"\n];\n\nconst COPY_ICON = getIconPath({\n  category: \"system\",\n  name: \"copy\",\n  colorType: \"neutral\"\n});\nconst CONVERSATION_ICON = getIconPath({\n  category: \"objects\",\n  name: \"conversational-flows\"\n});\n\n@Component({\n  tag: \"gx-ide-chat-container\",\n  styleUrl: \"chat-container.scss\",\n  shadow: false\n})\nexport class GxIdeChatContainer {\n  /**\n   * The chat title\n   */\n  @Prop() readonly chatTitle?: string;\n\n  /**\n   * If true a button for copying the conversation will be render on the header.s\n   */\n  @Prop() readonly copyConversationCallback: () => void;\n\n  /**\n   * Coneration Copied\n   */\n  @State() displayConversationCopiedMessage: boolean = false;\n\n  /**\n   * It will display a feedback message that the conversation has been copied\n   */\n  @Method()\n  async showCopyConversationMessage() {\n    this.displayConversationCopiedMessage = true;\n    setTimeout(() => {\n      this.displayConversationCopiedMessage = false;\n    }, 2000);\n  }\n\n  render() {\n    const renderHeader = this.chatTitle || this.copyConversationCallback;\n    return (\n      <Host class=\"chat-container\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          {renderHeader && (\n            <header class=\"chat-container__header elevation-1 body-italic-m\">\n              {this.chatTitle && this.chatTitle}\n              {this.copyConversationCallback && (\n                <button\n                  class=\"button-secondary button-icon-only\"\n                  onClick={this.copyConversationCallback}\n                >\n                  <ch-image\n                    class=\"icon-md\"\n                    src={COPY_ICON}\n                    onClick={this.copyConversationCallback}\n                  ></ch-image>\n                </button>\n              )}\n            </header>\n          )}\n          <section class=\"chat-container__ch-chat\">\n            <slot></slot>\n            {this.displayConversationCopiedMessage && (\n              <div class=\"chat-container__conversation-copied\">\n                <div class=\"chat-container__conversation-copied-wrapper\">\n                  <ch-image class=\"icon-md\" src={CONVERSATION_ICON}></ch-image>\n                  <p class=\"body-regular-l\">conversation copied</p>\n                </div>\n              </div>\n            )}\n          </section>\n          {/* <footer class=\"chat-container__footer elevation-1\">footer</footer> */}\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;;AAAA,MAAMA,IAAmB;;ACGzB,MAAMC,IAA8B,EAClC,qBACA,oBACA,uBACA,qBACA,mBACA;;AAGF,MAAMC,IAAYC,EAAY;EAC5BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAMC,IAAoBJ,EAAY;EACpCC,UAAU;EACVC,MAAM;;;MAQKG,IAAkB;;;;;4CAcwB;;;;SAMrD,iCAAMC;IACJC,KAAKC,mCAAmC;IACxCC,YAAW;MACTF,KAAKC,mCAAmC;AAAK,QAC5C;;EAGL,MAAAE;IACE,MAAMC,IAAeJ,KAAKK,aAAaL,KAAKM;IAC5C,OACEC,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAOnB;QACjBgB,EAAA;MAASE,OAAM;OACZL,KACCG,EAAA;MAAQE,OAAM;OACXT,KAAKK,aAAaL,KAAKK,WACvBL,KAAKM,4BACJC,EAAA;MACEE,OAAM;MACNE,SAASX,KAAKM;OAEdC,EAAA;MACEE,OAAM;MACNG,KAAKpB;MACLmB,SAASX,KAAKM;UAMxBC,EAAA;MAASE,OAAM;OACbF,EAAA,eACCP,KAAKC,oCACJM,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAUE,OAAM;MAAUG,KAAKf;QAC/BU,EAAA;MAAGE,OAAM;OAAgB"}
+{"version":3,"names":["chatContainerCss","CSS_BUNDLES","COPY_ICON","getIconPath","category","name","colorType","DELETE_ICON","CONVERSATION_ICON","GxIdeChatContainer","showCopyConversationMessage","this","displayConversationCopiedMessage","setTimeout","render","renderHeader","chatTitle","copyConversationCallback","deleteConversationCallback","renderButtonsGroup","h","Host","class","model","onClick","src"],"sources":["src/components/_helpers/chat-container/chat-container.scss?tag=gx-ide-chat-container","src/components/_helpers/chat-container/chat-container.tsx"],"sourcesContent":[".chat-container {\n  display: grid;\n  block-size: 100%;\n  overflow: auto;\n  grid-template-rows: max-content 1fr max-content;\n  gap: var(--mer-spacing--xs);\n  padding: var(--mer-spacing--xs);\n  position: relative;\n  --chat-common-border-radius: var(--mer-spacing--2xs);\n}\n.section {\n  display: contents;\n}\n\n// header\n.chat-container__header {\n  padding: var(--mer-spacing--2xs) var(--mer-spacing--2xs)\n    var(--mer-spacing--2xs) var(--mer-spacing--sm);\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n  justify-content: space-between;\n}\n\n// ch-chat container\n.chat-container__ch-chat {\n  overflow: auto;\n  position: relative;\n  display: grid;\n}\n\n// footer\n\n// header & footer (common styles)\n.chat-container__header,\n.chat-container__footer {\n  padding: var(--mer-spacing--2xs) var(--mer-spacing--2xs)\n    var(--mer-spacing--2xs) var(--mer-spacing--sm);\n  border-radius: var(--chat-common-border-radius);\n}\n\n.chat-container__conversation-copied {\n  position: absolute;\n  z-index: 1;\n  inline-size: 100%;\n  block-size: 100%;\n  background: rgba(22, 22, 23, 0.75);\n  backdrop-filter: saturate(180%) blur(20px);\n  display: grid;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 32px;\n  --mer-icon__box--md: 18px;\n  pointer-events: none;\n  overflow: hidden;\n  animation: fadeIn 100ms ease-in-out forwards;\n  opacity: 0;\n}\n.chat-container__conversation-copied-wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--mer-spacing--sm);\n}\n.chat-container__conversation-copied-wrapper {\n  animation: liftUp var(--mer-timing--fast) ease-in-out forwards;\n  inset-block-start: 4px;\n  opacity: 0;\n  animation-delay: var(--mer-timing--fast);\n  position: relative;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes liftUp {\n  from {\n    opacity: 0;\n    inset-block-start: 4px;\n  }\n  to {\n    opacity: 1;\n    inset-block-start: 0;\n  }\n}\n\n// - - - - - - - - - - - - - - - - - - - - - - - - - -\n// ch-chat overrides TODO: move this styles to Mercury\n// - - - - - - - - - - - - - - - - - - - - - - - - - -\n\n.chat::part(message) {\n  position: relative;\n  --copy-button-opacity: 0;\n  --copied-to-clipboard-opacity: 0;\n  --date-opacity: 1;\n}\n.chat::part(message__time),\n.chat::part(message__copy-button) {\n  transition: opacity var(--mer-timing--super-fast) ease-in-out;\n}\n.chat::part(message__time) {\n  opacity: var(--date-opacity);\n}\n.chat::part(message):hover {\n  position: relative;\n  --copy-button-opacity: 1;\n  --date-opacity: 0;\n}\n.chat::part(message__copy-button) {\n  position: absolute;\n  z-index: 1;\n  inset-inline-end: 0;\n  padding: var(--mer-spacing--sm); // same as part::(message)\n  transition: opacity var(--mer-timing--fast) ease-in-out;\n  opacity: var(--copy-button-opacity);\n\n  &::after {\n    content: \"\";\n    inline-size: var(--mer-icon__box--md);\n    block-size: var(--mer-icon__box--md);\n    background: no-repeat center / var(--mer-icon__size--md) var(--icon-path);\n    --icon-path: var(--icon__system_copy_primary--enabled);\n  }\n  &:hover::after {\n    --icon-path: var(--icon__system_copy_primary--hover);\n  }\n  &:active::after {\n    --icon-path: var(--icon__system_copy_primary--active);\n  }\n}\n\n// // copy button effect\n.chat::part(message__copied-feedback) {\n  transition: opacity 150ms ease-in-out;\n  position: absolute;\n  inline-size: 100%;\n  block-size: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2;\n  background: rgba(22, 22, 23, 0.8);\n  backdrop-filter: saturate(180%) blur(20px);\n  opacity: var(--copied-to-clipboard-opacity);\n  pointer-events: none;\n}\n\n.chat::part(message__copied-feedback-visible) {\n  --copied-to-clipboard-opacity: 1;\n  pointer-events: visible;\n}\n\n// send button\n\n.chat::part(send-container) {\n  gap: var(--mer-spacing--xs);\n}\n.chat::part(send-input) {\n  --control__padding-block: 7px !important;\n}\n\n.chat::part(send-button) {\n  border-width: var(--control__border-width);\n  border-style: var(--control__border-style);\n  border-color: var(--control__border-color);\n  border-radius: var(--control__border-radius);\n  inline-size: 32px;\n  block-size: 32px;\n  background: no-repeat center / var(--mer-icon__box--md) var(--icon-path);\n  --icon-path: var(--icon__system_send_primary--enabled);\n}\n.chat::part(send-button):hover {\n  --icon-path: var(--icon__system_send_primary--hover);\n  --control__border-color: var(--mer-text__primary--hover);\n}\n.chat::part(send-button):active {\n  --icon-path: var(--icon__system_send_primary--active);\n  --control__border-color: var(--mer-border-color__primary--active);\n}\n","import { Component, Host, h, Prop, Method, State } from \"@stencil/core\";\nimport { MercuryBundles, getIconPath } from \"@genexus/mercury\";\n\nconst CSS_BUNDLES: MercuryBundles = [\n  \"resets/box-sizing\",\n  \"utils/typography\",\n  \"chameleon/scrollbar\",\n  \"components/button\",\n  \"components/icon\",\n  \"utils/elevation\"\n];\n\nconst COPY_ICON = getIconPath({\n  category: \"system\",\n  name: \"copy\",\n  colorType: \"neutral\"\n});\nconst DELETE_ICON = getIconPath({\n  category: \"system\",\n  name: \"delete-outlined\",\n  colorType: \"error\"\n});\nconst CONVERSATION_ICON = getIconPath({\n  category: \"objects\",\n  name: \"conversational-flows\"\n});\n\n@Component({\n  tag: \"gx-ide-chat-container\",\n  styleUrl: \"chat-container.scss\",\n  shadow: false\n})\nexport class GxIdeChatContainer {\n  /**\n   * The chat title\n   */\n  @Prop() readonly chatTitle?: string;\n\n  /**\n   * If true a button for copying the conversation will be render on the header\n   */\n  @Prop() readonly copyConversationCallback: () => void;\n\n  /**\n   * If true a button for deleting the conversation will be render on the header\n   */\n  @Prop() readonly deleteConversationCallback: () => void;\n\n  /**\n   * Coneration Copied\n   */\n  @State() displayConversationCopiedMessage: boolean = false;\n\n  /**\n   * It will display a feedback message that the conversation has been copied\n   */\n  @Method()\n  async showCopyConversationMessage() {\n    this.displayConversationCopiedMessage = true;\n    setTimeout(() => {\n      this.displayConversationCopiedMessage = false;\n    }, 2000);\n  }\n\n  render() {\n    const renderHeader =\n      this.chatTitle ||\n      this.copyConversationCallback ||\n      this.deleteConversationCallback;\n\n    const renderButtonsGroup =\n      this.copyConversationCallback || this.deleteConversationCallback;\n    return (\n      <Host class=\"chat-container\">\n        <ch-theme model={CSS_BUNDLES}></ch-theme>\n        <section class=\"section\">\n          {renderHeader && (\n            <header class=\"chat-container__header elevation-1 body-italic-m\">\n              {this.chatTitle && this.chatTitle}\n\n              {renderButtonsGroup && (\n                <div class=\"buttons-spacer\">\n                  {this.deleteConversationCallback && (\n                    <button\n                      class=\"button-secondary button-icon-only\"\n                      onClick={this.deleteConversationCallback}\n                    >\n                      <ch-image class=\"icon-md\" src={DELETE_ICON}></ch-image>\n                    </button>\n                  )}\n\n                  {this.copyConversationCallback && (\n                    <button\n                      class=\"button-secondary button-icon-only\"\n                      onClick={this.copyConversationCallback}\n                    >\n                      <ch-image class=\"icon-md\" src={COPY_ICON}></ch-image>\n                    </button>\n                  )}\n                </div>\n              )}\n            </header>\n          )}\n          <section class=\"chat-container__ch-chat\">\n            <slot></slot>\n            {this.displayConversationCopiedMessage && (\n              <div class=\"chat-container__conversation-copied\">\n                <div class=\"chat-container__conversation-copied-wrapper\">\n                  <ch-image class=\"icon-md\" src={CONVERSATION_ICON}></ch-image>\n                  <p class=\"body-regular-l\">conversation copied</p>\n                </div>\n              </div>\n            )}\n          </section>\n          {/* <footer class=\"chat-container__footer elevation-1\">footer</footer> */}\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;;;AAAA,MAAMA,IAAmB;;ACGzB,MAAMC,IAA8B,EAClC,qBACA,oBACA,uBACA,qBACA,mBACA;;AAGF,MAAMC,IAAYC,EAAY;EAC5BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAMC,IAAcJ,EAAY;EAC9BC,UAAU;EACVC,MAAM;EACNC,WAAW;;;AAEb,MAAME,IAAoBL,EAAY;EACpCC,UAAU;EACVC,MAAM;;;MAQKI,IAAkB;;;;;;4CAmBwB;;;;SAMrD,iCAAMC;IACJC,KAAKC,mCAAmC;IACxCC,YAAW;MACTF,KAAKC,mCAAmC;AAAK,QAC5C;;EAGL,MAAAE;IACE,MAAMC,IACJJ,KAAKK,aACLL,KAAKM,4BACLN,KAAKO;IAEP,MAAMC,IACJR,KAAKM,4BAA4BN,KAAKO;IACxC,OACEE,EAACC,GAAI;MAACC,OAAM;OACVF,EAAA;MAAUG,OAAOtB;QACjBmB,EAAA;MAASE,OAAM;OACZP,KACCK,EAAA;MAAQE,OAAM;OACXX,KAAKK,aAAaL,KAAKK,WAEvBG,KACCC,EAAA;MAAKE,OAAM;OACRX,KAAKO,8BACJE,EAAA;MACEE,OAAM;MACNE,SAASb,KAAKO;OAEdE,EAAA;MAAUE,OAAM;MAAUG,KAAKlB;SAIlCI,KAAKM,4BACJG,EAAA;MACEE,OAAM;MACNE,SAASb,KAAKM;OAEdG,EAAA;MAAUE,OAAM;MAAUG,KAAKvB;WAO3CkB,EAAA;MAASE,OAAM;OACbF,EAAA,eACCT,KAAKC,oCACJQ,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAKE,OAAM;OACTF,EAAA;MAAUE,OAAM;MAAUG,KAAKjB;QAC/BY,EAAA;MAAGE,OAAM;OAAgB"}

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

@@ -0,0 +1,68 @@
+import { h as e } from "./p-49712340.js";
+
+import "./p-ad5caf61.js";
+
+const s = "message__copied-feedback";
+
+const a = "message__copied-feedback-visible";
+
+const copy = e => t => {
+  t.stopPropagation();
+  // 1. Copy message
+    navigator.clipboard.writeText(e);
+  // 2. Display "copied" message (expects to be the next sibling!)
+    const o = t.target.nextSibling;
+  const c = o.getAttribute("part");
+  if (c === s) {
+    o.setAttribute("part", `${s} ${a}`);
+    setTimeout((() => {
+      o.setAttribute("part", `${s}`);
+    }), 1e3);
+  }
+};
+
+const copyButton = (s, a, t) => e("button", {
+  "aria-label": a,
+  title: a,
+  class: "button-copy-code",
+  type: "button",
+  onClick: copy(s),
+  part: `message__copy-button ${t}`
+});
+
+const mercuryCodeRender = s => a => e("div", {
+  class: "code-block-container"
+}, e("div", {
+  class: "code-block-header"
+}, copyButton(a.plainText, s, "code-render")), e("ch-code", {
+  language: a.language,
+  lastNestedChildClass: a.lastNestedChildClass,
+  value: a.plainText
+}));
+
+const mercuryChatMessageRender = a => t => t.role === "assistant" && t.status === "waiting" ? [ e("span", {
+  part: "message__processing"
+}, "Processing request"), e("div", {
+  class: "processing-animation",
+  part: "processing-animation"
+}) ] : [ 
+// "copy button" before "role" and "time" to hide both on button:focus
+copyButton(t.content, "Copy code", "common-message"), e("p", {
+  part: s
+}, "message copied to clipboard"), e("span", {
+  part: `message__role ${t.role}`
+}, t.role === "user" ? "You" : "GeneXus Code Fixer"), e("time", {
+  dateTime: t.metadata,
+  part: "message__time"
+}, t.metadata), t.role === "user" ? e("span", {
+  part: "message__content user"
+}, t.content) : e("ch-markdown-viewer", {
+  part: t.role === "assistant" && (t.status === "complete" || !t.status) && !t.parts ? `message__content no-error` : "message__content",
+  theme: a,
+  showIndicator: false,
+  renderCode: mercuryCodeRender("Copy code"),
+  value: t.content
+}) ];
+
+export { mercuryCodeRender as a, mercuryChatMessageRender as m };
+//# sourceMappingURL=p-f3f1e1f6.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MESSAGE_COPIED_PART_SELECTOR","MESSAGE_COPIED_VISIBLE_PART_SELECTOR","copy","text","event","stopPropagation","navigator","clipboard","writeText","copiedFeedbackRef","target","nextSibling","copiedFeedbackPart","getAttribute","setAttribute","setTimeout","copyButton","textToCopy","accessibleName","additionalPart","h","title","class","type","onClick","part","mercuryCodeRender","copyButtonAccessibleName","options","plainText","language","lastNestedChildClass","value","mercuryChatMessageRender","theme","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 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  (theme: string) =>\n  (messageModel: ChatMessageByRole<\"assistant\" | \"error\" | \"user\">) =>\n    messageModel.role === \"assistant\" && messageModel.status === \"waiting\"\n      ? [\n          <span part=\"message__processing\">Processing request</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\" ? \"You\" : \"GeneXus Code Fixer\"}\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,OAAQC,KAAkBC;EAC9BA,EAAMC;;IAGNC,UAAUC,UAAUC,UAAUL;;IAG9B,MAAMM,IAAqBL,EAAMM,OAC9BC;EACH,MAAMC,IAAqBH,EAAkBI,aAAa;EAC1D,IAAID,MAAuBZ,GAA8B;IACvDS,EAAkBK,aAChB,QACA,GAAGd,KAAgCC;IAGrCc,YAAW;MACTN,EAAkBK,aAAa,QAAQ,GAAGd;AAA+B,QACxE;;;;AAIP,MAAMgB,aAAa,CACjBC,GACAC,GACAC,MAGEC,EAAA;EAAA,cACcF;EACZG,OAAOH;EACPI,OAAM;EACNC,MAAK;EACLC,SAAStB,KAAKe;EACdQ,MAAM,wBAAwBN;;;MAKvBO,oBACVC,KACAC,KAEGR,EAAA;EAAKE,OAAM;GACTF,EAAA;EAAKE,OAAM;GACRN,WACCY,EAAQC,WACRF,GACA,iBAGJP,EAAA;EACEU,UAAUF,EAAQE;EAClBC,sBAAsBH,EAAQG;EAC9BC,OAAOJ,EAAQC;;;MAKZI,2BACVC,KACAC,KACCA,EAAaC,SAAS,eAAeD,EAAaE,WAAW,YACzD,EACEjB,EAAA;EAAMK,MAAK;GAAqB,uBAEhCL,EAAA;EAAKE,OAAM;EAAuBG,MAAK;OAEzC;;AAEET,WACEmB,EAAaG,SACb,aACA,mBAEFlB,EAAA;EAAGK,MAAMzB;GAA4B,gCAGrCoB,EAAA;EAAMK,MAAM,iBAAiBU,EAAaC;GACvCD,EAAaC,SAAS,SAAS,QAAQ,uBAE1ChB,EAAA;EAAMmB,UAAUJ,EAAaK;EAAUf,MAAK;GACzCU,EAAaK,WAGhBL,EAAaC,SAAS,SACpBhB,EAAA;EAAMK,MAAK;GAAyBU,EAAaG,WAEjDlB,EAAA;EACEK,MACEU,EAAaC,SAAS,gBACrBD,EAAaE,WAAW,eAAeF,EAAaE,YACpDF,EAAaM,QACV,8BACA;EAENP,OAAOA;EACPQ,eAAe;EACfC,YAAYjB,kBAAkB;EAC9BM,OAAOG,EAAaG"}

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

@@ -4,9 +4,13 @@ export declare class GxIdeChatContainer {
      */
     readonly chatTitle?: string;
     /**
-     * If true a button for copying the conversation will be render on the header.s
+     * If true a button for copying the conversation will be render on the header
      */
     readonly copyConversationCallback: () => void;
+    /**
+     * If true a button for deleting the conversation will be render on the header
+     */
+    readonly deleteConversationCallback: () => void;
     /**
      * Coneration Copied
      */

package/dist/types/components.d.ts

@@ -360,9 +360,13 @@ export namespace Components {
          */
         "chatTitle"?: string;
         /**
-          * If true a button for copying the conversation will be render on the header.s
+          * If true a button for copying the conversation will be render on the header
          */
         "copyConversationCallback": () => void;
+        /**
+          * If true a button for deleting the conversation will be render on the header
+         */
+        "deleteConversationCallback": () => void;
         /**
           * It will display a feedback message that the conversation has been copied
          */
@@ -3217,9 +3221,13 @@ declare namespace LocalJSX {
          */
         "chatTitle"?: string;
         /**
-          * If true a button for copying the conversation will be render on the header.s
+          * If true a button for copying the conversation will be render on the header
          */
         "copyConversationCallback"?: () => void;
+        /**
+          * If true a button for deleting the conversation will be render on the header
+         */
+        "deleteConversationCallback"?: () => void;
     }
     interface GxIdeConnectGxServer {
         /**

package/dist/types/index.d.ts

@@ -1 +1,2 @@
 export * from "./components";
+export { mercuryChatMessageRender, mercuryCodeRender } from "./components/_helpers/chat-container/code-render";

package/package.json

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