@8wave/ai-elements 0.111.0-beta.7 → 0.111.0-beta.8

package/dist-vue/PkChatbot.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbot-Di7R2CWN.js";
+import { t as e } from "./_chunks/PkChatbot-DE1bKmDi.js";
 export { e as default };

package/dist-vue/PkChatbotEmptyState.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotEmptyState-C_ITdvH7.js";
+import { t as e } from "./_chunks/PkChatbotEmptyState-BtzBYOHJ.js";
 export { e as default };

package/dist-vue/PkChatbotInput.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotInput-pEl3D2O-.js";
+import { t as e } from "./_chunks/PkChatbotInput-MSpF6SB6.js";
 export { e as default };

package/dist-vue/PkChatbotMessages.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotMessages-CGALOKwe.js";
+import { t as e } from "./_chunks/PkChatbotMessages-B6ONEJnZ.js";
 export { e as default };

package/dist-vue/PkChatbotStepPayload.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotStepPayload-BH6piqOi.js";
+import { t as e } from "./_chunks/PkChatbotStepPayload-XW4gT9AZ.js";
 export { e as default };

package/dist-vue/PkChatbotStepToolDetail.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotStepToolDetail-BJ7xUvgi.js";
+import { t as e } from "./_chunks/PkChatbotStepToolDetail-C4-K6Glw.js";
 export { e as default };

package/dist-vue/PkChatbotSteps.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotSteps-BhFupvbz.js";
+import { t as e } from "./_chunks/PkChatbotSteps-CrqjWpv0.js";
 export { e as default };

package/dist-vue/PkChatbotViewChat.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotViewChat-DT-rAU_r.js";
+import { t as e } from "./_chunks/PkChatbotViewChat-BMQtx1Gi.js";
 export { e as default };

package/dist-vue/_chunks/{PkChatbot-Di7R2CWN.js → PkChatbot-DE1bKmDi.js}

@@ -1,11 +1,11 @@
-import { n as e, t } from "./PkStreamingMarkdown-DIaZEedG.js";
+import { n as e, t } from "./PkStreamingMarkdown-D0IOaETI.js";
 import { n } from "./useChatbotStore-BzfqjiYz.js";
 import { t as ee } from "./PkChatbotViewConversations-3LaZPFyw.js";
-import { t as te } from "./PkChatbotViewChat-DT-rAU_r.js";
+import { t as te } from "./PkChatbotViewChat-BMQtx1Gi.js";
 import { t as ne } from "./PkChatbotViewFiles-CTqnbsCj.js";
 import { t as r } from "./useLocalizedString-PfaKjIQY.js";
+import { x as i } from "./utils-C1666_6C.js";
 import { t as re } from "./PkAvatar-paEJByEA.js";
-import { y as i } from "./utils-Coqik0XI.js";
 import { t as a } from "./chatbotProfileContext-CgnFhNPn.js";
 import { t as ie } from "./PkChatbotViewProfile-B-Mp1jGQ.js";
 import { VvAlert as ae, VvButton as oe, VvButtonGroup as se, VvDropdown as ce, VvDropdownAction as le, VvIcon as ue } from "@volverjs/ui-vue/components";
