@aleph-alpha/chat-kit 0.0.1-alpha.28 → 0.2.0

package/dist/{ChatInput.vue_vue_type_script_setup_true_lang-DVCUwptr.js → ChatInput.vue_vue_type_script_setup_true_lang-DaXHxshB.js}

@@ -1,6 +1,6 @@
-import { createElementBlock, openBlock, createCommentVNode, createElementVNode, renderSlot, defineComponent, ref, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, createBlock, unref, mergeProps, withCtx, useId, useTemplateRef, computed, withModifiers, toDisplayString, createTextVNode, useSlots, createVNode, createSlots, normalizeProps, guardReactiveProps } from "vue";
-import { u as useChatKitLabels } from "./useChatKitLabels-Bi0szl2l.js";
-import { UiIconButton, UiAvatar, UiAvatarImage, UiAvatarFallback } from "@aleph-alpha/ui-library";
+import { openBlock, createElementBlock, renderSlot, createCommentVNode, createElementVNode, defineComponent, ref, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, toRefs, computed, h, createBlock, unref, mergeProps, withCtx, useId, useTemplateRef, withModifiers, toDisplayString, createTextVNode, useSlots, createVNode, createSlots, normalizeProps, guardReactiveProps, normalizeClass } from "vue";
+import { a as useMarkdownParser, u as useChatKitLabels } from "./useChatKitLabels-xZXcnxZZ.js";
+import { UiIconButton, UiAvatar, UiAvatarImage, UiSpinner, UiAvatarFallback } from "@aleph-alpha/ui-library";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -8,7 +8,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$8 = {};
+const _sfc_main$9 = {};
 const _hoisted_1$5 = { class: "flex w-full items-start gap-2" };
 const _hoisted_2$3 = {
   key: 0,
@@ -41,7 +41,7 @@ function _sfc_render$1(_ctx, _cache) {
     ])
   ]);
 }
