@8wave/ai-elements 0.90.0 → 0.91.0

package/dist-vue/_chunks/{PkChatbotMessages-DLP7utmG.js → PkChatbotMessages-BR5JUybd.js}

@@ -1,104 +1,104 @@
 import { t as e } from "./PkChatbotError-CTKQAfey.js";
-import { _ as t, c as n, f as r, g as i, h as a, m as ee, u as te } from "./src-BCYjA3mm.js";
-import { t as o } from "./PkRelativeTime-D72zYq42.js";
-import { t as s } from "./PkStreamingMarkdown-CVAsbuWi.js";
-import { t as c } from "./PkChatbotFilePreview-DG887KhT.js";
-import { t as l } from "./PkChatbotFeedbackForm-Ds2-nOaU.js";
-import { t as u } from "./PkChatbotMessageFeedback-Cp0zzCP8.js";
-import { n as d, t as f } from "./PkChatbotSteps-CBOhYZ10.js";
-import { a as p, d as m, i as h, l as ne, n as g, r as _, u as v } from "./utils-BBAveXy4.js";
-import { t as y } from "./PkChatbotOutlineRail-CAIfj2dI.js";
-import { VvButton as re, VvButtonGroup as ie, VvIcon as ae } from "@volverjs/ui-vue/components";
-import { Fragment as b, Transition as x, computed as S, createBlock as C, createCommentVNode as w, createElementBlock as T, createElementVNode as E, createTextVNode as oe, createVNode as D, defineAsyncComponent as O, defineComponent as se, mergeProps as ce, nextTick as k, normalizeClass as le, normalizeStyle as ue, onBeforeUnmount as A, onMounted as j, openBlock as M, ref as N, renderList as de, renderSlot as fe, resolveDynamicComponent as pe, toDisplayString as P, unref as F, useSlots as me, useTemplateRef as I, watch as L, withCtx as R, withModifiers as z } from "vue";
+import { _ as t, c as n, f as r, g as i, h as a, m as o, u as ee } from "./src-BCYjA3mm.js";
+import { t as s } from "./PkRelativeTime-2HoOjv_T.js";
+import { t as c } from "./PkStreamingMarkdown-C_LQOTVJ.js";
+import { t as l } from "./PkChatbotFilePreview-Bf1bdZn8.js";
+import { t as u } from "./PkChatbotFeedbackForm-CHXxzWqQ.js";
+import { t as d } from "./PkChatbotMessageFeedback-DAqlgPrz.js";
+import { n as f, t as p } from "./PkChatbotSteps-5Ahr-zpZ.js";
+import { a as m, d as h, i as te, l as g, n as _, r as v, u as ne } from "./utils-BDNQaNua.js";
+import { t as y } from "./PkChatbotOutlineRail-BXrdMIrA.js";
+import { VvButton as re, VvButtonGroup as ie, VvIcon as b } from "@volverjs/ui-vue/components";
+import { Fragment as x, Transition as S, computed as C, createBlock as w, createCommentVNode as T, createElementBlock as E, createElementVNode as D, createTextVNode as ae, createVNode as O, defineAsyncComponent as k, defineComponent as oe, mergeProps as se, nextTick as A, normalizeClass as ce, normalizeStyle as le, onBeforeUnmount as j, onMounted as ue, openBlock as M, ref as N, renderList as de, renderSlot as fe, resolveDynamicComponent as pe, toDisplayString as P, unref as F, useSlots as me, useTemplateRef as I, watch as L, withCtx as R, withModifiers as z } from "vue";
 import { useI18n as he } from "vue-i18n";
 //#region ../../packages/components/src/chat/toolComponentMap.ts
 var ge = {
-	requestConfirm: O(() => import("./PkToolRequestConfirm-DAnxGAxc.js")),
-	requestOAuthConnection: O(() => import("./PkToolRequestOAuthConnection-DklJCqEW.js")),
-	showArtifact: O(() => import("./PkToolShowArtifact-Csjfo9Xl.js").then((e) => e.n)),
-	showCalendarEvent: O(() => import("./PkToolShowCalendarEvent-B2tHaoqo.js").then((e) => e.n)),
-	showComparison: O(() => import("./PkToolShowComparison-BLDtjv3w.js").then((e) => e.n)),
-	showContactForm: O(() => import("./PkToolShowContactForm-CdgD4fd8.js").then((e) => e.n)),
-	showDiagram: O(() => import("./PkToolShowDiagram-DGYQjjGj.js")),
-	showEmail: O(() => import("./PkToolShowEmail-D42WDTO9.js").then((e) => e.n)),
-	showImageGallery: O(() => import("./PkToolShowImageGallery-WANi2hA0.js").then((e) => e.n)),
-	showLocation: O(() => import("./PkToolShowLocation-RVbaQoU5.js").then((e) => e.n)),
-	showMessage: O(() => import("./PkToolShowMessage-D8UbJcas.js").then((e) => e.n)),
-	showForm: O(() => import("./PkToolShowForm-BhVSPIAR.js").then((e) => e.n)),
-	showMultipleChoice: O(() => import("./PkToolShowForm-BhVSPIAR.js").then((e) => e.n)),
-	showProductList: O(() => import("./PkToolShowProductList-BQts3MBy.js").then((e) => e.n)),
-	showQrCode: O(() => import("./PkToolShowQrCode-BybXCt5e.js").then((e) => e.n)),
-	showSources: O(() => import("./PkToolShowSources-DRewYfe-.js").then((e) => e.n)),
-	showSuggestedReply: O(() => import("./PkToolShowSuggestedReply-DKiYUsaZ.js").then((e) => e.n)),
-	showWeather: O(() => import("./PkToolShowWeather-CQkJydKo.js")),
-	showWebPages: O(() => import("./PkToolShowWebPages-IV3OzwJe.js").then((e) => e.n))
+	requestConfirm: k(() => import("./PkToolRequestConfirm-DAnxGAxc.js")),
+	requestOAuthConnection: k(() => import("./PkToolRequestOAuthConnection-DklJCqEW.js")),
+	showArtifact: k(() => import("./PkToolShowArtifact-CoYM3_A3.js").then((e) => e.n)),
+	showCalendarEvent: k(() => import("./PkToolShowCalendarEvent-BZYdRwid.js").then((e) => e.n)),
+	showComparison: k(() => import("./PkToolShowComparison-C4OP5c1t.js").then((e) => e.n)),
+	showContactForm: k(() => import("./PkToolShowContactForm-DjX9G8CD.js").then((e) => e.n)),
+	showDiagram: k(() => import("./PkToolShowDiagram-DHwAckwN.js")),
+	showEmail: k(() => import("./PkToolShowEmail-5waUO5cm.js").then((e) => e.n)),
+	showImageGallery: k(() => import("./PkToolShowImageGallery-D3bqInQn.js").then((e) => e.n)),
+	showLocation: k(() => import("./PkToolShowLocation-DE-dbJEw.js").then((e) => e.n)),
+	showMessage: k(() => import("./PkToolShowMessage-DCbW7AYl.js").then((e) => e.n)),
+	showForm: k(() => import("./PkToolShowForm-C7bOdRse.js").then((e) => e.n)),
+	showMultipleChoice: k(() => import("./PkToolShowForm-C7bOdRse.js").then((e) => e.n)),
+	showProductList: k(() => import("./PkToolShowProductList-Blsv3Cio.js").then((e) => e.n)),
+	showQrCode: k(() => import("./PkToolShowQrCode-BbMTgOW3.js").then((e) => e.n)),
+	showSources: k(() => import("./PkToolShowSources-B9d3iLVk.js").then((e) => e.n)),
+	showSuggestedReply: k(() => import("./PkToolShowSuggestedReply-B516t3Nb.js").then((e) => e.n)),
+	showWeather: k(() => import("./PkToolShowWeather-CQkJydKo.js")),
+	showWebPages: k(() => import("./PkToolShowWebPages-BF2aHJGK.js").then((e) => e.n))
 }, B = 30, V = 500;
 function _e(e) {
-	let { scrollEl: t, status: n, messagesLength: r, lastMessageRole: i, autoScrollLimit: a, contentEl: ee, onScrollUp: te, onScrollDown: o } = e, s = N(!1), c = N(!0), l = !1, u = null, d = null, f = null, p = null, m = 0, h = (e = "smooth") => {
+	let { scrollEl: t, status: n, messagesLength: r, lastMessageRole: i, contentEl: a, onScrollUp: o, onScrollDown: ee } = e, s = N(!1), c = N(!0), l = !1, u = null, d = null, f = null, p = null, m = 0, h = (e = "smooth") => {
 		!t.value || s.value || (l = !0, t.value.scrollTo({
 			top: t.value.scrollHeight,
 			behavior: e
 		}), setTimeout(() => {
 			l = !1;
 		}, e === "instant" ? 0 : V));
-	}, ne = (e) => {
+	}, te = (e) => {
 		e.deltaY < 0 && (s.value = !0);
 	}, g = 0, _ = (e) => {
 		g = e.touches[0]?.clientY ?? 0;
 	}, v = (e) => {
 		let t = e.touches[0]?.clientY ?? 0;
 		t > g && (s.value = !0), g = t;
-	}, y = () => {
+	}, ne = () => {
 		if (!t.value) return;
 		let { scrollTop: e, scrollHeight: n, clientHeight: r } = t.value;
 		if (c.value = n - r - e < B, l) {
 			m = e;
 			return;
 		}
-		e < m && te?.(), e > m && (c.value && (s.value = !1), o?.()), m = e;
-	}, re = () => {
+		e < m && o?.(), e > m && (c.value && (s.value = !1), ee?.()), m = e;
+	}, y = () => {
 		if (l || s.value || !t.value) return;
-		let e = t.value, n = e.scrollHeight - e.clientHeight, r = a?.(), i = r !== void 0 && e.scrollTop <= r + 1 ? Math.min(n, r) : n;
-		c.value = n - i < B, !(i <= e.scrollTop) && (l = !0, e.scrollTop = i, requestAnimationFrame(() => {
+		let e = t.value, n = e.scrollHeight - e.clientHeight;
+		n <= e.scrollTop || (c.value = !0, l = !0, e.scrollTop = n, requestAnimationFrame(() => {
 			l = !1;
 		}));
-	}, ie = () => {
-		u || !t.value || (u = new MutationObserver(re), u.observe(t.value, {
+	}, re = () => {
+		u || !t.value || (u = new MutationObserver(y), u.observe(t.value, {
 			childList: !0,
 			subtree: !0,
 			characterData: !0
 		}));
-	}, ae = () => {
+	}, ie = () => {
 		u?.disconnect(), u = null;
 	};
 	L(n, (e, t) => {
 		if (e === "streaming" || e === "submitted") {
-			ie();
+			re();
 			return;
 		}
-		e === "ready" && t === "streaming" || ae();
+		e === "ready" && t === "streaming" || ie();
 	}), L(r, async () => {
-		r() && i() !== "assistant" && (S(), s.value = !1, l = !0, await k(), h());
+		r() && i() !== "assistant" && (S(), s.value = !1, l = !0, await A(), h());
 	});
 	let b = null, x = () => {
 		t.value && (t.value.scrollHeight <= t.value.clientHeight || (t.value.scrollTop = t.value.scrollHeight, b && clearTimeout(b), b = setTimeout(S, 300)));
 	}, S = () => {
 		d?.disconnect(), d = null, f?.disconnect(), f = null, b &&= (clearTimeout(b), null);
 	};
-	return j(() => {
+	return ue(() => {
 		if (!t.value) return;
-		t.value.addEventListener("wheel", ne, { passive: !0 }), t.value.addEventListener("touchstart", _, { passive: !0 }), t.value.addEventListener("touchmove", v, { passive: !0 });
+		t.value.addEventListener("wheel", te, { passive: !0 }), t.value.addEventListener("touchstart", _, { passive: !0 }), t.value.addEventListener("touchmove", v, { passive: !0 });
 		let e = n() === "submitted" || n() === "streaming";
-		e ? ie() : (d = new ResizeObserver(x), d.observe(t.value), f = new MutationObserver(x), f.observe(t.value, {
+		e ? re() : (d = new ResizeObserver(x), d.observe(t.value), f = new MutationObserver(x), f.observe(t.value, {
 			childList: !0,
 			subtree: !0
 		}));
-		let r = ee?.() ?? t.value.firstElementChild;
-		r && (p = new ResizeObserver(re), p.observe(r)), e || x();
-	}), A(() => {
-		t.value?.removeEventListener("wheel", ne), t.value?.removeEventListener("touchstart", _), t.value?.removeEventListener("touchmove", v), p?.disconnect(), p = null, ae(), S();
+		let r = a?.() ?? t.value.firstElementChild;
+		r && (p = new ResizeObserver(y), p.observe(r)), e || x();
+	}), j(() => {
+		t.value?.removeEventListener("wheel", te), t.value?.removeEventListener("touchstart", _), t.value?.removeEventListener("touchmove", v), p?.disconnect(), p = null, ie(), S();
 	}), {
-		handleScroll: y,
+		handleScroll: ne,
 		scrollToBottom: h,
 		userScrolledUp: s,
 		isAtBottom: c
@@ -133,7 +133,7 @@ var ve = ["aria-busy"], ye = {
 }, Ie = { class: "truncate" }, Le = ["datetime"], Re = { class: "truncate" }, ze = {
 	key: 3,
 	class: "flex items-center gap-4 text-12 text-word-3"
-}, Be = ["title", "aria-label"], H = /* @__PURE__ */ se({
+}, Be = ["title", "aria-label"], Ve = /* @__PURE__ */ oe({
 	__name: "PkChatbotMessages",
 	props: {
 		status: {},
@@ -171,53 +171,49 @@ var ve = ["aria-busy"], ye = {
 		"auto-retry",
 		"reset-chat"
 	],
-	setup(O, { emit: se }) {
-		let A = O, j = se, { t: B, d: V, n: H } = he({ useScope: "global" }), Ve = me(), U = I("scrollEl"), He = I("wrapperEl"), Ue = S(() => m(A.textColor, A.mainColor)), We = I("messagesEl"), { handleScroll: Ge, scrollToBottom: Ke, userScrolledUp: qe, isAtBottom: Je } = _e({
-			scrollEl: U,
-			status: () => A.status,
-			messagesLength: () => A.messages?.length,
-			lastMessageRole: () => A.messages?.[A.messages.length - 1]?.role,
-			autoScrollLimit: () => {
-				let e = U.value, t = A.messages?.map((e) => e.role).lastIndexOf("user"), n = We.value?.[t ?? -1];
-				if (!(!A.showScrollToBottom || !e || !n)) return e.scrollTop + n.getBoundingClientRect().top - e.getBoundingClientRect().top - Number.parseFloat(getComputedStyle(e).paddingTop);
-			},
-			contentEl: () => He.value,
-			onScrollUp: () => j("scroll-up"),
-			onScrollDown: () => j("scroll-down")
+	setup(k, { emit: oe }) {
+		let j = k, ue = oe, { t: B, d: V, n: Ve } = he({ useScope: "global" }), He = me(), H = I("scrollEl"), U = I("wrapperEl"), Ue = C(() => h(j.textColor, j.mainColor)), We = I("messagesEl"), { handleScroll: Ge, scrollToBottom: Ke, userScrolledUp: qe, isAtBottom: Je } = _e({
+			scrollEl: H,
+			status: () => j.status,
+			messagesLength: () => j.messages?.length,
+			lastMessageRole: () => j.messages?.[j.messages.length - 1]?.role,
+			contentEl: () => U.value,
+			onScrollUp: () => ue("scroll-up"),
+			onScrollDown: () => ue("scroll-down")
 		}), Ye = () => {
 			qe.value = !1, Ke();
-		}, W = S(() => (A.messages ?? []).filter((e) => e.role === "user").map((e) => ({
+		}, W = C(() => (j.messages ?? []).filter((e) => e.role === "user").map((e) => ({
 			id: e.id,
 			preview: e.parts.find(i)?.text.trim().slice(0, 120) || "…"
-		}))), Xe = N(), Ze = () => U.value?.querySelectorAll(".pk-chatbot-message--user") ?? [], Qe = () => {
-			let e = U.value;
-			if (!e || !A.showScrollToBottom) return;
+		}))), Xe = N(), Ze = () => H.value?.querySelectorAll(".pk-chatbot-message--user") ?? [], Qe = () => {
+			let e = H.value;
+			if (!e || !j.showScrollToBottom) return;
 			let t = e.getBoundingClientRect().top + e.clientHeight / 2, n = W.value[0]?.id;
 			Ze().forEach((e, r) => {
 				e.getBoundingClientRect().top <= t && (n = W.value[r]?.id);
 			}), Xe.value = n;
 		};
 		L(W, async () => {
-			await k(), Qe();
+			await A(), Qe();
 		});
 		let $e = () => {
 			Ge(), Qe();
 		}, et = (e) => {
-			let t = U.value, n = W.value.findIndex((t) => t.id === e), r = Ze()[n];
+			let t = H.value, n = W.value.findIndex((t) => t.id === e), r = Ze()[n];
 			!t || !r || (qe.value = !0, t.scrollTo({
 				top: t.scrollTop + r.getBoundingClientRect().top - t.getBoundingClientRect().top - Number.parseFloat(getComputedStyle(t).paddingTop),
 				behavior: "smooth"
 			}));
 		}, G = N(0);
-		L(() => [A.messages?.length, A.messages?.[A.messages.length - 1]?.id], async () => {
-			let e = A.messages;
-			if (!e?.length || A.disableHeightAdjustment || !(e[e.length - 1].role === "user" || A.status === "submitted" || A.status === "streaming") || (await k(), !U.value)) return;
-			let { paddingTop: t, paddingBottom: n } = getComputedStyle(U.value), r = U.value.clientHeight - Number.parseFloat(t) - Number.parseFloat(n), i = e.map((e) => e.role).lastIndexOf("user"), a = r - (We.value?.[i]?.clientHeight ?? 0);
-			a > 0 && (G.value = a);
-		}), L(() => A.status, (e) => {
+		L(() => [j.messages?.length, j.messages?.[j.messages.length - 1]?.id], async () => {
+			let e = j.messages;
+			if (!e?.length || j.disableHeightAdjustment || !(e[e.length - 1].role === "user" || j.status === "submitted" || j.status === "streaming") || (await A(), !H.value)) return;
+			let { paddingTop: t, paddingBottom: n } = getComputedStyle(H.value), r = H.value.clientHeight - Number.parseFloat(t) - Number.parseFloat(n), i = U.value && Number.parseFloat(getComputedStyle(U.value).rowGap) || 0, a = e.map((e) => e.role).lastIndexOf("user"), o = r - (We.value?.[a]?.clientHeight ?? 0) - i;
+			o > 0 && (G.value = o);
+		}), L(() => j.status, (e) => {
 			(e === "ready" || e === "error") && (G.value = 0);
 		});
-		let K = (e) => A.revisedAnswers?.some((t) => t.messageId === e), q = (e) => A.messageFeedbacks?.find((t) => t.messageId === e), tt = (e, t) => !A.readonlyFeedback && ht(e, t), nt = (e) => A.readonlyFeedback ? q(e) : void 0, J = (e) => nt(e)?.vote, Y = (e) => {
+		let K = (e) => j.revisedAnswers?.some((t) => t.messageId === e), q = (e) => j.messageFeedbacks?.find((t) => t.messageId === e), tt = (e, t) => !j.readonlyFeedback && ht(e, t), nt = (e) => j.readonlyFeedback ? q(e) : void 0, J = (e) => nt(e)?.vote, Y = (e) => {
 			let t = nt(e);
 			if (t?.vote) return;
 			let n = t?.metadata?.reactionEmoji;
@@ -233,39 +229,39 @@ var ve = ["aria-busy"], ye = {
 			let t = lt(e);
 			for (let e = t.length - 1; e >= 0; --e) if (i(t[e])) return e;
 			return -1;
-		}, st = S(() => A.messages?.[A.messages.length - 1]), X = S(() => {
+		}, st = C(() => j.messages?.[j.messages.length - 1]), X = C(() => {
 			let e = st.value;
 			return e ? e.parts[e.parts.length - 1] : null;
-		}), ct = S(() => {
+		}), ct = C(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of A.messages ?? []) t.role === "assistant" && e.set(t.id, v(t.parts));
+			for (let t of j.messages ?? []) t.role === "assistant" && e.set(t.id, ne(t.parts));
 			return e;
-		}), lt = (e) => ct.value.get(e.id) ?? e.parts, Z = S(() => A.status === "submitted" || A.status === "streaming"), ut = S(() => A.status === "error"), dt = S(() => {
+		}), lt = (e) => ct.value.get(e.id) ?? e.parts, Z = C(() => j.status === "submitted" || j.status === "streaming"), ut = C(() => j.status === "error"), dt = C(() => {
 			let e = X.value;
-			return p(B, e);
-		}), ft = S(() => {
+			return m(B, e);
+		}), ft = C(() => {
 			let e = X.value;
-			return _(e);
-		}), pt = (e) => A.messages?.findIndex((t) => t.id === e), Q = (e) => e === void 0 || !A.messages ? !1 : e === A.messages.length - 1, mt = (e) => Q(e) && A.status === "ready" && !!A.actions?.includes("regenerate"), ht = (e, t) => (!Q(t) || A.status === "ready") && !!A.actions?.includes(e), gt = (e) => {
+			return v(e);
+		}), pt = (e) => j.messages?.findIndex((t) => t.id === e), Q = (e) => e === void 0 || !j.messages ? !1 : e === j.messages.length - 1, mt = (e) => Q(e) && j.status === "ready" && !!j.actions?.includes("regenerate"), ht = (e, t) => (!Q(t) || j.status === "ready") && !!j.actions?.includes(e), gt = (e) => {
 			let t = e.parts[e.parts.length - 1];
 			return i(t);
-		}, _t = (e) => e.parts.some((e) => a(e) || t(e)), vt = (e) => !!A.showExtendedSteps && $(e) && _t(e), $ = (e) => e.role === "assistant", yt = (e) => e.role === "user", bt = (e) => A.messages?.slice(0, e).reverse().find((e) => $(e)), xt = (e) => A.messages?.slice(e + 1).find((e) => $(e)), St = (e) => {
+		}, _t = (e) => e.parts.some((e) => a(e) || t(e)), vt = (e) => !!j.showExtendedSteps && $(e) && _t(e), $ = (e) => e.role === "assistant", yt = (e) => e.role === "user", bt = (e) => j.messages?.slice(0, e).reverse().find((e) => $(e)), xt = (e) => j.messages?.slice(e + 1).find((e) => $(e)), St = (e) => {
 			let t = bt(e)?.metadata?.createdAt, n = xt(e)?.metadata?.createdAt;
 			if (!t || !n) return;
 			let r = new Date(t), i = new Date(n);
 			return r.toDateString() === i.toDateString() ? void 0 : i;
-		}, Ct = (e, t) => t === 0 || e.role !== "assistant" ? !1 : !!(A.actions?.length || A.showMessageDateTime && e.metadata?.createdAt !== void 0 || e.metadata?.completedAt !== void 0 || A.showMessageTokensCount && e.metadata?.totalTokens !== void 0), wt = (e) => {
+		}, Ct = (e, t) => t === 0 || e.role !== "assistant" ? !1 : !!(j.actions?.length || j.showMessageDateTime && e.metadata?.createdAt !== void 0 || e.metadata?.completedAt !== void 0 || j.showMessageTokensCount && e.metadata?.totalTokens !== void 0), wt = (e) => {
 			let t = new Date(e);
 			return V(t, t.toDateString() === (/* @__PURE__ */ new Date()).toDateString() ? "time" : "date-time");
 		}, Tt = (e) => {
 			let { createdAt: t, completedAt: n } = e.metadata ?? {};
-			if (!(!t || !n)) return g(H, n - t);
+			if (!(!t || !n)) return _(Ve, n - t);
 		}, Et = I("feedbackMessageEl");
-		return L(() => A.feedbackMessageId, async () => {
-			if (await k(), !A.feedbackMessageId) return;
+		return L(() => j.feedbackMessageId, async () => {
+			if (await A(), !j.feedbackMessageId) return;
 			let e = Et.value?.[0]?.$el;
 			if (e) {
-				if (Q(pt(A.feedbackMessageId))) {
+				if (Q(pt(j.feedbackMessageId))) {
 					Ke();
 					return;
 				}
@@ -274,94 +270,94 @@ var ve = ["aria-busy"], ye = {
 					block: "center"
 				});
 			}
-		}), (a, p) => {
-			let m = ae, g = re, v = ie;
-			return M(), T("div", {
+		}), (a, m) => {
+			let h = b, _ = re, ne = ie;
+			return M(), E("div", {
 				ref_key: "scrollEl",
-				ref: U,
+				ref: H,
 				class: "pk-chatbot-messages",
 				role: "log",
 				"aria-live": "polite",
 				"aria-relevant": "additions text",
 				"aria-busy": Z.value,
-				style: ue({
-					"--chatbot-main-color": O.mainColor,
+				style: le({
+					"--chatbot-main-color": k.mainColor,
 					"--chatbot-contrast-color": Ue.value
 				}),
 				onScroll: $e
 			}, [
-				O.showScrollToBottom && W.value.length > 1 ? (M(), T("div", ye, [D(y, {
+				k.showScrollToBottom && W.value.length > 1 ? (M(), E("div", ye, [O(y, {
 					items: W.value,
 					"active-id": Xe.value,
 					onSelect: et
-				}, null, 8, ["items", "active-id"])])) : w("", !0),
-				E("div", {
+				}, null, 8, ["items", "active-id"])])) : T("", !0),
+				D("div", {
 					ref_key: "wrapperEl",
-					ref: He,
+					ref: U,
 					class: "pk-chatbot-messages__wrapper"
 				}, [
-					(M(!0), T(b, null, de(O.messages, (e, y) => (M(), T(b, { key: e.id }, [yt(e) && St(y) ? (M(), T("div", be, [E("span", xe, P(F(V)(St(y), "short")), 1)])) : w("", !0), e.parts.length || Q(y) && Z.value && $(e) ? (M(), T("div", {
+					(M(!0), E(x, null, de(k.messages, (e, y) => (M(), E(x, { key: e.id }, [yt(e) && St(y) ? (M(), E("div", be, [D("span", xe, P(F(V)(St(y), "short")), 1)])) : T("", !0), e.parts.length || Q(y) && Z.value && $(e) ? (M(), E("div", {
 						key: 1,
 						ref_for: !0,
 						ref: "messagesEl",
-						class: le(["pk-chatbot-message", [`pk-chatbot-message--${e.role}`, { "pk-chatbot-message--loading": Z.value && Q(y) && $(e) }]]),
-						style: ue({ minHeight: Q(y) && $(e) && !ut.value ? `${G.value}px` : void 0 })
+						class: ce(["pk-chatbot-message", [`pk-chatbot-message--${e.role}`, { "pk-chatbot-message--loading": Z.value && Q(y) && $(e) }]]),
+						style: le({ minHeight: Q(y) && $(e) && !ut.value ? `${G.value}px` : void 0 })
 					}, [
-						D(x, {
+						O(S, {
 							appear: "",
 							name: "pk-chatbot-part"
 						}, {
-							default: R(() => [vt(e) ? (M(), C(f, {
+							default: R(() => [vt(e) ? (M(), w(p, {
 								key: 0,
 								message: e,
 								"is-streaming": Z.value && Q(y),
-								"is-dark": O.isDark
+								"is-dark": k.isDark
 							}, null, 8, [
 								"message",
 								"is-streaming",
 								"is-dark"
-							])) : w("", !0)]),
+							])) : T("", !0)]),
 							_: 2
 						}, 1024),
-						(M(!0), T(b, null, de(lt(e), (o, l) => (M(), T(b, { key: l }, [F(i)(o) && o.text.trim() ? (M(), C(x, {
+						(M(!0), E(x, null, de(lt(e), (s, u) => (M(), E(x, { key: u }, [F(i)(s) && s.text.trim() ? (M(), w(S, {
 							key: 0,
 							appear: "",
 							name: "pk-chatbot-part"
 						}, {
-							default: R(() => [E("div", Se, [fe(a.$slots, "text", ce({ ref_for: !0 }, {
+							default: R(() => [D("div", Se, [fe(a.$slots, "text", se({ ref_for: !0 }, {
 								message: e,
-								part: o,
+								part: s,
 								index: y,
 								isLoading: Z.value
-							}), () => [$(e) ? (M(), C(s, {
+							}), () => [$(e) ? (M(), w(c, {
 								key: 0,
 								class: "wysiwyg",
-								markdown: o.text,
-								"is-dark": O.isDark,
-								loading: Q(y) && O.status === "streaming"
+								markdown: s.text,
+								"is-dark": k.isDark,
+								loading: Q(y) && k.status === "streaming"
 							}, null, 8, [
 								"markdown",
 								"is-dark",
 								"loading"
-							])) : (M(), T(b, { key: 1 }, [oe(P(o.text), 1)], 64))]), rt(e.id) && !q(e.id)?.comment && l === ot(e) ? (M(), T("span", {
+							])) : (M(), E(x, { key: 1 }, [ae(P(s.text), 1)], 64))]), rt(e.id) && !q(e.id)?.comment && u === ot(e) ? (M(), E("span", {
 								key: 0,
-								class: le(["pk-chatbot-message__reaction", it(e.id)]),
+								class: ce(["pk-chatbot-message__reaction", it(e.id)]),
 								title: at(e.id)
-							}, [Y(e.id) ? (M(), T("span", we, P(Y(e.id)), 1)) : (M(), C(m, {
+							}, [Y(e.id) ? (M(), E("span", we, P(Y(e.id)), 1)) : (M(), w(h, {
 								key: 1,
 								name: J(e.id) === "downvote" ? "ri:thumb-down-fill" : "ri:thumb-up-fill"
-							}, null, 8, ["name"]))], 10, Ce)) : w("", !0)])]),
+							}, null, 8, ["name"]))], 10, Ce)) : T("", !0)])]),
 							_: 2
-						}, 1024)) : F(ee)(o) ? (M(), C(x, {
+						}, 1024)) : F(o)(s) ? (M(), w(S, {
 							key: 1,
 							appear: "",
 							name: "pk-chatbot-part"
 						}, {
-							default: R(() => [D(c, {
-								"media-type": o.mediaType,
-								url: o.url,
-								filename: o.filename,
-								size: F(te)(o)?.bytesCount
+							default: R(() => [O(l, {
+								"media-type": s.mediaType,
+								url: s.url,
+								filename: s.filename,
+								size: F(ee)(s)?.bytesCount
 							}, null, 8, [
 								"media-type",
 								"url",
@@ -369,97 +365,97 @@ var ve = ["aria-busy"], ye = {
 								"size"
 							])]),
 							_: 2
-						}, 1024)) : F(t)(o) && !F(ne)(o) && (F(ge)[F(r)(o)] || F(Ve)[o.type] || O.showAllMessageParts) ? (M(), C(x, {
+						}, 1024)) : F(t)(s) && !F(g)(s) && (F(ge)[F(r)(s)] || F(He)[s.type] || k.showAllMessageParts) ? (M(), w(S, {
 							key: 2,
 							appear: "",
 							name: "pk-chatbot-part"
 						}, {
-							default: R(() => [!F(Ve)[o.type] && F(ge)[F(r)(o)] ? (M(), C(pe(F(ge)[F(r)(o)]), {
-								key: `component-${l}-${F(h)(o)}`,
-								part: o
-							}, null, 8, ["part"])) : fe(a.$slots, o.type, ce({
+							default: R(() => [!F(He)[s.type] && F(ge)[F(r)(s)] ? (M(), w(pe(F(ge)[F(r)(s)]), {
+								key: `component-${u}-${F(te)(s)}`,
+								part: s
+							}, null, 8, ["part"])) : fe(a.$slots, s.type, se({
 								key: 1,
 								ref_for: !0
 							}, {
 								message: e,
-								part: o,
+								part: s,
 								index: y,
 								isLoading: Z.value
-							}), () => [O.showAllMessageParts ? (M(), T("div", Te, [E("div", Ee, [F(_)(o) ? (M(), C(m, {
+							}), () => [k.showAllMessageParts ? (M(), E("div", Te, [D("div", Ee, [F(v)(s) ? (M(), w(h, {
 								key: 0,
-								name: F(_)(o),
+								name: F(v)(s),
 								class: "shrink-0"
-							}, null, 8, ["name"])) : w("", !0), E("code", De, P(F(n)(o.type)), 1)])])) : w("", !0)])]),
+							}, null, 8, ["name"])) : T("", !0), D("code", De, P(F(n)(s.type)), 1)])])) : T("", !0)])]),
 							_: 2
-						}, 1024)) : w("", !0), D(x, { mode: "out-in" }, {
-							default: R(() => [l === ot(e) && O.readonlyFeedback && q(e.id)?.comment ? (M(), C(u, {
+						}, 1024)) : T("", !0), O(S, { mode: "out-in" }, {
+							default: R(() => [u === ot(e) && k.readonlyFeedback && q(e.id)?.comment ? (M(), w(d, {
 								key: 0,
 								feedback: q(e.id)
-							}, null, 8, ["feedback"])) : w("", !0)]),
+							}, null, 8, ["feedback"])) : T("", !0)]),
 							_: 2
 						}, 1024)], 64))), 128)),
-						D(x, {
+						O(S, {
 							name: "fade-in",
 							mode: "out-in"
 						}, {
-							default: R(() => [Z.value && Q(y) && !gt(e) && $(e) && !vt(e) ? (M(), T("div", {
+							default: R(() => [Z.value && Q(y) && !gt(e) && $(e) && !vt(e) ? (M(), E("div", {
 								key: `loading-info-${e.id}`,
 								class: "pk-chatbot-message__loading-info"
-							}, [E("div", Oe, [
-								D(m, {
+							}, [D("div", Oe, [
+								O(h, {
 									name: "line-md:loading-loop",
 									class: "shrink-0"
 								}),
-								D(x, { mode: "out-in" }, {
-									default: R(() => [ft.value ? (M(), C(m, {
+								O(S, { mode: "out-in" }, {
+									default: R(() => [ft.value ? (M(), w(h, {
 										key: ft.value,
 										class: "shrink-0",
 										name: ft.value
-									}, null, 8, ["name"])) : w("", !0)]),
+									}, null, 8, ["name"])) : T("", !0)]),
 									_: 1
 								}),
-								D(x, { mode: "out-in" }, {
-									default: R(() => [dt.value ? (M(), T("span", {
+								O(S, { mode: "out-in" }, {
+									default: R(() => [dt.value ? (M(), E("span", {
 										key: dt.value,
 										class: "text-12"
-									}, P(dt.value), 1)) : w("", !0)]),
+									}, P(dt.value), 1)) : T("", !0)]),
 									_: 1
 								})
-							]), D(x, {
+							]), O(S, {
 								name: "fade-in",
 								mode: "out-in"
 							}, {
-								default: R(() => [X.value && "text" in X.value && X.value.text.trim() ? (M(), C(d, {
+								default: R(() => [X.value && "text" in X.value && X.value.text.trim() ? (M(), w(f, {
 									key: 0,
 									markdown: X.value.text,
-									"is-dark": O.isDark,
+									"is-dark": k.isDark,
 									"inner-class": "wysiwyg",
 									class: "border border-surface-4 rounded p-4 mt-8 bg-surface-1 max-h-64 text-12 w-full"
-								}, null, 8, ["markdown", "is-dark"])) : w("", !0)]),
+								}, null, 8, ["markdown", "is-dark"])) : T("", !0)]),
 								_: 1
-							})])) : w("", !0)]),
+							})])) : T("", !0)]),
 							_: 2
 						}, 1024),
-						D(x, { mode: "out-in" }, {
-							default: R(() => [Ct(e, y) ? (M(), T("div", ke, [
-								D(v, {
+						O(S, { mode: "out-in" }, {
+							default: R(() => [Ct(e, y) ? (M(), E("div", ke, [
+								O(ne, {
 									modifiers: "compact",
 									class: "mr-auto shrink-0"
 								}, {
 									default: R(() => [
-										D(x, { mode: "out-in" }, {
-											default: R(() => [mt(y) ? (M(), C(g, {
+										O(S, { mode: "out-in" }, {
+											default: R(() => [mt(y) ? (M(), w(_, {
 												key: 0,
 												icon: "ri:reset-right-line",
 												modifiers: "action-quiet-small",
 												title: F(B)("action.regenerate"),
 												"aria-label": F(B)("action.regenerate"),
-												onClick: p[0] ||= z((e) => a.$emit("regenerate"), ["stop"])
-											}, null, 8, ["title", "aria-label"])) : w("", !0)]),
+												onClick: m[0] ||= z((e) => a.$emit("regenerate"), ["stop"])
+											}, null, 8, ["title", "aria-label"])) : T("", !0)]),
 											_: 2
 										}, 1024),
-										D(x, { mode: "out-in" }, {
-											default: R(() => [ht("show-info", y) ? (M(), C(g, {
+										O(S, { mode: "out-in" }, {
+											default: R(() => [ht("show-info", y) ? (M(), w(_, {
 												key: 0,
 												icon: "ri:information-line",
 												title: F(B)("action.getMoreInfo"),
@@ -470,17 +466,17 @@ var ve = ["aria-busy"], ye = {
 												"title",
 												"aria-label",
 												"onClick"
-											])) : w("", !0)]),
+											])) : T("", !0)]),
 											_: 2
 										}, 1024),
-										D(x, { mode: "out-in" }, {
-											default: R(() => [ht("revise", y) ? (M(), C(g, {
+										O(S, { mode: "out-in" }, {
+											default: R(() => [ht("revise", y) ? (M(), w(_, {
 												key: 0,
 												icon: K(e.id) ? "ri:file-edit-fill" : "ri:file-edit-line",
 												title: K(e.id) ? F(B)("action.editRevise") : F(B)("action.createRevise"),
 												"aria-label": K(e.id) ? F(B)("action.editRevise") : F(B)("action.createRevise"),
 												modifiers: "action-quiet-small",
-												class: le({ "text-brand": K(e.id) }),
+												class: ce({ "text-brand": K(e.id) }),
 												onClick: z((t) => a.$emit("revise", e), ["stop"])
 											}, null, 8, [
 												"icon",
@@ -488,11 +484,11 @@ var ve = ["aria-busy"], ye = {
 												"aria-label",
 												"class",
 												"onClick"
-											])) : w("", !0)]),
+											])) : T("", !0)]),
 											_: 2
 										}, 1024),
-										D(x, { mode: "out-in" }, {
-											default: R(() => [tt("upvote", y) ? (M(), C(g, {
+										O(S, { mode: "out-in" }, {
+											default: R(() => [tt("upvote", y) ? (M(), w(_, {
 												key: 0,
 												icon: q(e.id)?.vote === "upvote" ? "ri:thumb-up-fill" : "ri:thumb-up-line",
 												title: F(B)("action.upvote"),
@@ -504,11 +500,11 @@ var ve = ["aria-busy"], ye = {
 												"title",
 												"aria-label",
 												"onClick"
-											])) : w("", !0)]),
+											])) : T("", !0)]),
 											_: 2
 										}, 1024),
-										D(x, { mode: "out-in" }, {
-											default: R(() => [tt("downvote", y) ? (M(), C(g, {
+										O(S, { mode: "out-in" }, {
+											default: R(() => [tt("downvote", y) ? (M(), w(_, {
 												key: 0,
 												icon: q(e.id)?.vote === "downvote" ? "ri:thumb-down-fill" : "ri:thumb-down-line",
 												title: F(B)("action.downvote"),
@@ -520,11 +516,11 @@ var ve = ["aria-busy"], ye = {
 												"title",
 												"aria-label",
 												"onClick"
-											])) : w("", !0)]),
+											])) : T("", !0)]),
 											_: 2
 										}, 1024),
-										D(x, { mode: "out-in" }, {
-											default: R(() => [tt("feedback", y) ? (M(), C(g, {
+										O(S, { mode: "out-in" }, {
+											default: R(() => [tt("feedback", y) ? (M(), w(_, {
 												key: 0,
 												icon: q(e.id)?.comment ? "ri:feedback-fill" : "ri:feedback-line",
 												title: F(B)("action.feedback"),
@@ -536,92 +532,92 @@ var ve = ["aria-busy"], ye = {
 												"title",
 												"aria-label",
 												"onClick"
-											])) : w("", !0)]),
+											])) : T("", !0)]),
 											_: 2
 										}, 1024)
 									]),
 									_: 2
 								}, 1024),
-								!O.showMessageDateTime && e.metadata?.createdAt && e.metadata?.completedAt ? (M(), T("div", Ae, [E("time", {
+								!k.showMessageDateTime && e.metadata?.createdAt && e.metadata?.completedAt ? (M(), E("div", Ae, [D("time", {
 									datetime: new Date(e.metadata.createdAt).toISOString(),
 									title: F(V)(new Date(e.metadata.createdAt), "date-time"),
 									class: "flex items-center gap-4 min-w-0"
-								}, [D(m, {
+								}, [O(h, {
 									name: "ri:time-line",
 									class: "shrink-0"
-								}), E("span", Me, P(wt(e.metadata.createdAt)), 1)], 8, je), Tt(e) ? (M(), T("span", Ne, [D(m, {
+								}), D("span", Me, P(wt(e.metadata.createdAt)), 1)], 8, je), Tt(e) ? (M(), E("span", Ne, [O(h, {
 									name: "ri:hourglass-line",
 									class: "shrink-0"
-								}), E("span", Pe, P(Tt(e)), 1)])) : w("", !0)])) : w("", !0),
-								O.showMessageTokensCount && e.metadata?.totalTokens ? (M(), T("span", Fe, [D(m, {
+								}), D("span", Pe, P(Tt(e)), 1)])) : T("", !0)])) : T("", !0),
+								k.showMessageTokensCount && e.metadata?.totalTokens ? (M(), E("span", Fe, [O(h, {
 									name: "ri:ai-generate-2-line",
 									class: "shrink-0"
-								}), E("span", Ie, P(F(H)(e.metadata.totalTokens, "integer")) + " " + P(F(B)("label.tokens")), 1)])) : w("", !0),
-								O.showMessageDateTime && e.metadata?.createdAt ? (M(), T("time", {
+								}), D("span", Ie, P(F(Ve)(e.metadata.totalTokens, "integer")) + " " + P(F(B)("label.tokens")), 1)])) : T("", !0),
+								k.showMessageDateTime && e.metadata?.createdAt ? (M(), E("time", {
 									key: 2,
 									datetime: new Date(e.metadata?.createdAt).toISOString(),
 									class: "flex items-center gap-4 text-12 text-word-3"
-								}, [D(m, {
+								}, [O(h, {
 									name: "ri:time-line",
 									class: "shrink-0"
-								}), E("span", Re, P(F(V)(new Date(e.metadata?.createdAt), "date-time")), 1)], 8, Le)) : w("", !0),
-								O.showMessageDateTime && e?.metadata?.completedAt && e?.metadata?.createdAt ? (M(), T("div", ze, [D(m, {
+								}), D("span", Re, P(F(V)(new Date(e.metadata?.createdAt), "date-time")), 1)], 8, Le)) : T("", !0),
+								k.showMessageDateTime && e?.metadata?.completedAt && e?.metadata?.createdAt ? (M(), E("div", ze, [O(h, {
 									name: "ri:hourglass-line",
 									class: "shrink-0"
-								}), D(o, {
+								}), O(s, {
 									class: "truncate",
 									date: e.metadata?.createdAt,
 									"end-date": e.metadata?.completedAt
-								}, null, 8, ["date", "end-date"])])) : w("", !0)
-							])) : w("", !0)]),
+								}, null, 8, ["date", "end-date"])])) : T("", !0)
+							])) : T("", !0)]),
 							_: 2
 						}, 1024),
-						D(x, { mode: "out-in" }, {
-							default: R(() => [e.id === O.feedbackMessageId ? (M(), C(l, {
+						O(S, { mode: "out-in" }, {
+							default: R(() => [e.id === k.feedbackMessageId ? (M(), w(u, {
 								key: 0,
 								ref_for: !0,
 								ref_key: "feedbackMessageEl",
 								ref: Et,
-								loading: O.feedbackLoading,
-								submitted: O.feedbackSubmitted,
-								error: O.feedbackError,
-								onSubmit: p[1] ||= (e) => a.$emit("feedback-submit", e),
-								onClose: p[2] ||= (e) => a.$emit("feedback-close")
+								loading: k.feedbackLoading,
+								submitted: k.feedbackSubmitted,
+								error: k.feedbackError,
+								onSubmit: m[1] ||= (e) => a.$emit("feedback-submit", e),
+								onClose: m[2] ||= (e) => a.$emit("feedback-close")
 							}, null, 8, [
 								"loading",
 								"submitted",
 								"error"
-							])) : w("", !0)]),
+							])) : T("", !0)]),
 							_: 2
 						}, 1024)
-					], 6)) : w("", !0)], 64))), 128)),
-					D(x, {
+					], 6)) : T("", !0)], 64))), 128)),
+					O(S, {
 						appear: "",
 						name: "pk-chatbot-part"
 					}, {
-						default: R(() => [ut.value ? (M(), C(e, {
+						default: R(() => [ut.value ? (M(), w(e, {
 							key: 0,
-							error: O.error,
-							onRetry: p[3] ||= (e) => a.$emit("auto-retry"),
-							onReset: p[4] ||= (e) => a.$emit("reset-chat")
-						}, null, 8, ["error"])) : w("", !0)]),
+							error: k.error,
+							onRetry: m[3] ||= (e) => a.$emit("auto-retry"),
+							onReset: m[4] ||= (e) => a.$emit("reset-chat")
+						}, null, 8, ["error"])) : T("", !0)]),
 						_: 1
 					}),
-					st.value?.role === "user" || ut.value ? (M(), T("div", {
+					st.value?.role === "user" || ut.value ? (M(), E("div", {
 						key: 0,
 						class: "pk-chatbot-messages__spacer",
-						style: ue({ minHeight: `${G.value}px` })
-					}, null, 4)) : w("", !0)
+						style: le({ minHeight: `${G.value}px` })
+					}, null, 4)) : T("", !0)
 				], 512),
-				D(x, { name: "pk-chatbot-messages-fab" }, {
-					default: R(() => [O.showScrollToBottom && (F(qe) || !F(Je)) ? (M(), T("button", {
+				O(S, { name: "pk-chatbot-messages-fab" }, {
+					default: R(() => [k.showScrollToBottom && (F(qe) || !F(Je)) ? (M(), E("button", {
 						key: 0,
 						type: "button",
 						class: "pk-chatbot-messages__scroll-to-bottom",
 						title: F(B)("action.scrollToBottom"),
 						"aria-label": F(B)("action.scrollToBottom"),
 						onClick: Ye
-					}, [D(m, { name: "ri:arrow-down-line" })], 8, Be)) : w("", !0)]),
+					}, [O(h, { name: "ri:arrow-down-line" })], 8, Be)) : T("", !0)]),
 					_: 1
 				})
 			], 44, ve);
@@ -629,6 +625,6 @@ var ve = ["aria-busy"], ye = {
 	}
 });
 //#endregion
-export { H as t };
+export { Ve as t };
 
-//# sourceMappingURL=PkChatbotMessages-DLP7utmG.js.map
+//# sourceMappingURL=PkChatbotMessages-BR5JUybd.js.map