@8wave/ai-elements 0.98.0 → 0.99.0-beta.1

package/dist-vue/_chunks/PkChatbotMessages-B4qfTNOJ.js

@@ -1,630 +0,0 @@
-import { t as e } from "./PkChatbotError-B2iob9cQ.js";
-import "./src-8QXYVWIx.js";
-import { a as t, c as n, o as r, r as i, s as a, t as o } from "./message-RohfrdWS.js";
-import { r as ee } from "./text-CeT0hpJK.js";
-import { t as s } from "./PkRelativeTime-C9zd1ffO.js";
-import { t as c } from "./PkStreamingMarkdown-DEhbK-3c.js";
-import { t as l } from "./PkChatbotFeedbackForm-BSe40qlc.js";
-import { t as u } from "./PkChatbotMessageFeedback-BYmrVaCE.js";
-import { t as d } from "./PkChatbotFilePreview-DyrszALJ.js";
-import { n as f, t as p } from "./PkChatbotSteps-BpqdFhsG.js";
-import { a as m, d as h, i as te, l as g, n as _, r as v, u as ne } from "./utils-BMa8jwJS.js";
-import { t as y } from "./PkChatbotOutlineRail-np4g6vsz.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: k(() => import("./PkToolRequestConfirm-CQNa3seA.js")),
-	requestOAuthConnection: k(() => import("./PkToolRequestOAuthConnection-lo7hCSBC.js")),
-	showArtifact: k(() => import("./PkToolShowArtifact-CTBwt4DN.js").then((e) => e.n)),
-	showCalendarEvent: k(() => import("./PkToolShowCalendarEvent-BmheHwOM.js").then((e) => e.n)),
-	showComparison: k(() => import("./PkToolShowComparison-XJuKPuK2.js").then((e) => e.n)),
-	showContactForm: k(() => import("./PkToolShowContactForm-B6-MsExL.js").then((e) => e.n)),
-	showDiagram: k(() => import("./PkToolShowDiagram-G0hdi_Vf.js")),
-	showEmail: k(() => import("./PkToolShowEmail-C591LR5N.js").then((e) => e.n)),
-	showImageGallery: k(() => import("./PkToolShowImageGallery-Bj7YlqbP.js").then((e) => e.n)),
-	showLocation: k(() => import("./PkToolShowLocation-5G8p9mED.js").then((e) => e.n)),
-	showMessage: k(() => import("./PkToolShowMessage-CbXERPHI.js").then((e) => e.n)),
-	showForm: k(() => import("./PkToolShowForm-C-mWyeka.js").then((e) => e.n)),
-	showMultipleChoice: k(() => import("./PkToolShowForm-C-mWyeka.js").then((e) => e.n)),
-	showProductList: k(() => import("./PkToolShowProductList-DXMN2UuE.js").then((e) => e.n)),
-	showQrCode: k(() => import("./PkToolShowQrCode-DEAvfLFu.js").then((e) => e.n)),
-	showSources: k(() => import("./PkToolShowSources-CFh-i60o.js").then((e) => e.n)),
-	showSuggestedReply: k(() => import("./PkToolShowSuggestedReply-DoCHIEzz.js").then((e) => e.n)),
-	showVideo: k(() => import("./PkToolShowVideo-Ox8rFd7j.js")),
-	showWeather: k(() => import("./PkToolShowWeather-CxDO_5ni.js")),
-	showWebPages: k(() => import("./PkToolShowWebPages-CsACREOH.js").then((e) => e.n))
-}, B = 30, V = 500;
-function _e(e) {
-	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));
-	}, 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;
-	}, 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 && 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;
-		n <= e.scrollTop || (c.value = !0, l = !0, e.scrollTop = n, requestAnimationFrame(() => {
-			l = !1;
-		}));
-	}, re = () => {
-		u || !t.value || (u = new MutationObserver(y), u.observe(t.value, {
-			childList: !0,
-			subtree: !0,
-			characterData: !0
-		}));
-	}, ie = () => {
-		u?.disconnect(), u = null;
-	};
-	L(n, (e, t) => {
-		if (e === "streaming" || e === "submitted") {
-			re();
-			return;
-		}
-		e === "ready" && t === "streaming" || ie();
-	}), L(r, async () => {
-		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 ue(() => {
-		if (!t.value) return;
-		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 ? re() : (d = new ResizeObserver(x), d.observe(t.value), f = new MutationObserver(x), f.observe(t.value, {
-			childList: !0,
-			subtree: !0
-		}));
-		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: ne,
-		scrollToBottom: h,
-		userScrolledUp: s,
-		isAtBottom: c
-	};
-}
-//#endregion
-//#region ../../packages/components/src/chat/PkChatbotMessages.vue?vue&type=script&setup=true&lang.ts
-var ve = ["aria-busy"], ye = {
-	key: 0,
-	class: "pk-chatbot-messages__outline"
-}, be = {
-	key: 0,
-	class: "pk-chatbot-divider"
-}, xe = { class: "pk-chatbot-divider__label" }, Se = { class: "pk-chatbot-message__text" }, Ce = ["title"], we = {
-	key: 0,
-	class: "pk-chatbot-message__reaction-emoji"
-}, Te = {
-	key: 0,
-	class: "pk-chatbot-message__loading-info"
-}, Ee = { class: "flex gap-8 items-center" }, De = { class: "font-mono rounded text-12" }, Oe = { class: "flex gap-8 items-center" }, ke = {
-	key: 0,
-	class: "pk-chatbot-message__footer"
-}, Ae = {
-	key: 0,
-	class: "pk-chatbot-message__hover-meta"
-}, je = ["datetime", "title"], Me = { class: "truncate" }, Ne = {
-	key: 0,
-	class: "flex items-center gap-4 min-w-0"
-}, Pe = { class: "truncate" }, Fe = {
-	key: 1,
-	class: "flex items-center gap-4 text-12 text-word-3"
-}, 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"], Ve = /* @__PURE__ */ oe({
-	__name: "PkChatbotMessages",
-	props: {
-		status: {},
-		messages: {},
-		error: {},
-		actions: {},
-		mainColor: {},
-		textColor: {},
-		revisedAnswers: {},
-		messageFeedbacks: {},
-		readonlyFeedback: { type: Boolean },
-		disableHeightAdjustment: { type: Boolean },
-		showMessageDateTime: { type: Boolean },
-		showMessageTokensCount: { type: Boolean },
-		showAllMessageParts: { type: Boolean },
-		showExtendedSteps: { type: Boolean },
-		isDark: { type: Boolean },
-		showScrollToBottom: { type: Boolean },
-		feedbackMessageId: {},
-		feedbackLoading: { type: Boolean },
-		feedbackSubmitted: { type: Boolean },
-		feedbackError: {}
-	},
-	emits: [
-		"show-info",
-		"regenerate",
-		"revise",
-		"upvote",
-		"downvote",
-		"feedback",
-		"feedback-submit",
-		"feedback-close",
-		"scroll-up",
-		"scroll-down",
-		"auto-retry",
-		"reset-chat"
-	],
-	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 = C(() => (j.messages ?? []).filter((e) => e.role === "user").map((e) => ({
-			id: e.id,
-			preview: e.parts.find(a)?.text.trim().slice(0, 120) || "…"
-		}))), 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 A(), Qe();
-		});
-		let $e = () => {
-			Ge(), Qe();
-		}, et = (e) => {
-			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(() => [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) => 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;
-			return typeof n == "string" && /\p{Extended_Pictographic}/u.test(n) ? n : void 0;
-		}, rt = (e) => !!(J(e) || Y(e)), it = (e) => {
-			if (Y(e)) return "pk-chatbot-message__reaction--neutral";
-			let t = J(e);
-			return t === "upvote" ? "pk-chatbot-message__reaction--positive" : t === "downvote" ? "pk-chatbot-message__reaction--negative" : "pk-chatbot-message__reaction--neutral";
-		}, at = (e) => {
-			let t = J(e);
-			return B(t === "upvote" ? "hint.userFeedbackPositive" : t === "downvote" ? "hint.userFeedbackNegative" : "hint.userFeedbackReaction");
-		}, ot = (e) => {
-			let t = lt(e);
-			for (let e = t.length - 1; e >= 0; --e) if (a(t[e])) return e;
-			return -1;
-		}, st = C(() => j.messages?.[j.messages.length - 1]), X = C(() => {
-			let e = st.value;
-			return e ? e.parts[e.parts.length - 1] : null;
-		}), ct = C(() => {
-			let e = /* @__PURE__ */ new Map();
-			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 = C(() => j.status === "submitted" || j.status === "streaming"), ut = C(() => j.status === "error"), dt = C(() => {
-			let e = X.value;
-			return m(B, e);
-		}), ft = C(() => {
-			let e = X.value;
-			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 a(t);
-		}, _t = (e) => e.parts.some((e) => r(e) || n(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 : !!(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), n = t.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
-			return V(t, n ? "time" : "date-time");
-		}, Tt = (e) => {
-			let { createdAt: t, completedAt: n } = e.metadata ?? {};
-			if (!(!t || !n)) return _(Ve, n - t);
-		}, Et = I("feedbackMessageEl");
-		return L(() => j.feedbackMessageId, async () => {
-			if (await A(), !j.feedbackMessageId) return;
-			let e = Et.value?.[0]?.$el;
-			if (e) {
-				if (Q(pt(j.feedbackMessageId))) {
-					Ke();
-					return;
-				}
-				e.scrollIntoView({
-					behavior: "smooth",
-					block: "center"
-				});
-			}
-		}), (r, m) => {
-			let h = b, _ = re, ne = ie;
-			return M(), E("div", {
-				ref_key: "scrollEl",
-				ref: H,
-				class: "pk-chatbot-messages",
-				role: "log",
-				"aria-live": "polite",
-				"aria-relevant": "additions text",
-				"aria-busy": Z.value,
-				style: le({
-					"--chatbot-main-color": k.mainColor,
-					"--chatbot-contrast-color": Ue.value
-				}),
-				onScroll: $e
-			}, [
-				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"])])) : T("", !0),
-				D("div", {
-					ref_key: "wrapperEl",
-					ref: U,
-					class: "pk-chatbot-messages__wrapper"
-				}, [
-					(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: 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 })
-					}, [
-						O(S, {
-							appear: "",
-							name: "pk-chatbot-part"
-						}, {
-							default: R(() => [vt(e) ? (M(), w(p, {
-								key: 0,
-								message: e,
-								"is-streaming": Z.value && Q(y),
-								"is-dark": k.isDark
-							}, null, 8, [
-								"message",
-								"is-streaming",
-								"is-dark"
-							])) : T("", !0)]),
-							_: 2
-						}, 1024),
-						(M(!0), E(x, null, de(lt(e), (s, l) => (M(), E(x, { key: l }, [F(a)(s) && s.text.trim() ? (M(), w(S, {
-							key: 0,
-							appear: "",
-							name: "pk-chatbot-part"
-						}, {
-							default: R(() => [D("div", Se, [fe(r.$slots, "text", se({ ref_for: !0 }, {
-								message: e,
-								part: s,
-								index: y,
-								isLoading: Z.value
-							}), () => [$(e) ? (M(), w(c, {
-								key: 0,
-								class: "wysiwyg",
-								markdown: s.text,
-								"is-dark": k.isDark,
-								loading: Q(y) && k.status === "streaming"
-							}, null, 8, [
-								"markdown",
-								"is-dark",
-								"loading"
-							])) : (M(), E(x, { key: 1 }, [ae(P(s.text), 1)], 64))]), rt(e.id) && !q(e.id)?.comment && l === ot(e) ? (M(), E("span", {
-								key: 0,
-								class: ce(["pk-chatbot-message__reaction", it(e.id)]),
-								title: at(e.id)
-							}, [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)) : T("", !0)])]),
-							_: 2
-						}, 1024)) : F(t)(s) ? (M(), w(S, {
-							key: 1,
-							appear: "",
-							name: "pk-chatbot-part"
-						}, {
-							default: R(() => [O(d, {
-								"media-type": s.mediaType,
-								url: s.url,
-								filename: s.filename,
-								size: F(o)(s)?.bytesCount
-							}, null, 8, [
-								"media-type",
-								"url",
-								"filename",
-								"size"
-							])]),
-							_: 2
-						}, 1024)) : F(n)(s) && !F(g)(s) && (F(ge)[F(i)(s)] || F(He)[s.type] || k.showAllMessageParts) ? (M(), w(S, {
-							key: 2,
-							appear: "",
-							name: "pk-chatbot-part"
-						}, {
-							default: R(() => [!F(He)[s.type] && F(ge)[F(i)(s)] ? (M(), w(pe(F(ge)[F(i)(s)]), {
-								key: `component-${l}-${F(te)(s)}`,
-								part: s
-							}, null, 8, ["part"])) : fe(r.$slots, s.type, se({ ref_for: !0 }, {
-								message: e,
-								part: s,
-								index: y,
-								isLoading: Z.value
-							}), () => [k.showAllMessageParts ? (M(), E("div", Te, [D("div", Ee, [F(v)(s) ? (M(), w(h, {
-								key: 0,
-								name: F(v)(s),
-								class: "shrink-0"
-							}, null, 8, ["name"])) : T("", !0), D("code", De, P(F(ee)(s.type)), 1)])])) : T("", !0)], void 0, 1)]),
-							_: 2
-						}, 1024)) : T("", !0), O(S, { mode: "out-in" }, {
-							default: R(() => [l === ot(e) && k.readonlyFeedback && q(e.id)?.comment ? (M(), w(u, {
-								key: 0,
-								feedback: q(e.id)
-							}, null, 8, ["feedback"])) : T("", !0)]),
-							_: 2
-						}, 1024)], 64))), 128)),
-						O(S, {
-							name: "fade-in",
-							mode: "out-in"
-						}, {
-							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"
-							}, [D("div", Oe, [
-								O(h, {
-									name: "line-md:loading-loop",
-									class: "shrink-0"
-								}),
-								O(S, { mode: "out-in" }, {
-									default: R(() => [ft.value ? (M(), w(h, {
-										key: ft.value,
-										class: "shrink-0",
-										name: ft.value
-									}, null, 8, ["name"])) : T("", !0)]),
-									_: 1
-								}),
-								O(S, { mode: "out-in" }, {
-									default: R(() => [dt.value ? (M(), E("span", {
-										key: dt.value,
-										class: "text-12"
-									}, P(dt.value), 1)) : T("", !0)]),
-									_: 1
-								})
-							]), O(S, {
-								name: "fade-in",
-								mode: "out-in"
-							}, {
-								default: R(() => [X.value && "text" in X.value && X.value.text.trim() ? (M(), w(f, {
-									key: 0,
-									markdown: X.value.text,
-									"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"])) : T("", !0)]),
-								_: 1
-							})])) : T("", !0)]),
-							_: 2
-						}, 1024),
-						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(() => [
-										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: m[0] ||= z((e) => r.$emit("regenerate"), ["stop"])
-											}, null, 8, ["title", "aria-label"])) : T("", !0)]),
-											_: 2
-										}, 1024),
-										O(S, { mode: "out-in" }, {
-											default: R(() => [ht("show-info", y) ? (M(), w(_, {
-												key: 0,
-												icon: "ri:information-line",
-												title: F(B)("action.getMoreInfo"),
-												"aria-label": F(B)("action.getMoreInfo"),
-												modifiers: "action-quiet-small",
-												onClick: z((t) => r.$emit("show-info", e), ["stop"])
-											}, null, 8, [
-												"title",
-												"aria-label",
-												"onClick"
-											])) : T("", !0)]),
-											_: 2
-										}, 1024),
-										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: ce({ "text-brand": K(e.id) }),
-												onClick: z((t) => r.$emit("revise", e), ["stop"])
-											}, null, 8, [
-												"icon",
-												"title",
-												"aria-label",
-												"class",
-												"onClick"
-											])) : T("", !0)]),
-											_: 2
-										}, 1024),
-										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"),
-												"aria-label": F(B)("action.upvote"),
-												modifiers: "action-quiet-small",
-												onClick: z((t) => r.$emit("upvote", e), ["stop"])
-											}, null, 8, [
-												"icon",
-												"title",
-												"aria-label",
-												"onClick"
-											])) : T("", !0)]),
-											_: 2
-										}, 1024),
-										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"),
-												"aria-label": F(B)("action.downvote"),
-												modifiers: "action-quiet-small",
-												onClick: z((t) => r.$emit("downvote", e), ["stop"])
-											}, null, 8, [
-												"icon",
-												"title",
-												"aria-label",
-												"onClick"
-											])) : T("", !0)]),
-											_: 2
-										}, 1024),
-										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"),
-												"aria-label": F(B)("action.feedback"),
-												modifiers: "action-quiet-small",
-												onClick: z((t) => r.$emit("feedback", e), ["stop"])
-											}, null, 8, [
-												"icon",
-												"title",
-												"aria-label",
-												"onClick"
-											])) : T("", !0)]),
-											_: 2
-										}, 1024)
-									]),
-									_: 2
-								}, 1024),
-								!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"
-								}, [O(h, {
-									name: "ri:time-line",
-									class: "shrink-0"
-								}), 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"
-								}), 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"
-								}), 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"
-								}, [O(h, {
-									name: "ri:time-line",
-									class: "shrink-0"
-								}), 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"
-								}), O(s, {
-									class: "truncate",
-									date: e.metadata?.createdAt,
-									"end-date": e.metadata?.completedAt
-								}, null, 8, ["date", "end-date"])])) : T("", !0)
-							])) : T("", !0)]),
-							_: 2
-						}, 1024),
-						O(S, { mode: "out-in" }, {
-							default: R(() => [e.id === k.feedbackMessageId ? (M(), w(l, {
-								key: 0,
-								ref_for: !0,
-								ref_key: "feedbackMessageEl",
-								ref: Et,
-								loading: k.feedbackLoading,
-								submitted: k.feedbackSubmitted,
-								error: k.feedbackError,
-								onSubmit: m[1] ||= (e) => r.$emit("feedback-submit", e),
-								onClose: m[2] ||= (e) => r.$emit("feedback-close")
-							}, null, 8, [
-								"loading",
-								"submitted",
-								"error"
-							])) : T("", !0)]),
-							_: 2
-						}, 1024)
-					], 6)) : T("", !0)], 64))), 128)),
-					O(S, {
-						appear: "",
-						name: "pk-chatbot-part"
-					}, {
-						default: R(() => [ut.value ? (M(), w(e, {
-							key: 0,
-							error: k.error,
-							onRetry: m[3] ||= (e) => r.$emit("auto-retry"),
-							onReset: m[4] ||= (e) => r.$emit("reset-chat")
-						}, null, 8, ["error"])) : T("", !0)]),
-						_: 1
-					}),
-					st.value?.role === "user" || ut.value ? (M(), E("div", {
-						key: 0,
-						class: "pk-chatbot-messages__spacer",
-						style: le({ minHeight: `${G.value}px` })
-					}, null, 4)) : T("", !0)
-				], 512),
-				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
-					}, [O(h, { name: "ri:arrow-down-line" })], 8, Be)) : T("", !0)]),
-					_: 1
-				})
-			], 44, ve);
-		};
-	}
-});
-//#endregion
-export { Ve as t };
-
-//# sourceMappingURL=PkChatbotMessages-B4qfTNOJ.js.map