@@ -61,9 +61,9 @@ var be = { class: "pk-chatbot__header-start" }, xe = ["title"], Se = { key: 1 },
 	setup(h, { expose: v, emit: k }) {
 		let A = me(), { t: j } = _e({ useScope: "global" }), M = h, N = k, P = pe(h, "chatId"), F = n(M.agentId);
 		e((e) => F.apiClient.resolveShortUrls(e));
-		let { messages: I, chat: ke, localChatId: L, activeView: R, chatError: Ae, isDark: je } = ye(F), Me = fe(F, "agentId"), { startNewChat: z, stopGeneration: B, regenerate: Ne, navigate: V, sendMessage: Pe } = F, H = _(a, void 0), U = s(() => H?.canManageProfile.value ?? !1), W = s(() => !U.value && (H?.canSignIn?.value ?? !1) && A["view-auth"] !== void 0);
-		D(U, (e) => {
-			e && R.value === "auth" && V("chat");
+		let { messages: I, chat: ke, localChatId: L, activeView: R, chatError: Ae, isDark: je } = ye(F), z = fe(F, "agentId"), { startNewChat: B, stopGeneration: V, regenerate: Me, navigate: H, sendMessage: Ne } = F, U = _(a, void 0), W = s(() => U?.canManageProfile.value ?? !1), G = s(() => !W.value && (U?.canSignIn?.value ?? !1) && A["view-auth"] !== void 0);
+		D(W, (e) => {
+			e && R.value === "auth" && H("chat");
 		}), ge(() => {
 			F.baseUrl = M.baseUrl, F.basePath = M.basePath, F.name = M.name, F.agentType = M.agentType, F.userId = M.userId, F.agentInterface = M.agentInterface, F.agentModel = M.agentModel, F.agentTools = M.agentTools, F.headers = M.headers, F.revisedAnswers = M.revisedAnswers, F.model = M.model, F.actionsInput = M.actions, F.agentFileUpload = M.agentFileUpload, F.agentVoice = M.voice, F.fallbackModels = M.fallbackModels, F.gatewayOptions = M.gatewayOptions, F.externalContext = M.externalContext, F.systemTheme = M.systemTheme, F.hideWelcomeMessage = M.modifier === "fullscreen";
 		}), D(() => P.value, (e) => {
@@ -76,16 +76,16 @@ var be = { class: "pk-chatbot__header-start" }, xe = ["title"], Se = { key: 1 },
 				N("error", t);
 			} catch {}
 		});
-		let G = s(() => M.modifier === "fullscreen"), K = s(() => M.modifier === "panel"), q = he("chatbotEl"), { width: J } = ve(q), Fe = s(() => J.value > 0 && J.value < 576), Ie = s(() => J.value > 0 && J.value < 640), Le = s(() => J.value >= 848), Y = s(() => M.agentType === "reasoning"), X = s(() => M.agentInterface?.useColorsForAgentHeader), Re = s(() => !K.value || U.value || W.value || !!M.userFilesEnabled && !!L.value), ze = s(() => ["theme", `theme--${je.value ? "dark" : "light"}`]), Z = s(() => M.agentInterface?.mainColor), Q = s(() => i(M.agentInterface?.textColor, Z.value)), Be = r(() => M.agentInterface?.footerMessage), Ve = s(() => R.value === "conversations" ? j("label.conversations") : R.value === "profile" ? j("label.profile") : R.value === "auth" ? j("label.authentication") : R.value === "files" ? j("userFiles.chatFilesTitle") : M.name), $ = s(() => ke.value.status === "ready"), He = s(() => I.value?.[I.value.length - 1]);
+		let Pe = s(() => M.modifier === "fullscreen"), K = s(() => M.modifier === "panel"), Fe = he("chatbotEl"), { width: q } = ve(Fe), Ie = s(() => q.value > 0 && q.value < 576), Le = s(() => q.value > 0 && q.value < 640), Re = s(() => q.value >= 848), J = s(() => M.agentType === "reasoning"), Y = s(() => M.agentInterface?.useColorsForAgentHeader), ze = s(() => !K.value || W.value || G.value || !!M.userFilesEnabled && !!L.value), Be = s(() => ["theme", `theme--${je.value ? "dark" : "light"}`]), X = s(() => M.agentInterface?.mainColor), Z = s(() => i(M.agentInterface?.textColor, X.value)), Ve = r(() => M.agentInterface?.footerMessage), Q = s(() => R.value === "conversations" ? j("label.conversations") : R.value === "profile" ? j("label.profile") : R.value === "auth" ? j("label.authentication") : R.value === "files" ? j("userFiles.chatFilesTitle") : M.name), $ = s(() => ke.value.status === "ready"), He = s(() => I.value?.[I.value.length - 1]);
 		return v({
-			startNewChat: z,
-			regenerate: Ne,
-			stopGeneration: B,
-			sendMessage: Pe
-		}), D([Me, L], async ([e, t]) => {
+			startNewChat: B,
+			regenerate: Me,
+			stopGeneration: V,
+			sendMessage: Ne
+		}), D([z, L], async ([e, t]) => {
 			await F.initialize(e, t);
 		}, { immediate: !0 }), D(R, (e) => {
-			e === "conversations" ? F.loadConversations(Me.value) : e === "files" && F.loadChatFiles();
+			e === "conversations" ? F.loadConversations(z.value) : e === "files" && F.loadChatFiles();
 		}), D(He, (e) => {
 			e && N("message-update", e);
 		}, {
@@ -95,19 +95,19 @@ var be = { class: "pk-chatbot__header-start" }, xe = ["title"], Se = { key: 1 },
 			let r = oe, i = ue, a = le, s = ce, _ = se, v = ae;
 			return S(), u("div", {
 				ref_key: "chatbotEl",
-				ref: q,
-				class: de(["pk-chatbot", [ze.value, {
-					"pk-chatbot--fullscreen": G.value,
+				ref: Fe,
+				class: de(["pk-chatbot", [Be.value, {
+					"pk-chatbot--fullscreen": Pe.value,
 					"pk-chatbot--panel": K.value,
-					"pk-chatbot--phone": Fe.value,
-					"pk-chatbot--tight": Ie.value,
-					"pk-chatbot--wide": Le.value
+					"pk-chatbot--phone": Ie.value,
+					"pk-chatbot--tight": Le.value,
+					"pk-chatbot--wide": Re.value
 				}]])
 			}, [
-				G.value ? l("", !0) : (S(), u("div", {
+				Pe.value ? l("", !0) : (S(), u("div", {
 					key: 0,
 					class: "pk-chatbot__header",
-					style: x(X.value ? { backgroundColor: Z.value } : void 0)
+					style: x(Y.value ? { backgroundColor: X.value } : void 0)
 				}, [d("div", be, [E(R) === "chat" ? K.value ? l("", !0) : (S(), c(re, {
 					key: 1,
 					modifiers: "surface ring shrink-0",
@@ -115,52 +115,52 @@ var be = { class: "pk-chatbot__header-start" }, xe = ["title"], Se = { key: 1 },
 					name: h.name,
 					"img-src": h.agentInterface?.logo
 				}, null, 8, ["name", "img-src"])) : (S(), u(o, { key: 0 }, [m(r, y({
-					modifiers: X.value ? `action-quiet-${Q.value}` : "action-quiet",
+					modifiers: Y.value ? `action-quiet-${Z.value}` : "action-quiet",
 					icon: "ri:arrow-left-s-line",
 					title: E(j)("action.goBack")
-				}, { onClick: n[0] ||= (e) => E(V)("chat") }), null, 16), m(i, {
+				}, { onClick: n[0] ||= (e) => E(H)("chat") }), null, 16), m(i, {
 					name: E(R) === "conversations" ? "ri:history-line" : E(R) === "files" ? "ri:attachment-2" : "ri:user-line",
 					class: "pk-chatbot__nav-icon",
-					style: x(X.value ? { color: Q.value } : void 0)
+					style: x(Y.value ? { color: Z.value } : void 0)
 				}, null, 8, ["name", "style"])], 64)), d("strong", {
 					class: "pk-chatbot__title",
-					title: Ve.value,
-					style: x(X.value ? { color: Q.value } : void 0)
-				}, T(Ve.value), 13, xe)]), m(_, {
+					title: Q.value,
+					style: x(Y.value ? { color: Z.value } : void 0)
+				}, T(Q.value), 13, xe)]), m(_, {
 					class: "pk-chatbot__header-end",
 					modifiers: "compact"
 				}, {
 					default: O(() => [
 						w(e.$slots, "header-actions", b(g({
-							mainColor: Z.value,
-							useColorsForAgentHeader: X.value,
-							contrastColor: Q.value,
-							startNewChat: E(z),
-							stopGeneration: E(B)
+							mainColor: X.value,
+							useColorsForAgentHeader: Y.value,
+							contrastColor: Z.value,
+							startNewChat: E(B),
+							stopGeneration: E(V)
 						}))),
 						K.value ? (S(), u(o, { key: 0 }, [m(r, {
-							modifiers: X.value ? `action-quiet-${Q.value}` : "action-quiet",
+							modifiers: Y.value ? `action-quiet-${Z.value}` : "action-quiet",
 							icon: "ri:edit-box-line",
 							disabled: !$.value,
 							title: E(j)("action.startNewChat"),
-							onClick: n[1] ||= (e) => E(z)()
+							onClick: n[1] ||= (e) => E(B)()
 						}, null, 8, [
 							"modifiers",
 							"disabled",
 							"title"
-						]), Y.value ? l("", !0) : (S(), c(r, {
+						]), J.value ? l("", !0) : (S(), c(r, {
 							key: 0,
-							modifiers: X.value ? `action-quiet-${Q.value}` : "action-quiet",
+							modifiers: Y.value ? `action-quiet-${Z.value}` : "action-quiet",
 							icon: "ri:history-line",
 							disabled: !$.value,
 							title: E(j)("action.viewRecentChats"),
-							onClick: n[2] ||= (e) => E(V)("conversations")
+							onClick: n[2] ||= (e) => E(H)("conversations")
 						}, null, 8, [
 							"modifiers",
 							"disabled",
 							"title"
 						]))], 64)) : l("", !0),
-						Re.value ? (S(), c(s, b(y({ key: 1 }, {
+						ze.value ? (S(), c(s, b(y({ key: 1 }, {
 							placement: "bottom-end",
 							modifiers: "menu",
 							flip: !0,
@@ -170,41 +170,41 @@ var be = { class: "pk-chatbot__header-start" }, xe = ["title"], Se = { key: 1 },
 							items: O(() => [
 								K.value ? l("", !0) : (S(), c(a, {
 									key: 0,
-									onClick: n[3] ||= (e) => E(z)()
+									onClick: n[3] ||= (e) => E(B)()
 								}, {
 									default: O(() => [m(i, { name: "ri:edit-box-line" }), p(" " + T(E(j)("action.startNewChat")), 1)]),
 									_: 1
 								})),
-								!Y.value && !K.value ? (S(), c(a, {
+								!J.value && !K.value ? (S(), c(a, {
 									key: 1,
-									onClick: n[4] ||= (e) => E(V)("conversations")
+									onClick: n[4] ||= (e) => E(H)("conversations")
 								}, {
 									default: O(() => [m(i, { name: "ri:history-line" }), p(" " + T(E(j)("action.viewRecentChats")), 1)]),
 									_: 1
 								})) : l("", !0),
-								(U.value || h.userFilesEnabled) && E(L) ? (S(), c(a, {
+								(W.value || h.userFilesEnabled) && E(L) ? (S(), c(a, {
 									key: 2,
-									onClick: n[5] ||= (e) => E(V)("files")
+									onClick: n[5] ||= (e) => E(H)("files")
 								}, {
 									default: O(() => [m(i, { name: "ri:attachment-2" }), p(" " + T(E(j)("userFiles.chatFilesTitle")), 1)]),
 									_: 1
 								})) : l("", !0),
-								U.value ? (S(), c(a, {
+								W.value ? (S(), c(a, {
 									key: 3,
-									onClick: n[6] ||= (e) => E(V)("profile")
+									onClick: n[6] ||= (e) => E(H)("profile")
 								}, {
 									default: O(() => [m(i, { name: "ri:user-line" }), p(" " + T(E(j)("label.profile")), 1)]),
 									_: 1
-								})) : W.value ? (S(), c(a, {
+								})) : G.value ? (S(), c(a, {
 									key: 4,
-									onClick: n[7] ||= (e) => E(V)("auth")
+									onClick: n[7] ||= (e) => E(H)("auth")
 								}, {
 									default: O(() => [m(i, { name: "ri:account-circle-line" }), p(" " + T(E(j)("action.signIn")), 1)]),
 									_: 1
 								})) : l("", !0)
 							]),
 							default: O(() => [m(r, b(g({
-								modifiers: X.value ? `action-quiet-${Q.value}` : "action-quiet",
+								modifiers: Y.value ? `action-quiet-${Z.value}` : "action-quiet",
 								icon: "ri:more-2-fill",
 								disabled: !$.value,
 								title: E(j)("action.moreActions")
@@ -212,16 +212,16 @@ var be = { class: "pk-chatbot__header-start" }, xe = ["title"], Se = { key: 1 },
 							_: 1
 						}, 16)) : l("", !0),
 						w(e.$slots, "actions", b(g({
-							mainColor: Z.value,
-							useColorsForAgentHeader: X.value,
-							contrastColor: Q.value,
-							startNewChat: E(z),
-							stopGeneration: E(B)
+							mainColor: X.value,
+							useColorsForAgentHeader: Y.value,
+							contrastColor: Z.value,
+							startNewChat: E(B),
+							stopGeneration: E(V)
 						})))
 					]),
 					_: 3
 				})], 4)),
-				Y.value ? (S(), u("div", Se, [d("div", Ce, [m(v, { modifiers: "callout" }, {
+				J.value ? (S(), u("div", Se, [d("div", Ce, [m(v, { modifiers: "callout" }, {
 					default: O(() => [d("div", we, [m(i, {
 						name: "ri:alert-line",
 						class: "pk-chatbot__warning-icon"
@@ -258,8 +258,8 @@ var be = { class: "pk-chatbot__header-start" }, xe = ["title"], Se = { key: 1 },
 					name: t,
 					fn: O((n) => [w(e.$slots, t, b(g(n)))])
 				}))]), 1032, ["agent-id"])),
-				E(Be) ? (S(), u("div", Oe, [m(t, {
-					markdown: E(Be),
+				E(Ve) ? (S(), u("div", Oe, [m(t, {
+					markdown: E(Ve),
 					class: "wysiwyg"
 				}, null, 8, ["markdown"])])) : l("", !0)
 			], 2);
@@ -269,4 +269,4 @@ var be = { class: "pk-chatbot__header-start" }, xe = ["title"], Se = { key: 1 },
 //#endregion
 export { k as t };
 
-//# sourceMappingURL=PkChatbot-Di7R2CWN.js.map
+//# sourceMappingURL=PkChatbot-DE1bKmDi.js.map