@8wave/ai-elements 0.82.0 → 0.83.0

package/dist-vue/PkChatbot.js

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

package/dist-vue/PkChatbotError.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotError-C1ZxZlwQ.js";
+import { t as e } from "./_chunks/PkChatbotError-BlZ4WNup.js";
 export { e as default };

package/dist-vue/PkChatbotFeedbackForm.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotFeedbackForm-BFG5AcGR.js";
+import { t as e } from "./_chunks/PkChatbotFeedbackForm-Buzwweuj.js";
 export { e as default };

package/dist-vue/PkChatbotFilePreview.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotFilePreview-BPJwRxAC.js";
+import { t as e } from "./_chunks/PkChatbotFilePreview-0N9ASbIp.js";
 export { e as default };

package/dist-vue/PkChatbotInput.js

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

package/dist-vue/PkChatbotMessages.js

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

package/dist-vue/PkChatbotViewChat.js

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

package/dist-vue/PkChatbotViewConversations.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotViewConversations-GNm8qoqA.js";
+import { t as e } from "./_chunks/PkChatbotViewConversations-B19iyIBD.js";
 export { e as default };

package/dist-vue/PkChatbotViewProfile.js

@@ -1,2 +1,2 @@
-import { t as e } from "./_chunks/PkChatbotViewProfile-C605zDZy.js";
+import { t as e } from "./_chunks/PkChatbotViewProfile-D2raknfo.js";
 export { e as default };

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

@@ -0,0 +1,191 @@
+import { t as e } from "./useChatbotStore-DE8leYO8.js";
+import { t } from "./PkChatbotViewConversations-B19iyIBD.js";
+import { t as n } from "./useLocalizedString-CW0dVF2K.js";
+import { t as ee } from "./PkStreamingMarkdown-BUiAi-qv.js";
+import { n as te, t as ne } from "./PkChatbotViewProfile-D2raknfo.js";
+import { s as r } from "./utils-CRojvghU.js";
+import { t as re } from "./PkChatbotViewChat-BROfuqG3.js";
+import { VvAlert as ie, VvButton as ae, VvButtonGroup as i, VvDropdown as oe, VvDropdownAction as a, VvIcon as o } from "@volverjs/ui-vue/components";
+import { Fragment as se, 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, mergeModels as _, mergeProps as ce, normalizeClass as le, normalizeProps as v, normalizeStyle as y, openBlock as b, renderList as x, renderSlot as S, toDisplayString as C, toRef as w, unref as T, useModel as E, useSlots as D, watch as O, watchEffect as ue, withCtx as k } from "vue";
+import { useI18n as de } from "vue-i18n";
+import { storeToRefs as fe } from "pinia";
+//#region ../../packages/components/src/chat/PkChatbot.vue?vue&type=script&setup=true&lang.ts
+var pe = { class: "pk-chatbot__header-start" }, me = ["title"], he = { key: 0 }, ge = { class: "pk-chatbot__warning-body" }, _e = { class: "pk-chatbot__warning-header" }, A = { class: "pk-chatbot__warning-title" }, j = { class: "pk-chatbot__warning-text" }, M = {
+	key: 4,
+	class: "pk-chatbot__footer"
+}, N = /* @__PURE__ */ h({
+	__name: "PkChatbot",
+	props: /* @__PURE__ */ _({
+		baseUrl: {},
+		basePath: {},
+		agentId: {},
+		agentType: {},
+		userId: {},
+		name: {},
+		model: {},
+		agentModel: {},
+		agentTools: {},
+		agentInterface: {},
+		actions: {},
+		revisedAnswers: {},
+		headers: {},
+		systemTheme: {},
+		agentFileUpload: {},
+		fallbackModels: {},
+		gatewayOptions: {}
+	}, {
+		chatId: {
+			type: String,
+			default: void 0
+		},
+		chatIdModifiers: {}
+	}),
+	emits: /* @__PURE__ */ _([
+		"message-update",
+		"show-info",
+		"revise",
+		"error"
+	], ["update:chatId"]),
+	setup(h, { expose: _, emit: N }) {
+		let P = D(), { t: F } = de({ useScope: "global" }), I = h, L = N, R = E(h, "chatId"), z = e(I.agentId), { messages: B, chat: V, localChatId: H, activeView: U, chatError: ve } = fe(z), W = w(z, "agentId"), { startNewChat: G, stopGeneration: K, regenerate: ye, navigate: q } = z;
+		ue(() => {
+			z.baseUrl = I.baseUrl, z.basePath = I.basePath, z.name = I.name, z.agentType = I.agentType, z.userId = I.userId, z.agentInterface = I.agentInterface, z.agentModel = I.agentModel, z.agentTools = I.agentTools, z.headers = I.headers, z.revisedAnswers = I.revisedAnswers, z.model = I.model, z.actionsInput = I.actions, z.agentFileUpload = I.agentFileUpload, z.fallbackModels = I.fallbackModels, z.gatewayOptions = I.gatewayOptions;
+		}), O(() => R.value, (e) => {
+			e && e !== z.localChatId && (z.localChatId = e);
+		}, { immediate: !0 }), O(H, (e) => {
+			R.value = e;
+		}), O(ve, (e) => {
+			if (e) try {
+				L("error", JSON.parse(e.message));
+			} catch {}
+		});
+		let J = s(() => I.agentType === "reasoning"), Y = s(() => I.agentInterface?.useColorsForAgentHeader), be = s(() => {
+			let e = I.agentInterface?.theme;
+			return (!e || e === "auto") && (e = I.systemTheme), e ? ["theme", `theme--${e}`] : ["theme"];
+		}), X = s(() => I.agentInterface?.mainColor), Z = s(() => r(I.agentInterface?.textColor, X.value)), Q = n(() => I.agentInterface?.footerMessage), $ = s(() => U.value === "conversations" ? F("label.conversations") : U.value === "profile" ? F("label.profile") : I.name), xe = s(() => V.value.status === "ready"), Se = s(() => B.value?.[B.value.length - 1]);
+		return _({
+			startNewChat: G,
+			regenerate: ye,
+			stopGeneration: K
+		}), O([W, H], async ([e, t]) => {
+			await z.initialize(e, t);
+		}, { immediate: !0 }), O(() => I.agentInterface?.initialMessage, () => {
+			V.value.messages.length === 1 && V.value.messages[0].role === "assistant" && (V.value.messages = []);
+		}, { deep: !0 }), O(U, (e) => {
+			e === "conversations" && z.loadConversations(W.value);
+		}), O(Se, (e) => {
+			e && L("message-update", e);
+		}, {
+			deep: !0,
+			immediate: !0
+		}), (e, n) => {
+			let r = ae, s = o, _ = a, w = oe, E = i, D = ie;
+			return b(), u("div", { class: le(["pk-chatbot", be.value]) }, [
+				d("div", {
+					class: "pk-chatbot__header",
+					style: y(Y.value ? { backgroundColor: X.value } : void 0)
+				}, [d("div", pe, [T(U) === "chat" ? (b(), c(te, {
+					key: 1,
+					modifiers: "surface ring shrink-0",
+					class: "pk-chatbot__avatar",
+					name: h.name,
+					"img-src": h.agentInterface?.logo
+				}, null, 8, ["name", "img-src"])) : (b(), u(se, { key: 0 }, [m(r, ce({
+					modifiers: Y.value ? `action-quiet-${Z.value}` : "action-quiet",
+					icon: "ri:arrow-left-s-line",
+					title: T(F)("action.goBack")
+				}, { onClick: n[0] ||= (e) => T(q)("chat") }), null, 16), m(s, {
+					name: "ri:history-line",
+					class: "pk-chatbot__nav-icon",
+					style: y(Y.value ? { color: Z.value } : void 0)
+				}, null, 8, ["style"])], 64)), d("strong", {
+					class: "pk-chatbot__title",
+					title: $.value,
+					style: y(Y.value ? { color: Z.value } : void 0)
+				}, C($.value), 13, me)]), m(E, {
+					class: "pk-chatbot__header-end",
+					modifiers: "compact"
+				}, {
+					default: k(() => [
+						S(e.$slots, "header-actions", v(g({
+							mainColor: X.value,
+							useColorsForAgentHeader: Y.value,
+							contrastColor: Z.value,
+							startNewChat: T(G),
+							stopGeneration: T(K)
+						}))),
+						m(w, v(g({
+							placement: "bottom-end",
+							modifiers: "menu",
+							flip: !0,
+							offset: 3,
+							strategy: "fixed"
+						})), {
+							items: k(() => [m(_, { onClick: n[1] ||= (e) => T(G)() }, {
+								default: k(() => [m(s, { name: "ri:edit-box-line" }), p(" " + C(T(F)("action.startNewChat")), 1)]),
+								_: 1
+							}), J.value ? l("", !0) : (b(), c(_, {
+								key: 0,
+								onClick: n[2] ||= (e) => T(q)("conversations")
+							}, {
+								default: k(() => [m(s, { name: "ri:history-line" }), p(" " + C(T(F)("action.viewRecentChats")), 1)]),
+								_: 1
+							}))]),
+							default: k(() => [m(r, v(g({
+								modifiers: Y.value ? `action-quiet-${Z.value}` : "action-quiet",
+								icon: "ri:more-2-fill",
+								disabled: !xe.value,
+								title: T(F)("action.moreActions")
+							})), null, 16)]),
+							_: 1
+						}, 16),
+						S(e.$slots, "actions", v(g({
+							mainColor: X.value,
+							useColorsForAgentHeader: Y.value,
+							contrastColor: Z.value,
+							startNewChat: T(G),
+							stopGeneration: T(K)
+						})))
+					]),
+					_: 3
+				})], 4),
+				J.value ? (b(), u("div", he, [d("div", ge, [m(D, { modifiers: "callout" }, {
+					default: k(() => [d("div", _e, [m(s, {
+						name: "ri:alert-line",
+						class: "pk-chatbot__warning-icon"
+					}), d("strong", A, C(T(F)("message.warning")), 1)]), d("p", j, C(T(F)("message.reasoningAgent")), 1)]),
+					_: 1
+				})])])) : l("", !0),
+				T(U) === "chat" ? (b(), c(re, {
+					key: 1,
+					"agent-id": h.agentId,
+					onShowInfo: n[3] ||= (e) => L("show-info", e),
+					onRevise: n[4] ||= (e) => L("revise", e)
+				}, f({ _: 2 }, [x(Object.keys(T(P)), (t) => ({
+					name: t,
+					fn: k((n) => [S(e.$slots, t, v(g(n)))])
+				}))]), 1032, ["agent-id"])) : T(U) === "conversations" ? (b(), c(t, {
+					key: 2,
+					"agent-id": h.agentId
+				}, f({ _: 2 }, [x(Object.keys(T(P)), (t) => ({
+					name: t,
+					fn: k((n) => [S(e.$slots, t, v(g(n)))])
+				}))]), 1032, ["agent-id"])) : (b(), c(ne, {
+					key: 3,
+					"agent-id": h.agentId
+				}, f({ _: 2 }, [x(Object.keys(T(P)), (t) => ({
+					name: t,
+					fn: k((n) => [S(e.$slots, t, v(g(n)))])
+				}))]), 1032, ["agent-id"])),
+				T(Q) ? (b(), u("div", M, [m(ee, {
+					markdown: T(Q),
+					class: "wysiwyg"
+				}, null, 8, ["markdown"])])) : l("", !0)
+			], 2);
+		};
+	}
+});
+//#endregion
+export { N as t };
+
+//# sourceMappingURL=PkChatbot-C1gpRhfP.js.map

