@8wave/ai-elements 0.69.0 → 0.70.0

package/dist-vue/_chunks/{PkChatbotMessages-C7-ZtU0-.js → PkChatbotMessages-DJngZXIX.js}

@@ -1,27 +1,31 @@
-import { c as e, f as t, o as n, p as r, u as i } from "./src-DjRNH9vV.js";
-import { t as a } from "./PkRelativeTime-Bzh37jv5.js";
-import { t as ee } from "./PkStreamingMarkdown-C-XHB63C.js";
-import { t as o } from "./PkChatbotError-DOkNTDsc.js";
-import { t as s } from "./PkChatbotFeedbackForm-Dl1pWKbb.js";
-import { t as te } from "./PkChatbotFilePreview-zHYZ0F7j.js";
-import { a as ne, n as re, o as c, r as l, t as u } from "./utils-DBd_X5-V.js";
-import { Fragment as d, Transition as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineAsyncComponent as b, defineComponent as x, mergeProps as ie, nextTick as S, normalizeClass as C, normalizeStyle as w, onMounted as T, openBlock as E, ref as D, renderList as ae, renderSlot as oe, resolveDynamicComponent as se, toDisplayString as O, unref as k, useSlots as ce, useTemplateRef as A, watch as j, withCtx as M, withModifiers as N } from "vue";
-import { VvButton as le, VvButtonGroup as ue, VvIcon as de } from "@volverjs/ui-vue/components";
-import { useI18n as fe } from "vue-i18n";
+import { c as e, f as t, o as n, p as r, u as i } from "./src-BteqqLGW.js";
+import { t as a } from "./PkRelativeTime-ivIkVQRR.js";
+import { t as ee } from "./PkStreamingMarkdown-CGEZEVZF.js";
+import { t as o } from "./PkChatbotError-CBQaRNse.js";
+import { t as s } from "./PkChatbotFeedbackForm-C5QLJeUc.js";
+import { t as te } from "./PkChatbotFilePreview-0ow1cjom.js";
+import { a as ne, n as re, o as c, r as l, t as u } from "./utils-D1pBqT-n.js";
+import { Fragment as d, Transition as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineAsyncComponent as b, defineComponent as x, mergeProps as ie, nextTick as S, normalizeClass as C, normalizeStyle as w, onMounted as T, openBlock as E, ref as D, renderList as ae, renderSlot as oe, resolveDynamicComponent as se, toDisplayString as O, unref as k, useSlots as ce, useTemplateRef as le, watch as A, withCtx as j, withModifiers as M } from "vue";
+import { VvButton as ue, VvButtonGroup as de, VvIcon as fe } from "@volverjs/ui-vue/components";
+import { useI18n as pe } from "vue-i18n";
 //#region ../../packages/components/src/chat/toolComponentMap.ts
