@8wave/ai-elements 0.112.0 → 0.114.0-beta.15

package/dist-vue/_chunks/PkChatbotSteps-jW07Q-4x.js

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