@8wave/ai-elements 0.82.0 → 0.83.0

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

@@ -1,468 +0,0 @@
-import { t as e } from "./PkChatbotError-C1ZxZlwQ.js";
-import { c as t, f as n, o as r, p as i, u as ee } from "./src-EtGd6cRz.js";
-import { t as a } from "./PkRelativeTime-jP41qAJ5.js";
-import { t as o } from "./PkStreamingMarkdown-DvjHrpmN.js";
-import { t as s } from "./PkChatbotFilePreview-BPJwRxAC.js";
-import { t as c } from "./PkChatbotFeedbackForm-BFG5AcGR.js";
-import { a as l, n as u, o as d, r as f, t as p } from "./utils-BTa2h3WM.js";
-import { VvButton as m, VvButtonGroup as h, VvIcon as g } from "@volverjs/ui-vue/components";
-import { Fragment as _, Transition as v, computed as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createTextVNode as w, createVNode as T, defineAsyncComponent as E, defineComponent as D, mergeProps as te, nextTick as O, normalizeClass as ne, normalizeStyle as k, onBeforeUnmount as A, onMounted as j, openBlock as M, ref as N, renderList as re, renderSlot as ie, resolveDynamicComponent as ae, toDisplayString as P, unref as F, useSlots as oe, useTemplateRef as se, watch as I, withCtx as L, withModifiers as R } from "vue";
-import { useI18n as ce } from "vue-i18n";
-//#region ../../packages/components/src/chat/toolComponentMap.ts
-var z = {
-	showArtifact: E(() => import("./PkToolShowArtifact-LwE9r0Dz.js").then((e) => e.n)),
-	showCalendarEvent: E(() => import("./PkToolShowCalendarEvent-ze3jGmX5.js").then((e) => e.n)),
-	showComparison: E(() => import("./PkToolShowComparison-CZ3kO6PT.js").then((e) => e.n)),
-	showContactForm: E(() => import("./PkToolShowContactForm-CTbMiGnv.js").then((e) => e.n)),
-	showEmail: E(() => import("./PkToolShowEmail-BfpB-rs5.js").then((e) => e.n)),
-	showImageGallery: E(() => import("./PkToolShowImageGallery-D78Uthkj.js").then((e) => e.n)),
-	showLocation: E(() => import("./PkToolShowLocation-CsYef0jY.js").then((e) => e.n)),
-	showMessage: E(() => import("./PkToolShowMessage-CWpjXtzt.js").then((e) => e.n)),
-	showMultipleChoice: E(() => import("./PkToolShowMultipleChoice-DF0ub4qZ.js").then((e) => e.n)),
-	showProductList: E(() => import("./PkToolShowProductList-BQWK3I7I.js").then((e) => e.n)),
-	showQrCode: E(() => import("./PkToolShowQrCode-fGmIY8_T.js").then((e) => e.n)),
-	showSources: E(() => import("./PkToolShowSources-DjvToy__.js").then((e) => e.n)),
-	showSuggestedReply: E(() => import("./PkToolShowSuggestedReply-DtOTPUVf.js").then((e) => e.n)),
-	requestOAuthConnection: E(() => import("./PkToolRequestOAuthConnection-CsQc0Ju7.js").then((e) => e.n)),
-	showWeather: E(() => import("./PkToolShowWeather-a4_T7lIK.js")),
-	showWebPages: E(() => import("./PkToolShowWebPages-C-ClBVZm.js").then((e) => e.n))
-}, le = /* @__PURE__ */ D({
-	__name: "PkStreamingMarkdownAutoscroll",
-	props: {
-		markdown: {},
-		innerClass: {}
-	},
-	setup(e) {
-		let t = e, n = N(), r = N(0), i = N(!1), ee = () => {
-			if (!n.value) return;
-			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 I(() => t.markdown, async () => {
-			await O(), n.value && !i.value && (n.value.scrollTop = n.value.scrollHeight);
-		}, { immediate: !0 }), (t, r) => (M(), S("div", {
-			ref_key: "scrollEl",
-			ref: n,
-			class: "overflow-auto light-scrollbar",
-			onScroll: ee
-		}, [T(o, {
-			markdown: e.markdown,
-			class: ne(e.innerClass)
-		}, null, 8, ["markdown", "class"])], 544));
-	}
-}), B = 30, V = 50, H = 500;
-function ue(e) {
-	let { scrollEl: t, status: n, messagesLength: r, lastMessageRole: i, onScrollUp: ee, onScrollDown: a } = e, o = N(!1), s = !1, c = null, l = null, u = null, d = 0, f = (e = "smooth") => {
-		!t.value || o.value || (s = !0, t.value.scrollTo({
-			top: t.value.scrollHeight,
-			behavior: e
-		}), setTimeout(() => {
-			s = !1;
-		}, e === "instant" ? 0 : H));
-	}, p = () => {
-		if (!t.value) return;
-		let e = t.value.scrollTop;
-		if (s) {
-			d = e;
-			return;
-		}
-		if (e < d && (d - e < V && (o.value = !0), ee?.()), e > d) {
-			let { scrollHeight: n, clientHeight: r } = t.value;
-			n - r - e < B && (o.value = !1), a?.();
-		}
-		d = e;
-	}, m = () => {
-		c || !t.value || (c = new MutationObserver(() => {
-			s || o.value || !t.value || (s = !0, t.value.scrollTop = t.value.scrollHeight, requestAnimationFrame(() => {
-				s = !1;
-			}));
-		}), c.observe(t.value, {
-			childList: !0,
-			subtree: !0,
-			characterData: !0
-		}));
-	}, h = () => {
-		c?.disconnect(), c = null;
-	};
-	I(n, (e, t) => {
-		if (e === "streaming" || e === "submitted") {
-			m();
-			return;
-		}
-		e === "ready" && t === "streaming" || h();
-	}), I(r, async () => {
-		r() && i() !== "assistant" && (o.value = !1, s = !0, await O(), f());
-	});
-	let g = null, _ = () => {
-		t.value && (t.value.scrollHeight <= t.value.clientHeight || (t.value.scrollTop = t.value.scrollHeight, g && clearTimeout(g), g = setTimeout(v, 300)));
-	}, v = () => {
-		l?.disconnect(), l = null, u?.disconnect(), u = null, g &&= (clearTimeout(g), null);
-	};
-	return j(() => {
-		t.value && (l = new ResizeObserver(_), l.observe(t.value), u = new MutationObserver(_), u.observe(t.value, {
-			childList: !0,
-			subtree: !0
-		}), _());
-	}), A(() => {
-		h(), v();
-	}), {
-		handleScroll: p,
-		scrollToBottom: f,
-		userScrolledUp: o
-	};
-}
-//#endregion
-//#region ../../packages/components/src/chat/PkChatbotMessages.vue?vue&type=script&setup=true&lang.ts
-var de = { class: "pk-chatbot-messages__wrapper" }, fe = {
-	key: 0,
-	class: "pk-chatbot-divider"
-}, pe = { class: "pk-chatbot-divider__label" }, me = { class: "pk-chatbot-message__text" }, he = {
-	key: 0,
-	class: "pk-chatbot-message__loading-info"
-}, ge = { class: "flex gap-8 items-center" }, _e = { class: "font-mono rounded text-10" }, ve = { class: "flex gap-8 items-center" }, ye = {
-	key: 0,
-	class: "pk-chatbot-message__footer"
-}, be = {
-	key: 0,
-	class: "flex items-center gap-4 text-12 text-word-3"
-}, xe = ["datetime"], Se = {
-	key: 2,
-	class: "flex items-center gap-4 text-12 text-word-3"
-}, Ce = /* @__PURE__ */ D({
-	__name: "PkChatbotMessages",
-	props: {
-		status: {},
-		messages: {},
-		logo: {},
-		name: {},
-		error: {},
-		actions: {},
-		mainColor: {},
-		textColor: {},
-		revisedAnswers: {},
-		messageFeedbacks: {},
-		disableHeightAdjustment: { type: Boolean },
-		showMessageDateTime: { type: Boolean },
-		showMessageTokensCount: { type: Boolean },
-		showAllMessageParts: { 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(E, { emit: D }) {
-		let A = E, j = D, { t: B } = ce({ useScope: "global" }), V = oe(), H = se("scrollEl"), Ce = y(() => d(A.textColor, A.mainColor)), { handleScroll: we, scrollToBottom: Te } = ue({
-			scrollEl: H,
-			status: () => A.status,
-			messagesLength: () => A.messages?.length,
-			lastMessageRole: () => A.messages?.[A.messages.length - 1]?.role,
-			onScrollUp: () => j("scroll-up"),
-			onScrollDown: () => j("scroll-down")
-		}), Ee = se("messagesEl"), U = N(0);
-		I(() => A.messages, async (e) => {
-			if (!e?.length || A.disableHeightAdjustment) return;
-			await O();
-			let t = (H.value?.clientHeight ?? 0) - 48, n = e.map((e) => e.role).lastIndexOf("user"), r = t - (Ee.value?.[n]?.clientHeight ?? 0);
-			r && (U.value = r);
-		}, { deep: !0 });
-		let W = (e) => A.revisedAnswers?.some((t) => t.messageId === e), G = (e) => A.messageFeedbacks?.find((t) => t.messageId === e), De = y(() => A.messages?.[A.messages.length - 1]), K = y(() => {
-			let e = De.value;
-			return e ? e.parts[e.parts.length - 1] : null;
-		}), q = y(() => A.status === "submitted" || A.status === "streaming"), J = y(() => A.status === "error"), Y = y(() => {
-			let e = K.value;
-			return f(B, e);
-		}), X = y(() => {
-			let e = K.value;
-			return p(e);
-		}), Oe = (e) => A.messages?.findIndex((t) => t.id === e), Z = (e) => e === void 0 || !A.messages ? !1 : e === (A.messages?.length ?? 0) - 1, ke = (e) => Z(e) && A.status === "ready" && A.actions?.includes("regenerate"), Q = (e, t) => (Z(t) && A.status === "ready" || !Z(t)) && A.actions?.includes(e), Ae = (e) => {
-			let t = e.parts[e.parts.length - 1];
-			return n(t);
-		}, $ = (e) => e.role === "assistant", je = (e) => e.role === "user", Me = (e) => A.messages?.slice(0, e).reverse().find((e) => $(e)), Ne = (e) => A.messages?.slice(e + 1).find((e) => $(e)), Pe = (e) => {
-			let t = Me(e), n = Ne(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();
-		}, Fe = (e, t) => t === 0 || e.role !== "assistant" ? !1 : A.actions?.length || A.showMessageDateTime && e.metadata?.createdAt !== void 0 || A.showMessageTokensCount && e.metadata?.totalTokens !== void 0, Ie = N();
-		return I(() => A.feedbackMessageId, async () => {
-			if (await O(), !A.feedbackMessageId) return;
-			let e = Ie.value?.[0]?.$el;
-			if (e) {
-				if (Z(Oe(A.feedbackMessageId))) {
-					Te();
-					return;
-				}
-				e.scrollIntoView({
-					behavior: "smooth",
-					block: "center"
-				});
-			}
-		}), (d, f) => {
-			let y = g, D = m, O = h;
-			return M(), S("div", {
-				ref_key: "scrollEl",
-				ref: H,
-				class: "pk-chatbot-messages",
-				style: k({
-					"--chatbot-main-color": E.mainColor,
-					"--chatbot-contrast-color": Ce.value
-				}),
-				onScroll: f[5] ||= (...e) => F(we) && F(we)(...e)
-			}, [C("div", de, [
-				(M(!0), S(_, null, re(E.messages, (e, m) => (M(), S(_, { key: e.id }, [m > 0 && je(e) && Pe(m) ? (M(), S("div", fe, [C("span", pe, P(d.$d(new Date(Ne(m)?.metadata?.createdAt ?? ""), "short")), 1)])) : x("", !0), e.parts.length || Z(m) && q.value && $(e) ? (M(), S("div", {
-					key: 1,
-					ref_for: !0,
-					ref: "messagesEl",
-					class: ne(["pk-chatbot-message", [`pk-chatbot-message--${e.role}`, { "pk-chatbot-message--loading": q.value && Z(m) && $(e) }]]),
-					style: k({ minHeight: Z(m) && $(e) && !J.value ? `${U.value}px` : void 0 })
-				}, [
-					(M(!0), S(_, null, re(e.parts, (a, c) => (M(), S(_, { key: c }, [F(n)(a) && a.text.trim() ? (M(), b(v, {
-						key: 0,
-						appear: "",
-						name: "pk-chatbot-part"
-					}, {
-						default: L(() => [C("div", me, [ie(d.$slots, "text", te({ ref_for: !0 }, {
-							message: e,
-							part: a,
-							index: m,
-							isLoading: q.value
-						}), () => [$(e) ? (M(), b(o, {
-							key: 0,
-							class: "wysiwyg",
-							markdown: a.text,
-							loading: m === (E.messages?.length ?? 0) - 1 && E.status === "streaming"
-						}, null, 8, ["markdown", "loading"])) : (M(), S(_, { key: 1 }, [w(P(a.text), 1)], 64))])])]),
-						_: 2
-					}, 1024)) : F(ee)(a) ? (M(), b(v, {
-						key: 1,
-						appear: "",
-						name: "pk-chatbot-part"
-					}, {
-						default: L(() => [T(s, {
-							"media-type": a.mediaType,
-							url: a.url,
-							filename: a.filename
-						}, null, 8, [
-							"media-type",
-							"url",
-							"filename"
-						])]),
-						_: 2
-					}, 1024)) : F(i)(a) && !F(l)(a) && (F(z)[F(t)(a)] || F(V)[a.type] || E.showAllMessageParts) ? (M(), b(v, {
-						key: 2,
-						appear: "",
-						name: "pk-chatbot-part"
-					}, {
-						default: L(() => [!F(V)[a.type] && F(z)[F(t)(a)] ? (M(), b(ae(F(z)[F(t)(a)]), {
-							key: `component-${c}-${F(u)(a)}`,
-							part: a
-						}, null, 8, ["part"])) : ie(d.$slots, a.type, te({
-							key: 1,
-							ref_for: !0
-						}, {
-							message: e,
-							part: a,
-							index: m,
-							isLoading: q.value
-						}), () => [E.showAllMessageParts ? (M(), S("div", he, [C("div", ge, [F(p)(a) ? (M(), b(y, {
-							key: 0,
-							name: F(p)(a),
-							class: "shrink-0"
-						}, null, 8, ["name"])) : x("", !0), C("code", _e, P(F(r)(a.type)), 1)])])) : x("", !0)])]),
-						_: 2
-					}, 1024)) : x("", !0)], 64))), 128)),
-					T(v, {
-						name: "pk-chatbot-fade",
-						mode: "out-in"
-					}, {
-						default: L(() => [q.value && Z(m) && !Ae(e) && $(e) ? (M(), S("div", {
-							key: `loading-info-${e.id}`,
-							class: "pk-chatbot-message__loading-info"
-						}, [C("div", ve, [
-							T(y, {
-								name: "line-md:loading-loop",
-								class: "shrink-0"
-							}),
-							T(v, { mode: "out-in" }, {
-								default: L(() => [X.value ? (M(), b(y, {
-									key: X.value,
-									class: "shrink-0",
-									name: X.value
-								}, null, 8, ["name"])) : x("", !0)]),
-								_: 1
-							}),
-							T(v, { mode: "out-in" }, {
-								default: L(() => [Y.value ? (M(), S("span", {
-									key: Y.value,
-									class: "text-10"
-								}, P(Y.value), 1)) : x("", !0)]),
-								_: 1
-							})
-						]), T(v, { mode: "out-in" }, {
-							default: L(() => [K.value && "text" in K.value && K.value.text.trim() ? (M(), b(le, {
-								key: 0,
-								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"])) : x("", !0)]),
-							_: 1
-						})])) : x("", !0)]),
-						_: 2
-					}, 1024),
-					T(v, { mode: "out-in" }, {
-						default: L(() => [Fe(e, m) ? (M(), S("div", ye, [
-							T(O, {
-								modifiers: "compact",
-								class: "mr-auto"
-							}, {
-								default: L(() => [
-									T(v, { mode: "out-in" }, {
-										default: L(() => [ke(m) ? (M(), b(D, {
-											key: 0,
-											icon: "ri:reset-right-line",
-											modifiers: "action-quiet-small",
-											title: F(B)("action.regenerate"),
-											onClick: f[0] ||= R((e) => d.$emit("regenerate"), ["stop"])
-										}, null, 8, ["title"])) : x("", !0)]),
-										_: 2
-									}, 1024),
-									T(v, { mode: "out-in" }, {
-										default: L(() => [Q("show-info", m) ? (M(), b(D, {
-											key: 0,
-											icon: "ri:information-line",
-											title: F(B)("action.getMoreInfo"),
-											modifiers: "action-quiet-small",
-											onClick: R((t) => d.$emit("show-info", e), ["stop"])
-										}, null, 8, ["title", "onClick"])) : x("", !0)]),
-										_: 2
-									}, 1024),
-									T(v, { mode: "out-in" }, {
-										default: L(() => [Q("revise", m) ? (M(), b(D, {
-											key: 0,
-											icon: W(e.id) ? "ri:file-edit-fill" : "ri:file-edit-line",
-											title: W(e.id) ? F(B)("action.editRevise") : F(B)("action.createRevise"),
-											modifiers: "action-quiet-small",
-											class: ne({ "text-brand": W(e.id) }),
-											onClick: R((t) => d.$emit("revise", e), ["stop"])
-										}, null, 8, [
-											"icon",
-											"title",
-											"class",
-											"onClick"
-										])) : x("", !0)]),
-										_: 2
-									}, 1024),
-									T(v, { mode: "out-in" }, {
-										default: L(() => [Q("upvote", m) ? (M(), b(D, {
-											key: 0,
-											icon: G(e.id)?.vote === "upvote" ? "ri:thumb-up-fill" : "ri:thumb-up-line",
-											title: F(B)("action.upvote"),
-											modifiers: "action-quiet-small",
-											onClick: R((t) => d.$emit("upvote", e), ["stop"])
-										}, null, 8, [
-											"icon",
-											"title",
-											"onClick"
-										])) : x("", !0)]),
-										_: 2
-									}, 1024),
-									T(v, { mode: "out-in" }, {
-										default: L(() => [Q("downvote", m) ? (M(), b(D, {
-											key: 0,
-											icon: G(e.id)?.vote === "downvote" ? "ri:thumb-down-fill" : "ri:thumb-down-line",
-											title: F(B)("action.downvote"),
-											modifiers: "action-quiet-small",
-											onClick: R((t) => d.$emit("downvote", e), ["stop"])
-										}, null, 8, [
-											"icon",
-											"title",
-											"onClick"
-										])) : x("", !0)]),
-										_: 2
-									}, 1024),
-									T(v, { mode: "out-in" }, {
-										default: L(() => [Q("feedback", m) ? (M(), b(D, {
-											key: 0,
-											icon: G(e.id)?.comment ? "ri:feedback-fill" : "ri:feedback-line",
-											title: F(B)("action.feedback"),
-											modifiers: "action-quiet-small",
-											onClick: R((t) => d.$emit("feedback", e), ["stop"])
-										}, null, 8, [
-											"icon",
-											"title",
-											"onClick"
-										])) : x("", !0)]),
-										_: 2
-									}, 1024)
-								]),
-								_: 2
-							}, 1024),
-							E.showMessageTokensCount && e.metadata?.totalTokens ? (M(), S("span", be, [T(y, { name: "ri:ai-generate-2-line" }), w(" " + P(d.$n(e.metadata.totalTokens, "integer")) + " " + P(F(B)("label.tokens")), 1)])) : x("", !0),
-							E.showMessageDateTime && e.metadata?.createdAt ? (M(), S("time", {
-								key: 1,
-								datetime: new Date(e.metadata?.createdAt).toISOString(),
-								class: "flex items-center gap-4 text-12 text-word-3"
-							}, [T(y, { name: "ri:time-line" }), w(" " + P(d.$d(new Date(e.metadata?.createdAt), "date-time")), 1)], 8, xe)) : x("", !0),
-							E.showMessageDateTime && e?.metadata?.completedAt && e?.metadata?.createdAt ? (M(), S("div", Se, [T(y, { name: "ri:hourglass-line" }), T(a, {
-								date: e.metadata?.createdAt,
-								"end-date": e.metadata?.completedAt
-							}, null, 8, ["date", "end-date"])])) : x("", !0)
-						])) : x("", !0)]),
-						_: 2
-					}, 1024),
-					T(v, { mode: "out-in" }, {
-						default: L(() => [e.id === E.feedbackMessageId ? (M(), b(c, {
-							key: 0,
-							ref_for: !0,
-							ref_key: "feedbackMessageEl",
-							ref: Ie,
-							loading: E.feedbackLoading,
-							submitted: E.feedbackSubmitted,
-							error: E.feedbackError,
-							onSubmit: f[1] ||= (e) => d.$emit("feedback-submit", e),
-							onClose: f[2] ||= (e) => d.$emit("feedback-close")
-						}, null, 8, [
-							"loading",
-							"submitted",
-							"error"
-						])) : x("", !0)]),
-						_: 2
-					}, 1024)
-				], 6)) : x("", !0)], 64))), 128)),
-				T(v, {
-					appear: "",
-					name: "pk-chatbot-part"
-				}, {
-					default: L(() => [J.value ? (M(), b(e, {
-						key: 0,
-						error: E.error,
-						onRetry: f[3] ||= (e) => d.$emit("auto-retry"),
-						onReset: f[4] ||= (e) => d.$emit("reset-chat")
-					}, null, 8, ["error"])) : x("", !0)]),
-					_: 1
-				}),
-				De.value?.role === "user" || J.value ? (M(), S("div", {
-					key: 0,
-					style: k({ minHeight: `${U.value}px` })
-				}, null, 4)) : x("", !0)
-			])], 36);
-		};
-	}
-});
-//#endregion
-export { le as n, Ce as t };
-
-//# sourceMappingURL=PkChatbotMessages-DFgERA1l.js.map