package/dist-vue/_chunks/PkChatbot-C1gpRhfP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkChatbot-C1gpRhfP.js","names":[],"sources":["../../../../packages/components/src/chat/PkChatbot.vue","../../../../packages/components/src/chat/PkChatbot.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, toRef, watch, watchEffect, useSlots } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type {\n        AgentInterface,\n        AgentModel,\n        AgentFileUpload,\n        AgentGatewayOptions,\n        ChatMessageActions,\n        RevisedAnswer,\n        UIChatMessage,\n        AgentTools,\n    } from 'models'\n    import { useChatbotStore, useLocalizedString } from 'composables'\n    import PkAvatar from './PkAvatar.vue'\n    import PkChatbotViewChat from './PkChatbotViewChat.vue'\n    import PkChatbotViewConversations from './PkChatbotViewConversations.vue'\n    import PkChatbotViewProfile from './PkChatbotViewProfile.vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import { resolveContrastColor } from './utils'\n\n    // Captured in script setup to avoid TS7022 circular inference in template\n    const slots = useSlots()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const props = defineProps<{\n        baseUrl: string\n        basePath?: string\n        agentId: string\n        agentType?: 'reasoning' | 'chat'\n        userId?: string\n        name?: string\n        model?: string\n        agentModel?: AgentModel\n        agentTools?: AgentTools\n        agentInterface?: AgentInterface\n        actions?: ChatMessageActions[]\n        revisedAnswers?: RevisedAnswer[]\n        headers?: Record<string, string>\n        systemTheme?: 'light' | 'dark'\n        agentFileUpload?: AgentFileUpload\n        fallbackModels?: string[]\n        gatewayOptions?: Partial<AgentGatewayOptions>\n    }>()\n    const emit = defineEmits<{\n        'message-update': [message: UIChatMessage]\n        'show-info': [message: UIChatMessage]\n        revise: [message: UIChatMessage]\n        error: [error: { type: string; title: string; status: number }]\n    }>()\n\n    const chatId = defineModel<string | undefined>('chatId', {\n        type: String,\n        default: undefined,\n    })\n\n    const store = useChatbotStore(props.agentId)\n\n    const { messages, chat, localChatId, activeView, chatError } =\n        storeToRefs(store)\n\n    // Ref to store.agentId for watchers (avoids duplicate-key with agentId prop)\n    const storeAgentId = toRef(store, 'agentId')\n\n    const { startNewChat, stopGeneration, regenerate, navigate } = store\n\n    // Sync props → store reactively\n    watchEffect(() => {\n        store.baseUrl = props.baseUrl\n        store.basePath = props.basePath\n        store.name = props.name\n        store.agentType = props.agentType\n        store.userId = props.userId\n        store.agentInterface = props.agentInterface\n        store.agentModel = props.agentModel\n        store.agentTools = props.agentTools\n        store.headers = props.headers\n        store.revisedAnswers = props.revisedAnswers\n        store.model = props.model\n        store.actionsInput = props.actions\n        store.agentFileUpload = props.agentFileUpload\n        store.fallbackModels = props.fallbackModels\n        store.gatewayOptions = props.gatewayOptions\n    })\n\n    // Sync chatId v-model ↔ store (bidirectional)\n    // Parent → store: if the parent provides an external chatId, push it into\n    // the store so the Chat instance picks it up.\n    watch(\n        () => chatId.value,\n        (id) => {\n            if (id && id !== store.localChatId) {\n                store.localChatId = id\n            }\n        },\n        { immediate: true },\n    )\n    // Store → parent: keep the v-model in sync whenever the store changes\n    // the chatId internally (e.g. startNewChat).\n    watch(localChatId, (id) => {\n        chatId.value = id\n    })\n\n    // Emit structured errors from chat to the parent component\n    watch(chatError, (error) => {\n        if (!error) {\n            return\n        }\n        try {\n            const parsedError = JSON.parse(error.message) as {\n                type: string\n                title: string\n                status: number\n            }\n            emit('error', parsedError)\n        } catch {\n            // ignore non-JSON errors\n        }\n    })\n\n    // ui\n    const isReasoningAgent = computed(() => props.agentType === 'reasoning')\n    const useColorsForAgentHeader = computed(\n        () => props.agentInterface?.useColorsForAgentHeader,\n    )\n    const themeClass = computed(() => {\n        let theme = props.agentInterface?.theme\n        if (!theme || theme === 'auto') {\n            theme = props.systemTheme\n        }\n        if (!theme) {\n            return ['theme']\n        }\n        return ['theme', `theme--${theme}`]\n    })\n    const mainColor = computed(() => props.agentInterface?.mainColor)\n    const contrastColor = computed(() =>\n        resolveContrastColor(props.agentInterface?.textColor, mainColor.value),\n    )\n    const footerMessage = useLocalizedString(\n        () => props.agentInterface?.footerMessage,\n    )\n    const title = computed(() => {\n        if (activeView.value === 'conversations') {\n            return $t('label.conversations')\n        }\n        if (activeView.value === 'profile') {\n            return $t('label.profile')\n        }\n        return props.name\n    })\n\n    // state\n    const isReady = computed(() => chat.value.status === 'ready')\n    const activeMessage = computed(() => {\n        return messages.value?.[messages.value.length - 1]\n    })\n\n    // expose\n    defineExpose({\n        startNewChat,\n        regenerate,\n        stopGeneration,\n    })\n\n    // load chat, conversations and feedbacks on agent or chat change\n    watch(\n        [storeAgentId, localChatId],\n        async ([newAgentId, newChatId]) => {\n            await store.initialize(newAgentId, newChatId)\n        },\n        {\n            immediate: true,\n        },\n    )\n    // update initial message\n    watch(\n        () => props.agentInterface?.initialMessage,\n        () => {\n            if (\n                chat.value.messages.length === 1 &&\n                chat.value.messages[0].role === 'assistant'\n            ) {\n                chat.value.messages = []\n            }\n        },\n        { deep: true },\n    )\n    // load conversations when navigating to conversations view\n    watch(activeView, (newView) => {\n        if (newView === 'conversations') {\n            store.loadConversations(storeAgentId.value)\n        }\n    })\n    // emit message updates for up-to-date context in parent components\n    watch(\n        activeMessage,\n        (message) => {\n            if (message) {\n                emit('message-update', message)\n            }\n        },\n        {\n            deep: true,\n            immediate: true,\n        },\n    )\n</script>\n\n<template>\n    <div class=\"pk-chatbot\" :class=\"themeClass\">\n        <!-- #region title -->\n        <div\n            class=\"pk-chatbot__header\"\n            :style=\"\n                useColorsForAgentHeader\n                    ? {\n                          backgroundColor: mainColor,\n                      }\n                    : undefined\n            \">\n            <div class=\"pk-chatbot__header-start\">\n                <template v-if=\"activeView !== 'chat'\">\n                    <VvButton\n                        v-bind=\"{\n                            modifiers: useColorsForAgentHeader\n                                ? `action-quiet-${contrastColor}`\n                                : 'action-quiet',\n                            icon: 'ri:arrow-left-s-line',\n                            title: $t('action.goBack'),\n                        }\"\n                        @click=\"navigate('chat')\" />\n                    <VvIcon\n                        name=\"ri:history-line\"\n                        class=\"pk-chatbot__nav-icon\"\n                        :style=\"\n                            useColorsForAgentHeader\n                                ? {\n                                      color: contrastColor,\n                                  }\n                                : undefined\n                        \" />\n                </template>\n                <PkAvatar\n                    v-else\n                    modifiers=\"surface ring shrink-0\"\n                    class=\"pk-chatbot__avatar\"\n                    :name\n                    :img-src=\"agentInterface?.logo\" />\n                <strong\n                    class=\"pk-chatbot__title\"\n                    :title=\"title\"\n                    :style=\"\n                        useColorsForAgentHeader\n                            ? {\n                                  color: contrastColor,\n                              }\n                            : undefined\n                    \">\n                    {{ title }}\n                </strong>\n            </div>\n            <VvButtonGroup class=\"pk-chatbot__header-end\" modifiers=\"compact\">\n                <slot\n                    name=\"header-actions\"\n                    v-bind=\"{\n                        mainColor,\n                        useColorsForAgentHeader,\n                        contrastColor,\n                        startNewChat,\n                        stopGeneration,\n                    }\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        v-bind=\"{\n                            modifiers: useColorsForAgentHeader\n                                ? `action-quiet-${contrastColor}`\n                                : 'action-quiet',\n                            icon: 'ri:more-2-fill',\n                            disabled: !isReady,\n                            title: $t('action.moreActions'),\n                        }\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"startNewChat()\">\n                            <VvIcon name=\"ri:edit-box-line\" />\n                            {{ $t('action.startNewChat') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction\n                            v-if=\"!isReasoningAgent\"\n                            @click=\"navigate('conversations')\">\n                            <VvIcon name=\"ri:history-line\" />\n                            {{ $t('action.viewRecentChats') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n                <slot\n                    name=\"actions\"\n                    v-bind=\"{\n                        mainColor,\n                        useColorsForAgentHeader,\n                        contrastColor,\n                        startNewChat,\n                        stopGeneration,\n                    }\" />\n            </VvButtonGroup>\n        </div>\n        <!-- #endregion -->\n\n        <div v-if=\"isReasoningAgent\">\n            <div class=\"pk-chatbot__warning-body\">\n                <VvAlert modifiers=\"callout\">\n                    <div class=\"pk-chatbot__warning-header\">\n                        <VvIcon\n                            name=\"ri:alert-line\"\n                            class=\"pk-chatbot__warning-icon\" />\n                        <strong class=\"pk-chatbot__warning-title\">\n                            {{ $t('message.warning') }}\n                        </strong>\n                    </div>\n                    <p class=\"pk-chatbot__warning-text\">\n                        {{ $t('message.reasoningAgent') }}\n                    </p>\n                </VvAlert>\n            </div>\n        </div>\n\n        <!-- #region views -->\n        <PkChatbotViewChat\n            v-if=\"activeView === 'chat'\"\n            :agent-id\n            @show-info=\"emit('show-info', $event)\"\n            @revise=\"emit('revise', $event)\">\n            <template\n                v-for=\"slotName in Object.keys(slots)\"\n                #[slotName]=\"slotData\"\n                ><slot :name=\"slotName\" v-bind=\"slotData\"\n            /></template>\n        </PkChatbotViewChat>\n        <PkChatbotViewConversations\n            v-else-if=\"activeView === 'conversations'\"\n            :agent-id>\n            <template\n                v-for=\"slotName in Object.keys(slots)\"\n                #[slotName]=\"slotData\"\n                ><slot :name=\"slotName\" v-bind=\"slotData\"\n            /></template>\n        </PkChatbotViewConversations>\n        <PkChatbotViewProfile v-else :agent-id>\n            <template\n                v-for=\"slotName in Object.keys(slots)\"\n                #[slotName]=\"slotData\"\n                ><slot :name=\"slotName\" v-bind=\"slotData\"\n            /></template>\n        </PkChatbotViewProfile>\n        <!-- #endregion -->\n\n        <!-- #region footer -->\n        <div v-if=\"footerMessage\" class=\"pk-chatbot__footer\">\n            <PkStreamingMarkdown :markdown=\"footerMessage\" class=\"wysiwyg\" />\n        </div>\n        <!-- #endregion -->\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        height: 100%;\n        background-color: var(--color-surface);\n\n        &__header {\n            position: sticky;\n            top: 0;\n            z-index: 1;\n            display: flex;\n            justify-content: space-between;\n            gap: var(--spacing-14);\n            background-color: var(--color-surface-1);\n            padding: var(--spacing-14);\n            border-bottom: 1px solid var(--color-surface-4);\n        }\n\n        &__header-start {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-sm);\n            min-width: 0;\n        }\n\n        &__nav-icon {\n            font-size: var(--text-18);\n        }\n\n        &__avatar {\n            width: var(--spacing-24);\n            height: var(--spacing-24);\n        }\n\n        &__title {\n            font-size: var(--text-16);\n            font-weight: 700;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        &__header-end {\n            flex-shrink: 0;\n        }\n\n        &__warning-body {\n            padding: var(--spacing-md);\n            border-bottom: 1px solid var(--color-surface-4);\n        }\n\n        &__warning-header {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            margin-bottom: var(--spacing-4);\n        }\n\n        &__warning-icon {\n            width: var(--spacing-16);\n            height: var(--spacing-16);\n        }\n\n        &__warning-title {\n            font-weight: 600;\n            font-size: var(--text-14);\n        }\n\n        &__warning-text {\n            font-size: var(--text-12);\n            color: var(--color-word-3);\n        }\n\n        &__footer {\n            padding: var(--spacing-md);\n            border-top: 1px solid var(--color-surface-4);\n            text-align: center;\n            font-size: var(--text-12);\n            color: var(--color-word-2);\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, toRef, watch, watchEffect, useSlots } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type {\n        AgentInterface,\n        AgentModel,\n        AgentFileUpload,\n        AgentGatewayOptions,\n        ChatMessageActions,\n        RevisedAnswer,\n        UIChatMessage,\n        AgentTools,\n    } from 'models'\n    import { useChatbotStore, useLocalizedString } from 'composables'\n    import PkAvatar from './PkAvatar.vue'\n    import PkChatbotViewChat from './PkChatbotViewChat.vue'\n    import PkChatbotViewConversations from './PkChatbotViewConversations.vue'\n    import PkChatbotViewProfile from './PkChatbotViewProfile.vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import { resolveContrastColor } from './utils'\n\n    // Captured in script setup to avoid TS7022 circular inference in template\n    const slots = useSlots()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const props = defineProps<{\n        baseUrl: string\n        basePath?: string\n        agentId: string\n        agentType?: 'reasoning' | 'chat'\n        userId?: string\n        name?: string\n        model?: string\n        agentModel?: AgentModel\n        agentTools?: AgentTools\n        agentInterface?: AgentInterface\n        actions?: ChatMessageActions[]\n        revisedAnswers?: RevisedAnswer[]\n        headers?: Record<string, string>\n        systemTheme?: 'light' | 'dark'\n        agentFileUpload?: AgentFileUpload\n        fallbackModels?: string[]\n        gatewayOptions?: Partial<AgentGatewayOptions>\n    }>()\n    const emit = defineEmits<{\n        'message-update': [message: UIChatMessage]\n        'show-info': [message: UIChatMessage]\n        revise: [message: UIChatMessage]\n        error: [error: { type: string; title: string; status: number }]\n    }>()\n\n    const chatId = defineModel<string | undefined>('chatId', {\n        type: String,\n        default: undefined,\n    })\n\n    const store = useChatbotStore(props.agentId)\n\n    const { messages, chat, localChatId, activeView, chatError } =\n        storeToRefs(store)\n\n    // Ref to store.agentId for watchers (avoids duplicate-key with agentId prop)\n    const storeAgentId = toRef(store, 'agentId')\n\n    const { startNewChat, stopGeneration, regenerate, navigate } = store\n\n    // Sync props → store reactively\n    watchEffect(() => {\n        store.baseUrl = props.baseUrl\n        store.basePath = props.basePath\n        store.name = props.name\n        store.agentType = props.agentType\n        store.userId = props.userId\n        store.agentInterface = props.agentInterface\n        store.agentModel = props.agentModel\n        store.agentTools = props.agentTools\n        store.headers = props.headers\n        store.revisedAnswers = props.revisedAnswers\n        store.model = props.model\n        store.actionsInput = props.actions\n        store.agentFileUpload = props.agentFileUpload\n        store.fallbackModels = props.fallbackModels\n        store.gatewayOptions = props.gatewayOptions\n    })\n\n    // Sync chatId v-model ↔ store (bidirectional)\n    // Parent → store: if the parent provides an external chatId, push it into\n    // the store so the Chat instance picks it up.\n    watch(\n        () => chatId.value,\n        (id) => {\n            if (id && id !== store.localChatId) {\n                store.localChatId = id\n            }\n        },\n        { immediate: true },\n    )\n    // Store → parent: keep the v-model in sync whenever the store changes\n    // the chatId internally (e.g. startNewChat).\n    watch(localChatId, (id) => {\n        chatId.value = id\n    })\n\n    // Emit structured errors from chat to the parent component\n    watch(chatError, (error) => {\n        if (!error) {\n            return\n        }\n        try {\n            const parsedError = JSON.parse(error.message) as {\n                type: string\n                title: string\n                status: number\n            }\n            emit('error', parsedError)\n        } catch {\n            // ignore non-JSON errors\n        }\n    })\n\n    // ui\n    const isReasoningAgent = computed(() => props.agentType === 'reasoning')\n    const useColorsForAgentHeader = computed(\n        () => props.agentInterface?.useColorsForAgentHeader,\n    )\n    const themeClass = computed(() => {\n        let theme = props.agentInterface?.theme\n        if (!theme || theme === 'auto') {\n            theme = props.systemTheme\n        }\n        if (!theme) {\n            return ['theme']\n        }\n        return ['theme', `theme--${theme}`]\n    })\n    const mainColor = computed(() => props.agentInterface?.mainColor)\n    const contrastColor = computed(() =>\n        resolveContrastColor(props.agentInterface?.textColor, mainColor.value),\n    )\n    const footerMessage = useLocalizedString(\n        () => props.agentInterface?.footerMessage,\n    )\n    const title = computed(() => {\n        if (activeView.value === 'conversations') {\n            return $t('label.conversations')\n        }\n        if (activeView.value === 'profile') {\n            return $t('label.profile')\n        }\n        return props.name\n    })\n\n    // state\n    const isReady = computed(() => chat.value.status === 'ready')\n    const activeMessage = computed(() => {\n        return messages.value?.[messages.value.length - 1]\n    })\n\n    // expose\n    defineExpose({\n        startNewChat,\n        regenerate,\n        stopGeneration,\n    })\n\n    // load chat, conversations and feedbacks on agent or chat change\n    watch(\n        [storeAgentId, localChatId],\n        async ([newAgentId, newChatId]) => {\n            await store.initialize(newAgentId, newChatId)\n        },\n        {\n            immediate: true,\n        },\n    )\n    // update initial message\n    watch(\n        () => props.agentInterface?.initialMessage,\n        () => {\n            if (\n                chat.value.messages.length === 1 &&\n                chat.value.messages[0].role === 'assistant'\n            ) {\n                chat.value.messages = []\n            }\n        },\n        { deep: true },\n    )\n    // load conversations when navigating to conversations view\n    watch(activeView, (newView) => {\n        if (newView === 'conversations') {\n            store.loadConversations(storeAgentId.value)\n        }\n    })\n    // emit message updates for up-to-date context in parent components\n    watch(\n        activeMessage,\n        (message) => {\n            if (message) {\n                emit('message-update', message)\n            }\n        },\n        {\n            deep: true,\n            immediate: true,\n        },\n    )\n</script>\n\n<template>\n    <div class=\"pk-chatbot\" :class=\"themeClass\">\n        <!-- #region title -->\n        <div\n            class=\"pk-chatbot__header\"\n            :style=\"\n                useColorsForAgentHeader\n                    ? {\n                          backgroundColor: mainColor,\n                      }\n                    : undefined\n            \">\n            <div class=\"pk-chatbot__header-start\">\n                <template v-if=\"activeView !== 'chat'\">\n                    <VvButton\n                        v-bind=\"{\n                            modifiers: useColorsForAgentHeader\n                                ? `action-quiet-${contrastColor}`\n                                : 'action-quiet',\n                            icon: 'ri:arrow-left-s-line',\n                            title: $t('action.goBack'),\n                        }\"\n                        @click=\"navigate('chat')\" />\n                    <VvIcon\n                        name=\"ri:history-line\"\n                        class=\"pk-chatbot__nav-icon\"\n                        :style=\"\n                            useColorsForAgentHeader\n                                ? {\n                                      color: contrastColor,\n                                  }\n                                : undefined\n                        \" />\n                </template>\n                <PkAvatar\n                    v-else\n                    modifiers=\"surface ring shrink-0\"\n                    class=\"pk-chatbot__avatar\"\n                    :name\n                    :img-src=\"agentInterface?.logo\" />\n                <strong\n                    class=\"pk-chatbot__title\"\n                    :title=\"title\"\n                    :style=\"\n                        useColorsForAgentHeader\n                            ? {\n                                  color: contrastColor,\n                              }\n                            : undefined\n                    \">\n                    {{ title }}\n                </strong>\n            </div>\n            <VvButtonGroup class=\"pk-chatbot__header-end\" modifiers=\"compact\">\n                <slot\n                    name=\"header-actions\"\n                    v-bind=\"{\n                        mainColor,\n                        useColorsForAgentHeader,\n                        contrastColor,\n                        startNewChat,\n                        stopGeneration,\n                    }\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        v-bind=\"{\n                            modifiers: useColorsForAgentHeader\n                                ? `action-quiet-${contrastColor}`\n                                : 'action-quiet',\n                            icon: 'ri:more-2-fill',\n                            disabled: !isReady,\n                            title: $t('action.moreActions'),\n                        }\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"startNewChat()\">\n                            <VvIcon name=\"ri:edit-box-line\" />\n                            {{ $t('action.startNewChat') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction\n                            v-if=\"!isReasoningAgent\"\n                            @click=\"navigate('conversations')\">\n                            <VvIcon name=\"ri:history-line\" />\n                            {{ $t('action.viewRecentChats') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n                <slot\n                    name=\"actions\"\n                    v-bind=\"{\n                        mainColor,\n                        useColorsForAgentHeader,\n                        contrastColor,\n                        startNewChat,\n                        stopGeneration,\n                    }\" />\n            </VvButtonGroup>\n        </div>\n        <!-- #endregion -->\n\n        <div v-if=\"isReasoningAgent\">\n            <div class=\"pk-chatbot__warning-body\">\n                <VvAlert modifiers=\"callout\">\n                    <div class=\"pk-chatbot__warning-header\">\n                        <VvIcon\n                            name=\"ri:alert-line\"\n                            class=\"pk-chatbot__warning-icon\" />\n                        <strong class=\"pk-chatbot__warning-title\">\n                            {{ $t('message.warning') }}\n                        </strong>\n                    </div>\n                    <p class=\"pk-chatbot__warning-text\">\n                        {{ $t('message.reasoningAgent') }}\n                    </p>\n                </VvAlert>\n            </div>\n        </div>\n\n        <!-- #region views -->\n        <PkChatbotViewChat\n            v-if=\"activeView === 'chat'\"\n            :agent-id\n            @show-info=\"emit('show-info', $event)\"\n            @revise=\"emit('revise', $event)\">\n            <template\n                v-for=\"slotName in Object.keys(slots)\"\n                #[slotName]=\"slotData\"\n                ><slot :name=\"slotName\" v-bind=\"slotData\"\n            /></template>\n        </PkChatbotViewChat>\n        <PkChatbotViewConversations\n            v-else-if=\"activeView === 'conversations'\"\n            :agent-id>\n            <template\n                v-for=\"slotName in Object.keys(slots)\"\n                #[slotName]=\"slotData\"\n                ><slot :name=\"slotName\" v-bind=\"slotData\"\n            /></template>\n        </PkChatbotViewConversations>\n        <PkChatbotViewProfile v-else :agent-id>\n            <template\n                v-for=\"slotName in Object.keys(slots)\"\n                #[slotName]=\"slotData\"\n                ><slot :name=\"slotName\" v-bind=\"slotData\"\n            /></template>\n        </PkChatbotViewProfile>\n        <!-- #endregion -->\n\n        <!-- #region footer -->\n        <div v-if=\"footerMessage\" class=\"pk-chatbot__footer\">\n            <PkStreamingMarkdown :markdown=\"footerMessage\" class=\"wysiwyg\" />\n        </div>\n        <!-- #endregion -->\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        height: 100%;\n        background-color: var(--color-surface);\n\n        &__header {\n            position: sticky;\n            top: 0;\n            z-index: 1;\n            display: flex;\n            justify-content: space-between;\n            gap: var(--spacing-14);\n            background-color: var(--color-surface-1);\n            padding: var(--spacing-14);\n            border-bottom: 1px solid var(--color-surface-4);\n        }\n\n        &__header-start {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-sm);\n            min-width: 0;\n        }\n\n        &__nav-icon {\n            font-size: var(--text-18);\n        }\n\n        &__avatar {\n            width: var(--spacing-24);\n            height: var(--spacing-24);\n        }\n\n        &__title {\n            font-size: var(--text-16);\n            font-weight: 700;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n        }\n\n        &__header-end {\n            flex-shrink: 0;\n        }\n\n        &__warning-body {\n            padding: var(--spacing-md);\n            border-bottom: 1px solid var(--color-surface-4);\n        }\n\n        &__warning-header {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            margin-bottom: var(--spacing-4);\n        }\n\n        &__warning-icon {\n            width: var(--spacing-16);\n            height: var(--spacing-16);\n        }\n\n        &__warning-title {\n            font-weight: 600;\n            font-size: var(--text-14);\n        }\n\n        &__warning-text {\n            font-size: var(--text-12);\n            color: var(--color-word-3);\n        }\n\n        &__footer {\n            padding: var(--spacing-md);\n            border-top: 1px solid var(--color-surface-4);\n            text-align: center;\n            font-size: var(--text-12);\n            color: var(--color-word-2);\n        }\n    }\n</style>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkChatbotError-C1ZxZlwQ.js → PkChatbotError-BlZ4WNup.js}

