@8wave/ai-elements 0.117.0-beta.14 → 0.117.0-beta.22

package/dist-vue/_chunks/{PkChatbotMessages-DJmRPFB8.js → PkChatbotMessages-DnoohZxu.js}

@@ -4,53 +4,53 @@ import { k as o } from "./Agent-CNJ3b9Je.js";
 import { t as s } from "./PkStreamingMarkdown-NWO3WTw9.js";
 import "./src-DCfvejyT.js";
 import { c, i as l, l as u, n as d, o as f, s as p, t as m } from "./message-BOiF6Bt5.js";
-import { t as h } from "./PkChatbotError-CRGbK09-.js";
-import { t as g } from "./PkRelativeTime--1cIphlA.js";
-import { C as _, S as ee, a as te, b as v, d as y, f as ne, i as re, l as ie, m as ae, n as b, p as oe, t as x, v as se, w as ce, x as le } from "./utils-DxuGvgWg.js";
-import { t as ue } from "./PkChatbotFilePreview-DIP8KLkS.js";
-import { t as de } from "./PkChatbotFeedbackForm-DrPKjh-0.js";
-import { t as fe } from "./PkChatbotMessageFeedback-BYmrVaCE.js";
-import { t as pe } from "./PkChatbotAudioTranscript-B-cSKvWR.js";
+import { t as h } from "./PkChatbotAudioTranscript-BUxBHanA.js";
+import { t as g } from "./PkChatbotError-CRGbK09-.js";
+import { t as _ } from "./PkRelativeTime--1cIphlA.js";
+import { C as v, S as y, a as ee, b, d as te, f as ne, i as re, l as ie, m as x, n as ae, p as oe, t as se, v as ce, w as le, x as ue } from "./utils-DxuGvgWg.js";
+import { t as de } from "./PkChatbotFilePreview-DIP8KLkS.js";
+import { t as fe } from "./PkChatbotFeedbackForm-DrPKjh-0.js";
+import { t as pe } from "./PkChatbotMessageFeedback-BYmrVaCE.js";
 import { n as me, t as he } from "./PkChatbotSteps-qyUOh42z.js";
 import { t as ge } from "./PkChatbotOutlineRail-np4g6vsz.js";
 import { VvButton as _e, VvButtonGroup as ve, VvIcon as ye } from "@volverjs/ui-vue/components";
-import { Fragment as S, Transition as C, computed as w, createBlock as T, createCommentVNode as E, createElementBlock as D, createElementVNode as O, createTextVNode as be, createVNode as k, defineAsyncComponent as A, defineComponent as j, mergeProps as xe, nextTick as M, normalizeClass as N, normalizeStyle as P, onBeforeUnmount as F, onMounted as Se, openBlock as I, ref as L, renderList as Ce, renderSlot as we, resolveDynamicComponent as Te, toDisplayString as R, unref as z, useSlots as Ee, useTemplateRef as De, watch as B, withCtx as V, withModifiers as H } from "vue";
-import { useI18n as Oe } from "vue-i18n";
+import { Fragment as S, Transition as C, computed as w, createBlock as T, createCommentVNode as E, createElementBlock as D, createElementVNode as O, createTextVNode as be, createVNode as k, defineAsyncComponent as A, defineComponent as xe, mergeProps as Se, nextTick as j, normalizeClass as M, normalizeStyle as N, onBeforeUnmount as P, onMounted as Ce, openBlock as F, ref as I, renderList as we, renderSlot as Te, resolveDynamicComponent as Ee, toDisplayString as L, unref as R, useSlots as De, useTemplateRef as Oe, watch as z, withCtx as B, withModifiers as V } from "vue";
+import { useI18n as ke } from "vue-i18n";
 //#region ../../node_modules/.pnpm/zod@4.6.5/node_modules/zod/v4/classic/iso.js
