@8wave/ai-elements 0.115.0-beta.34 → 0.115.0-beta.52

package/dist-vue/_chunks/PkChatbotSteps-Y6kQ00ui.js

@@ -1,191 +0,0 @@
-import { t as e } from "./PkStreamingMarkdown-CJlfq7ub.js";
-import { c as t, o as n } from "./message-RohfrdWS.js";
-import { c as r, d as i, g as a, h as o, m as s, n as c, p as ee, u as te } from "./utils-CtD8DCrq.js";
-import { t as l } from "./PkChatbotStepPayload-CSVHe7DP.js";
-import { t as u } from "./PkChatbotStepToolDetail-ixte-rGB.js";
-import { VvIcon as d } from "@volverjs/ui-vue/components";
-import { Fragment as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, normalizeClass as x, openBlock as S, reactive as C, ref as w, renderList as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, watch as ne, withCtx as re } from "vue";
-import { useI18n as k } from "vue-i18n";
-import { useResizeObserver as A } from "@vueuse/core";
-//#region ../../packages/components/src/chat/PkStreamingMarkdownAutoscroll.vue?vue&type=script&setup=true&lang.ts
-var j = 8, M = /* @__PURE__ */ b({
-	__name: "PkStreamingMarkdownAutoscroll",
-	props: {
-		markdown: {},
-		innerClass: {},
-		isDark: { type: Boolean },
-		tailLength: {}
-	},
-	setup(t) {
-		let n = w(), r = w(), i = !1, a, o = () => {
-			let e = n.value;
-			e && e.scrollTop !== a && (a = void 0, i = e.scrollHeight - e.clientHeight - e.scrollTop > j);
-		};
-		return A([n, r], () => {
-			let e = n.value;
-			e && (e.scrollHeight <= e.clientHeight && (i = !1), !i && (e.scrollTop = e.scrollHeight, a = e.scrollTop));
-		}), (i, a) => (S(), g("div", {
-			ref_key: "scrollEl",
-			ref: n,
-			class: "overflow-auto light-scrollbar",
-			onScroll: o
-		}, [y(e, {
-			ref_key: "contentEl",
-			ref: r,
-			markdown: t.markdown,
-			"is-dark": t.isDark,
-			"tail-length": t.tailLength,
-			class: x(t.innerClass)
-		}, null, 8, [
-			"markdown",
-			"is-dark",
-			"tail-length",
-			"class"
-		])], 544));
-	}
-}), N = {
-	key: 0,
-	class: "pk-chatbot-steps"
-}, P = ["aria-expanded"], F = { class: "pk-chatbot-steps__title" }, I = { class: "pk-chatbot-steps__meta" }, L = {
-	key: 0,
-	class: "pk-chatbot-steps__list"
-}, R = { class: "pk-chatbot-steps__step-label" }, z = { class: "pk-chatbot-steps__step-summary" }, B = {
-	key: 0,
-	class: "pk-chatbot-steps__step-duration"
-}, V = {
-	key: 0,
-	class: "pk-chatbot-steps__step-body"
-}, H = {
-	key: 1,
-	class: "pk-chatbot-steps__step-content pk-chatbot-steps__step-content--scroll light-scrollbar"
-}, U = {
-	key: 2,
-	class: "pk-chatbot-steps__step-payload pk-chatbot-steps__step-payload--error"
-}, W = { class: "pk-chatbot-steps__step-payload-label" }, G = /* @__PURE__ */ b({
-	__name: "PkChatbotSteps",
-	props: {
-		message: {},
-		isStreaming: { type: Boolean },
-		hasContent: { type: Boolean },
-		isDark: { type: Boolean }
-	},
-	setup(b) {
-		let A = b, { t: j, n: G } = k({ useScope: "global" }), K = (e) => i(e) === "output-error" && "errorText" in e && typeof e.errorText == "string" ? e.errorText : void 0, q = p(() => {
-			let e = A.message.parts, r = A.message.metadata?.partTimings, i = [];
-			for (let [c, l] of e.entries()) {
-				let u = n(l), d = t(l);
-				if (!u && !d) continue;
-				let f = "toolCallId" in l ? l.toolCallId : void 0, p = u && l.text.trim() ? l.text : void 0, m = K(l), h = a(l), g = d && "input" in l ? l.input : void 0, _ = d && "output" in l ? l.output : void 0;
-				i.push({
-					key: f ?? `${l.type}-${c}`,
-					part: l,
-					icon: te(l),
-					label: ee(j, l),
-					summary: s(l),
-					durationMs: f ? r?.[f] : void 0,
-					isActive: !!A.isStreaming && c === e.length - 1,
-					text: p,
-					error: m,
-					hasRichDetail: h,
-					hasBody: !!(p || m || (h ? g !== void 0 || _ !== void 0 : o(g) || o(_))),
-					toolInput: g,
-					toolOutput: _
-				});
-			}
-			return i;
-		}), J = p(() => {
-			let { createdAt: e, completedAt: t } = A.message.metadata ?? {};
-			if (e && t) return t - e;
-		}), Y = (e) => r(G, e), X = C(/* @__PURE__ */ new Map()), Z = (e) => X.get(e.key) ?? !1, ie = (e) => {
-			X.set(e.key, !Z(e));
-		}, Q = w(void 0), $ = p(() => Q.value ?? (!!A.isStreaming && !A.hasContent));
-		return ne(() => A.isStreaming, (e) => {
-			e && (Q.value = void 0, X.clear());
-		}), (t, n) => {
-			let r = d;
-			return q.value.length ? (S(), g("div", N, [_("button", {
-				type: "button",
-				class: "pk-chatbot-steps__header",
-				"aria-expanded": $.value,
-				onClick: n[0] ||= (e) => Q.value = !$.value
-			}, [
-				b.isStreaming ? (S(), m(r, {
-					key: 0,
-					name: "loading-loop",
-					class: "shrink-0"
-				})) : (S(), m(r, {
-					key: 1,
-					name: "ri:route-line",
-					class: "shrink-0"
-				})),
-				_("span", F, D(O(j)("messagePart.steps")), 1),
-				_("span", I, [v(D(O(j)("messagePart.stepCount", q.value.length)) + " ", 1), Y(J.value) ? (S(), g(f, { key: 0 }, [v(" · " + D(Y(J.value)), 1)], 64)) : h("", !0)]),
-				y(r, {
-					name: $.value ? "ri:arrow-up-s-line" : "ri:arrow-down-s-line",
-					class: "pk-chatbot-steps__chevron shrink-0 ml-auto"
-				}, null, 8, ["name"])
-			], 8, P), $.value ? (S(), g("ol", L, [(S(!0), g(f, null, T(q.value, (t) => (S(), g("li", {
-				key: t.key,
-				class: x(["pk-chatbot-steps__step", { "pk-chatbot-steps__step--active": t.isActive }])
-			}, [(S(), m(E(t.hasBody ? "button" : "div"), {
-				type: t.hasBody ? "button" : void 0,
-				class: "pk-chatbot-steps__step-header",
-				"aria-expanded": t.hasBody ? Z(t) : void 0,
-				onClick: (e) => t.hasBody ? ie(t) : void 0
-			}, {
-				default: re(() => [
-					_("span", { class: x(["pk-chatbot-steps-marker", { "pk-chatbot-steps-marker--active": t.isActive }]) }, [t.isActive ? (S(), m(r, {
-						key: 0,
-						name: "loading-loop"
-					})) : t.icon ? (S(), m(r, {
-						key: 1,
-						name: t.icon
-					}, null, 8, ["name"])) : h("", !0)], 2),
-					_("span", R, D(t.label), 1),
-					_("span", z, D(t.summary), 1),
-					Y(t.durationMs) ? (S(), g("span", B, D(Y(t.durationMs)), 1)) : h("", !0),
-					t.hasBody ? (S(), m(r, {
-						key: 1,
-						name: Z(t) ? "ri:arrow-up-s-line" : "ri:arrow-down-s-line",
-						class: "pk-chatbot-steps__chevron shrink-0 ml-auto"
-					}, null, 8, ["name"])) : h("", !0)
-				]),
-				_: 2
-			}, 1032, [
-				"type",
-				"aria-expanded",
-				"onClick"
-			])), t.hasBody && Z(t) ? (S(), g("div", V, [t.text && t.isActive ? (S(), m(M, {
-				key: 0,
-				markdown: t.text,
-				"is-dark": b.isDark,
-				"tail-length": O(c),
-				"inner-class": "wysiwyg",
-				class: "pk-chatbot-steps__step-content pk-chatbot-steps__step-content--scroll"
-			}, null, 8, [
-				"markdown",
-				"is-dark",
-				"tail-length"
-			])) : t.text ? (S(), g("div", H, [y(e, {
-				markdown: t.text,
-				"is-dark": b.isDark,
-				class: "wysiwyg"
-			}, null, 8, ["markdown", "is-dark"])])) : t.error ? (S(), g("div", U, [_("span", W, D(O(j)("messagePart.stepError")), 1), _("pre", null, D(t.error), 1)])) : t.hasRichDetail ? (S(), m(u, {
-				key: 3,
-				part: t.part
-			}, null, 8, ["part"])) : (S(), g(f, { key: 4 }, [O(o)(t.toolInput) ? (S(), m(l, {
-				key: 0,
-				label: O(j)("messagePart.stepInput"),
-				value: t.toolInput
-			}, null, 8, ["label", "value"])) : h("", !0), O(o)(t.toolOutput) ? (S(), m(l, {
-				key: 1,
-				label: O(j)("messagePart.stepOutput"),
-				value: t.toolOutput
-			}, null, 8, ["label", "value"])) : h("", !0)], 64))])) : h("", !0)], 2))), 128))])) : h("", !0)])) : h("", !0);
-		};
-	}
-});
-//#endregion
-export { M as n, G as t };
-
-//# sourceMappingURL=PkChatbotSteps-Y6kQ00ui.js.map