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

package/dist-vue/_chunks/PkChatbot-BlG1WlAO.js

@@ -1,236 +0,0 @@
-import { t as e } from "./useChatbotStore-DZiorgLW.js";
-import { t } from "./PkChatbotViewConversations-Cq41H-tc.js";
-import { t as n } from "./PkChatbotViewChat-CAqvbbfN.js";
-import { t as r } from "./useShortUrlResolver-DI8ycJiO.js";
-import { t as ee } from "./PkChatbotViewFiles-DNuzmBJc.js";
-import { t as i } from "./useLocalizedString-PfaKjIQY.js";
-import { t as te } from "./PkStreamingMarkdown-DEhbK-3c.js";
-import { t as ne } from "./PkAvatar-CyIgsndA.js";
-import { h as a } from "./utils-Cru8TJxe.js";
-import { t as o } from "./chatbotProfileContext-CgnFhNPn.js";
-import { t as re } from "./PkChatbotViewProfile-C0BXIY2N.js";
-import { VvAlert as ie, VvButton as ae, VvButtonGroup as oe, VvDropdown as se, VvDropdownAction as ce, VvIcon as le } from "@volverjs/ui-vue/components";
-import { Fragment as ue, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createSlots as f, createTextVNode as p, createVNode as m, defineComponent as h, guardReactiveProps as g, inject as _, mergeModels as v, mergeProps as de, normalizeClass as fe, normalizeProps as y, normalizeStyle as b, openBlock as x, renderList as S, renderSlot as C, toDisplayString as w, toRef as pe, unref as T, useModel as me, useSlots as he, watch as E, watchEffect as ge, withCtx as D } from "vue";
-import { useI18n as _e } from "vue-i18n";
-import { storeToRefs as ve } from "pinia";
-//#region ../../packages/components/src/chat/PkChatbot.vue?vue&type=script&setup=true&lang.ts
-var ye = { class: "pk-chatbot__header-start" }, be = ["title"], xe = { key: 1 }, Se = { class: "pk-chatbot__warning-body" }, O = { class: "pk-chatbot__warning-header" }, Ce = { class: "pk-chatbot__warning-title" }, k = { class: "pk-chatbot__warning-text" }, A = {
-	key: 5,
-	class: "pk-chatbot__view-auth flex-1 min-h-0 overflow-y-auto"
-}, we = {
-	key: 7,
-	class: "pk-chatbot__footer"
-}, j = /* @__PURE__ */ h({
-	__name: "PkChatbot",
-	props: /*@__PURE__*/ v({
-		baseUrl: {},
-		basePath: {},
-		agentId: {},
-		agentType: {},
-		userId: {},
-		name: {},
-		model: {},
-		agentModel: {},
-		agentTools: {},
-		agentInterface: {},
-		actions: {},
-		revisedAnswers: {},
-		headers: {},
-		systemTheme: {},
-		agentFileUpload: {},
-		fallbackModels: {},
-		gatewayOptions: {},
-		externalContext: {},
-		modifier: {},
-		userName: {},
-		userFilesEnabled: { type: Boolean }
-	}, {
-		chatId: {
-			type: String,
-			default: void 0
-		},
-		chatIdModifiers: {}
-	}),
-	emits: /*@__PURE__*/ v([
-		"message-update",
-		"show-info",
-		"revise",
-		"error"
-	], ["update:chatId"]),
-	setup(h, { expose: v, emit: j }) {
-		let M = he(), { t: N } = _e({ useScope: "global" }), P = h, F = j, I = me(h, "chatId"), L = e(P.agentId);
-		r((e) => L.apiClient.resolveShortUrls(e));
-		let { messages: R, chat: Te, localChatId: z, activeView: B, chatError: Ee, isDark: De } = ve(L), V = pe(L, "agentId"), { startNewChat: H, stopGeneration: U, regenerate: Oe, navigate: W, sendMessage: ke } = L, G = _(o, void 0), K = s(() => G?.canManageProfile.value ?? !1), Ae = s(() => !K.value && (G?.canSignIn?.value ?? !1) && M["view-auth"] !== void 0);
-		E(K, (e) => {
-			e && B.value === "auth" && W("chat");
-		}), ge(() => {
-			L.baseUrl = P.baseUrl, L.basePath = P.basePath, L.name = P.name, L.agentType = P.agentType, L.userId = P.userId, L.agentInterface = P.agentInterface, L.agentModel = P.agentModel, L.agentTools = P.agentTools, L.headers = P.headers, L.revisedAnswers = P.revisedAnswers, L.model = P.model, L.actionsInput = P.actions, L.agentFileUpload = P.agentFileUpload, L.fallbackModels = P.fallbackModels, L.gatewayOptions = P.gatewayOptions, L.externalContext = P.externalContext, L.systemTheme = P.systemTheme, L.hideWelcomeMessage = P.modifier === "fullscreen";
-		}), E(() => I.value, (e) => {
-			e && e !== L.localChatId && (L.localChatId = e);
-		}, { immediate: !0 }), E(z, (e) => {
-			I.value = e;
-		}), E(Ee, (e) => {
-			if (e) try {
-				let t = JSON.parse(e.message);
-				F("error", t);
-			} catch {}
-		});
-		let q = s(() => P.modifier === "fullscreen"), J = s(() => P.agentType === "reasoning"), Y = s(() => P.agentInterface?.useColorsForAgentHeader), je = s(() => ["theme", `theme--${De.value ? "dark" : "light"}`]), X = s(() => P.agentInterface?.mainColor), Z = s(() => a(P.agentInterface?.textColor, X.value)), Q = i(() => P.agentInterface?.footerMessage), $ = s(() => B.value === "conversations" ? N("label.conversations") : B.value === "profile" ? N("label.profile") : B.value === "auth" ? N("label.authentication") : B.value === "files" ? N("userFiles.chatFilesTitle") : P.name), Me = s(() => Te.value.status === "ready"), Ne = s(() => R.value?.[R.value.length - 1]);
-		return v({
-			startNewChat: H,
-			regenerate: Oe,
-			stopGeneration: U,
-			sendMessage: ke
-		}), E([V, z], async ([e, t]) => {
-			await L.initialize(e, t);
-		}, { immediate: !0 }), E(B, (e) => {
-			e === "conversations" ? L.loadConversations(V.value) : e === "files" && L.loadChatFiles();
-		}), E(Ne, (e) => {
-			e && F("message-update", e);
-		}, {
-			deep: !0,
-			immediate: !0
-		}), (e, r) => {
-			let i = ae, a = le, o = ce, s = se, _ = oe, v = ie;
-			return x(), u("div", { class: fe(["pk-chatbot", [je.value, { "pk-chatbot--fullscreen": q.value }]]) }, [
-				q.value ? l("", !0) : (x(), u("div", {
-					key: 0,
-					class: "pk-chatbot__header",
-					style: b(Y.value ? { backgroundColor: X.value } : void 0)
-				}, [d("div", ye, [T(B) === "chat" ? (x(), c(ne, {
-					key: 1,
-					modifiers: "surface ring shrink-0",
-					class: "pk-chatbot__avatar",
-					name: h.name,
-					"img-src": h.agentInterface?.logo
-				}, null, 8, ["name", "img-src"])) : (x(), u(ue, { key: 0 }, [m(i, de({
-					modifiers: Y.value ? `action-quiet-${Z.value}` : "action-quiet",
-					icon: "ri:arrow-left-s-line",
-					title: T(N)("action.goBack")
-				}, { onClick: r[0] ||= (e) => T(W)("chat") }), null, 16), m(a, {
-					name: T(B) === "conversations" ? "ri:history-line" : T(B) === "files" ? "ri:attachment-2" : "ri:user-line",
-					class: "pk-chatbot__nav-icon",
-					style: b(Y.value ? { color: Z.value } : void 0)
-				}, null, 8, ["name", "style"])], 64)), d("strong", {
-					class: "pk-chatbot__title",
-					title: $.value,
-					style: b(Y.value ? { color: Z.value } : void 0)
-				}, w($.value), 13, be)]), m(_, {
-					class: "pk-chatbot__header-end",
-					modifiers: "compact"
-				}, {
-					default: D(() => [
-						C(e.$slots, "header-actions", y(g({
-							mainColor: X.value,
-							useColorsForAgentHeader: Y.value,
-							contrastColor: Z.value,
-							startNewChat: T(H),
-							stopGeneration: T(U)
-						}))),
-						m(s, y(g({
-							placement: "bottom-end",
-							modifiers: "menu",
-							flip: !0,
-							offset: 3,
-							strategy: "fixed"
-						})), {
-							items: D(() => [
-								m(o, { onClick: r[1] ||= (e) => T(H)() }, {
-									default: D(() => [m(a, { name: "ri:edit-box-line" }), p(" " + w(T(N)("action.startNewChat")), 1)]),
-									_: 1
-								}),
-								J.value ? l("", !0) : (x(), c(o, {
-									key: 0,
-									onClick: r[2] ||= (e) => T(W)("conversations")
-								}, {
-									default: D(() => [m(a, { name: "ri:history-line" }), p(" " + w(T(N)("action.viewRecentChats")), 1)]),
-									_: 1
-								})),
-								(K.value || h.userFilesEnabled) && T(z) ? (x(), c(o, {
-									key: 1,
-									onClick: r[3] ||= (e) => T(W)("files")
-								}, {
-									default: D(() => [m(a, { name: "ri:attachment-2" }), p(" " + w(T(N)("userFiles.chatFilesTitle")), 1)]),
-									_: 1
-								})) : l("", !0),
-								K.value ? (x(), c(o, {
-									key: 2,
-									onClick: r[4] ||= (e) => T(W)("profile")
-								}, {
-									default: D(() => [m(a, { name: "ri:user-line" }), p(" " + w(T(N)("label.profile")), 1)]),
-									_: 1
-								})) : Ae.value ? (x(), c(o, {
-									key: 3,
-									onClick: r[5] ||= (e) => T(W)("auth")
-								}, {
-									default: D(() => [m(a, { name: "ri:account-circle-line" }), p(" " + w(T(N)("action.signIn")), 1)]),
-									_: 1
-								})) : l("", !0)
-							]),
-							default: D(() => [m(i, y(g({
-								modifiers: Y.value ? `action-quiet-${Z.value}` : "action-quiet",
-								icon: "ri:more-2-fill",
-								disabled: !Me.value,
-								title: T(N)("action.moreActions")
-							})), null, 16)]),
-							_: 1
-						}, 16),
-						C(e.$slots, "actions", y(g({
-							mainColor: X.value,
-							useColorsForAgentHeader: Y.value,
-							contrastColor: Z.value,
-							startNewChat: T(H),
-							stopGeneration: T(U)
-						})))
-					]),
-					_: 3
-				})], 4)),
-				J.value ? (x(), u("div", xe, [d("div", Se, [m(v, { modifiers: "callout" }, {
-					default: D(() => [d("div", O, [m(a, {
-						name: "ri:alert-line",
-						class: "pk-chatbot__warning-icon"
-					}), d("strong", Ce, w(T(N)("message.warning")), 1)]), d("p", k, w(T(N)("message.reasoningAgent")), 1)]),
-					_: 1
-				})])])) : l("", !0),
-				T(B) === "chat" ? (x(), c(n, {
-					key: 2,
-					"agent-id": h.agentId,
-					modifier: h.modifier,
-					"user-name": h.userName,
-					onShowInfo: r[6] ||= (e) => F("show-info", e),
-					onRevise: r[7] ||= (e) => F("revise", e)
-				}, f({ _: 2 }, [S(Object.keys(T(M)), (t) => ({
-					name: t,
-					fn: D((n) => [C(e.$slots, t, y(g(n)))])
-				}))]), 1032, [
-					"agent-id",
-					"modifier",
-					"user-name"
-				])) : T(B) === "conversations" ? (x(), c(t, {
-					key: 3,
-					"agent-id": h.agentId
-				}, f({ _: 2 }, [S(Object.keys(T(M)), (t) => ({
-					name: t,
-					fn: D((n) => [C(e.$slots, t, y(g(n)))])
-				}))]), 1032, ["agent-id"])) : T(B) === "files" ? (x(), c(ee, {
-					key: 4,
-					"agent-id": h.agentId
-				}, null, 8, ["agent-id"])) : T(B) === "auth" ? (x(), u("div", A, [C(e.$slots, "view-auth")])) : (x(), c(re, {
-					key: 6,
-					"agent-id": h.agentId
-				}, f({ _: 2 }, [S(Object.keys(T(M)), (t) => ({
-					name: t,
-					fn: D((n) => [C(e.$slots, t, y(g(n)))])
-				}))]), 1032, ["agent-id"])),
-				T(Q) ? (x(), u("div", we, [m(te, {
-					markdown: T(Q),
-					class: "wysiwyg"
-				}, null, 8, ["markdown"])])) : l("", !0)
-			], 2);
-		};
-	}
-});
-//#endregion
-export { j as t };
-
-//# sourceMappingURL=PkChatbot-BlG1WlAO.js.map

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

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