-function U(e) {
+function H(e) {
 	return t(n, e);
 }
 r({
 	platform: i(),
 	threadId: i()
 });
-var ke = r({
+var Ae = r({
 	wakeId: e(),
-	dueAt: U(),
+	dueAt: H(),
 	reason: i()
 });
-r({ pendingWakeup: ke.nullable() }), r({ wakeId: e() });
-var W = (e) => e?.role === "user" && !!e.metadata?.wakeup, Ae = /* @__PURE__ */ new Set([
+r({ pendingWakeup: Ae.nullable() }), r({ wakeId: e() });
+var U = (e) => e?.role === "user" && !!e.metadata?.wakeup, je = /* @__PURE__ */ new Set([
 	"input-streaming",
 	"input-available",
 	"approval-requested"
-]), je = (e) => {
+]), Me = (e) => {
 	if (e?.role !== "assistant") return !1;
 	let t = !1;
 	for (let n of e.parts) {
 		if (n.type === "text" && n.text.trim() || n.type === "file") return !1;
 		let e = n.state;
-		if (e && Ae.has(e)) return !1;
+		if (e && je.has(e)) return !1;
 		n.type === "tool-scheduleWakeup" && (t = e === "output-available" && n.input?.noop === !0);
 	}
 	return t;
-}, G = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, ""), Me = (e) => e ? e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").replace(/[-_]+/g, " ") : "", Ne = (e) => e ? G(e).replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[^a-zA-Z0-9]+/g, "-").toLowerCase() : "", Pe = (e) => e ? G(e).replace(/([a-z0-9])([A-Z])/g, "$1_$2").replace(/[^a-zA-Z0-9]+/g, "_").toLowerCase() : "", K = (e) => e ? e.charAt(0).toUpperCase() + e.slice(1) : "", Fe = {
+}, W = (e) => e.normalize("NFD").replace(/[\u0300-\u036f]/g, ""), Ne = (e) => e ? e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").replace(/[-_]+/g, " ") : "", Pe = (e) => e ? W(e).replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[^a-zA-Z0-9]+/g, "-").toLowerCase() : "", Fe = (e) => e ? W(e).replace(/([a-z0-9])([A-Z])/g, "$1_$2").replace(/[^a-zA-Z0-9]+/g, "_").toLowerCase() : "", G = (e) => e ? e.charAt(0).toUpperCase() + e.slice(1) : "", Ie = {
 	requestOAuthConnection: A(() => import("./PkToolRequestOAuthConnection-B262JqNh.js")),
 	showArtifact: A(() => import("./PkToolShowArtifact-Dr0NHXDG.js").then((e) => e.n)),
 	showCalendarEvent: A(() => import("./PkToolShowCalendarEvent-Dv_rss26.js").then((e) => e.n)),
 	showComparison: A(() => import("./PkToolShowComparison-DQs3E6-k.js").then((e) => e.n)),
 	showContactForm: A(() => import("./PkToolShowContactForm-BDm1w3UK.js").then((e) => e.n)),
-	showDiagram: A(() => import("./PkToolShowDiagram-BKz7OPHC.js")),
+	showDiagram: A(() => import("./PkToolShowDiagram-DzE-X06t.js")),
 	showEmail: A(() => import("./PkToolShowEmail-C591LR5N.js").then((e) => e.n)),
 	showImageGallery: A(() => import("./PkToolShowImageGallery-DsAQhyOq.js").then((e) => e.n)),
 	showLocation: A(() => import("./PkToolShowLocation-Dyz6h_0n.js").then((e) => e.n)),
@@ -64,10 +64,10 @@ var W = (e) => e?.role === "user" && !!e.metadata?.wakeup, Ae = /* @__PURE__ */
 	showVideo: A(() => import("./PkToolShowVideo-BAqSAfdq.js")),
 	showWeather: A(() => import("./PkToolShowWeather-BH-FtLpk.js")),
 	showWebPages: A(() => import("./PkToolShowWebPages-BeMJqIkW.js").then((e) => e.n))
-}, Ie = {
+}, Le = {
 	key: 0,
 	class: "text-12 text-word-3 m-0 mb-xs"
-}, Le = /* @__PURE__ */ j({
+}, Re = /* @__PURE__ */ xe({
 	__name: "PkToolApprovalPreviewMessage",
 	props: { input: {} },
 	setup(e) {
@@ -75,12 +75,12 @@ var W = (e) => e?.role === "user" && !!e.metadata?.wakeup, Ae = /* @__PURE__ */
 			let e = t.input;
 			return typeof e?.message == "string" ? e.message : "";
 		});
-		return (e, t) => n.value ? (I(), D("p", Ie, R(n.value), 1)) : E("", !0);
+		return (e, t) => n.value ? (F(), D("p", Le, L(n.value), 1)) : E("", !0);
 	}
-}), Re = { [x]: Le }, ze = {
+}), ze = { [se]: Re }, Be = {
 	key: 0,
 	class: "text-12 text-word-3 m-0 mb-xs"
-}, Be = /* @__PURE__ */ j({
+}, Ve = /* @__PURE__ */ xe({
 	__name: "PkToolApprovalCard",
 	props: {
 		part: {},
@@ -89,7 +89,7 @@ var W = (e) => e?.role === "user" && !!e.metadata?.wakeup, Ae = /* @__PURE__ */
 	},
 	emits: ["respond"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i } = Oe({ useScope: "global" }), a = w(() => n.part), s = w(() => l(n.part)), c = w(() => s.value === x), u = w(() => c.value ? (a.value.state === "input-available" || o(a.value.output)) && n.callVerdict === void 0 : a.value.state === "approval-requested"), d = w(() => u.value && n.actionable === !0), f = w(() => u.value && n.actionable !== !0), p = w(() => c.value ? a.value.output === "confirmed" || n.callVerdict === !0 : a.value.approval?.approved === !0), m = w(() => c.value ? a.value.output === "cancelled" || n.callVerdict === !1 : a.value.approval?.approved === !1 || a.value.state === "output-denied"), h = w(() => Re[s.value]), g = w(() => {
+		let n = e, r = t, { t: i } = ke({ useScope: "global" }), a = w(() => n.part), s = w(() => l(n.part)), c = w(() => s.value === se), u = w(() => c.value ? (a.value.state === "input-available" || o(a.value.output)) && n.callVerdict === void 0 : a.value.state === "approval-requested"), d = w(() => u.value && n.actionable === !0), f = w(() => u.value && n.actionable !== !0), p = w(() => c.value ? a.value.output === "confirmed" || n.callVerdict === !0 : a.value.approval?.approved === !0), m = w(() => c.value ? a.value.output === "cancelled" || n.callVerdict === !1 : a.value.approval?.approved === !1 || a.value.state === "output-denied"), h = w(() => ze[s.value]), g = w(() => {
 			if (f.value) return {
 				icon: "ri:time-line",
 				message: i("toolApproval.expired")
@@ -105,36 +105,36 @@ var W = (e) => e?.role === "user" && !!e.metadata?.wakeup, Ae = /* @__PURE__ */
 		}), _ = w(() => !!g.value && !h.value);
 		return (t, n) => {
 			let o = _e, s = ve, l = ye;
-			return I(), D("div", { class: N(["w-full overflow-hidden transition-all duration-300", { "bg-surface p-sm rounded-xl border border-surface-3": !_.value }]) }, [
+			return F(), D("div", { class: M(["w-full overflow-hidden transition-all duration-300", { "bg-surface p-sm rounded-xl border border-surface-3": !_.value }]) }, [
 				k(C, null, {
-					default: V(() => [!c.value && u.value ? (I(), D("p", ze, R(z(i)("toolApproval.prompt")), 1)) : E("", !0)]),
+					default: B(() => [!c.value && u.value ? (F(), D("p", Be, L(R(i)("toolApproval.prompt")), 1)) : E("", !0)]),
 					_: 1
 				}),
-				h.value ? (I(), T(Te(h.value), {
+				h.value ? (F(), T(Ee(h.value), {
 					key: 0,
 					part: e.part,
 					input: a.value.input
 				}, null, 8, ["part", "input"])) : E("", !0),
 				k(C, { mode: "out-in" }, {
-					default: V(() => [g.value ? (I(), D("p", {
+					default: B(() => [g.value ? (F(), D("p", {
 						key: 1,
-						class: N(["flex items-center gap-4 text-12 text-word-3 m-0", { "mt-xs": h.value }])
+						class: M(["flex items-center gap-4 text-12 text-word-3 m-0", { "mt-xs": h.value }])
 					}, [k(l, {
 						name: g.value.icon,
 						class: "shrink-0"
-					}, null, 8, ["name"]), be(" " + R(g.value.message), 1)], 2)) : (I(), T(s, { key: 0 }, {
-						default: V(() => [k(o, {
+					}, null, 8, ["name"]), be(" " + L(g.value.message), 1)], 2)) : (F(), T(s, { key: 0 }, {
+						default: B(() => [k(o, {
 							modifiers: "primary-small",
 							disabled: !d.value,
 							icon: "ri:check-line",
-							label: z(i)("action.proceed"),
-							onClick: n[0] ||= H((e) => r("respond", !0), ["stop"])
+							label: R(i)("action.proceed"),
+							onClick: n[0] ||= V((e) => r("respond", !0), ["stop"])
 						}, null, 8, ["disabled", "label"]), k(o, {
 							modifiers: "action-quiet-small",
 							disabled: !d.value,
 							icon: "ri:close-line",
-							label: z(i)("action.cancel"),
-							onClick: n[1] ||= H((e) => r("respond", !1), ["stop"])
+							label: R(i)("action.cancel"),
+							onClick: n[1] ||= V((e) => r("respond", !1), ["stop"])
 						}, null, 8, ["disabled", "label"])]),
 						_: 1
 					}))]),
@@ -143,72 +143,72 @@ var W = (e) => e?.role === "user" && !!e.metadata?.wakeup, Ae = /* @__PURE__ */
 			], 2);
 		};
 	}
-}), Ve = 30, q = 500;
-function He(e) {
-	let { scrollEl: t, status: n, messagesLength: r, lastMessageRole: i, contentEl: a, beforeNewMessageScroll: o, onScrollUp: s, onScrollDown: c } = e, l = L(!1), u = L(!0), d = !1, f = null, p = null, m = null, h = null, g = 0, _ = (e = "smooth") => {
+}), He = 30, K = 500;
+function Ue(e) {
+	let { scrollEl: t, status: n, messagesLength: r, lastMessageRole: i, contentEl: a, beforeNewMessageScroll: o, onScrollUp: s, onScrollDown: c } = e, l = I(!1), u = I(!0), d = !1, f = null, p = null, m = null, h = null, g = 0, _ = (e = "smooth") => {
 		!t.value || l.value ? d = !1 : (d = !0, t.value.scrollTo({
 			top: t.value.scrollHeight,
 			behavior: e
 		}), setTimeout(() => {
 			d = !1;
-		}, e === "instant" ? 0 : q));
-	}, ee = (e) => {
+		}, e === "instant" ? 0 : K));
+	}, v = (e) => {
 		e.deltaY < 0 && (l.value = !0);
-	}, te = 0, v = (e) => {
-		te = e.touches[0]?.clientY ?? 0;
-	}, y = (e) => {
+	}, y = 0, ee = (e) => {
+		y = e.touches[0]?.clientY ?? 0;
+	}, b = (e) => {
 		let t = e.touches[0]?.clientY ?? 0;
-		t > te && (l.value = !0), te = t;
-	}, ne = () => {
+		t > y && (l.value = !0), y = t;
+	}, te = () => {
 		if (!t.value) return;
 		let { scrollTop: e, scrollHeight: n, clientHeight: r } = t.value;
-		u.value = n - r - e < Ve, d || (e < g && s?.(), e > g && (u.value && (l.value = !1), c?.())), g = e;
-	}, re = () => {
+		u.value = n - r - e < He, d || (e < g && s?.(), e > g && (u.value && (l.value = !1), c?.())), g = e;
+	}, ne = () => {
 		if (d || l.value || !t.value) return;
 		let e = t.value, n = e.scrollHeight - e.clientHeight;
 		n <= e.scrollTop || (u.value = !0, d = !0, e.scrollTop = n, requestAnimationFrame(() => {
 			d = !1;
 		}));
-	}, ie = () => {
-		!f && t.value && (f = new MutationObserver(re), f.observe(t.value, {
+	}, re = () => {
+		!f && t.value && (f = new MutationObserver(ne), f.observe(t.value, {
 			childList: !0,
 			subtree: !0,
 			characterData: !0
 		}));
-	}, ae = () => {
+	}, ie = () => {
 		f?.disconnect(), f = null;
 	};
-	B(n, (e, t) => {
-		e === "streaming" || e === "submitted" ? ie() : (e !== "ready" || t !== "streaming") && ae();
-	}), B(r, async () => {
+	z(n, (e, t) => {
+		e === "streaming" || e === "submitted" ? re() : (e !== "ready" || t !== "streaming") && ie();
+	}), z(r, async () => {
 		if (r() && i() !== "assistant") {
-			x(), l.value = !1, d = !0;
+			oe(), l.value = !1, d = !0;
 			try {
-				await M(), await o?.(), await M();
+				await j(), await o?.(), await j();
 			} finally {
 				_();
 			}
 		}
 	});
-	let b = null, oe = () => {
-		t.value && (t.value.scrollHeight <= t.value.clientHeight || (t.value.scrollTop = t.value.scrollHeight, b && clearTimeout(b), b = setTimeout(x, 300)));
-	}, x = () => {
-		p?.disconnect(), p = null, m?.disconnect(), m = null, b &&= (clearTimeout(b), null);
+	let x = null, ae = () => {
+		t.value && (t.value.scrollHeight <= t.value.clientHeight || (t.value.scrollTop = t.value.scrollHeight, x && clearTimeout(x), x = setTimeout(oe, 300)));
+	}, oe = () => {
+		p?.disconnect(), p = null, m?.disconnect(), m = null, x &&= (clearTimeout(x), null);
 	};
-	return Se(() => {
+	return Ce(() => {
 		if (!t.value) return;
-		t.value.addEventListener("wheel", ee, { passive: !0 }), t.value.addEventListener("touchstart", v, { passive: !0 }), t.value.addEventListener("touchmove", y, { passive: !0 });
+		t.value.addEventListener("wheel", v, { passive: !0 }), t.value.addEventListener("touchstart", ee, { passive: !0 }), t.value.addEventListener("touchmove", b, { passive: !0 });
 		let e = n() === "submitted" || n() === "streaming";
-		e ? ie() : (p = new ResizeObserver(oe), p.observe(t.value), m = new MutationObserver(oe), m.observe(t.value, {
+		e ? re() : (p = new ResizeObserver(ae), p.observe(t.value), m = new MutationObserver(ae), m.observe(t.value, {
 			childList: !0,
 			subtree: !0
 		}));
 		let r = a?.() ?? t.value.firstElementChild;
-		r && (h = new ResizeObserver(re), h.observe(r)), e || oe();
-	}), F(() => {
-		t.value?.removeEventListener("wheel", ee), t.value?.removeEventListener("touchstart", v), t.value?.removeEventListener("touchmove", y), h?.disconnect(), h = null, ae(), x();
+		r && (h = new ResizeObserver(ne), h.observe(r)), e || ae();
+	}), P(() => {
+		t.value?.removeEventListener("wheel", v), t.value?.removeEventListener("touchstart", ee), t.value?.removeEventListener("touchmove", b), h?.disconnect(), h = null, ie(), oe();
 	}), {
-		handleScroll: ne,
+		handleScroll: te,
 		scrollToBottom: _,
 		userScrolledUp: l,
 		isAtBottom: u
@@ -216,13 +216,13 @@ function He(e) {
 }
 //#endregion
 //#region ../../packages/components/src/chat/wakeupFeed.ts
-function Ue(e, t = () => !1) {
-	let n = (e) => je(e) && !t(e), r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map(), a = 0;
+function We(e, t = () => !1) {
+	let n = (e) => Me(e) && !t(e), r = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map(), a = 0;
 	for (; a < e.length;) {
 		let t = e[a];
-		if (W(t) && n(e[a + 1])) {
+		if (U(t) && n(e[a + 1])) {
 			let o = t.id, s = 0, c;
-			for (; W(e[a]) && n(e[a + 1]);) s += 1, c = e[a].metadata?.createdAt ?? c, r.add(e[a].id), r.add(e[a + 1].id), a += 2;
+			for (; U(e[a]) && n(e[a + 1]);) s += 1, c = e[a].metadata?.createdAt ?? c, r.add(e[a].id), r.add(e[a + 1].id), a += 2;
 			i.set(o, {
 				count: s,
 				lastAt: c
@@ -236,40 +236,40 @@ function Ue(e, t = () => !1) {
 }
 //#endregion
 //#region ../../packages/components/src/chat/PkChatbotMessages.vue?vue&type=script&setup=true&lang.ts
-var We = ["aria-busy"], Ge = {
+var Ge = ["aria-busy"], Ke = {
 	key: 0,
 	class: "pk-chatbot-messages__outline"
-}, Ke = {
+}, qe = {
 	key: 0,
 	class: "pk-chatbot-divider vv-separator"
-}, qe = { class: "pk-chatbot-divider__label" }, Je = {
+}, Je = { class: "pk-chatbot-divider__label" }, Ye = {
 	key: 1,
 	class: "pk-chatbot-wakeup"
-}, Ye = ["title"], Xe = { class: "pk-chatbot-message__text" }, Ze = ["title"], Qe = {
+}, Xe = ["title"], Ze = { class: "pk-chatbot-message__text" }, Qe = ["title"], $e = {
 	key: 0,
 	class: "pk-chatbot-message__reaction-emoji"
-}, $e = {
-	key: 0,
-	class: "flex flex-col gap-8"
 }, et = {
+	key: 0,
+	class: "flex flex-col items-end gap-8 w-full"
+}, tt = {
 	key: 0,
 	class: "pk-chatbot-message__loading-info"
-}, tt = { class: "flex gap-8 items-center" }, nt = { class: "font-mono rounded text-12" }, rt = { class: "flex gap-8 items-center" }, it = {
+}, nt = { class: "flex gap-8 items-center" }, rt = { class: "font-mono rounded text-12" }, it = { class: "flex gap-8 items-center" }, at = {
 	key: 0,
 	class: "pk-chatbot-message__footer"
-}, at = {
+}, ot = {
 	key: 0,
 	class: "pk-chatbot-message__hover-meta"
-}, ot = ["datetime", "title"], st = { class: "truncate" }, ct = {
+}, st = ["datetime", "title"], ct = { class: "truncate" }, lt = {
 	key: 0,
 	class: "flex items-center gap-4 min-w-0"
-}, lt = { class: "truncate" }, ut = ["title"], dt = {
+}, ut = { class: "truncate" }, dt = ["title"], ft = {
 	key: 2,
 	class: "flex items-center gap-4 text-12 text-word-3"
-}, ft = { class: "truncate" }, pt = ["datetime"], mt = { class: "truncate" }, ht = {
+}, pt = { class: "truncate" }, mt = ["datetime"], ht = { class: "truncate" }, gt = {
 	key: 4,
 	class: "flex items-center gap-4 text-12 text-word-3"
-}, gt = { class: "pk-chatbot-message__loading-info" }, _t = { class: "flex gap-8 items-center" }, vt = { class: "text-12" }, yt = ["title", "aria-label"], bt = /* @__PURE__ */ j({
+}, _t = { class: "pk-chatbot-message__loading-info" }, vt = { class: "flex gap-8 items-center" }, yt = { class: "text-12" }, bt = ["title", "aria-label"], xt = /* @__PURE__ */ xe({
 	__name: "PkChatbotMessages",
 	props: {
 		status: {},
@@ -314,8 +314,8 @@ var We = ["aria-busy"], Ge = {
 		"confirm-respond"
 	],
 	setup(e, { emit: t }) {
-		let n = e, r = t, { t: i, d: o, n: x } = Oe({ useScope: "global" }), A = Ee(), j = (e, t) => {
-			if (le(e)) {
+		let n = e, r = t, { t: i, d: o, n: se } = ke({ useScope: "global" }), A = De(), xe = (e, t) => {
+			if (ue(e)) {
 				let n = e.toolCallId;
 				n && r("confirm-respond", {
 					toolCallId: n,
@@ -328,88 +328,88 @@ var We = ["aria-busy"], Ge = {
 				id: n,
 				approved: t
 			});
-		}, F = De("scrollEl"), U = De("wrapperEl"), ke = w(() => ce(n.textColor, n.mainColor)), { handleScroll: Ae, scrollToBottom: je, userScrolledUp: G, isAtBottom: Me } = He({
-			scrollEl: F,
+		}, P = Oe("scrollEl"), H = Oe("wrapperEl"), Ae = w(() => le(n.textColor, n.mainColor)), { handleScroll: je, scrollToBottom: Me, userScrolledUp: W, isAtBottom: Ne } = Ue({
+			scrollEl: P,
 			status: () => n.status,
 			messagesLength: () => n.messages?.length,
 			lastMessageRole: () => n.messages?.[n.messages.length - 1]?.role,
-			contentEl: () => U.value,
-			beforeNewMessageScroll: () => xt(),
+			contentEl: () => H.value,
+			beforeNewMessageScroll: () => St(),
 			onScrollUp: () => r("scroll-up"),
 			onScrollDown: () => r("scroll-down")
-		}), Pe = () => {
-			G.value = !1, je();
-		}, K = w(() => (n.messages ?? []).filter((e) => e.role === "user" && !W(e)).map((e) => ({
+		}), Fe = () => {
+			W.value = !1, Me();
+		}, G = w(() => (n.messages ?? []).filter((e) => e.role === "user" && !U(e)).map((e) => ({
 			id: e.id,
 			preview: e.parts.find(c)?.text.trim().slice(0, 120) || "…"
-		}))), Ie = L(), Le = () => F.value?.querySelectorAll(".pk-chatbot-message--user") ?? [], Re = () => {
-			let e = F.value;
+		}))), Le = I(), Re = () => P.value?.querySelectorAll(".pk-chatbot-message--user") ?? [], ze = () => {
+			let e = P.value;
 			if (!e || !n.showScrollToBottom) return;
-			let t = e.getBoundingClientRect().top + e.clientHeight / 2, r = K.value[0]?.id;
-			Le().forEach((e, n) => {
-				e.getBoundingClientRect().top <= t && (r = K.value[n]?.id);
-			}), Ie.value = r;
+			let t = e.getBoundingClientRect().top + e.clientHeight / 2, r = G.value[0]?.id;
+			Re().forEach((e, n) => {
+				e.getBoundingClientRect().top <= t && (r = G.value[n]?.id);
+			}), Le.value = r;
 		};
-		B(K, async () => {
-			await M(), Re();
+		z(G, async () => {
+			await j(), ze();
 		});
-		let ze = () => {
-			Ae(), Re();
-		}, Ve = (e) => {
-			let t = F.value, n = K.value.findIndex((t) => t.id === e), r = Le()[n];
-			t && r && (G.value = !0, t.scrollTo({
+		let Be = () => {
+			je(), ze();
+		}, He = (e) => {
+			let t = P.value, n = G.value.findIndex((t) => t.id === e), r = Re()[n];
+			t && r && (W.value = !0, t.scrollTo({
 				top: t.scrollTop + r.getBoundingClientRect().top - t.getBoundingClientRect().top - Number.parseFloat(getComputedStyle(t).paddingTop),
 				behavior: "smooth"
 			}));
-		}, q = L(0), bt = L(!1), xt = async () => {
+		}, K = I(0), xt = I(!1), St = async () => {
 			let e = n.messages;
-			if (!e?.length || n.disableHeightAdjustment || e[e.length - 1].role !== "user" && n.status !== "submitted" && n.status !== "streaming" || (bt.value = !1, await M(), !F.value)) return;
-			let { paddingTop: t, paddingBottom: r } = getComputedStyle(F.value), i = F.value.clientHeight - Number.parseFloat(t) - Number.parseFloat(r), a = U.value && Number.parseFloat(getComputedStyle(U.value).rowGap) || 0, o = Le(), s = i - (o[o.length - 1]?.clientHeight ?? 0) - a;
-			i > 0 && (q.value = Math.max(s, 0)), await M();
+			if (!e?.length || n.disableHeightAdjustment || e[e.length - 1].role !== "user" && n.status !== "submitted" && n.status !== "streaming" || (xt.value = !1, await j(), !P.value)) return;
+			let { paddingTop: t, paddingBottom: r } = getComputedStyle(P.value), i = P.value.clientHeight - Number.parseFloat(t) - Number.parseFloat(r), a = H.value && Number.parseFloat(getComputedStyle(H.value).rowGap) || 0, o = Re(), s = i - (o[o.length - 1]?.clientHeight ?? 0) - a;
+			i > 0 && (K.value = Math.max(s, 0)), await j();
 		};
-		B(() => [n.messages?.length, n.messages?.[n.messages.length - 1]?.id], () => xt()), Se(() => {
-			(n.status === "submitted" || n.status === "streaming" || n.awaitingSpokenAnswer) && xt();
-		}), B(() => n.status, (e) => {
-			(e === "ready" || e === "error") && (bt.value = !0, q.value = 0);
+		z(() => [n.messages?.length, n.messages?.[n.messages.length - 1]?.id], () => St()), Ce(() => {
+			(n.status === "submitted" || n.status === "streaming" || n.awaitingSpokenAnswer) && St();
+		}), z(() => n.status, (e) => {
+			(e === "ready" || e === "error") && (xt.value = !0, K.value = 0);
 		});
-		let St = (e) => n.revisedAnswers?.some((t) => t.messageId === e), J = (e) => n.messageFeedbacks?.find((t) => t.messageId === e), Ct = (e, t) => !n.readonlyFeedback && Vt(e, t), wt = (e) => n.readonlyFeedback ? J(e) : void 0, Tt = (e) => wt(e)?.vote, Et = (e) => {
-			let t = wt(e);
+		let Ct = (e) => n.revisedAnswers?.some((t) => t.messageId === e), q = (e) => n.messageFeedbacks?.find((t) => t.messageId === e), wt = (e, t) => !n.readonlyFeedback && Vt(e, t), Tt = (e) => n.readonlyFeedback ? q(e) : void 0, Et = (e) => Tt(e)?.vote, Dt = (e) => {
+			let t = Tt(e);
 			if (t?.vote) return;
 			let n = t?.metadata?.reactionEmoji;
 			return typeof n == "string" && /\p{Extended_Pictographic}/u.test(n) ? n : void 0;
-		}, Dt = (e) => !!(Tt(e) || Et(e)), Ot = (e) => {
-			if (Et(e)) return "pk-chatbot-message__reaction--neutral";
-			let t = Tt(e);
+		}, Ot = (e) => !!(Et(e) || Dt(e)), kt = (e) => {
+			if (Dt(e)) return "pk-chatbot-message__reaction--neutral";
+			let t = Et(e);
 			return t === "upvote" ? "pk-chatbot-message__reaction--positive" : t === "downvote" ? "pk-chatbot-message__reaction--negative" : "pk-chatbot-message__reaction--neutral";
-		}, kt = (e) => {
-			let t = Tt(e);
-			return i(t === "upvote" ? "hint.userFeedbackPositive" : t === "downvote" ? "hint.userFeedbackNegative" : "hint.userFeedbackReaction");
 		}, At = (e) => {
-			let t = Nt(e);
+			let t = Et(e);
+			return i(t === "upvote" ? "hint.userFeedbackPositive" : t === "downvote" ? "hint.userFeedbackNegative" : "hint.userFeedbackReaction");
+		}, jt = (e) => {
+			let t = Pt(e);
 			for (let e = t.length - 1; e >= 0; --e) if (c(t[e])) return e;
 			return -1;
-		}, jt = w(() => n.messages?.[n.messages.length - 1]), Y = w(() => {
-			let e = jt.value;
+		}, Mt = w(() => n.messages?.[n.messages.length - 1]), J = w(() => {
+			let e = Mt.value;
 			return e ? e.parts[e.parts.length - 1] : null;
-		}), Mt = w(() => {
+		}), Nt = w(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of n.messages ?? []) t.role === "assistant" && e.set(t.id, _(re(ee(t.parts))));
+			for (let t of n.messages ?? []) t.role === "assistant" && e.set(t.id, v(re(y(t.parts))));
 			return e;
-		}), Nt = (e) => Mt.value.get(e.id) ?? e.parts, X = w(() => n.status === "submitted" || n.status === "streaming"), Pt = w(() => n.status === "error"), Ft = w(() => n.awaitingSpokenAnswer === !0 && !X.value), It = w(() => Ft.value && jt.value?.role === "user" && !Pt.value), Lt = w(() => {
-			let e = Y.value;
-			return ae(i, e);
+		}), Pt = (e) => Nt.value.get(e.id) ?? e.parts, Y = w(() => n.status === "submitted" || n.status === "streaming"), X = w(() => n.status === "error"), Ft = w(() => n.awaitingSpokenAnswer === !0 && !Y.value), It = w(() => Ft.value && Mt.value?.role === "user" && !X.value), Lt = w(() => {
+			let e = J.value;
+			return x(i, e);
 		}), Rt = w(() => {
-			let e = Y.value;
-			return y(e);
+			let e = J.value;
+			return te(e);
 		}), zt = (e) => n.messages?.findIndex((t) => t.id === e), Z = (e) => e === void 0 || !n.messages ? !1 : e === n.messages.length - 1, Bt = (e) => Z(e) && n.status === "ready" && !!n.actions?.includes("regenerate"), Vt = (e, t) => (!Z(t) || n.status === "ready") && !!n.actions?.includes(e), Ht = (e) => {
 			let t = e.parts[e.parts.length - 1];
 			return c(t);
-		}, Ut = (e) => e.parts.some((e) => p(e) || u(e)), Wt = (e) => !!n.showExtendedSteps && Q(e) && Ut(e), Gt = (e) => u(e) && !v(e) && !!(Fe[l(e)] || A[e.type] || n.showAllMessageParts), Kt = (e) => e.parts.some((e) => c(e) && !!e.text.trim() || f(e) || se(e) && !v(e) || Gt(e)), Q = (e) => e.role === "assistant", qt = (e) => e.role === "user", Jt = (e) => n.messages?.slice(0, e).reverse().find((e) => Q(e)), Yt = (e) => n.messages?.slice(e + 1).find((e) => Q(e)), Xt = (e) => {
+		}, Ut = (e) => e.parts.some((e) => p(e) || u(e)), Wt = (e) => !!n.showExtendedSteps && Q(e) && Ut(e), Gt = (e) => u(e) && !b(e) && !!(Ie[l(e)] || A[e.type] || n.showAllMessageParts), Kt = (e) => e.parts.some((e) => c(e) && !!e.text.trim() || f(e) || ce(e) && !b(e) || Gt(e)), Q = (e) => e.role === "assistant", qt = (e) => e.role === "user", Jt = (e) => n.messages?.slice(0, e).reverse().find((e) => Q(e)), Yt = (e) => n.messages?.slice(e + 1).find((e) => Q(e)), Xt = (e) => {
 			let t = Jt(e)?.metadata?.createdAt, n = Yt(e)?.metadata?.createdAt;
 			if (!t || !n) return;
 			let r = new Date(t), i = new Date(n);
 			return r.toDateString() === i.toDateString() ? void 0 : i;
-		}, $ = w(() => n.showAllMessageParts ? Ue([]) : Ue(n.messages ?? [], Kt)), Zt = w(() => {
+		}, $ = w(() => n.showAllMessageParts ? We([]) : We(n.messages ?? [], Kt)), Zt = w(() => {
 			let e = 0;
 			return (n.messages ?? []).map((t) => t.parts.length > 0 ? ++e : void 0);
 		}), Qt = (e, t) => t === 0 || e.role !== "assistant" ? !1 : !!(n.actions?.length || n.showMessageNumber || n.showMessageDateTime && e.metadata?.createdAt !== void 0 || e.metadata?.completedAt !== void 0 || n.showMessageTokensCount && e.metadata?.totalTokens !== void 0), $t = (e) => {
@@ -417,71 +417,71 @@ var We = ["aria-busy"], Ge = {
 			return o(t, n ? "time" : "date-time");
 		}, en = (e) => {
 			let { createdAt: t, completedAt: n } = e.metadata ?? {};
-			if (t && n) return ie(x, n - t);
-		}, tn = De("feedbackMessageEl");
-		return B(() => n.feedbackMessageId, async () => {
-			if (await M(), !n.feedbackMessageId) return;
+			if (t && n) return ie(se, n - t);
+		}, tn = Oe("feedbackMessageEl");
+		return z(() => n.feedbackMessageId, async () => {
+			if (await j(), !n.feedbackMessageId) return;
 			let e = tn.value?.[0]?.$el;
-			e && (Z(zt(n.feedbackMessageId)) ? je() : e.scrollIntoView({
+			e && (Z(zt(n.feedbackMessageId)) ? Me() : e.scrollIntoView({
 				behavior: "smooth",
 				block: "center"
 			}));
 		}), (t, n) => {
 			let r = ye, u = _e, p = ve;
-			return I(), D("div", {
+			return F(), D("div", {
 				ref_key: "scrollEl",
-				ref: F,
-				class: N(["pk-chatbot-messages scrollbar-thin", { "pk-chatbot-messages--settling": bt.value }]),
+				ref: P,
+				class: M(["pk-chatbot-messages scrollbar-thin", { "pk-chatbot-messages--settling": xt.value }]),
 				role: "log",
 				"aria-live": "polite",
 				"aria-relevant": "additions text",
-				"aria-busy": X.value,
-				style: P({
+				"aria-busy": Y.value,
+				style: N({
 					"--chatbot-main-color": e.mainColor,
-					"--chatbot-contrast-color": ke.value
+					"--chatbot-contrast-color": Ae.value
 				}),
-				onScroll: ze
+				onScroll: Be
 			}, [
-				e.showScrollToBottom && K.value.length > 1 ? (I(), D("div", Ge, [k(ge, {
-					items: K.value,
-					"active-id": Ie.value,
-					onSelect: Ve
+				e.showScrollToBottom && G.value.length > 1 ? (F(), D("div", Ke, [k(ge, {
+					items: G.value,
+					"active-id": Le.value,
+					onSelect: He
 				}, null, 8, ["items", "active-id"])])) : E("", !0),
 				O("div", {
 					ref_key: "wrapperEl",
-					ref: U,
+					ref: H,
 					class: "pk-chatbot-messages__wrapper"
 				}, [
-					(I(!0), D(S, null, Ce(e.messages, (h, _) => (I(), D(S, { key: h.id }, [
-						qt(h) && Xt(_) ? (I(), D("div", Ke, [O("span", qe, R(z(o)(Xt(_), "short")), 1)])) : E("", !0),
-						$.value.quietRuns.has(h.id) ? (I(), D("div", Je, [k(r, {
+					(F(!0), D(S, null, we(e.messages, (g, v) => (F(), D(S, { key: g.id }, [
+						qt(g) && Xt(v) ? (F(), D("div", qe, [O("span", Je, L(R(o)(Xt(v), "short")), 1)])) : E("", !0),
+						$.value.quietRuns.has(g.id) ? (F(), D("div", Ye, [k(r, {
 							name: "ri:alarm-line",
 							class: "shrink-0"
-						}), O("span", null, R(z(i)("label.wakeupQuietRun", {
-							count: $.value.quietRuns.get(h.id).count,
-							time: z(o)($.value.quietRuns.get(h.id).lastAt ?? Date.now(), "time")
-						}, $.value.quietRuns.get(h.id).count)), 1)])) : z(W)(h) && !$.value.hidden.has(h.id) && !e.showAllMessageParts ? (I(), D("div", {
+						}), O("span", null, L(R(i)("label.wakeupQuietRun", {
+							count: $.value.quietRuns.get(g.id).count,
+							time: R(o)($.value.quietRuns.get(g.id).lastAt ?? Date.now(), "time")
+						}, $.value.quietRuns.get(g.id).count)), 1)])) : R(U)(g) && !$.value.hidden.has(g.id) && !e.showAllMessageParts ? (F(), D("div", {
 							key: 2,
 							class: "pk-chatbot-wakeup",
-							title: h.metadata?.wakeup?.reason
+							title: g.metadata?.wakeup?.reason
 						}, [k(r, {
 							name: "ri:alarm-line",
 							class: "shrink-0"
-						}), O("span", null, [be(R(z(i)("label.wakeupCheck")) + " ", 1), h.metadata?.createdAt ? (I(), D(S, { key: 0 }, [be(" · " + R(z(o)(h.metadata.createdAt, "time")), 1)], 64)) : E("", !0)])], 8, Ye)) : E("", !0),
-						(!z(W)(h) || e.showAllMessageParts) && (!$.value.hidden.has(h.id) || X.value && Z(_)) && (h.parts.length || Z(_) && X.value && Q(h)) ? (I(), D("div", {
+						}), O("span", null, [be(L(R(i)("label.wakeupCheck")) + " ", 1), g.metadata?.createdAt ? (F(), D(S, { key: 0 }, [be(" · " + L(R(o)(g.metadata.createdAt, "time")), 1)], 64)) : E("", !0)])], 8, Xe)) : E("", !0),
+						(!R(U)(g) || e.showAllMessageParts) && (!$.value.hidden.has(g.id) || Y.value && Z(v)) && (g.parts.length || Z(v) && Y.value && Q(g)) ? (F(), D("div", {
 							key: 3,
-							class: N(["pk-chatbot-message", [`pk-chatbot-message--${h.role}`, { "pk-chatbot-message--loading": X.value && Z(_) && Q(h) }]]),
-							style: P({ minHeight: Z(_) && Q(h) && !Pt.value ? `${q.value}px` : void 0 })
+							class: M(["pk-chatbot-message", [`pk-chatbot-message--${g.role}`, { "pk-chatbot-message--loading": Y.value && Z(v) && Q(g) }]]),
+							style: N({ minHeight: Z(v) && Q(g) && !X.value ? `${K.value}px` : void 0 })
 						}, [
 							k(C, {
 								appear: "",
 								name: "pk-chatbot-part"
 							}, {
-								default: V(() => [Wt(h) ? (I(), T(he, {
+								default: B(() => [Wt(g) ? (F(), T(he, {
 									key: 0,
-									message: h,
-									"is-streaming": X.value && Z(_),
-									"has-content": Kt(h),
+									message: g,
+									"is-streaming": Y.value && Z(v),
+									"has-content": Kt(g),
 									"is-dark": e.isDark
 								}, null, 8, [
 									"message",
@@ -491,64 +491,64 @@ var We = ["aria-busy"], Ge = {
 								])) : E("", !0)]),
 								_: 2
 							}, 1024),
-							(I(!0), D(S, null, Ce(Nt(h), (n, i) => (I(), D(S, { key: z(te)(n, i) }, [z(c)(n) && n.text.trim() ? (I(), T(C, {
+							(F(!0), D(S, null, we(Pt(g), (n, i) => (F(), D(S, { key: R(ee)(n, i) }, [R(c)(n) && n.text.trim() ? (F(), T(C, {
 								key: 0,
 								appear: "",
 								name: "pk-chatbot-part"
 							}, {
-								default: V(() => [O("div", Xe, [we(t.$slots, "text", xe({ ref_for: !0 }, {
-									message: h,
+								default: B(() => [O("div", Ze, [Te(t.$slots, "text", Se({ ref_for: !0 }, {
+									message: g,
 									part: n,
-									index: _,
-									isLoading: X.value
-								}), () => [Q(h) ? (I(), T(s, {
+									index: v,
+									isLoading: Y.value
+								}), () => [Q(g) ? (F(), T(s, {
 									key: 0,
 									class: "wysiwyg",
 									markdown: n.text,
 									"is-dark": e.isDark,
-									loading: Z(_) && e.status === "streaming"
+									loading: Z(v) && e.status === "streaming"
 								}, null, 8, [
 									"markdown",
 									"is-dark",
 									"loading"
-								])) : (I(), D(S, { key: 1 }, [be(R(n.text), 1)], 64))]), Dt(h.id) && !J(h.id)?.comment && i === At(h) ? (I(), D("span", {
+								])) : (F(), D(S, { key: 1 }, [be(L(n.text), 1)], 64))]), Ot(g.id) && !q(g.id)?.comment && i === jt(g) ? (F(), D("span", {
 									key: 0,
-									class: N(["pk-chatbot-message__reaction", Ot(h.id)]),
-									title: kt(h.id)
-								}, [Et(h.id) ? (I(), D("span", Qe, R(Et(h.id)), 1)) : (I(), T(r, {
+									class: M(["pk-chatbot-message__reaction", kt(g.id)]),
+									title: At(g.id)
+								}, [Dt(g.id) ? (F(), D("span", $e, L(Dt(g.id)), 1)) : (F(), T(r, {
 									key: 1,
-									name: Tt(h.id) === "downvote" ? "ri:thumb-down-fill" : "ri:thumb-up-fill"
-								}, null, 8, ["name"]))], 10, Ze)) : E("", !0)])]),
+									name: Et(g.id) === "downvote" ? "ri:thumb-down-fill" : "ri:thumb-up-fill"
+								}, null, 8, ["name"]))], 10, Qe)) : E("", !0)])]),
 								_: 2
-							}, 1024)) : z(f)(n) ? (I(), T(C, {
+							}, 1024)) : R(f)(n) ? (F(), T(C, {
 								key: 1,
 								appear: "",
 								name: "pk-chatbot-part"
 							}, {
-								default: V(() => [z(a)(n.filename, n.mediaType) ? (I(), D("div", $e, [k(ue, {
+								default: B(() => [R(a)(n.filename, n.mediaType) ? (F(), D("div", et, [k(de, {
 									"media-type": n.mediaType,
 									url: n.url,
 									filename: n.filename,
-									size: z(m)(n)?.bytesCount
+									size: R(m)(n)?.bytesCount
 								}, null, 8, [
 									"media-type",
 									"url",
 									"filename",
 									"size"
-								]), k(pe, {
+								]), k(h, {
 									url: n.url,
-									transcript: z(d)(n),
-									pending: e.status === "submitted" && Z(_)
+									transcript: R(d)(n),
+									pending: e.status === "submitted" && Z(v)
 								}, null, 8, [
 									"url",
 									"transcript",
 									"pending"
-								])])) : (I(), T(ue, {
+								])])) : (F(), T(de, {
 									key: 1,
 									"media-type": n.mediaType,
 									url: n.url,
 									filename: n.filename,
-									size: z(m)(n)?.bytesCount
+									size: R(m)(n)?.bytesCount
 								}, null, 8, [
 									"media-type",
 									"url",
@@ -556,17 +556,17 @@ var We = ["aria-busy"], Ge = {
 									"size"
 								]))]),
 								_: 2
-							}, 1024)) : z(se)(n) && !z(v)(n) ? (I(), T(C, {
+							}, 1024)) : R(ce)(n) && !R(b)(n) ? (F(), T(C, {
 								key: 2,
 								appear: "",
 								name: "pk-chatbot-part"
 							}, {
-								default: V(() => [(I(), T(Be, {
+								default: B(() => [(F(), T(Ve, {
 									key: `approval-${i}`,
 									part: n,
-									actionable: e.interactive === !0 && (z(le)(n) || Z(_)),
+									actionable: e.interactive === !0 && (R(ue)(n) || Z(v)),
 									"call-verdict": e.confirmVerdictsOnCall?.get(n.toolCallId ?? ""),
-									onRespond: (e) => j(n, e)
+									onRespond: (e) => xe(n, e)
 								}, null, 8, [
 									"part",
 									"actionable",
@@ -574,29 +574,29 @@ var We = ["aria-busy"], Ge = {
 									"onRespond"
 								]))]),
 								_: 2
-							}, 1024)) : Gt(n) ? (I(), T(C, {
+							}, 1024)) : Gt(n) ? (F(), T(C, {
 								key: 3,
 								appear: "",
 								name: "pk-chatbot-part"
 							}, {
-								default: V(() => [!z(A)[n.type] && z(Fe)[z(l)(n)] ? (I(), T(Te(z(Fe)[z(l)(n)]), {
-									key: `component-${i}-${z(ne)(n)}`,
+								default: B(() => [!R(A)[n.type] && R(Ie)[R(l)(n)] ? (F(), T(Ee(R(Ie)[R(l)(n)]), {
+									key: `component-${i}-${R(ne)(n)}`,
 									part: n
-								}, null, 8, ["part"])) : we(t.$slots, n.type, xe({ ref_for: !0 }, {
-									message: h,
+								}, null, 8, ["part"])) : Te(t.$slots, n.type, Se({ ref_for: !0 }, {
+									message: g,
 									part: n,
-									index: _,
-									isLoading: X.value
-								}), () => [e.showAllMessageParts ? (I(), D("div", et, [O("div", tt, [z(y)(n) ? (I(), T(r, {
+									index: v,
+									isLoading: Y.value
+								}), () => [e.showAllMessageParts ? (F(), D("div", tt, [O("div", nt, [R(te)(n) ? (F(), T(r, {
 									key: 0,
-									name: z(y)(n),
+									name: R(te)(n),
 									class: "shrink-0"
-								}, null, 8, ["name"])) : E("", !0), O("code", nt, R(z(Ne)(n.type)), 1)])])) : E("", !0)], void 0, 1)]),
+								}, null, 8, ["name"])) : E("", !0), O("code", rt, L(R(Pe)(n.type)), 1)])])) : E("", !0)], void 0, 1)]),
 								_: 2
 							}, 1024)) : E("", !0), k(C, { mode: "out-in" }, {
-								default: V(() => [i === At(h) && e.readonlyFeedback && J(h.id)?.comment ? (I(), T(fe, {
+								default: B(() => [i === jt(g) && e.readonlyFeedback && q(g.id)?.comment ? (F(), T(pe, {
 									key: 0,
-									feedback: J(h.id)
+									feedback: q(g.id)
 								}, null, 8, ["feedback"])) : E("", !0)]),
 								_: 2
 							}, 1024)], 64))), 128)),
@@ -604,16 +604,16 @@ var We = ["aria-busy"], Ge = {
 								name: "fade-in",
 								mode: "out-in"
 							}, {
-								default: V(() => [X.value && Z(_) && !Ht(h) && Q(h) && (!Wt(h) || Kt(h)) ? (I(), D("div", {
-									key: `loading-info-${h.id}`,
+								default: B(() => [Y.value && Z(v) && !Ht(g) && Q(g) && (!Wt(g) || Kt(g)) ? (F(), D("div", {
+									key: `loading-info-${g.id}`,
 									class: "pk-chatbot-message__loading-info"
-								}, [O("div", rt, [
+								}, [O("div", it, [
 									k(r, {
 										name: "loading-loop",
 										class: "shrink-0"
 									}),
 									k(C, { mode: "out-in" }, {
-										default: V(() => [Rt.value ? (I(), T(r, {
+										default: B(() => [Rt.value ? (F(), T(r, {
 											key: Rt.value,
 											class: "shrink-0",
 											name: Rt.value
@@ -621,21 +621,21 @@ var We = ["aria-busy"], Ge = {
 										_: 1
 									}),
 									k(C, { mode: "out-in" }, {
-										default: V(() => [Lt.value ? (I(), D("span", {
+										default: B(() => [Lt.value ? (F(), D("span", {
 											key: Lt.value,
 											class: "text-12"
-										}, R(Lt.value), 1)) : E("", !0)]),
+										}, L(Lt.value), 1)) : E("", !0)]),
 										_: 1
 									})
 								]), k(C, {
 									name: "fade-in",
 									mode: "out-in"
 								}, {
-									default: V(() => [!Wt(h) && Y.value && "text" in Y.value && Y.value.text.trim() ? (I(), T(me, {
+									default: B(() => [!Wt(g) && J.value && "text" in J.value && J.value.text.trim() ? (F(), T(me, {
 										key: 0,
-										markdown: Y.value.text,
+										markdown: J.value.text,
 										"is-dark": e.isDark,
-										"tail-length": z(b),
+										"tail-length": R(ae),
 										"inner-class": "wysiwyg",
 										class: "border border-surface-3 rounded-md p-4 mt-8 bg-surface-1 max-h-64 text-12 w-full"
 									}, null, 8, [
@@ -648,31 +648,31 @@ var We = ["aria-busy"], Ge = {
 								_: 2
 							}, 1024),
 							k(C, { mode: "out-in" }, {
-								default: V(() => [Qt(h, _) ? (I(), D("div", it, [
+								default: B(() => [Qt(g, v) ? (F(), D("div", at, [
 									k(p, {
 										modifiers: "compact",
 										class: "mr-auto shrink-0"
 									}, {
-										default: V(() => [
+										default: B(() => [
 											k(C, { mode: "out-in" }, {
-												default: V(() => [Bt(_) ? (I(), T(u, {
+												default: B(() => [Bt(v) ? (F(), T(u, {
 													key: 0,
 													icon: "ri:reset-right-line",
 													modifiers: "action-quiet-small",
-													title: z(i)("action.regenerate"),
-													"aria-label": z(i)("action.regenerate"),
-													onClick: n[0] ||= H((e) => t.$emit("regenerate"), ["stop"])
+													title: R(i)("action.regenerate"),
+													"aria-label": R(i)("action.regenerate"),
+													onClick: n[0] ||= V((e) => t.$emit("regenerate"), ["stop"])
 												}, null, 8, ["title", "aria-label"])) : E("", !0)]),
 												_: 2
 											}, 1024),
 											k(C, { mode: "out-in" }, {
-												default: V(() => [Vt("show-info", _) ? (I(), T(u, {
+												default: B(() => [Vt("show-info", v) ? (F(), T(u, {
 													key: 0,
 													icon: "ri:information-line",
-													title: z(i)("action.getMoreInfo"),
-													"aria-label": z(i)("action.getMoreInfo"),
+													title: R(i)("action.getMoreInfo"),
+													"aria-label": R(i)("action.getMoreInfo"),
 													modifiers: "action-quiet-small",
-													onClick: H((e) => t.$emit("show-info", h), ["stop"])
+													onClick: V((e) => t.$emit("show-info", g), ["stop"])
 												}, null, 8, [
 													"title",
 													"aria-label",
@@ -681,14 +681,14 @@ var We = ["aria-busy"], Ge = {
 												_: 2
 											}, 1024),
 											k(C, { mode: "out-in" }, {
-												default: V(() => [Vt("revise", _) ? (I(), T(u, {
+												default: B(() => [Vt("revise", v) ? (F(), T(u, {
 													key: 0,
-													icon: St(h.id) ? "ri:file-edit-fill" : "ri:file-edit-line",
-													title: St(h.id) ? z(i)("action.editRevise") : z(i)("action.createRevise"),
-													"aria-label": St(h.id) ? z(i)("action.editRevise") : z(i)("action.createRevise"),
+													icon: Ct(g.id) ? "ri:file-edit-fill" : "ri:file-edit-line",
+													title: Ct(g.id) ? R(i)("action.editRevise") : R(i)("action.createRevise"),
+													"aria-label": Ct(g.id) ? R(i)("action.editRevise") : R(i)("action.createRevise"),
 													modifiers: "action-quiet-small",
-													class: N({ "text-brand-graphic": St(h.id) }),
-													onClick: H((e) => t.$emit("revise", h), ["stop"])
+													class: M({ "text-brand-graphic": Ct(g.id) }),
+													onClick: V((e) => t.$emit("revise", g), ["stop"])
 												}, null, 8, [
 													"icon",
 													"title",
@@ -699,13 +699,13 @@ var We = ["aria-busy"], Ge = {
 												_: 2
 											}, 1024),
 											k(C, { mode: "out-in" }, {
-												default: V(() => [Ct("upvote", _) ? (I(), T(u, {
+												default: B(() => [wt("upvote", v) ? (F(), T(u, {
 													key: 0,
-													icon: J(h.id)?.vote === "upvote" ? "ri:thumb-up-fill" : "ri:thumb-up-line",
-													title: z(i)("action.upvote"),
-													"aria-label": z(i)("action.upvote"),
+													icon: q(g.id)?.vote === "upvote" ? "ri:thumb-up-fill" : "ri:thumb-up-line",
+													title: R(i)("action.upvote"),
+													"aria-label": R(i)("action.upvote"),
 													modifiers: "action-quiet-small",
-													onClick: H((e) => t.$emit("upvote", h), ["stop"])
+													onClick: V((e) => t.$emit("upvote", g), ["stop"])
 												}, null, 8, [
 													"icon",
 													"title",
@@ -715,13 +715,13 @@ var We = ["aria-busy"], Ge = {
 												_: 2
 											}, 1024),
 											k(C, { mode: "out-in" }, {
-												default: V(() => [Ct("downvote", _) ? (I(), T(u, {
+												default: B(() => [wt("downvote", v) ? (F(), T(u, {
 													key: 0,
-													icon: J(h.id)?.vote === "downvote" ? "ri:thumb-down-fill" : "ri:thumb-down-line",
-													title: z(i)("action.downvote"),
-													"aria-label": z(i)("action.downvote"),
+													icon: q(g.id)?.vote === "downvote" ? "ri:thumb-down-fill" : "ri:thumb-down-line",
+													title: R(i)("action.downvote"),
+													"aria-label": R(i)("action.downvote"),
 													modifiers: "action-quiet-small",
-													onClick: H((e) => t.$emit("downvote", h), ["stop"])
+													onClick: V((e) => t.$emit("downvote", g), ["stop"])
 												}, null, 8, [
 													"icon",
 													"title",
@@ -731,13 +731,13 @@ var We = ["aria-busy"], Ge = {
 												_: 2
 											}, 1024),
 											k(C, { mode: "out-in" }, {
-												default: V(() => [Ct("feedback", _) ? (I(), T(u, {
+												default: B(() => [wt("feedback", v) ? (F(), T(u, {
 													key: 0,
-													icon: J(h.id)?.comment ? "ri:feedback-fill" : "ri:feedback-line",
-													title: z(i)("action.feedback"),
-													"aria-label": z(i)("action.feedback"),
+													icon: q(g.id)?.comment ? "ri:feedback-fill" : "ri:feedback-line",
+													title: R(i)("action.feedback"),
+													"aria-label": R(i)("action.feedback"),
 													modifiers: "action-quiet-small",
-													onClick: H((e) => t.$emit("feedback", h), ["stop"])
+													onClick: V((e) => t.$emit("feedback", g), ["stop"])
 												}, null, 8, [
 													"icon",
 													"title",
@@ -749,47 +749,47 @@ var We = ["aria-busy"], Ge = {
 										]),
 										_: 2
 									}, 1024),
-									!e.showMessageDateTime && h.metadata?.createdAt && h.metadata?.completedAt ? (I(), D("div", at, [O("time", {
-										datetime: new Date(h.metadata.createdAt).toISOString(),
-										title: z(o)(new Date(h.metadata.createdAt), "date-time"),
+									!e.showMessageDateTime && g.metadata?.createdAt && g.metadata?.completedAt ? (F(), D("div", ot, [O("time", {
+										datetime: new Date(g.metadata.createdAt).toISOString(),
+										title: R(o)(new Date(g.metadata.createdAt), "date-time"),
 										class: "flex items-center gap-4 min-w-0"
 									}, [k(r, {
 										name: "ri:time-line",
 										class: "shrink-0"
-									}), O("span", st, R($t(h.metadata.createdAt)), 1)], 8, ot), en(h) ? (I(), D("span", ct, [k(r, {
+									}), O("span", ct, L($t(g.metadata.createdAt)), 1)], 8, st), en(g) ? (F(), D("span", lt, [k(r, {
 										name: "ri:hourglass-line",
 										class: "shrink-0"
-									}), O("span", lt, R(en(h)), 1)])) : E("", !0)])) : E("", !0),
-									e.showMessageNumber ? (I(), D("span", {
+									}), O("span", ut, L(en(g)), 1)])) : E("", !0)])) : E("", !0),
+									e.showMessageNumber ? (F(), D("span", {
 										key: 1,
-										title: z(i)("label.messageNumber", { n: Zt.value[_] }),
+										title: R(i)("label.messageNumber", { n: Zt.value[v] }),
 										class: "text-12 text-word-3 tabular-nums"
-									}, " #" + R(Zt.value[_]), 9, ut)) : E("", !0),
-									e.showMessageTokensCount && h.metadata?.totalTokens ? (I(), D("span", dt, [k(r, {
+									}, " #" + L(Zt.value[v]), 9, dt)) : E("", !0),
+									e.showMessageTokensCount && g.metadata?.totalTokens ? (F(), D("span", ft, [k(r, {
 										name: "ri:ai-generate-2-line",
 										class: "shrink-0"
-									}), O("span", ft, R(z(x)(h.metadata.totalTokens, "integer")) + " " + R(z(i)("label.tokens")), 1)])) : E("", !0),
-									e.showMessageDateTime && h.metadata?.createdAt ? (I(), D("time", {
+									}), O("span", pt, L(R(se)(g.metadata.totalTokens, "integer")) + " " + L(R(i)("label.tokens")), 1)])) : E("", !0),
+									e.showMessageDateTime && g.metadata?.createdAt ? (F(), D("time", {
 										key: 3,
-										datetime: new Date(h.metadata?.createdAt).toISOString(),
+										datetime: new Date(g.metadata?.createdAt).toISOString(),
 										class: "flex items-center gap-4 text-12 text-word-3"
 									}, [k(r, {
 										name: "ri:time-line",
 										class: "shrink-0"
-									}), O("span", mt, R(z(o)(new Date(h.metadata?.createdAt), "date-time")), 1)], 8, pt)) : E("", !0),
-									e.showMessageDateTime && h?.metadata?.completedAt && h?.metadata?.createdAt ? (I(), D("div", ht, [k(r, {
+									}), O("span", ht, L(R(o)(new Date(g.metadata?.createdAt), "date-time")), 1)], 8, mt)) : E("", !0),
+									e.showMessageDateTime && g?.metadata?.completedAt && g?.metadata?.createdAt ? (F(), D("div", gt, [k(r, {
 										name: "ri:hourglass-line",
 										class: "shrink-0"
-									}), k(g, {
+									}), k(_, {
 										class: "truncate",
-										date: h.metadata?.createdAt,
-										"end-date": h.metadata?.completedAt
+										date: g.metadata?.createdAt,
+										"end-date": g.metadata?.completedAt
 									}, null, 8, ["date", "end-date"])])) : E("", !0)
 								])) : E("", !0)]),
 								_: 2
 							}, 1024),
 							k(C, { mode: "out-in" }, {
-								default: V(() => [h.id === e.feedbackMessageId ? (I(), T(de, {
+								default: B(() => [g.id === e.feedbackMessageId ? (F(), T(fe, {
 									key: 0,
 									ref_for: !0,
 									ref_key: "feedbackMessageEl",
@@ -812,21 +812,21 @@ var We = ["aria-busy"], Ge = {
 						appear: "",
 						name: "pk-chatbot-part"
 					}, {
-						default: V(() => [Ft.value ? (I(), D("div", {
+						default: B(() => [Ft.value ? (F(), D("div", {
 							key: 0,
 							class: "pk-chatbot-message pk-chatbot-message--assistant pk-chatbot-message--loading",
-							style: P({ minHeight: It.value ? `${q.value}px` : void 0 })
-						}, [O("div", gt, [O("div", _t, [k(r, {
+							style: N({ minHeight: It.value ? `${K.value}px` : void 0 })
+						}, [O("div", _t, [O("div", vt, [k(r, {
 							name: "loading-loop",
 							class: "shrink-0"
-						}), O("span", vt, R(z(i)("label.answeringOnTheCall")), 1)])])], 4)) : E("", !0)]),
+						}), O("span", yt, L(R(i)("label.answeringOnTheCall")), 1)])])], 4)) : E("", !0)]),
 						_: 1
 					}),
 					k(C, {
 						appear: "",
 						name: "pk-chatbot-part"
 					}, {
-						default: V(() => [Pt.value ? (I(), T(h, {
+						default: B(() => [X.value ? (F(), T(g, {
 							key: 0,
 							error: e.error,
 							onRetry: n[3] ||= (e) => t.$emit("auto-retry"),
@@ -834,28 +834,28 @@ var We = ["aria-busy"], Ge = {
 						}, null, 8, ["error"])) : E("", !0)]),
 						_: 1
 					}),
-					jt.value?.role === "user" && !It.value || Pt.value ? (I(), D("div", {
+					Mt.value?.role === "user" && !It.value || X.value ? (F(), D("div", {
 						key: 0,
 						class: "pk-chatbot-messages__spacer",
-						style: P({ minHeight: `${q.value}px` })
+						style: N({ minHeight: `${K.value}px` })
 					}, null, 4)) : E("", !0)
 				], 512),
 				k(C, { name: "pk-chatbot-messages-fab" }, {
-					default: V(() => [e.showScrollToBottom && (z(G) || !z(Me)) ? (I(), D("button", {
+					default: B(() => [e.showScrollToBottom && (R(W) || !R(Ne)) ? (F(), D("button", {
 						key: 0,
 						type: "button",
 						class: "pk-chatbot-messages__scroll-to-bottom",
-						title: z(i)("action.scrollToBottom"),
-						"aria-label": z(i)("action.scrollToBottom"),
-						onClick: Pe
-					}, [k(r, { name: "ri:arrow-down-line" })], 8, yt)) : E("", !0)]),
+						title: R(i)("action.scrollToBottom"),
+						"aria-label": R(i)("action.scrollToBottom"),
+						onClick: Fe
+					}, [k(r, { name: "ri:arrow-down-line" })], 8, bt)) : E("", !0)]),
 					_: 1
 				})
-			], 46, We);
+			], 46, Ge);
 		};
 	}
 });
 //#endregion
-export { Pe as a, Ne as i, K as n, Me as r, bt as t };
+export { Fe as a, Pe as i, G as n, Ne as r, xt as t };
 
-//# sourceMappingURL=PkChatbotMessages-DJmRPFB8.js.map
+//# sourceMappingURL=PkChatbotMessages-DnoohZxu.js.map