@@ -19,7 +19,7 @@ function S(e, t) {
 	return e?.startsWith(`STREAM_ERROR:${t}:`) ?? !1;
 }
 //#endregion
-//#region ../../packages/components/src/composables/useChatbotError.ts
+//#region ../../packages/composable/src/useChatbotError.ts
 function C(e, t) {
 	return e?.message?.toLowerCase().includes(t) ?? !1;
 }
@@ -101,4 +101,4 @@ var E = { class: "flex" }, D = /* @__PURE__ */ u({
 //#endregion
 export { D as t };
 
-//# sourceMappingURL=PkChatbotError-C1ZxZlwQ.js.map
+//# sourceMappingURL=PkChatbotError-BlZ4WNup.js.map

package/dist-vue/_chunks/PkChatbotError-BlZ4WNup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkChatbotError-BlZ4WNup.js","names":["$emit"],"sources":["../../../../packages/models/src/schema/StreamError.ts","../../../../packages/composable/src/useChatbotError.ts","../../../../packages/components/src/chat/PkChatbotError.vue","../../../../packages/components/src/chat/PkChatbotError.vue"],"sourcesContent":["export const STREAM_ERROR_PREFIX = 'STREAM_ERROR:'\n\nexport const StreamErrorCode = {\n    GATEWAY_CONFIG: 'GATEWAY_CONFIG',\n} as const\n\nexport type StreamErrorCode =\n    (typeof StreamErrorCode)[keyof typeof StreamErrorCode]\n\nexport interface StreamErrorPayload {\n    reason: string\n    model?: string\n    [key: string]: unknown\n}\n\nexport function formatStreamError(\n    code: string,\n    payload: StreamErrorPayload,\n): string {\n    return `${STREAM_ERROR_PREFIX}${code}:${JSON.stringify(payload)}`\n}\n\nexport function parseStreamError(\n    message: string | undefined,\n): { code: string; payload: StreamErrorPayload } | undefined {\n    if (!message?.startsWith(STREAM_ERROR_PREFIX)) {\n        return undefined\n    }\n    const afterPrefix = message.slice(STREAM_ERROR_PREFIX.length)\n    const colonIndex = afterPrefix.indexOf(':')\n    if (colonIndex === -1) {\n        return undefined\n    }\n    const code = afterPrefix.slice(0, colonIndex)\n    try {\n        const payload = JSON.parse(\n            afterPrefix.slice(colonIndex + 1),\n        ) as StreamErrorPayload\n        return { code, payload }\n    } catch {\n        return undefined\n    }\n}\n\nexport function matchesStreamErrorCode(\n    message: string | undefined,\n    code: string,\n): boolean {\n    return message?.startsWith(`${STREAM_ERROR_PREFIX}${code}:`) ?? false\n}\n","import { computed, toValue, type MaybeRefOrGetter } from 'vue'\nimport {\n    matchesStreamErrorCode as matchesStreamCode,\n    parseStreamError,\n    type StreamErrorPayload,\n} from 'models'\n\nexport type { StreamErrorPayload }\n\ntype ErrorCode =\n    | 'context_length_exceeded'\n    | 'entity-not-found'\n    | 'rate-limit-exceeded'\n    | 'origin-not-allowed'\n    | 'credit-exhausted'\n    | 'conversation-blocked'\n    | 'bad request'\n    | 'internal-server-error'\n\nfunction matchesCode(error: Error | undefined, code: ErrorCode): boolean {\n    return error?.message?.toLowerCase().includes(code) ?? false\n}\n\nexport function getStreamErrorPayload(\n    error: Error | undefined,\n): StreamErrorPayload | undefined {\n    return parseStreamError(error?.message)?.payload\n}\n\nexport function useChatbotError(error: MaybeRefOrGetter<Error | undefined>) {\n    const isContextWindowError = computed(() =>\n        matchesCode(toValue(error), 'context_length_exceeded'),\n    )\n    const isNotFoundError = computed(() =>\n        matchesCode(toValue(error), 'entity-not-found'),\n    )\n    const isRateLimitError = computed(() =>\n        matchesCode(toValue(error), 'rate-limit-exceeded'),\n    )\n    const isOriginNotAllowedError = computed(() =>\n        matchesCode(toValue(error), 'origin-not-allowed'),\n    )\n    const isCreditExhaustedError = computed(() =>\n        matchesCode(toValue(error), 'credit-exhausted'),\n    )\n    const isConversationBlockedError = computed(() =>\n        matchesCode(toValue(error), 'conversation-blocked'),\n    )\n    const isBadRequestError = computed(() =>\n        matchesCode(toValue(error), 'bad request'),\n    )\n    const isInternalServerError = computed(() =>\n        matchesCode(toValue(error), 'internal-server-error'),\n    )\n    const isGatewayConfigError = computed(() =>\n        matchesStreamCode(toValue(error)?.message, 'GATEWAY_CONFIG'),\n    )\n\n    /** Errors that trigger an automatic retry countdown */\n    const isRefreshableError = computed(\n        () =>\n            !isContextWindowError.value &&\n            !isNotFoundError.value &&\n            !isOriginNotAllowedError.value &&\n            !isCreditExhaustedError.value &&\n            !isConversationBlockedError.value &&\n            !isBadRequestError.value &&\n            !isInternalServerError.value &&\n            !isGatewayConfigError.value,\n    )\n\n    return {\n        isContextWindowError,\n        isNotFoundError,\n        isRateLimitError,\n        isOriginNotAllowedError,\n        isCreditExhaustedError,\n        isConversationBlockedError,\n        isBadRequestError,\n        isInternalServerError,\n        isGatewayConfigError,\n        isRefreshableError,\n    }\n}\n","<script lang=\"ts\" setup>\n    import { computed, onBeforeUnmount, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useChatbotError, getStreamErrorPayload } from 'composables'\n\n    const props = defineProps<{\n        error?: Error\n    }>()\n\n    const emit = defineEmits<{\n        (e: 'retry'): void\n        (e: 'reset'): void\n    }>()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const {\n        isContextWindowError,\n        isNotFoundError,\n        isRateLimitError,\n        isOriginNotAllowedError,\n        isCreditExhaustedError,\n        isConversationBlockedError,\n        isBadRequestError,\n        isInternalServerError,\n        isGatewayConfigError,\n        isRefreshableError,\n    } = useChatbotError(() => props.error)\n\n    const errorMessage = computed(() => {\n        if (isGatewayConfigError.value) {\n            const payload = getStreamErrorPayload(props.error)\n            if (payload?.reason === 'disallowPromptTraining') {\n                return $t('message.chatErrorGatewayPromptTraining', {\n                    model: payload.model,\n                })\n            }\n            if (payload?.reason === 'zeroDataRetention') {\n                return $t('message.chatErrorGatewayZdr', {\n                    model: payload.model,\n                })\n            }\n            return $t('message.chatErrorGeneric')\n        }\n        if (isContextWindowError.value) {\n            return $t('message.chatErrorContextWindow')\n        }\n        if (isNotFoundError.value) {\n            return $t('message.chatErrorNotFound')\n        }\n        if (isRateLimitError.value) {\n            return $t('message.chatErrorRateLimit', {\n                seconds: retryCountdown.value,\n            })\n        }\n        if (isOriginNotAllowedError.value) {\n            return $t('message.chatErrorOriginNotAllowed')\n        }\n        if (isCreditExhaustedError.value) {\n            return $t('message.chatErrorCreditExhausted')\n        }\n        if (isConversationBlockedError.value) {\n            return $t('message.chatErrorConversationBlocked')\n        }\n        if (isBadRequestError.value) {\n            return $t('message.chatErrorBadRequest')\n        }\n        if (isInternalServerError.value) {\n            return $t('message.chatErrorInternalServer')\n        }\n        return $t('message.chatErrorGeneric', { seconds: retryCountdown.value })\n    })\n\n    const retryCountdown = ref<number>(0)\n    const retryTimer = ref<ReturnType<typeof setTimeout>>()\n\n    watch(\n        () => props.error,\n        (error) => {\n            if (retryTimer.value) {\n                clearTimeout(retryTimer.value)\n            }\n\n            if (error && isRefreshableError.value) {\n                retryCountdown.value = 10\n                const tick = () => {\n                    retryCountdown.value--\n                    if (retryCountdown.value <= 0) {\n                        emit('retry')\n                        return\n                    }\n                    retryTimer.value = setTimeout(tick, 1000)\n                }\n                retryTimer.value = setTimeout(tick, 1000)\n            } else {\n                retryCountdown.value = 0\n            }\n        },\n        { immediate: true },\n    )\n\n    onBeforeUnmount(() => {\n        if (retryTimer.value) {\n            clearTimeout(retryTimer.value)\n        }\n    })\n</script>\n\n<template>\n    <div class=\"flex\">\n        <VvAlert\n            :modifiers=\"isRefreshableError ? 'warning' : 'danger'\"\n            class=\"rounded-lg\">\n            <div\n                class=\"flex gap-sm items-center\"\n                :class=\"\n                    isRefreshableError\n                        ? 'text-warning-darken-4'\n                        : 'text-danger-darken-2'\n                \">\n                <VvIcon\n                    :name=\"\n                        isRefreshableError\n                            ? 'ri:alert-line'\n                            : 'ri:error-warning-line'\n                    \"\n                    class=\"text-32 shrink-0\" />\n                {{ errorMessage }}\n            </div>\n            <template #footer>\n                <VvButton\n                    v-if=\"isRefreshableError\"\n                    icon=\"ri:reset-right-line\"\n                    modifiers=\"action\"\n                    class=\"text-12\"\n                    :label=\"$t('action.retryNow')\"\n                    @click=\"$emit('retry')\" />\n                <VvButton\n                    v-else-if=\"\n                        !isOriginNotAllowedError &&\n                        !isCreditExhaustedError &&\n                        !isGatewayConfigError\n                    \"\n                    icon=\"reload\"\n                    modifiers=\"action\"\n                    :label=\"$t('label.newChat')\"\n                    @click=\"$emit('reset')\" />\n            </template>\n        </VvAlert>\n    </div>\n</template>\n","<script lang=\"ts\" setup>\n    import { computed, onBeforeUnmount, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useChatbotError, getStreamErrorPayload } from 'composables'\n\n    const props = defineProps<{\n        error?: Error\n    }>()\n\n    const emit = defineEmits<{\n        (e: 'retry'): void\n        (e: 'reset'): void\n    }>()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const {\n        isContextWindowError,\n        isNotFoundError,\n        isRateLimitError,\n        isOriginNotAllowedError,\n        isCreditExhaustedError,\n        isConversationBlockedError,\n        isBadRequestError,\n        isInternalServerError,\n        isGatewayConfigError,\n        isRefreshableError,\n    } = useChatbotError(() => props.error)\n\n    const errorMessage = computed(() => {\n        if (isGatewayConfigError.value) {\n            const payload = getStreamErrorPayload(props.error)\n            if (payload?.reason === 'disallowPromptTraining') {\n                return $t('message.chatErrorGatewayPromptTraining', {\n                    model: payload.model,\n                })\n            }\n            if (payload?.reason === 'zeroDataRetention') {\n                return $t('message.chatErrorGatewayZdr', {\n                    model: payload.model,\n                })\n            }\n            return $t('message.chatErrorGeneric')\n        }\n        if (isContextWindowError.value) {\n            return $t('message.chatErrorContextWindow')\n        }\n        if (isNotFoundError.value) {\n            return $t('message.chatErrorNotFound')\n        }\n        if (isRateLimitError.value) {\n            return $t('message.chatErrorRateLimit', {\n                seconds: retryCountdown.value,\n            })\n        }\n        if (isOriginNotAllowedError.value) {\n            return $t('message.chatErrorOriginNotAllowed')\n        }\n        if (isCreditExhaustedError.value) {\n            return $t('message.chatErrorCreditExhausted')\n        }\n        if (isConversationBlockedError.value) {\n            return $t('message.chatErrorConversationBlocked')\n        }\n        if (isBadRequestError.value) {\n            return $t('message.chatErrorBadRequest')\n        }\n        if (isInternalServerError.value) {\n            return $t('message.chatErrorInternalServer')\n        }\n        return $t('message.chatErrorGeneric', { seconds: retryCountdown.value })\n    })\n\n    const retryCountdown = ref<number>(0)\n    const retryTimer = ref<ReturnType<typeof setTimeout>>()\n\n    watch(\n        () => props.error,\n        (error) => {\n            if (retryTimer.value) {\n                clearTimeout(retryTimer.value)\n            }\n\n            if (error && isRefreshableError.value) {\n                retryCountdown.value = 10\n                const tick = () => {\n                    retryCountdown.value--\n                    if (retryCountdown.value <= 0) {\n                        emit('retry')\n                        return\n                    }\n                    retryTimer.value = setTimeout(tick, 1000)\n                }\n                retryTimer.value = setTimeout(tick, 1000)\n            } else {\n                retryCountdown.value = 0\n            }\n        },\n        { immediate: true },\n    )\n\n    onBeforeUnmount(() => {\n        if (retryTimer.value) {\n            clearTimeout(retryTimer.value)\n        }\n    })\n</script>\n\n<template>\n    <div class=\"flex\">\n        <VvAlert\n            :modifiers=\"isRefreshableError ? 'warning' : 'danger'\"\n            class=\"rounded-lg\">\n            <div\n                class=\"flex gap-sm items-center\"\n                :class=\"\n                    isRefreshableError\n                        ? 'text-warning-darken-4'\n                        : 'text-danger-darken-2'\n                \">\n                <VvIcon\n                    :name=\"\n                        isRefreshableError\n                            ? 'ri:alert-line'\n                            : 'ri:error-warning-line'\n                    \"\n                    class=\"text-32 shrink-0\" />\n                {{ errorMessage }}\n            </div>\n            <template #footer>\n                <VvButton\n                    v-if=\"isRefreshableError\"\n                    icon=\"ri:reset-right-line\"\n                    modifiers=\"action\"\n                    class=\"text-12\"\n                    :label=\"$t('action.retryNow')\"\n                    @click=\"$emit('retry')\" />\n                <VvButton\n                    v-else-if=\"\n                        !isOriginNotAllowedError &&\n                        !isCreditExhaustedError &&\n                        !isGatewayConfigError\n                    \"\n                    icon=\"reload\"\n                    modifiers=\"action\"\n                    :label=\"$t('label.newChat')\"\n                    @click=\"$emit('reset')\" />\n            </template>\n        </VvAlert>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkChatbotFeedbackForm-BFG5AcGR.js → PkChatbotFeedbackForm-Buzwweuj.js}

@@ -132,7 +132,7 @@ function le(e, t, n) {
 	return r;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@volverjs+form-vue@1.1.2_@volverjs+ui-vue@0.0.13-beta.8_@volverjs+style@0.1.24-beta.3_@_c4717a8051020bb02a07e3e5aa7be31a/node_modules/@volverjs/form-vue/dist/index.es.js
+//#region ../../node_modules/.pnpm/@volverjs+form-vue@1.1.2_@volverjs+ui-vue@0.0.13-beta.9_@volverjs+style@0.1.24-beta.3_@_baacc27f7b9ae92a2e7b14521b098933/node_modules/@volverjs/form-vue/dist/index.es.js
 var U = /* @__PURE__ */ function(e) {
 	return e.text = "text", e.number = "number", e.email = "email", e.password = "password", e.tel = "tel", e.url = "url", e.search = "search", e.date = "date", e.time = "time", e.datetimeLocal = "datetime-local", e.month = "month", e.week = "week", e.color = "color", e.select = "select", e.checkbox = "checkbox", e.radio = "radio", e.textarea = "textarea", e.radioGroup = "radioGroup", e.checkboxGroup = "checkboxGroup", e.combobox = "combobox", e.custom = "custom", e;
 }({}), W = /* @__PURE__ */ function(e) {
@@ -1036,4 +1036,4 @@ var Ie = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" },
 //#endregion
 export { Fe as n, Ge as t };
 
-//# sourceMappingURL=PkChatbotFeedbackForm-BFG5AcGR.js.map
+//# sourceMappingURL=PkChatbotFeedbackForm-Buzwweuj.js.map