-var pe = {
-	showArtifact: b(() => import("./PkToolShowArtifact-pTS7wzhw.js").then((e) => e.n)),
-	showEmail: b(() => import("./PkToolShowEmail-htn0ivwY.js").then((e) => e.n)),
-	showMessage: b(() => import("./PkToolShowMessage-DtGDm3pq.js").then((e) => e.n)),
-	showWebPages: b(() => import("./PkToolShowWebPages-BQp9A4vb.js").then((e) => e.n)),
-	showProductList: b(() => import("./PkToolShowProductList-BlkUdbtV.js").then((e) => e.n)),
-	showCalendarEvent: b(() => import("./PkToolShowCalendarEvent-DQ--fzwb.js").then((e) => e.n)),
-	showComparison: b(() => import("./PkToolShowComparison-CzRUrjbP.js").then((e) => e.n)),
-	showLocation: b(() => import("./PkToolShowLocation-DSZvW68g.js").then((e) => e.n)),
-	showQrCode: b(() => import("./PkToolShowQrCode-BUyhM_MN.js").then((e) => e.n)),
-	showImageGallery: b(() => import("./PkToolShowImageGallery-CpU183SC.js").then((e) => e.n)),
-	showWeather: b(() => import("./PkToolShowWeather-iAV7Hn_J.js"))
-}, me = /* @__PURE__ */ x({
+var N = {
+	showArtifact: b(() => import("./PkToolShowArtifact-D1PnI-E1.js").then((e) => e.n)),
+	showCalendarEvent: b(() => import("./PkToolShowCalendarEvent-HiRf_hSv.js").then((e) => e.n)),
+	showComparison: b(() => import("./PkToolShowComparison-Bll3lc1g.js").then((e) => e.n)),
+	showContactForm: b(() => import("./PkToolShowContactForm-DQDXyNco.js").then((e) => e.n)),
+	showEmail: b(() => import("./PkToolShowEmail-DzYBtaIE.js").then((e) => e.n)),
+	showImageGallery: b(() => import("./PkToolShowImageGallery-BQtLChsM.js").then((e) => e.n)),
+	showLocation: b(() => import("./PkToolShowLocation-CaG0Txb6.js").then((e) => e.n)),
+	showMessage: b(() => import("./PkToolShowMessage-C4os87fJ.js").then((e) => e.n)),
+	showMultipleChoice: b(() => import("./PkToolShowMultipleChoice-DB5ZvvhS.js").then((e) => e.n)),
+	showProductList: b(() => import("./PkToolShowProductList-BR14mmfl.js").then((e) => e.n)),
+	showQrCode: b(() => import("./PkToolShowQrCode-CTfDrItd.js").then((e) => e.n)),
+	showSources: b(() => import("./PkToolShowSources-B_UfP0QT.js").then((e) => e.n)),
+	showSuggestedReply: b(() => import("./PkToolShowSuggestedReply-BVa6p4DJ.js").then((e) => e.n)),
+	showWeather: b(() => import("./PkToolShowWeather-D3MyAnH4.js")),
+	showWebPages: b(() => import("./PkToolShowWebPages-0pwK7psA.js").then((e) => e.n))
+}, P = /* @__PURE__ */ x({
 	__name: "PkStreamingMarkdownAutoscroll",
 	props: {
 		markdown: {},
@@ -33,7 +37,7 @@ var pe = {
 			let e = n.value.scrollTop;
 			e < r.value && r.value - e < 50 && (i.value = !0), e > r.value && e === n.value.scrollHeight - n.value.clientHeight && (i.value = !1), r.value = e;
 		};
-		return j(() => t.markdown, async () => {
+		return A(() => t.markdown, async () => {
 			await S(), n.value && !i.value && (n.value.scrollTop = n.value.scrollHeight);
 		}, { immediate: !0 }), (t, r) => (E(), g("div", {
 			ref_key: "scrollEl",
@@ -45,25 +49,25 @@ var pe = {
 			class: C(e.innerClass)
 		}, null, 8, ["markdown", "class"])], 544));
 	}
-}), he = { class: "pk-chatbot-messages__wrapper" }, ge = {
+}), me = { class: "pk-chatbot-messages__wrapper" }, he = {
 	key: 0,
 	class: "pk-chatbot-divider"
-}, _e = { class: "pk-chatbot-divider__label" }, ve = {
+}, ge = { class: "pk-chatbot-divider__label" }, _e = {
 	key: 0,
 	class: "pk-chatbot-message__text"
-}, ye = {
+}, ve = {
 	key: 0,
 	class: "pk-chatbot-message__loading-info"
-}, be = { class: "flex gap-8 items-center" }, xe = { class: "font-mono rounded text-10" }, Se = { class: "flex gap-8 items-center" }, Ce = {
+}, ye = { class: "flex gap-8 items-center" }, be = { class: "font-mono rounded text-10" }, xe = { class: "flex gap-8 items-center" }, Se = {
 	key: 0,
 	class: "pk-chatbot-message__footer"
-}, we = {
+}, Ce = {
 	key: 0,
 	class: "flex items-center gap-4 text-12 text-word-3"
-}, Te = ["datetime"], Ee = {
+}, we = ["datetime"], Te = {
 	key: 2,
 	class: "flex items-center gap-4 text-12 text-word-3"
-}, P = /* @__PURE__ */ x({
+}, F = /* @__PURE__ */ x({
 	__name: "PkChatbotMessages",
 	props: {
 		status: {},
@@ -100,56 +104,56 @@ var pe = {
 		"reset-chat"
 	],
 	setup(b, { emit: x }) {
-		let P = b, F = x, { t: I } = fe({ useScope: "global" }), De = ce(), L = A("scrollEl"), R = D(), z = D(0), B = D(!1), Oe = p(() => c(P.textColor, P.mainColor)), ke = () => {
-			if (!L.value) return;
-			let e = L.value.scrollTop;
-			e < z.value && (z.value - e < 50 && (B.value = !0), F("scroll-up")), e > z.value && (F("scroll-down"), e === L.value.scrollHeight - L.value.clientHeight && (B.value = !1)), z.value = e;
-		}, V = () => {
-			L.value && (R.value && clearTimeout(R.value), !B.value && (R.value = setTimeout(() => {
-				L.value?.scrollTo({
-					top: L.value.scrollHeight,
+		let F = b, I = x, { t: L } = pe({ useScope: "global" }), Ee = ce(), R = le("scrollEl"), z = D(), B = D(0), V = D(!1), De = p(() => c(F.textColor, F.mainColor)), Oe = () => {
+			if (!R.value) return;
+			let e = R.value.scrollTop;
+			e < B.value && (B.value - e < 50 && (V.value = !0), I("scroll-up")), e > B.value && (I("scroll-down"), e === R.value.scrollHeight - R.value.clientHeight && (V.value = !1)), B.value = e;
+		}, H = () => {
+			R.value && (z.value && clearTimeout(z.value), !V.value && (z.value = setTimeout(() => {
+				R.value?.scrollTo({
+					top: R.value.scrollHeight,
 					behavior: "smooth"
 				});
 			}, 10)));
 		};
-		j(() => P.status, (e) => {
-			e === "ready" && V();
+		A(() => F.status, (e) => {
+			e === "ready" && H();
 		});
-		let Ae = A("messagesEl"), H = D(0);
-		j(() => P.messages, async (e) => {
+		let ke = le("messagesEl"), U = D(0);
+		A(() => F.messages, async (e) => {
 			if (e?.[e.length - 1]?.role !== "assistant") {
-				B.value = !1;
+				V.value = !1;
 				return;
 			}
-			if (await S(), V(), P.disableHeightAdjustment) return;
-			let t = (L.value?.clientHeight ?? 0) - 48, n = e.map((e) => e.role).lastIndexOf("user"), r = t - (Ae.value?.[n]?.clientHeight ?? 0);
-			r && (H.value = r);
+			if (await S(), H(), F.disableHeightAdjustment) return;
+			let t = (R.value?.clientHeight ?? 0) - 48, n = e.map((e) => e.role).lastIndexOf("user"), r = t - (ke.value?.[n]?.clientHeight ?? 0);
+			r && (U.value = r);
 		}, { deep: !0 }), T(() => {
-			V();
+			H();
 		});
-		let U = (e) => P.revisedAnswers?.some((t) => t.messageId === e), W = (e) => P.messageFeedbacks?.find((t) => t.messageId === e), je = p(() => P.messages?.[P.messages.length - 1]), G = p(() => {
-			let e = je.value;
+		let W = (e) => F.revisedAnswers?.some((t) => t.messageId === e), G = (e) => F.messageFeedbacks?.find((t) => t.messageId === e), Ae = p(() => F.messages?.[F.messages.length - 1]), K = p(() => {
+			let e = Ae.value;
 			return e ? e.parts[e.parts.length - 1] : null;
-		}), K = p(() => P.status === "submitted" || P.status === "streaming"), q = p(() => P.status === "error"), J = p(() => {
-			let e = G.value;
-			return l(I, e);
-		}), Y = p(() => {
-			let e = G.value;
+		}), q = p(() => F.status === "submitted" || F.status === "streaming"), J = p(() => F.status === "error"), Y = p(() => {
+			let e = K.value;
+			return l(L, e);
+		}), X = p(() => {
+			let e = K.value;
 			return u(e);
-		}), Me = (e) => P.messages?.findIndex((t) => t.id === e), X = (e) => e === void 0 || !P.messages ? !1 : e === (P.messages?.length ?? 0) - 1, Ne = (e) => X(e) && P.status === "ready" && P.actions?.includes("regenerate"), Z = (e, t) => (X(t) && P.status === "ready" || !X(t)) && P.actions?.includes(e), Pe = (e) => {
+		}), je = (e) => F.messages?.findIndex((t) => t.id === e), Z = (e) => e === void 0 || !F.messages ? !1 : e === (F.messages?.length ?? 0) - 1, Me = (e) => Z(e) && F.status === "ready" && F.actions?.includes("regenerate"), Q = (e, t) => (Z(t) && F.status === "ready" || !Z(t)) && F.actions?.includes(e), Ne = (e) => {
 			let n = e.parts[e.parts.length - 1];
 			return t(n);
-		}, Fe = (e) => P.messages?.slice(0, e).reverse().find((e) => e.role === "assistant"), Q = (e) => P.messages?.slice(e + 1).find((e) => e.role === "assistant"), Ie = (e) => {
-			let t = Fe(e), n = Q(e);
+		}, Pe = (e) => F.messages?.slice(0, e).reverse().find((e) => e.role === "assistant"), Fe = (e) => F.messages?.slice(e + 1).find((e) => e.role === "assistant"), Ie = (e) => {
+			let t = Pe(e), n = Fe(e);
 			if (!t?.metadata?.createdAt || !n?.metadata?.createdAt) return !1;
 			let r = new Date(t.metadata.createdAt), i = new Date(n.metadata.createdAt);
 			return r.getFullYear() !== i.getFullYear() || r.getMonth() !== i.getMonth() || r.getDate() !== i.getDate();
-		}, Le = (e, t) => t === 0 || e.role !== "assistant" ? !1 : P.actions?.length || P.showMessageDateTime && e.metadata?.createdAt !== void 0 || P.showMessageTokensCount && e.metadata?.totalTokens !== void 0, $ = D();
-		return j(() => P.feedbackMessageId, async () => {
+		}, Le = (e, t) => t === 0 || e.role !== "assistant" ? !1 : F.actions?.length || F.showMessageDateTime && e.metadata?.createdAt !== void 0 || F.showMessageTokensCount && e.metadata?.totalTokens !== void 0, $ = D();
+		return A(() => F.feedbackMessageId, async () => {
 			await S(), setTimeout(() => {
-				if (P.feedbackMessageId && $.value?.[0]?.$el) {
-					if (X(Me(P.feedbackMessageId))) {
-						V();
+				if (F.feedbackMessageId && $.value?.[0]?.$el) {
+					if (Z(je(F.feedbackMessageId))) {
+						H();
 						return;
 					}
 					$.value[0].$el.scrollIntoView({
@@ -159,29 +163,34 @@ var pe = {
 				}
 			}, 10);
 		}), (c, l) => {
-			let p = de, x = le, S = ue;
+			let p = fe, x = ue, S = de;
 			return E(), g("div", {
 				ref_key: "scrollEl",
-				ref: L,
+				ref: R,
 				class: "pk-chatbot-messages",
 				style: w({
 					"--chatbot-main-color": b.mainColor,
-					"--chatbot-contrast-color": Oe.value
+					"--chatbot-contrast-color": De.value
 				}),
-				onScroll: ke
-			}, [_("div", he, [
-				(E(!0), g(d, null, ae(b.messages, (o, T) => (E(), g(d, { key: o.id }, [T > 0 && o.role === "user" && Ie(T) ? (E(), g("div", ge, [_("span", _e, O(c.$d(new Date(Q(T)?.metadata?.createdAt ?? ""), "short")), 1)])) : h("", !0), _("div", {
+				onScroll: Oe
+			}, [_("div", me, [
+				(E(!0), g(d, null, ae(b.messages, (o, T) => (E(), g(d, { key: o.id }, [T > 0 && o.role === "user" && Ie(T) ? (E(), g("div", he, [_("span", ge, O(c.$d(new Date(Fe(T)?.metadata?.createdAt ?? ""), "short")), 1)])) : h("", !0), _("div", {
 					ref_for: !0,
 					ref: "messagesEl",
-					class: C(["pk-chatbot-message", [`pk-chatbot-message--${o.role}`, { "pk-chatbot-message--loading": X(T) && K.value && o.role === "assistant" }]]),
-					style: w({ minHeight: X(T) && o.role === "assistant" && !q.value ? `${H.value}px` : void 0 })
+					class: C(["pk-chatbot-message", [`pk-chatbot-message--${o.role}`, { "pk-chatbot-message--loading": Z(T) && q.value && o.role === "assistant" }]]),
+					style: w({ minHeight: Z(T) && o.role === "assistant" && !J.value ? `${U.value}px` : void 0 })
 				}, [
-					(E(!0), g(d, null, ae(o.parts, (a, s) => (E(), g(d, { key: s }, [k(t)(a) ? (E(), g("div", ve, [o.role === "assistant" ? (E(), m(ee, {
+					(E(!0), g(d, null, ae(o.parts, (a, s) => (E(), g(d, { key: s }, [k(t)(a) ? (E(), g("div", _e, [oe(c.$slots, "text", ie({ ref_for: !0 }, {
+						message: o,
+						part: a,
+						index: T,
+						isLoading: q.value
+					}), () => [o.role === "assistant" ? (E(), m(ee, {
 						key: 0,
 						class: "wysiwyg",
 						markdown: a.text,
 						loading: T === (b.messages?.length ?? 0) - 1 && b.status === "streaming"
-					}, null, 8, ["markdown", "loading"])) : (E(), g(d, { key: 1 }, [v(O(a.text), 1)], 64))])) : k(i)(a) ? (E(), m(te, {
+					}, null, 8, ["markdown", "loading"])) : (E(), g(d, { key: 1 }, [v(O(a.text), 1)], 64))])])) : k(i)(a) ? (E(), m(te, {
 						key: 1,
 						"media-type": a.mediaType,
 						url: a.url,
@@ -190,47 +199,47 @@ var pe = {
 						"media-type",
 						"url",
 						"filename"
-					])) : k(r)(a) && !k(ne)(a) ? (E(), g(d, { key: 2 }, [!k(De)[a.type] && k(pe)[k(e)(a)] ? (E(), m(se(k(pe)[k(e)(a)]), {
+					])) : k(r)(a) && !k(ne)(a) ? (E(), g(d, { key: 2 }, [!k(Ee)[a.type] && k(N)[k(e)(a)] ? (E(), m(se(k(N)[k(e)(a)]), {
 						key: `component-${s}-${k(re)(a)}`,
 						part: a
 					}, null, 8, ["part"])) : oe(c.$slots, a.type, ie({ key: `slot-${s}-${k(re)(a)}` }, { ref_for: !0 }, {
 						message: o,
 						part: a,
 						index: T,
-						isLoading: K.value
-					}), () => [b.showAllMessageParts ? (E(), g("div", ye, [_("div", be, [k(u)(a) ? (E(), m(p, {
+						isLoading: q.value
+					}), () => [b.showAllMessageParts ? (E(), g("div", ve, [_("div", ye, [k(u)(a) ? (E(), m(p, {
 						key: 0,
 						name: k(u)(a),
 						class: "shrink-0"
-					}, null, 8, ["name"])) : h("", !0), _("code", xe, O(k(n)(a.type)), 1)])])) : h("", !0)])], 64)) : h("", !0)], 64))), 128)),
+					}, null, 8, ["name"])) : h("", !0), _("code", be, O(k(n)(a.type)), 1)])])) : h("", !0)])], 64)) : h("", !0)], 64))), 128)),
 					y(f, { mode: "out-in" }, {
-						default: M(() => [K.value && X(T) && !Pe(o) && o.role === "assistant" ? (E(), g("div", {
+						default: j(() => [q.value && Z(T) && !Ne(o) && o.role === "assistant" ? (E(), g("div", {
 							key: `loading-info-${o.id}`,
 							class: "pk-chatbot-message__loading-info"
-						}, [_("div", Se, [
+						}, [_("div", xe, [
 							y(p, {
 								name: "line-md:loading-loop",
 								class: "shrink-0"
 							}),
 							y(f, { mode: "out-in" }, {
-								default: M(() => [Y.value ? (E(), m(p, {
-									key: Y.value,
+								default: j(() => [X.value ? (E(), m(p, {
+									key: X.value,
 									class: "shrink-0",
-									name: Y.value
+									name: X.value
 								}, null, 8, ["name"])) : h("", !0)]),
 								_: 1
 							}),
 							y(f, { mode: "out-in" }, {
-								default: M(() => [J.value ? (E(), g("span", {
-									key: J.value,
+								default: j(() => [Y.value ? (E(), g("span", {
+									key: Y.value,
 									class: "text-10"
-								}, O(J.value), 1)) : h("", !0)]),
+								}, O(Y.value), 1)) : h("", !0)]),
 								_: 1
 							})
 						]), y(f, { mode: "out-in" }, {
-							default: M(() => [G.value && "text" in G.value && G.value.text.trim() ? (E(), m(me, {
+							default: j(() => [K.value && "text" in K.value && K.value.text.trim() ? (E(), m(P, {
 								key: 0,
-								markdown: G.value.text,
+								markdown: K.value.text,
 								"inner-class": "wysiwyg",
 								class: "border border-surface-4 rounded p-4 mt-8 bg-surface-1 max-h-64 text-10 w-full"
 							}, null, 8, ["markdown"])) : h("", !0)]),
@@ -239,40 +248,40 @@ var pe = {
 						_: 2
 					}, 1024),
 					y(f, { mode: "out-in" }, {
-						default: M(() => [Le(o, T) ? (E(), g("div", Ce, [
+						default: j(() => [Le(o, T) ? (E(), g("div", Se, [
 							y(S, {
 								modifiers: "compact",
 								class: "mr-auto"
 							}, {
-								default: M(() => [
+								default: j(() => [
 									y(f, { mode: "out-in" }, {
-										default: M(() => [Ne(T) ? (E(), m(x, {
+										default: j(() => [Me(T) ? (E(), m(x, {
 											key: 0,
 											icon: "ri:reset-right-line",
 											modifiers: "action-quiet-small",
-											title: k(I)("action.regenerate"),
-											onClick: l[0] ||= N((e) => c.$emit("regenerate"), ["stop"])
+											title: k(L)("action.regenerate"),
+											onClick: l[0] ||= M((e) => c.$emit("regenerate"), ["stop"])
 										}, null, 8, ["title"])) : h("", !0)]),
 										_: 2
 									}, 1024),
 									y(f, { mode: "out-in" }, {
-										default: M(() => [Z("show-info", T) ? (E(), m(x, {
+										default: j(() => [Q("show-info", T) ? (E(), m(x, {
 											key: 0,
 											icon: "ri:information-line",
-											title: k(I)("action.getMoreInfo"),
+											title: k(L)("action.getMoreInfo"),
 											modifiers: "action-quiet-small",
-											onClick: N((e) => c.$emit("show-info", o), ["stop"])
+											onClick: M((e) => c.$emit("show-info", o), ["stop"])
 										}, null, 8, ["title", "onClick"])) : h("", !0)]),
 										_: 2
 									}, 1024),
 									y(f, { mode: "out-in" }, {
-										default: M(() => [Z("revise", T) ? (E(), m(x, {
+										default: j(() => [Q("revise", T) ? (E(), m(x, {
 											key: 0,
-											icon: U(o.id) ? "ri:file-edit-fill" : "ri:file-edit-line",
-											title: U(o.id) ? k(I)("action.editRevise") : k(I)("action.createRevise"),
+											icon: W(o.id) ? "ri:file-edit-fill" : "ri:file-edit-line",
+											title: W(o.id) ? k(L)("action.editRevise") : k(L)("action.createRevise"),
 											modifiers: "action-quiet-small",
-											class: C({ "text-brand": U(o.id) }),
-											onClick: N((e) => c.$emit("revise", o), ["stop"])
+											class: C({ "text-brand": W(o.id) }),
+											onClick: M((e) => c.$emit("revise", o), ["stop"])
 										}, null, 8, [
 											"icon",
 											"title",
@@ -282,12 +291,12 @@ var pe = {
 										_: 2
 									}, 1024),
 									y(f, { mode: "out-in" }, {
-										default: M(() => [Z("upvote", T) ? (E(), m(x, {
+										default: j(() => [Q("upvote", T) ? (E(), m(x, {
 											key: 0,
-											icon: W(o.id)?.vote === "upvote" ? "ri:thumb-up-fill" : "ri:thumb-up-line",
-											title: k(I)("action.upvote"),
+											icon: G(o.id)?.vote === "upvote" ? "ri:thumb-up-fill" : "ri:thumb-up-line",
+											title: k(L)("action.upvote"),
 											modifiers: "action-quiet-small",
-											onClick: N((e) => c.$emit("upvote", o), ["stop"])
+											onClick: M((e) => c.$emit("upvote", o), ["stop"])
 										}, null, 8, [
 											"icon",
 											"title",
@@ -296,12 +305,12 @@ var pe = {
 										_: 2
 									}, 1024),
 									y(f, { mode: "out-in" }, {
-										default: M(() => [Z("downvote", T) ? (E(), m(x, {
+										default: j(() => [Q("downvote", T) ? (E(), m(x, {
 											key: 0,
-											icon: W(o.id)?.vote === "downvote" ? "ri:thumb-down-fill" : "ri:thumb-down-line",
-											title: k(I)("action.downvote"),
+											icon: G(o.id)?.vote === "downvote" ? "ri:thumb-down-fill" : "ri:thumb-down-line",
+											title: k(L)("action.downvote"),
 											modifiers: "action-quiet-small",
-											onClick: N((e) => c.$emit("downvote", o), ["stop"])
+											onClick: M((e) => c.$emit("downvote", o), ["stop"])
 										}, null, 8, [
 											"icon",
 											"title",
@@ -310,12 +319,12 @@ var pe = {
 										_: 2
 									}, 1024),
 									y(f, { mode: "out-in" }, {
-										default: M(() => [Z("feedback", T) ? (E(), m(x, {
+										default: j(() => [Q("feedback", T) ? (E(), m(x, {
 											key: 0,
-											icon: W(o.id)?.comment ? "ri:feedback-fill" : "ri:feedback-line",
-											title: k(I)("action.feedback"),
+											icon: G(o.id)?.comment ? "ri:feedback-fill" : "ri:feedback-line",
+											title: k(L)("action.feedback"),
 											modifiers: "action-quiet-small",
-											onClick: N((e) => c.$emit("feedback", o), ["stop"])
+											onClick: M((e) => c.$emit("feedback", o), ["stop"])
 										}, null, 8, [
 											"icon",
 											"title",
@@ -326,13 +335,13 @@ var pe = {
 								]),
 								_: 2
 							}, 1024),
-							b.showMessageTokensCount && o.metadata?.totalTokens ? (E(), g("span", we, [y(p, { name: "ri:ai-generate-2-line" }), v(" " + O(c.$n(o.metadata.totalTokens, "integer")) + " " + O(k(I)("label.tokens")), 1)])) : h("", !0),
+							b.showMessageTokensCount && o.metadata?.totalTokens ? (E(), g("span", Ce, [y(p, { name: "ri:ai-generate-2-line" }), v(" " + O(c.$n(o.metadata.totalTokens, "integer")) + " " + O(k(L)("label.tokens")), 1)])) : h("", !0),
 							b.showMessageDateTime && o.metadata?.createdAt ? (E(), g("time", {
 								key: 1,
 								datetime: new Date(o.metadata?.createdAt).toISOString(),
 								class: "flex items-center gap-4 text-12 text-word-3"
-							}, [y(p, { name: "ri:time-line" }), v(" " + O(c.$d(new Date(o.metadata?.createdAt), "date-time")), 1)], 8, Te)) : h("", !0),
-							b.showMessageDateTime && o?.metadata?.completedAt && o?.metadata?.createdAt ? (E(), g("div", Ee, [y(p, { name: "ri:hourglass-line" }), y(a, {
+							}, [y(p, { name: "ri:time-line" }), v(" " + O(c.$d(new Date(o.metadata?.createdAt), "date-time")), 1)], 8, we)) : h("", !0),
+							b.showMessageDateTime && o?.metadata?.completedAt && o?.metadata?.createdAt ? (E(), g("div", Te, [y(p, { name: "ri:hourglass-line" }), y(a, {
 								date: o.metadata?.createdAt,
 								"end-date": o.metadata?.completedAt
 							}, null, 8, ["date", "end-date"])])) : h("", !0)
@@ -340,7 +349,7 @@ var pe = {
 						_: 2
 					}, 1024),
 					y(f, { mode: "out-in" }, {
-						default: M(() => [o.id === b.feedbackMessageId ? (E(), m(s, {
+						default: j(() => [o.id === b.feedbackMessageId ? (E(), m(s, {
 							key: 0,
 							ref_for: !0,
 							ref_key: "feedbackMessageEl",
@@ -358,21 +367,21 @@ var pe = {
 						_: 2
 					}, 1024)
 				], 6)], 64))), 128)),
-				q.value ? (E(), m(o, {
+				J.value ? (E(), m(o, {
 					key: 0,
 					error: b.error,
 					onRetry: l[3] ||= (e) => c.$emit("auto-retry"),
 					onReset: l[4] ||= (e) => c.$emit("reset-chat")
 				}, null, 8, ["error"])) : h("", !0),
-				je.value?.role === "user" || q.value ? (E(), g("div", {
+				Ae.value?.role === "user" || J.value ? (E(), g("div", {
 					key: 1,
-					style: w({ minHeight: `${H.value}px` })
+					style: w({ minHeight: `${U.value}px` })
 				}, null, 4)) : h("", !0)
 			])], 36);
 		};
 	}
 });
 //#endregion
-export { me as n, P as t };
+export { P as n, F as t };
 
-//# sourceMappingURL=PkChatbotMessages-C7-ZtU0-.js.map
+//# sourceMappingURL=PkChatbotMessages-DJngZXIX.js.map