-const AgentMessage = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$1]]);
+const AgentMessage = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$1]]);
 const _hoisted_1$4 = ["data-message-row"];
 const _hoisted_2$2 = {
   key: 0,
@@ -51,7 +51,7 @@ const _hoisted_3$1 = {
   key: 1,
   class: "flex justify-start"
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "ChatConversationLayout",
   props: {
     messages: {}
@@ -61,6 +61,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const scrollContainerRef = ref(null);
     const containerHeight = ref(0);
     const isAutoScrollEnabled = ref(true);
+    const isProgrammaticScroll = ref(false);
     const hasBottomSpacer = ref(false);
     const spacerHeight = ref(0);
     let resizeObserver = null;
@@ -90,9 +91,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       if (!lastRow) return true;
       const lastRowBottom = lastRow.offsetTop + lastRow.offsetHeight;
       const viewportBottom = container.scrollTop + container.clientHeight;
-      return viewportBottom >= lastRowBottom - 100;
+      return viewportBottom >= lastRowBottom - 5;
     }
     function handleScroll() {
+      if (isProgrammaticScroll.value) return;
       isAutoScrollEnabled.value = isFollowingContent();
     }
     function updateSpacerHeight() {
@@ -116,7 +118,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       const lastUserTop = lastUserRow.offsetTop;
       const lastRowBottom = lastRow.offsetTop + lastRow.offsetHeight;
       const contentFromUserToEnd = lastRowBottom - lastUserTop;
-      spacerHeight.value = Math.max(0, containerHeight.value - contentFromUserToEnd);
+      const gap = parseFloat(getComputedStyle(container).rowGap) || 0;
+      spacerHeight.value = Math.max(0, containerHeight.value - contentFromUserToEnd - gap);
     }
     function scrollUserMessageToTop() {
       const container = scrollContainerRef.value;
@@ -127,7 +130,15 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         const userRows = container.querySelectorAll('[data-message-row="user"]');
         const lastUserRow = userRows[userRows.length - 1];
         if (lastUserRow) {
+          isProgrammaticScroll.value = true;
           lastUserRow.scrollIntoView({ behavior: "smooth", block: "start" });
+          container.addEventListener(
+            "scrollend",
+            () => {
+              isProgrammaticScroll.value = false;
+            },
+            { once: true }
+          );
         }
         isAutoScrollEnabled.value = true;
       });
@@ -141,7 +152,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       const lastRowBottom = lastRow.offsetTop + lastRow.offsetHeight;
       const viewportBottom = container.scrollTop + container.clientHeight;
       if (lastRowBottom > viewportBottom) {
+        isProgrammaticScroll.value = true;
         container.scrollTop = lastRowBottom - container.clientHeight;
+        requestAnimationFrame(() => {
+          isProgrammaticScroll.value = false;
+        });
       }
     }
     watch(
@@ -177,9 +192,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         class: "flex flex-col gap-4 overflow-y-auto",
         onScroll: handleScroll
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.messages, (message, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.messages, (message) => {
           return openBlock(), createElementBlock("div", {
-            key: index,
+            key: message.id,
             "data-message-row": message.role
           }, [
             message.role === "user" ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
@@ -198,6 +213,53 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+function domToVNode(node, slots, classes) {
+  if (node.nodeType === Node.TEXT_NODE) return node.textContent;
+  if (node.nodeType !== Node.ELEMENT_NODE) return null;
+  const el = node;
+  if (el.tagName === "PRE" && el.firstElementChild?.tagName === "CODE") {
+    const codeEl = el.firstElementChild;
+    const language = codeEl.className?.match(/language-(\S+)/)?.[1] ?? "";
+    const code = codeEl.textContent ?? "";
+    if (slots["code-block"]) {
+      return slots["code-block"]({ code, language });
+    }
+  }
+  const children = Array.from(node.childNodes).map((child) => domToVNode(child, slots, classes)).filter((c) => c != null);
+  const attrs = {};
+  for (const attr of el.attributes) {
+    attrs[attr.name] = attr.value;
+  }
+  const tag = el.tagName.toLowerCase();
+  const customClass = classes[tag];
+  if (customClass) {
+    attrs.class = attrs.class ? `${attrs.class} ${customClass}` : customClass;
+  }
+  return h(tag, attrs, children);
+}
+const _sfc_main$7 = defineComponent({
+  name: "MarkdownRenderer",
+  props: {
+    content: { type: String, required: true },
+    classes: { type: Object, default: () => ({}) },
+    plugins: { type: Array, default: void 0 }
+  },
+  setup(props, { slots }) {
+    const { content, plugins } = toRefs(props);
+    const { html } = useMarkdownParser(content, plugins);
+    const parsedNodes = computed(() => {
+      const raw = html.value;
+      if (!raw) return [];
+      const doc = new DOMParser().parseFromString(raw, "text/html");
+      return Array.from(doc.body.childNodes);
+    });
+    return () => {
+      const elementClasses = props.classes ?? {};
+      const children = parsedNodes.value.map((node) => domToVNode(node, slots, elementClasses)).filter((c) => c != null);
+      return h("div", { class: "markdown-renderer" }, children);
+    };
+  }
+});
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "PromptActionButton",
   props: {
@@ -339,8 +401,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "bg-background-surface-secondary inline-flex max-w-[600px] flex-col items-end justify-start gap-4 rounded-tl-xl rounded-br-xl rounded-bl-xl px-6 py-3" };
-const _hoisted_2 = { class: "text-core-content-primary justify-start self-stretch font-['Inter'] text-base leading-6 font-normal" };
+const _hoisted_1$1 = { class: "bg-background-surface-primary inline-flex max-w-[600px] flex-col items-end justify-start gap-4 rounded-xl p-6" };
+const _hoisted_2 = { class: "text-content-on-surface-primary justify-start self-stretch text-base leading-6 font-normal" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "UserMessage",
   props: {
@@ -358,42 +420,81 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const defaultAgentMarkdownClasses = {
+  p: "my-1 leading-7",
+  a: "underline underline-offset-4",
+  h1: "mt-4 mb-2 text-2xl font-bold",
+  h2: "mt-3 mb-2 text-xl font-semibold",
+  h3: "mt-3 mb-1 text-lg font-semibold",
+  ul: "my-1 ml-6 list-disc",
+  ol: "my-1 ml-6 list-decimal",
+  li: "my-0.5",
+  pre: "my-2 overflow-x-auto rounded-lg p-4",
+  code: "rounded px-1.5 py-0.5",
+  blockquote: "my-2 border-l-2 pl-4 italic",
+  table: "my-2 w-full border-collapse",
+  th: "border p-2 text-left font-semibold",
+  td: "border p-2",
+  hr: "my-4"
+};
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ChatConversation",
   props: {
     messages: {},
     agentAvatarImage: { default: "" },
-    agentAvatarFallback: { default: "" }
+    agentAvatarFallback: { default: "" },
+    agentLoadingImage: { default: "" },
+    agentMarkdownClasses: {}
   },
   setup(__props) {
     const props = __props;
+    const mergedMarkdownClasses = computed(() => ({
+      ...defaultAgentMarkdownClasses,
+      ...props.agentMarkdownClasses
+    }));
     const slots = useSlots();
     const labels = useChatKitLabels();
     const hasIcon = computed(
       () => Boolean(props.agentAvatarImage) || Boolean(props.agentAvatarFallback) || Boolean(slots["agent-message-icon"])
     );
+    const isLoading = (message) => message.status === "started" || message.status === "sending";
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$7, { messages: __props.messages }, {
+      return openBlock(), createBlock(_sfc_main$8, { messages: __props.messages }, {
         "user-message": withCtx(({ message }) => [
-          renderSlot(_ctx.$slots, "user-message", { message }, () => [
-            createVNode(_sfc_main$3, {
-              message: message.content
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "user-message-content", { message }, () => [
-                  createTextVNode(toDisplayString(message.content), 1)
-                ])
-              ]),
-              _: 2
-            }, 1032, ["message"])
-          ])
+          createElementVNode("div", {
+            class: normalizeClass({ "ml-8": hasIcon.value })
+          }, [
+            renderSlot(_ctx.$slots, "user-message", { message }, () => [
+              createVNode(_sfc_main$3, {
+                message: message.content
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "user-message-content", { message }, () => [
+                    createTextVNode(toDisplayString(message.content), 1)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["message"])
+            ])
+          ], 2)
         ]),
         "agent-message": withCtx(({ message }) => [
           renderSlot(_ctx.$slots, "agent-message", { message }, () => [
             createVNode(AgentMessage, null, createSlots({
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "agent-message-content", { message }, () => [
-                  createTextVNode(toDisplayString(message.content), 1)
+                  createVNode(_sfc_main$7, {
+                    content: message.content,
+                    classes: mergedMarkdownClasses.value
+                  }, createSlots({ _: 2 }, [
+                    _ctx.$slots["agent-message-code-block"] ? {
+                      name: "code-block",
+                      fn: withCtx((codeBlockProps) => [
+                        renderSlot(_ctx.$slots, "agent-message-code-block", normalizeProps(guardReactiveProps(codeBlockProps)))
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["content", "classes"])
                 ])
               ]),
               _: 2
@@ -401,8 +502,31 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
               hasIcon.value ? {
                 name: "icon",
                 fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "agent-message-icon", { message }, () => [
-                    createVNode(unref(UiAvatar), null, {
+                  isLoading(message) ? renderSlot(_ctx.$slots, "agent-message-loading-icon", {
+                    key: 0,
+                    message
+                  }, () => [
+                    __props.agentLoadingImage ? (openBlock(), createBlock(unref(UiAvatar), {
+                      key: 0,
+                      class: "size-6"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(UiAvatarImage), {
+                          src: __props.agentLoadingImage,
+                          alt: unref(labels).agentLoadingAvatarAlt
+                        }, null, 8, ["src", "alt"])
+                      ]),
+                      _: 1
+                    })) : (openBlock(), createBlock(unref(UiSpinner), {
+                      key: 1,
+                      class: "size-6",
+                      "aria-label": unref(labels).agentLoadingAvatarAlt
+                    }, null, 8, ["aria-label"]))
+                  ]) : renderSlot(_ctx.$slots, "agent-message-icon", {
+                    key: 1,
+                    message
+                  }, () => [
+                    createVNode(unref(UiAvatar), { class: "size-6" }, {
                       default: withCtx(() => [
                         __props.agentAvatarImage ? (openBlock(), createBlock(unref(UiAvatarImage), {
                           key: 0,
@@ -545,10 +669,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 export {
   AgentMessage as A,
   _sfc_main$2 as _,
-  _sfc_main$7 as a,
+  _sfc_main$8 as a,
   _sfc_main as b,
-  _sfc_main$6 as c,
-  _sfc_main$5 as d,
-  _sfc_main$4 as e,
-  _sfc_main$3 as f
+  _sfc_main$7 as c,
+  _sfc_main$6 as d,
+  _sfc_main$5 as e,
+  _sfc_main$4 as f,
+  _sfc_main$3 as g
 };

package/dist/components/base/ChatConversationLayout/ChatConversationLayout.vue.d.ts

@@ -1,4 +1,5 @@
 declare const __VLS_export: <T extends {
+    id: string;
     role: string;
 }>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<{

package/dist/components/base/ChatConversationLayout/ChatConversationLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatConversationLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ChatConversationLayout/ChatConversationLayout.vue"],"names":[],"mappings":"AA6LE,QAAA,MAAM,YAAY,GAAK,CAAC,SAAS;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,EAClD,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA8OO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;kBA5OzC,CAAC,EAAE;MA4OyD,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;wBAzOS,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,CAAC,CAAA;SAAE,KAAK,IAAI;yBAC9B,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,CAAC,CAAA;SAAE,KAAK,IAAI;;UA0O7C,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAI,CAAC;wBACvD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ChatConversationLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ChatConversationLayout/ChatConversationLayout.vue"],"names":[],"mappings":"AA4ME,QAAA,MAAM,YAAY,GAAK,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,EAC9D,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,gBAAgB,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EAClE;WA6PO,OAAO,KAAK,EAAE,WAAW,GAAG,mBAAmB;kBA3PzC,CAAC,EAAE;MA2PyD,GAAG,CAAC,OAAO,UAAU,SAAS;QAAE,oBAAoB,EAAE,MAAM,CAAC,CAAA;KAAE,GAAG,CAAC,GAAG,EAAE,CAAC;YAC1I,CAAC,OAAO,EAAE,EAAE,KAAK,IAAI;WACtB,GAAG;;wBAxPS,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,CAAC,CAAA;SAAE,KAAK,IAAI;yBAC9B,CAAC,KAAK,EAAE;YAAE,OAAO,EAAE,CAAC,CAAA;SAAE,KAAK,IAAI;;UAyP7C,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAI,CAAC;wBACvD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG;KAAG,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,CAAC,GAAG,EAAE,CAAC"}

package/dist/components/base/MarkdownRenderer/MarkdownRenderer.stories.d.ts

@@ -0,0 +1,13 @@
+import MarkdownRenderer from './MarkdownRenderer.vue';
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+declare const meta: Meta<typeof MarkdownRenderer>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCodeBlocks: Story;
+export declare const WithCustomCodeBlockSlot: Story;
+export declare const ComplexMarkdown: Story;
+export declare const WithCustomClasses: Story;
+export declare const GfmFeatures: Story;
+export declare const WithCustomPlugin: Story;
+//# sourceMappingURL=MarkdownRenderer.stories.d.ts.map

package/dist/components/base/MarkdownRenderer/MarkdownRenderer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/MarkdownRenderer/MarkdownRenderer.stories.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAUvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KA4BrC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAuC7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAyC/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA2BzB,CAAC;AAeF,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAC"}

package/dist/components/base/MarkdownRenderer/MarkdownRenderer.vue.d.ts

@@ -0,0 +1,38 @@
+import { type PropType, type VNode } from 'vue';
+import type { PluggableList } from 'unified';
+import type { MarkdownElementClasses } from './types';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    classes: {
+        type: PropType<MarkdownElementClasses>;
+        default: () => {};
+    };
+    plugins: {
+        type: PropType<PluggableList>;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        type: StringConstructor;
+        required: true;
+    };
+    classes: {
+        type: PropType<MarkdownElementClasses>;
+        default: () => {};
+    };
+    plugins: {
+        type: PropType<PluggableList>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    classes: MarkdownElementClasses;
+    plugins: PluggableList;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=MarkdownRenderer.vue.d.ts.map

package/dist/components/base/MarkdownRenderer/MarkdownRenderer.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/MarkdownRenderer/MarkdownRenderer.vue"],"names":[],"mappings":"AA2EE,OAAO,EAAwC,KAAK,QAAQ,EAAc,KAAK,KAAK,EAAE,MAAM,KAAK,CAAC;AAClG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;wBAwCjC,OAAO,YAAY;AAAxC,wBAAyC;AAQ3C,QAAA,MAAM,YAAY;;;;;;cAIe,QAAQ,CAAC,sBAAsB,CAAC;;;;cACjC,QAAQ,CAAC,aAAa,CAAC;;;;;;;;;;;cADtB,QAAQ,CAAC,sBAAsB,CAAC;;;;cACjC,QAAQ,CAAC,aAAa,CAAC;;;;;;4EAqBnD,CAAC"}

package/dist/components/base/MarkdownRenderer/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MarkdownRenderer } from './MarkdownRenderer.vue';
+export type { MarkdownRendererProps, MarkdownElementClasses } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/base/MarkdownRenderer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/MarkdownRenderer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/base/MarkdownRenderer/types.d.ts

@@ -0,0 +1,36 @@
+import type { PluggableList } from 'unified';
+export interface MarkdownElementClasses {
+    h1?: string;
+    h2?: string;
+    h3?: string;
+    h4?: string;
+    h5?: string;
+    h6?: string;
+    p?: string;
+    a?: string;
+    img?: string;
+    strong?: string;
+    em?: string;
+    del?: string;
+    blockquote?: string;
+    ul?: string;
+    ol?: string;
+    li?: string;
+    pre?: string;
+    code?: string;
+    hr?: string;
+    br?: string;
+    table?: string;
+    thead?: string;
+    tbody?: string;
+    tr?: string;
+    th?: string;
+    td?: string;
+    input?: string;
+}
+export interface MarkdownRendererProps {
+    content: string;
+    classes?: MarkdownElementClasses;
+    plugins?: PluggableList;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/base/MarkdownRenderer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/MarkdownRenderer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,WAAW,sBAAsB;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB"}

package/dist/components/base/PromptActionButton/PromptActionButton.vue.d.ts

@@ -9,9 +9,9 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "button" | "submit";
     disabled: boolean;
     loading: boolean;
-    type: "button" | "submit";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/base/PromptActionButton/PromptActionButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromptActionButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/PromptActionButton/PromptActionButton.vue"],"names":[],"mappings":"AAkCE,KAAK,WAAW,GAAG;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC5B,CAAC;AA8DN,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;cAxEC,OAAO;aACR,OAAO;UACV,QAAQ,GAAG,QAAQ;6EAyE9B,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"PromptActionButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/PromptActionButton/PromptActionButton.vue"],"names":[],"mappings":"AAkCE,KAAK,WAAW,GAAG;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC5B,CAAC;AA8DN,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;UAtEH,QAAQ,GAAG,QAAQ;cAFf,OAAO;aACR,OAAO;6EA0ErB,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/base/UserMessage/UserMessage.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserMessage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/UserMessage/UserMessage.vue"],"names":[],"mappings":"AAoBE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA+ClD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,4SAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"UserMessage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/UserMessage/UserMessage.vue"],"names":[],"mappings":"AAoBE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA2ClD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,4SAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/base/index.d.ts

@@ -1,6 +1,8 @@
 export { AgentMessage } from './AgentMessage';
 export { ChatConversationLayout } from './ChatConversationLayout';
 export type { ChatConversationLayoutProps } from './ChatConversationLayout';
+export { MarkdownRenderer } from './MarkdownRenderer';
+export type { MarkdownRendererProps, MarkdownElementClasses } from './MarkdownRenderer';
 export { PromptActionButton } from './PromptActionButton';
 export { PromptInput } from './PromptInput';
 export { PromptInputDisclaimer } from './PromptInputDisclaimer';

package/dist/components/base/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACxF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/composed/ChatConversation/ChatConversation.stories.d.ts

@@ -12,5 +12,7 @@ export declare const WithFooterActions: Story;
 export declare const WithCustomUserContent: Story;
 export declare const WithCustomAgentContent: Story;
 export declare const StreamingSimulation: Story;
+export declare const WithCustomMarkdownClasses: Story;
+export declare const WithCustomCodeBlock: Story;
 export declare const Empty: Story;
 //# sourceMappingURL=ChatConversation.stories.d.ts.map

package/dist/components/composed/ChatConversation/ChatConversation.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatConversation.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/ChatConversation/ChatConversation.stories.ts"],"names":[],"mappings":"AACA,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAsC3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAUvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAStC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAcnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAcpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA2EjC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC"}
+{"version":3,"file":"ChatConversation.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/ChatConversation/ChatConversation.stories.ts"],"names":[],"mappings":"AACA,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AA8D3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAUvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAStC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAcnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAcpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAkEjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAgBvC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KA+CjC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC"}

package/dist/components/composed/ChatConversation/ChatConversation.vue.d.ts

@@ -17,6 +17,10 @@ type __VLS_Slots = {
     'agent-message-icon': (props: {
         message: BaseMessage;
     }) => void;
+    /** Replace the agent loading icon shown while a message is being generated */
+    'agent-message-loading-icon': (props: {
+        message: BaseMessage;
+    }) => void;
     /** Replace the agent message header */
     'agent-message-header': (props: {
         message: BaseMessage;
@@ -29,10 +33,16 @@ type __VLS_Slots = {
     'agent-message-footer': (props: {
         message: BaseMessage;
     }) => void;
+    /** Replace the default code block rendering inside agent markdown */
+    'agent-message-code-block': (props: {
+        code: string;
+        language: string;
+    }) => void;
 };
 declare const __VLS_base: import("vue").DefineComponent<ChatConversationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatConversationProps> & Readonly<{}>, {
     agentAvatarImage: string;
     agentAvatarFallback: string;
+    agentLoadingImage: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/composed/ChatConversation/ChatConversation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatConversation.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/ChatConversation/ChatConversation.vue"],"names":[],"mappings":"AA6FE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAIlD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAUrD,KAAK,WAAW,GAAG;IACjB,gDAAgD;IAChD,cAAc,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,yDAAyD;IACzD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,iDAAiD;IACjD,eAAe,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,oCAAoC;IACpC,oBAAoB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,uCAAuC;IACvC,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,qCAAqC;IACrC,uBAAuB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,mDAAmD;IACnD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;CACnE,CAAC;AAgLJ,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ChatConversation.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/ChatConversation/ChatConversation.vue"],"names":[],"mappings":"AA6HE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAgBrD,KAAK,WAAW,GAAG;IACjB,gDAAgD;IAChD,cAAc,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1D,yDAAyD;IACzD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,iDAAiD;IACjD,eAAe,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAC3D,oCAAoC;IACpC,oBAAoB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,8EAA8E;IAC9E,4BAA4B,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,uCAAuC;IACvC,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,qCAAqC;IACrC,uBAAuB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IACnE,mDAAmD;IACnD,sBAAsB,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,KAAK,IAAI,CAAC;IAClE,qEAAqE;IACrE,0BAA0B,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACjF,CAAC;AAyQJ,QAAA,MAAM,UAAU;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/composed/ChatConversation/defaultAgentMarkdownClasses.d.ts

@@ -0,0 +1,3 @@
+import type { MarkdownElementClasses } from '../../base/MarkdownRenderer';
+export declare const defaultAgentMarkdownClasses: MarkdownElementClasses;
+//# sourceMappingURL=defaultAgentMarkdownClasses.d.ts.map

package/dist/components/composed/ChatConversation/defaultAgentMarkdownClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultAgentMarkdownClasses.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/ChatConversation/defaultAgentMarkdownClasses.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E,eAAO,MAAM,2BAA2B,EAAE,sBAgBzC,CAAC"}

package/dist/components/composed/ChatConversation/types.d.ts

@@ -1,4 +1,5 @@
 import type { BaseMessage } from '../../../types';
+import type { MarkdownElementClasses } from '../../base/MarkdownRenderer';
 /**
  * Props for the ChatConversation component
  */
@@ -9,5 +10,9 @@ export interface ChatConversationProps {
     agentAvatarImage?: string;
     /** Fallback text shown inside the default agent avatar when no image is available */
     agentAvatarFallback?: string;
+    /** URL of the loading avatar image shown while a message is being generated */
+    agentLoadingImage?: string;
+    /** Override default CSS classes applied to markdown elements in agent messages */
+    agentMarkdownClasses?: MarkdownElementClasses;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/composed/ChatConversation/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/ChatConversation/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,kCAAkC;IAClC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qFAAqF;IACrF,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/composed/ChatConversation/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAE1E;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,kCAAkC;IAClC,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qFAAqF;IACrF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,sBAAsB,CAAC;CAC/C"}

package/dist/components/index.d.ts

@@ -1,5 +1,5 @@
-export { AgentMessage, ChatConversationLayout, PromptActionButton, PromptInput, PromptInputDisclaimer, UserMessage, } from './base';
-export type { ChatConversationLayoutProps, UserMessageProps } from './base';
+export { AgentMessage, ChatConversationLayout, MarkdownRenderer, PromptActionButton, PromptInput, PromptInputDisclaimer, UserMessage, } from './base';
+export type { ChatConversationLayoutProps, MarkdownElementClasses, MarkdownRendererProps, UserMessageProps, } from './base';
 export { ChatConversation, ChatInput } from './composed';
 export type { ChatConversationProps } from './composed';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,kBAAkB,EAClB,WAAW,EACX,qBAAqB,EACrB,WAAW,GACZ,MAAM,QAAQ,CAAC;AAChB,YAAY,EAAE,2BAA2B,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,YAAY,EACZ,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,WAAW,EACX,qBAAqB,EACrB,WAAW,GACZ,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,2BAA2B,EAC3B,sBAAsB,EACtB,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/index.js

@@ -1,11 +1,12 @@
-import { A, _, a, b, c, d, e, f } from "../ChatInput.vue_vue_type_script_setup_true_lang-DVCUwptr.js";
+import { A, _, a, b, c, d, e, f, g } from "../ChatInput.vue_vue_type_script_setup_true_lang-DaXHxshB.js";
 export {
   A as AgentMessage,
   _ as ChatConversation,
   a as ChatConversationLayout,
   b as ChatInput,
-  c as PromptActionButton,
-  d as PromptInput,
-  e as PromptInputDisclaimer,
-  f as UserMessage
+  c as MarkdownRenderer,
+  d as PromptActionButton,
+  e as PromptInput,
+  f as PromptInputDisclaimer,
+  g as UserMessage
 };

package/dist/composables/index.d.ts

@@ -1,4 +1,5 @@
 export { useChat } from './useChat';
+export { useMarkdownParser } from './useMarkdownParser';
 export { provideChatKitLabels, useChatKitLabels, defaultChatKitLabels, CHAT_KIT_LABELS, } from './useChatKitLabels';
 export type { ChatKitLabels } from './useChatKitLabels';
 export type { ChatActions, ChatState, UseChatReturn } from './types';

package/dist/composables/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/composables/index.js

@@ -1,9 +1,10 @@
 import { u } from "../useChat-CtN_iBTc.js";
-import { C, d, p, u as u2 } from "../useChatKitLabels-Bi0szl2l.js";
+import { C, d, p, u as u2, a } from "../useChatKitLabels-xZXcnxZZ.js";
 export {
   C as CHAT_KIT_LABELS,
   d as defaultChatKitLabels,
   p as provideChatKitLabels,
   u as useChat,
-  u2 as useChatKitLabels
+  u2 as useChatKitLabels,
+  a as useMarkdownParser
 };