npm - @8wave/ai-elements - Versions diffs - 0.119.0-beta.26 → 0.119.0-beta.30 - Mend

@8wave/ai-elements 0.119.0-beta.26 → 0.119.0-beta.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (231) hide show

package/dist-vue/_chunks/PkChatbotViewConversations-DHeFtAfN.js DELETED Viewed

@@ -1,197 +0,0 @@
-import { n as e } from "./useChatbotStore-rtl-oKqU.js";
-import "./src-DCfvejyT.js";
-import { t } from "./markdown-CCMpGUA7.js";
-import { r as n } from "./message-BOiF6Bt5.js";
-import { t as r } from "./useDialogConfirm-BxhvsnRr.js";
-import { t as i } from "./PkRelativeTime--1cIphlA.js";
-import { t as a } from "./chatbotProfileContext-CgnFhNPn.js";
-import { VvButton as o, VvButtonGroup as s, VvDropdown as c, VvDropdownAction as l, VvIcon as ee, VvInputText as te } from "@volverjs/ui-vue/components";
-import { Fragment as u, computed as d, createBlock as ne, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, inject as v, isRef as re, mergeProps as ie, normalizeClass as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, withCtx as T, withModifiers as E } from "vue";
-import { useI18n as ae } from "vue-i18n";
-import { storeToRefs as oe } from "pinia";
-//#region ../../packages/composable/src/chatbot/useConversationActions.ts
-function D(e) {
-	return t(e.title) || t(n(e.messages?.find((e) => e.role === "user"))) || "";
-}
-function O(e) {
-	let n = x(null), i = x(""), a = (e, r = "") => {
-		n.value = e.id, i.value = t(e.title) || r;
-	}, o = async (t) => {
-		let r = i.value.trim();
-		if (n.value = null, r && r.length <= 255) try {
-			await e.renameChatTitle(t, r);
-		} catch {}
-	}, s = () => {
-		n.value = null;
-	}, c = (e, t) => {
-		e.key === "Enter" ? (e.preventDefault(), o(t)) : e.key === "Escape" && (e.preventDefault(), s());
-	}, { openDialogConfirm: l } = r();
-	return {
-		editingId: n,
-		editingTitle: i,
-		startEdit: a,
-		confirmEdit: o,
-		cancelEdit: s,
-		onRenameKeydown: c,
-		requestDelete: async (t) => {
-			try {
-				if (!await l()) return;
-				await e.deleteChat(t);
-			} catch {}
-		}
-	};
-}
-//#endregion
-//#region ../../packages/components/src/chat/PkChatbotViewConversations.vue?vue&type=script&setup=true&lang.ts
-var se = { class: "flex flex-col flex-1 min-h-0 relative" }, ce = {
-	key: 0,
-	class: "vv-item-group vv-item-group--fill"
-}, le = { class: "vv-item-group__list" }, ue = { class: "vv-item__entry" }, de = { class: "flex flex-col gap-6 flex-1 min-w-0" }, fe = {
-	key: 1,
-	class: "flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center"
-}, pe = { class: "w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center" }, k = { class: "flex flex-col gap-4" }, A = { class: "text-16 font-semibold text-word-1" }, j = { class: "text-14 text-word-3 leading-relaxed" }, M = {
-	key: 2,
-	class: "vv-item-group vv-item-group--fill"
-}, N = { class: "vv-item-group__list overflow-y-auto pb-64 light-scrollbar" }, P = {
-	key: 0,
-	class: "flex flex-1 items-center gap-8 min-w-0 px-md py-12"
-}, F = ["aria-current", "onClick"], I = { class: "min-w-0 flex-1" }, L = { class: "flex items-center gap-8" }, R = { class: "vv-item__title font-medium flex-1" }, z = { class: "text-12 text-word-4 line-clamp-2" }, B = { class: "vv-item__actions" }, me = {
-	key: 3,
-	class: "absolute bottom-0 left-0 right-0 flex flex-col items-center gap-4 px-16 pb-16 pt-32 pointer-events-none",
-	style: { background: "linear-gradient(to top, var(--color-surface) 55%, transparent)" }
-}, V = /* @__PURE__ */ _({
-	__name: "PkChatbotViewConversations",
-	props: { agentId: {} },
-	setup(_) {
-		let D = _, { t: V } = ae({ useScope: "global" }), H = e(D.agentId), { conversations: U, isLoadingConversations: he, localChatId: W } = oe(H), { navigate: ge, startNewChat: G, renameChatTitle: _e, deleteChat: ve } = H, { editingId: K, editingTitle: q, startEdit: J, confirmEdit: ye, cancelEdit: be, onRenameKeydown: xe, requestDelete: Se } = O({
-			renameChatTitle: _e,
-			deleteChat: ve
-		}), Ce = (e) => {
-			K.value || (W.value = e, ge("chat"));
-		}, Y = (e) => W.value === e.id, X = (e, r) => t(n(e.filter((e) => e.role === r).slice(-1)[0]) || ""), we = (e) => {
-			J(e, X(e.messages, "assistant"));
-		}, { openDialogConfirm: Te } = r(), Z = v(a, void 0), Q = d(() => !!Z?.eraseConversations && !(Z.isExternalAuth?.value ?? !1)), $ = x(!1), Ee = async () => {
-			let e = Z?.eraseConversations;
-			if (e && Q.value && await Te({
-				title: V("confirmTitle.deleteMyConversations"),
-				questionLabel: V("message.deleteMyConversationsConfirm")
-			})) {
-				$.value = !0;
-				try {
-					await e(), U.value = [], G();
-				} catch {
-					H.loadConversations(D.agentId);
-				} finally {
-					$.value = !1;
-				}
-			}
-		};
-		return (e, n) => {
-			let r = ee, a = o, d = te, _ = s, v = l, x = c;
-			return b(), p("div", se, [w(he) && w(U).length === 0 ? (b(), p("div", ce, [m("div", le, [(b(), p(u, null, S(5, (e) => m("div", {
-				key: e,
-				class: "vv-item vv-item--roomy vv-item--plain"
-			}, [m("div", ue, [m("div", de, [
-				m("div", { class: y(["vv-skeleton h-16 rounded", e % 2 ? "w-192" : "w-128"]) }, [...n[5] ||= [m("div", { class: "vv-skeleton__item" }, null, -1)]], 2),
-				n[6] ||= m("div", { class: "vv-skeleton h-12 rounded" }, [m("div", { class: "vv-skeleton__item" })], -1),
-				n[7] ||= m("div", { class: "vv-skeleton h-12 rounded w-160" }, [m("div", { class: "vv-skeleton__item" })], -1)
-			])])])), 64))])])) : w(U).length === 0 ? (b(), p("div", fe, [
-				m("div", pe, [g(r, {
-					name: "ri:chat-3-line",
-					class: "w-28 h-28 text-word-4"
-				})]),
-				m("div", k, [m("strong", A, C(w(V)("message.noConversations")), 1), m("span", j, C(w(V)("message.noConversationsHint")), 1)]),
-				g(a, {
-					modifiers: "primary rounded",
-					icon: "ri:add-line",
-					class: "mt-8",
-					label: w(V)("action.startNewChat"),
-					onClick: n[0] ||= (e) => w(G)()
-				}, null, 8, ["label"])
-			])) : (b(), p("div", M, [m("ul", N, [(b(!0), p(u, null, S(w(U), (e) => (b(), p("li", {
-				key: e.id,
-				class: y(["vv-item vv-item--roomy", { "vv-item--current": Y(e) }])
-			}, [w(K) === e.id ? (b(), p("div", P, [g(d, {
-				modelValue: w(q),
-				"onUpdate:modelValue": n[1] ||= (e) => re(q) ? q.value = e : null,
-				class: "flex-1 mb-0",
-				modifiers: "compact",
-				autofocus: "",
-				"select-on-focus": "",
-				maxlength: 255,
-				"aria-label": w(V)("placeholder.insert"),
-				placeholder: w(V)("placeholder.insert"),
-				onKeydown: (t) => w(xe)(t, e.id)
-			}, null, 8, [
-				"modelValue",
-				"aria-label",
-				"placeholder",
-				"onKeydown"
-			]), g(_, { modifiers: "compact" }, {
-				default: T(() => [g(a, {
-					icon: "ri:save-line",
-					title: w(V)("action.save"),
-					modifiers: "action-quiet-small",
-					onClick: (t) => w(ye)(e.id)
-				}, null, 8, ["title", "onClick"]), g(a, {
-					icon: "ri:close-line",
-					title: w(V)("action.cancel"),
-					modifiers: "action-quiet-small",
-					onClick: n[2] ||= (e) => w(be)()
-				}, null, 8, ["title"])]),
-				_: 2
-			}, 1024)])) : (b(), p(u, { key: 1 }, [m("button", {
-				type: "button",
-				class: "vv-item__entry",
-				"aria-current": Y(e) ? "true" : void 0,
-				onClick: (t) => Ce(e.id)
-			}, [m("div", I, [m("div", L, [m("strong", R, C(w(t)(e.title) || X(e.messages, "assistant")), 1), g(i, {
-				class: "text-word-4 text-smaller shrink-0",
-				date: e.lastMessageAt
-			}, null, 8, ["date"])]), m("span", z, C(w(t)(e.summary) || X(e.messages, "user")), 1)])], 8, F), m("div", B, [g(x, ie({ ref_for: !0 }, {
-				placement: "bottom-end",
-				modifiers: "menu",
-				flip: !0,
-				offset: 3,
-				strategy: "fixed"
-			}), {
-				items: T(() => [g(v, { onClick: (t) => we(e) }, {
-					default: T(() => [g(r, { name: "ri:pencil-line" }), h(" " + C(w(V)("action.renameChat")), 1)]),
-					_: 1
-				}, 8, ["onClick"]), g(v, { onClick: (t) => w(Se)(e.id) }, {
-					default: T(() => [g(r, { name: "ri:delete-bin-line" }), h(" " + C(w(V)("action.delete")), 1)]),
-					_: 1
-				}, 8, ["onClick"])]),
-				default: T(() => [g(a, {
-					icon: "ri:more-2-fill",
-					title: w(V)("action.moreActions"),
-					modifiers: "action-quiet-small"
-				}, null, 8, ["title"])]),
-				_: 2
-			}, 1040)])], 64))], 2))), 128))])])), w(U).length > 0 ? (b(), p("div", me, [g(a, {
-				class: "text-14 pointer-events-auto",
-				modifiers: "primary rounded",
-				icon: "ri:add-line",
-				label: w(V)("action.startNewChat"),
-				onClick: n[3] ||= E((e) => w(G)(), ["stop"])
-			}, null, 8, ["label"]), Q.value ? (b(), ne(a, {
-				key: 0,
-				class: "text-12 pointer-events-auto",
-				modifiers: "action-quiet-danger",
-				icon: "ri:delete-bin-line",
-				loading: $.value,
-				disabled: $.value,
-				label: w(V)("action.deleteMyConversations"),
-				onClick: n[4] ||= E((e) => Ee(), ["stop"])
-			}, null, 8, [
-				"loading",
-				"disabled",
-				"label"
-			])) : f("", !0)])) : f("", !0)]);
-		};
-	}
-});
-//#endregion
-export { D as n, O as r, V as t };
-//# sourceMappingURL=PkChatbotViewConversations-DHeFtAfN.js.map

package/dist-vue/_chunks/PkChatbotViewConversations-DHeFtAfN.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"PkChatbotViewConversations-DHeFtAfN.js","names":["__unplugin_components_0","__unplugin_components_1","__unplugin_components_2","__unplugin_components_3","__unplugin_components_4","__unplugin_components_5","_openBlock","_createElementBlock","_unref","_createElementVNode","_Fragment","_renderList","_normalizeClass","_createVNode","_toDisplayString","_isRef","_withCtx","PkRelativeTime","_mergeProps","_createTextVNode","_withModifiers","_createBlock","_createCommentVNode","_sfc_main","useChatbotStore","getTextPart","useDialogConfirm","PkRelativeTime_default","ChatbotProfileContextKey","getConversationPreview","stripMarkdown","conversation","message","useConversationActions","editingId","ref","editingTitle","startEdit","fallbackTitle","confirmEdit","trimmed","actions","id","cancelEdit","onRenameKeydown","event","openDialogConfirm","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","PkChatbotViewConversations_default","defineComponent","props","__props","$t","useI18n","store","storeToRefs","startEditConversation","handleDelete","openConversation","navigate","isCurrentConversation","localChatId","getLastMessage","messages","m","role","profile","inject","canEraseConversations","computed","isErasingConversations","handleEraseAll","eraseConversations","startNewChat","_component_VvIcon","VvIcon","_component_VvButton","VvButton","_component_VvInputText","VvInputText","_component_VvButtonGroup","VvButtonGroup","_component_VvDropdownAction","VvDropdownAction","_component_VvDropdown","VvDropdown","openBlock","createElementBlock","unref","isLoadingConversations","conversations","createElementVNode","Fragment","renderList","i","normalizeClass","_cache","createVNode","toDisplayString","isRef","$event","withCtx","mergeProps","createTextVNode","withModifiers","createBlock","createCommentVNode"],"sources":["../../../../packages/composable/src/chatbot/useConversationActions.ts","../../../../packages/components/src/chat/PkChatbotViewConversations.vue","../../../../packages/components/src/chat/PkChatbotViewConversations.vue"],"sourcesContent":["import { ref } from 'vue'\nimport type { Chat as Conversation } from 'models'\nimport { getTextPart, stripMarkdown } from 'utils'\nimport { useDialogConfirm } from '../useDialogConfirm'\n\n/**\n * Single-line preview for a conversation: explicit title, otherwise the\n * first user message. Used as list label and as search haystack.\n */\nexport function getConversationPreview(conversation: Conversation): string {\n return (\n stripMarkdown(conversation.title) ||\n stripMarkdown(\n getTextPart(\n // The list endpoint isn't Zod-parsed: don't trust the\n // declared types at runtime\n conversation.messages?.find(\n (message) => message.role === 'user',\n ),\n ),\n ) ||\n ''\n )\n}\n\n/**\n * Inline-rename and delete-with-confirm state shared by the conversation\n * lists (PkChatbotViewConversations, PkChatSidebar). Renames are optimistic:\n * on failure the next conversations load reconciles with the server state.\n */\nexport function useConversationActions(actions: {\n renameChatTitle: (chatId: string, title: string) => Promise<unknown>\n deleteChat: (chatId: string) => Promise<unknown>\n}) {\n const editingId = ref<string | null>(null)\n const editingTitle = ref('')\n\n const startEdit = (conversation: Conversation, fallbackTitle = '') => {\n editingId.value = conversation.id\n editingTitle.value = stripMarkdown(conversation.title) || fallbackTitle\n }\n\n const confirmEdit = async (id: string) => {\n const trimmed = editingTitle.value.trim()\n editingId.value = null\n if (trimmed && trimmed.length <= 255) {\n try {\n await actions.renameChatTitle(id, trimmed)\n } catch {\n // Revert optimistically: reload will pick up server state\n }\n }\n }\n\n const cancelEdit = () => {\n editingId.value = null\n }\n\n const onRenameKeydown = (event: KeyboardEvent, id: string) => {\n if (event.key === 'Enter') {\n event.preventDefault()\n confirmEdit(id)\n } else if (event.key === 'Escape') {\n event.preventDefault()\n cancelEdit()\n }\n }\n\n const { openDialogConfirm } = useDialogConfirm()\n const requestDelete = async (id: string) => {\n try {\n const proceed = await openDialogConfirm()\n if (!proceed) {\n return\n }\n await actions.deleteChat(id)\n } catch {\n // Silently fail: next load will reconcile\n }\n }\n\n return {\n editingId,\n editingTitle,\n startEdit,\n confirmEdit,\n cancelEdit,\n onRenameKeydown,\n requestDelete,\n }\n}\n","<script setup lang=\"ts\">\n import { computed, inject, ref } from 'vue'\n import { storeToRefs } from 'pinia'\n import { useI18n } from 'vue-i18n'\n import type { Chat as Conversation, UIChatMessage } from 'models'\n import { stripMarkdown, getTextPart } from 'utils'\n import {\n useChatbotStore,\n useConversationActions,\n useDialogConfirm,\n } from 'composables'\n import PkRelativeTime from '../PkRelativeTime.vue'\n import { ChatbotProfileContextKey } from './chatbotProfileContext'\n\n const props = defineProps<{ agentId: string }>()\n\n const { t: $t } = useI18n({ useScope: 'global' })\n\n const store = useChatbotStore(props.agentId)\n const { conversations, isLoadingConversations, localChatId } =\n storeToRefs(store)\n const { navigate, startNewChat, renameChatTitle, deleteChat } = store\n\n const {\n editingId,\n editingTitle,\n startEdit: startEditConversation,\n confirmEdit,\n cancelEdit,\n onRenameKeydown,\n requestDelete: handleDelete,\n } = useConversationActions({ renameChatTitle, deleteChat })\n\n const openConversation = (id: string) => {\n if (editingId.value) {\n return\n }\n localChatId.value = id\n navigate('chat')\n }\n\n const isCurrentConversation = (conversation: Conversation) => {\n return localChatId.value === conversation.id\n }\n\n const getLastMessage = (\n messages: UIChatMessage[],\n role: 'user' | 'assistant',\n ) => {\n return stripMarkdown(\n getTextPart(messages.filter((m) => m.role === role).slice(-1)[0]) ||\n '',\n )\n }\n\n const startEdit = (conversation: Conversation) => {\n startEditConversation(\n conversation,\n getLastMessage(conversation.messages, 'assistant'),\n )\n }\n\n const { openDialogConfirm } = useDialogConfirm()\n\n // GDPR B.3 — bulk \"delete my conversations\", available to anonymous\n // sessions too (the host wires the endpoint through the profile context).\n // Hidden when the host application owns the session (external token or\n // host-session mode): the endpoint erases ALL conversations of the\n // session's user platform-wide, an account-scoped action that belongs to\n // the host, not to an embedded widget. Same gating as sign-out and\n // manage-profile in PkChatbotViewProfile.\n const profile = inject(ChatbotProfileContextKey, undefined)\n const canEraseConversations = computed(\n () =>\n !!profile?.eraseConversations &&\n !(profile.isExternalAuth?.value ?? false),\n )\n const isErasingConversations = ref(false)\n const handleEraseAll = async () => {\n const eraseConversations = profile?.eraseConversations\n if (!eraseConversations || !canEraseConversations.value) {\n return\n }\n const proceed = await openDialogConfirm({\n title: $t('confirmTitle.deleteMyConversations'),\n questionLabel: $t('message.deleteMyConversationsConfirm'),\n })\n if (!proceed) {\n return\n }\n isErasingConversations.value = true\n try {\n await eraseConversations()\n conversations.value = []\n startNewChat()\n } catch {\n // Same policy as single delete: fail silently and reconcile\n // with the server state\n store.loadConversations(props.agentId)\n } finally {\n isErasingConversations.value = false\n }\n }\n</script>\n\n<template>\n <div class=\"flex flex-col flex-1 min-h-0 relative\">\n \n <div\n v-if=\"isLoadingConversations && conversations.length === 0\"\n class=\"vv-item-group vv-item-group--fill\">\n <div class=\"vv-item-group__list\">\n <div\n v-for=\"i in 5\"\n :key=\"i\"\n class=\"vv-item vv-item--roomy vv-item--plain\">\n <div class=\"vv-item__entry\">\n <div class=\"flex flex-col gap-6 flex-1 min-w-0\">\n <div\n class=\"vv-skeleton h-16 rounded\"\n :class=\"i % 2 ? 'w-192' : 'w-128'\">\n <div class=\"vv-skeleton__item\" />\n </div>\n <div class=\"vv-skeleton h-12 rounded\">\n <div class=\"vv-skeleton__item\" />\n </div>\n <div class=\"vv-skeleton h-12 rounded w-160\">\n <div class=\"vv-skeleton__item\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n <div\n v-else-if=\"conversations.length === 0\"\n class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n <div\n class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n <VvIcon name=\"ri:chat-3-line\" class=\"w-28 h-28 text-word-4\" />\n </div>\n <div class=\"flex flex-col gap-4\">\n <strong class=\"text-16 font-semibold text-word-1\">\n {{ $t('message.noConversations') }}\n </strong>\n <span class=\"text-14 text-word-3 leading-relaxed\">\n {{ $t('message.noConversationsHint') }}\n </span>\n </div>\n <VvButton\n modifiers=\"primary rounded\"\n icon=\"ri:add-line\"\n class=\"mt-8\"\n :label=\"$t('action.startNewChat')\"\n @click=\"startNewChat()\" />\n </div>\n\n \n <div v-else class=\"vv-item-group vv-item-group--fill\">\n <ul\n class=\"vv-item-group__list overflow-y-auto pb-64 light-scrollbar\">\n <li\n v-for=\"conversation in conversations\"\n :key=\"conversation.id\"\n class=\"vv-item vv-item--roomy\"\n :class=\"{\n 'vv-item--current': isCurrentConversation(conversation),\n }\">\n <div\n v-if=\"editingId === conversation.id\"\n class=\"flex flex-1 items-center gap-8 min-w-0 px-md py-12\">\n <VvInputText\n v-model=\"editingTitle\"\n class=\"flex-1 mb-0\"\n modifiers=\"compact\"\n autofocus\n select-on-focus\n :maxlength=\"255\"\n :aria-label=\"$t('placeholder.insert')\"\n :placeholder=\"$t('placeholder.insert')\"\n @keydown=\"\n onRenameKeydown($event, conversation.id)\n \" />\n <VvButtonGroup modifiers=\"compact\">\n <VvButton\n icon=\"ri:save-line\"\n :title=\"$t('action.save')\"\n modifiers=\"action-quiet-small\"\n @click=\"confirmEdit(conversation.id)\" />\n <VvButton\n icon=\"ri:close-line\"\n :title=\"$t('action.cancel')\"\n modifiers=\"action-quiet-small\"\n @click=\"cancelEdit()\" />\n </VvButtonGroup>\n </div>\n <template v-else>\n <button\n type=\"button\"\n class=\"vv-item__entry\"\n :aria-current=\"\n isCurrentConversation(conversation)\n ? 'true'\n : undefined\n \"\n @click=\"openConversation(conversation.id)\">\n <div class=\"min-w-0 flex-1\">\n <div class=\"flex items-center gap-8\">\n <strong\n class=\"vv-item__title font-medium flex-1\">\n {{\n stripMarkdown(conversation.title) ||\n getLastMessage(\n conversation.messages,\n 'assistant',\n )\n }}\n </strong>\n <PkRelativeTime\n class=\"text-word-4 text-smaller shrink-0\"\n :date=\"conversation.lastMessageAt\" />\n </div>\n <span class=\"text-12 text-word-4 line-clamp-2\">\n {{\n stripMarkdown(conversation.summary) ||\n getLastMessage(\n conversation.messages,\n 'user',\n )\n }}\n </span>\n </div>\n </button>\n <div class=\"vv-item__actions\">\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 icon=\"ri:more-2-fill\"\n :title=\"$t('action.moreActions')\"\n modifiers=\"action-quiet-small\" />\n <template #items>\n <VvDropdownAction\n @click=\"startEdit(conversation)\">\n <VvIcon name=\"ri:pencil-line\" />\n {{ $t('action.renameChat') }}\n </VvDropdownAction>\n <VvDropdownAction\n @click=\"handleDelete(conversation.id)\">\n <VvIcon name=\"ri:delete-bin-line\" />\n {{ $t('action.delete') }}\n </VvDropdownAction>\n </template>\n </VvDropdown>\n </div>\n </template>\n </li>\n </ul>\n </div>\n\n \n <div\n v-if=\"conversations.length > 0\"\n class=\"absolute bottom-0 left-0 right-0 flex flex-col items-center gap-4 px-16 pb-16 pt-32 pointer-events-none\"\n :style=\"{\n background:\n 'linear-gradient(to top, var(--color-surface) 55%, transparent)',\n }\">\n <VvButton\n class=\"text-14 pointer-events-auto\"\n modifiers=\"primary rounded\"\n icon=\"ri:add-line\"\n :label=\"$t('action.startNewChat')\"\n @click.stop=\"startNewChat()\" />\n <VvButton\n v-if=\"canEraseConversations\"\n class=\"text-12 pointer-events-auto\"\n modifiers=\"action-quiet-danger\"\n icon=\"ri:delete-bin-line\"\n :loading=\"isErasingConversations\"\n :disabled=\"isErasingConversations\"\n :label=\"$t('action.deleteMyConversations')\"\n @click.stop=\"handleEraseAll()\" />\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\n import { computed, inject, ref } from 'vue'\n import { storeToRefs } from 'pinia'\n import { useI18n } from 'vue-i18n'\n import type { Chat as Conversation, UIChatMessage } from 'models'\n import { stripMarkdown, getTextPart } from 'utils'\n import {\n useChatbotStore,\n useConversationActions,\n useDialogConfirm,\n } from 'composables'\n import PkRelativeTime from '../PkRelativeTime.vue'\n import { ChatbotProfileContextKey } from './chatbotProfileContext'\n\n const props = defineProps<{ agentId: string }>()\n\n const { t: $t } = useI18n({ useScope: 'global' })\n\n const store = useChatbotStore(props.agentId)\n const { conversations, isLoadingConversations, localChatId } =\n storeToRefs(store)\n const { navigate, startNewChat, renameChatTitle, deleteChat } = store\n\n const {\n editingId,\n editingTitle,\n startEdit: startEditConversation,\n confirmEdit,\n cancelEdit,\n onRenameKeydown,\n requestDelete: handleDelete,\n } = useConversationActions({ renameChatTitle, deleteChat })\n\n const openConversation = (id: string) => {\n if (editingId.value) {\n return\n }\n localChatId.value = id\n navigate('chat')\n }\n\n const isCurrentConversation = (conversation: Conversation) => {\n return localChatId.value === conversation.id\n }\n\n const getLastMessage = (\n messages: UIChatMessage[],\n role: 'user' | 'assistant',\n ) => {\n return stripMarkdown(\n getTextPart(messages.filter((m) => m.role === role).slice(-1)[0]) ||\n '',\n )\n }\n\n const startEdit = (conversation: Conversation) => {\n startEditConversation(\n conversation,\n getLastMessage(conversation.messages, 'assistant'),\n )\n }\n\n const { openDialogConfirm } = useDialogConfirm()\n\n // GDPR B.3 — bulk \"delete my conversations\", available to anonymous\n // sessions too (the host wires the endpoint through the profile context).\n // Hidden when the host application owns the session (external token or\n // host-session mode): the endpoint erases ALL conversations of the\n // session's user platform-wide, an account-scoped action that belongs to\n // the host, not to an embedded widget. Same gating as sign-out and\n // manage-profile in PkChatbotViewProfile.\n const profile = inject(ChatbotProfileContextKey, undefined)\n const canEraseConversations = computed(\n () =>\n !!profile?.eraseConversations &&\n !(profile.isExternalAuth?.value ?? false),\n )\n const isErasingConversations = ref(false)\n const handleEraseAll = async () => {\n const eraseConversations = profile?.eraseConversations\n if (!eraseConversations || !canEraseConversations.value) {\n return\n }\n const proceed = await openDialogConfirm({\n title: $t('confirmTitle.deleteMyConversations'),\n questionLabel: $t('message.deleteMyConversationsConfirm'),\n })\n if (!proceed) {\n return\n }\n isErasingConversations.value = true\n try {\n await eraseConversations()\n conversations.value = []\n startNewChat()\n } catch {\n // Same policy as single delete: fail silently and reconcile\n // with the server state\n store.loadConversations(props.agentId)\n } finally {\n isErasingConversations.value = false\n }\n }\n</script>\n\n<template>\n <div class=\"flex flex-col flex-1 min-h-0 relative\">\n \n <div\n v-if=\"isLoadingConversations && conversations.length === 0\"\n class=\"vv-item-group vv-item-group--fill\">\n <div class=\"vv-item-group__list\">\n <div\n v-for=\"i in 5\"\n :key=\"i\"\n class=\"vv-item vv-item--roomy vv-item--plain\">\n <div class=\"vv-item__entry\">\n <div class=\"flex flex-col gap-6 flex-1 min-w-0\">\n <div\n class=\"vv-skeleton h-16 rounded\"\n :class=\"i % 2 ? 'w-192' : 'w-128'\">\n <div class=\"vv-skeleton__item\" />\n </div>\n <div class=\"vv-skeleton h-12 rounded\">\n <div class=\"vv-skeleton__item\" />\n </div>\n <div class=\"vv-skeleton h-12 rounded w-160\">\n <div class=\"vv-skeleton__item\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n <div\n v-else-if=\"conversations.length === 0\"\n class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n <div\n class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n <VvIcon name=\"ri:chat-3-line\" class=\"w-28 h-28 text-word-4\" />\n </div>\n <div class=\"flex flex-col gap-4\">\n <strong class=\"text-16 font-semibold text-word-1\">\n {{ $t('message.noConversations') }}\n </strong>\n <span class=\"text-14 text-word-3 leading-relaxed\">\n {{ $t('message.noConversationsHint') }}\n </span>\n </div>\n <VvButton\n modifiers=\"primary rounded\"\n icon=\"ri:add-line\"\n class=\"mt-8\"\n :label=\"$t('action.startNewChat')\"\n @click=\"startNewChat()\" />\n </div>\n\n \n <div v-else class=\"vv-item-group vv-item-group--fill\">\n <ul\n class=\"vv-item-group__list overflow-y-auto pb-64 light-scrollbar\">\n <li\n v-for=\"conversation in conversations\"\n :key=\"conversation.id\"\n class=\"vv-item vv-item--roomy\"\n :class=\"{\n 'vv-item--current': isCurrentConversation(conversation),\n }\">\n <div\n v-if=\"editingId === conversation.id\"\n class=\"flex flex-1 items-center gap-8 min-w-0 px-md py-12\">\n <VvInputText\n v-model=\"editingTitle\"\n class=\"flex-1 mb-0\"\n modifiers=\"compact\"\n autofocus\n select-on-focus\n :maxlength=\"255\"\n :aria-label=\"$t('placeholder.insert')\"\n :placeholder=\"$t('placeholder.insert')\"\n @keydown=\"\n onRenameKeydown($event, conversation.id)\n \" />\n <VvButtonGroup modifiers=\"compact\">\n <VvButton\n icon=\"ri:save-line\"\n :title=\"$t('action.save')\"\n modifiers=\"action-quiet-small\"\n @click=\"confirmEdit(conversation.id)\" />\n <VvButton\n icon=\"ri:close-line\"\n :title=\"$t('action.cancel')\"\n modifiers=\"action-quiet-small\"\n @click=\"cancelEdit()\" />\n </VvButtonGroup>\n </div>\n <template v-else>\n <button\n type=\"button\"\n class=\"vv-item__entry\"\n :aria-current=\"\n isCurrentConversation(conversation)\n ? 'true'\n : undefined\n \"\n @click=\"openConversation(conversation.id)\">\n <div class=\"min-w-0 flex-1\">\n <div class=\"flex items-center gap-8\">\n <strong\n class=\"vv-item__title font-medium flex-1\">\n {{\n stripMarkdown(conversation.title) ||\n getLastMessage(\n conversation.messages,\n 'assistant',\n )\n }}\n </strong>\n <PkRelativeTime\n class=\"text-word-4 text-smaller shrink-0\"\n :date=\"conversation.lastMessageAt\" />\n </div>\n <span class=\"text-12 text-word-4 line-clamp-2\">\n {{\n stripMarkdown(conversation.summary) ||\n getLastMessage(\n conversation.messages,\n 'user',\n )\n }}\n </span>\n </div>\n </button>\n <div class=\"vv-item__actions\">\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 icon=\"ri:more-2-fill\"\n :title=\"$t('action.moreActions')\"\n modifiers=\"action-quiet-small\" />\n <template #items>\n <VvDropdownAction\n @click=\"startEdit(conversation)\">\n <VvIcon name=\"ri:pencil-line\" />\n {{ $t('action.renameChat') }}\n </VvDropdownAction>\n <VvDropdownAction\n @click=\"handleDelete(conversation.id)\">\n <VvIcon name=\"ri:delete-bin-line\" />\n {{ $t('action.delete') }}\n </VvDropdownAction>\n </template>\n </VvDropdown>\n </div>\n </template>\n </li>\n </ul>\n </div>\n\n \n <div\n v-if=\"conversations.length > 0\"\n class=\"absolute bottom-0 left-0 right-0 flex flex-col items-center gap-4 px-16 pb-16 pt-32 pointer-events-none\"\n :style=\"{\n background:\n 'linear-gradient(to top, var(--color-surface) 55%, transparent)',\n }\">\n <VvButton\n class=\"text-14 pointer-events-auto\"\n modifiers=\"primary rounded\"\n icon=\"ri:add-line\"\n :label=\"$t('action.startNewChat')\"\n @click.stop=\"startNewChat()\" />\n <VvButton\n v-if=\"canEraseConversations\"\n class=\"text-12 pointer-events-auto\"\n modifiers=\"action-quiet-danger\"\n icon=\"ri:delete-bin-line\"\n :loading=\"isErasingConversations\"\n :disabled=\"isErasingConversations\"\n :label=\"$t('action.deleteMyConversations')\"\n @click.stop=\"handleEraseAll()\" />\n </div>\n </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/PkChatbotViewFiles-CA20TBFY.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"PkChatbotViewFiles-CA20TBFY.js","names":["__unplugin_components_0","__unplugin_components_1","_openBlock","_createElementBlock","_unref","_createElementVNode","_Fragment","_renderList","_normalizeClass","_createVNode","_toDisplayString","_createBlock","_sfc_main","isImageMime","fileIconForMime","isInlineViewable","useChatbotStore","useDialogConfirm","useImageFallback","useFileRow","useI18n","thumbUrl","urls","file","canShowImage","inline","download","iso","locale","useUserFileKind","isSpreadsheet","t","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","PkChatbotViewFiles_default","defineComponent","props","__props","$t","store","storeToRefs","deletingId","ref","handleExclude","openDialogConfirm","removeConfirm","_component_VvIcon","VvIcon","_component_VvButton","VvButton","openBlock","createElementBlock","unref","isLoadingChatFiles","chatFiles","createElementVNode","Fragment","renderList","i","_cache","normalizeClass","createVNode","toDisplayString","openFile","showThumb","onThumbError","createBlock","formatDate","kindNote","removeLabel"],"sources":["../../../../packages/composable/src/useFileRow.ts","../../../../packages/components/src/chat/PkChatbotViewFiles.vue","../../../../packages/components/src/chat/PkChatbotViewFiles.vue"],"sourcesContent":["import { useI18n } from 'vue-i18n'\nimport { isImageMime, isInlineViewable } from 'models'\nimport { useImageFallback } from './useImageFallback'\n\n/** Minimal shape a file-list row needs for the shared display helpers. */\nexport interface FileRowLike {\n documentId: string\n mimeType: string | null\n}\n\n/**\n * Shared display logic for the user-files list rows, used by both the in-app\n * table (PjUserFilesTable) and the embedded widget (PkChatbotViewFiles). The two\n * surfaces differ only in how they build URLs (authenticated store vs widget API\n * client), so the URL builders are injected.\n *\n * - `view(id, inline)` → opens/downloads the original file.\n * - `preview(id)` → small resized blob for the row thumbnail.\n */\nexport function useFileRow(urls: {\n view: (documentId: string, inline: boolean) => string\n preview: (documentId: string) => string\n}) {\n const { locale } = useI18n({ useScope: 'global' })\n\n // Image rows show a thumbnail; if it fails to load (auth/redirect, or the\n // preview isn't generated yet) we fall back to the file-type icon.\n const { canShowImage, onImageError } = useImageFallback()\n const thumbUrl = (file: FileRowLike): string =>\n urls.preview(file.documentId)\n const showThumb = (file: FileRowLike): boolean =>\n isImageMime(file.mimeType) && canShowImage(thumbUrl(file))\n const onThumbError = (file: FileRowLike): void => {\n onImageError(thumbUrl(file))\n }\n\n // Name click previews images/PDF inline; an explicit download forces an\n // attachment (inline=false → download SAS).\n const openFile = (file: FileRowLike, download = false): void => {\n const inline = !download && isInlineViewable(file.mimeType)\n window.open(urls.view(file.documentId, inline), '_blank', 'noopener')\n }\n\n const formatDate = (iso: string): string =>\n new Date(iso).toLocaleDateString(locale.value, {\n year: 'numeric',\n month: 'short',\n day: 'numeric',\n })\n\n return { showThumb, thumbUrl, onThumbError, openFile, formatDate }\n}\n\n/** What tells a spreadsheet row apart from a KB document. */\nexport interface FileKindLike {\n kind?: 'document' | 'spreadsheet'\n sourceAttachmentId?: string | null\n}\n\n/**\n * The wording that depends on what a \"My files\" row is. A KB document is a\n * copy of the upload: removing it only takes it out of the assistant's reach.\n * A spreadsheet is the chat attachment itself and never enters the KB: its row\n * says so, and removing it deletes it from its chat with every version the\n * assistant wrote of it.\n */\nexport function useUserFileKind() {\n const { t } = useI18n({ useScope: 'global' })\n\n const isSpreadsheet = (file: FileKindLike): boolean =>\n file.kind === 'spreadsheet'\n\n /** A short note for the row; undefined for a KB document. */\n const kindNote = (file: FileKindLike): string | undefined => {\n if (!isSpreadsheet(file)) {\n return undefined\n }\n return file.sourceAttachmentId\n ? t('userFiles.spreadsheetVersion')\n : t('userFiles.spreadsheetInChatOnly')\n }\n\n const removeLabel = (file: FileKindLike): string =>\n isSpreadsheet(file)\n ? t('userFiles.deleteSpreadsheet')\n : t('userFiles.exclude')\n\n /** The options of the confirmation dialog before removing the file. */\n const removeConfirm = (file: FileKindLike) =>\n isSpreadsheet(file)\n ? {\n title: t('confirmTitle.deleteSpreadsheet'),\n questionLabel: t('userFiles.deleteSpreadsheetConfirm'),\n }\n : {\n title: t('confirmTitle.excludeUserFile'),\n questionLabel: t('userFiles.excludeConfirm'),\n }\n\n return { isSpreadsheet, kindNote, removeLabel, removeConfirm }\n}\n","<script setup lang=\"ts\">\n import { ref } from 'vue'\n import { storeToRefs } from 'pinia'\n import { useI18n } from 'vue-i18n'\n import { fileIconForMime } from 'models'\n import {\n useChatbotStore,\n useDialogConfirm,\n useFileRow,\n useUserFileKind,\n type ChatbotFile,\n } from 'composables'\n\n const props = defineProps<{ agentId: string }>()\n\n const { t: $t } = useI18n({ useScope: 'global' })\n const { openDialogConfirm } = useDialogConfirm()\n\n const store = useChatbotStore(props.agentId)\n const { chatFiles, isLoadingChatFiles } = storeToRefs(store)\n const { showThumb, thumbUrl, onThumbError, openFile, formatDate } =\n useFileRow({\n view: store.getChatFileUrl,\n preview: store.getChatFilePreviewUrl,\n })\n const { kindNote, removeLabel, removeConfirm } = useUserFileKind()\n\n const deletingId = ref<string | null>(null)\n\n const handleExclude = async (file: ChatbotFile) => {\n const proceed = await openDialogConfirm(removeConfirm(file))\n if (!proceed) {\n return\n }\n deletingId.value = file.documentId\n try {\n await store.deleteChatFile(file.documentId)\n } catch {\n // surfaced by the host's error handling\n } finally {\n deletingId.value = null\n }\n }\n</script>\n\n<template>\n <div class=\"flex flex-col flex-1 min-h-0 relative\">\n \n <div\n v-if=\"isLoadingChatFiles && chatFiles.length === 0\"\n class=\"vv-item-group vv-item-group--fill\">\n <div class=\"vv-item-group__list\">\n <div\n v-for=\"i in 4\"\n :key=\"i\"\n class=\"vv-item vv-item--roomy vv-item--plain\">\n <div class=\"vv-item__entry\">\n <div class=\"vv-skeleton w-36 h-36 shrink-0 rounded-md\">\n <div class=\"vv-skeleton__item\" />\n </div>\n <div class=\"flex flex-col gap-6 flex-1 min-w-0\">\n <div\n class=\"vv-skeleton h-14 rounded\"\n :class=\"i % 2 ? 'w-192' : 'w-128'\">\n <div class=\"vv-skeleton__item\" />\n </div>\n <div class=\"vv-skeleton h-12 rounded w-96\">\n <div class=\"vv-skeleton__item\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n <div\n v-else-if=\"chatFiles.length === 0\"\n class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n <div\n class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n <VvIcon\n name=\"ri:folder-open-line\"\n class=\"w-28 h-28 text-word-4\" />\n </div>\n <span class=\"text-14 text-word-3 leading-relaxed\">\n {{ $t('userFiles.chatFilesEmpty') }}\n </span>\n </div>\n\n \n <div v-else class=\"vv-item-group vv-item-group--fill\">\n <ul\n class=\"pk-chatbot-files vv-item-group__list overflow-y-auto light-scrollbar\">\n <li\n v-for=\"file in chatFiles\"\n :key=\"file.documentId\"\n class=\"vv-item vv-item--roomy\">\n <button\n type=\"button\"\n class=\"vv-item__entry\"\n :title=\"$t('userFiles.open')\"\n @click=\"openFile(file)\">\n <span class=\"pk-chatbot-files__icon\">\n <img\n v-if=\"showThumb(file)\"\n :src=\"thumbUrl(file)\"\n loading=\"lazy\"\n decoding=\"async\"\n alt=\"\"\n class=\"pk-chatbot-files__thumb\"\n @error=\"onThumbError(file)\" />\n <VvIcon\n v-else\n :name=\"fileIconForMime(file.mimeType)\" />\n </span>\n <span class=\"flex flex-col min-w-0 flex-1\">\n <span class=\"vv-item__title\">\n {{ file.name || $t('userFiles.untitled') }}\n </span>\n <span class=\"text-12 text-word-3\">\n {{\n [formatDate(file.createdAt), kindNote(file)]\n .filter(Boolean)\n .join(' · ')\n }}\n </span>\n </span>\n </button>\n <div class=\"vv-item__actions pk-chatbot-files__actions\">\n <VvButton\n modifiers=\"action-quiet-small\"\n icon=\"ri:download-line\"\n :title=\"$t('action.download')\"\n @click=\"openFile(file, true)\" />\n <VvButton\n modifiers=\"action-quiet-small\"\n icon=\"ri:delete-bin-line\"\n :title=\"removeLabel(file)\"\n :loading=\"deletingId === file.documentId\"\n :disabled=\"deletingId === file.documentId\"\n @click=\"handleExclude(file)\" />\n </div>\n </li>\n </ul>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\">\n // The list and its rows come from `vv-item-group` and `vv-item`; what is\n // left here is the file tile and the pair of row actions.\n .pk-chatbot-files {\n // The box exists to clip a thumbnail and to keep the labels of rows\n // with and without one on the same left edge: with a file icon in it\n // there is nothing to draw, so it stays transparent.\n &__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-36);\n height: var(--spacing-36);\n flex-shrink: 0;\n border-radius: var(--rounded-md);\n color: var(--color-word-3);\n overflow: hidden;\n\n svg {\n width: var(--spacing-20);\n height: var(--spacing-20);\n }\n }\n\n &__thumb {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n &__actions {\n gap: var(--spacing-2);\n }\n }\n</style>\n","<script setup lang=\"ts\">\n import { ref } from 'vue'\n import { storeToRefs } from 'pinia'\n import { useI18n } from 'vue-i18n'\n import { fileIconForMime } from 'models'\n import {\n useChatbotStore,\n useDialogConfirm,\n useFileRow,\n useUserFileKind,\n type ChatbotFile,\n } from 'composables'\n\n const props = defineProps<{ agentId: string }>()\n\n const { t: $t } = useI18n({ useScope: 'global' })\n const { openDialogConfirm } = useDialogConfirm()\n\n const store = useChatbotStore(props.agentId)\n const { chatFiles, isLoadingChatFiles } = storeToRefs(store)\n const { showThumb, thumbUrl, onThumbError, openFile, formatDate } =\n useFileRow({\n view: store.getChatFileUrl,\n preview: store.getChatFilePreviewUrl,\n })\n const { kindNote, removeLabel, removeConfirm } = useUserFileKind()\n\n const deletingId = ref<string | null>(null)\n\n const handleExclude = async (file: ChatbotFile) => {\n const proceed = await openDialogConfirm(removeConfirm(file))\n if (!proceed) {\n return\n }\n deletingId.value = file.documentId\n try {\n await store.deleteChatFile(file.documentId)\n } catch {\n // surfaced by the host's error handling\n } finally {\n deletingId.value = null\n }\n }\n</script>\n\n<template>\n <div class=\"flex flex-col flex-1 min-h-0 relative\">\n \n <div\n v-if=\"isLoadingChatFiles && chatFiles.length === 0\"\n class=\"vv-item-group vv-item-group--fill\">\n <div class=\"vv-item-group__list\">\n <div\n v-for=\"i in 4\"\n :key=\"i\"\n class=\"vv-item vv-item--roomy vv-item--plain\">\n <div class=\"vv-item__entry\">\n <div class=\"vv-skeleton w-36 h-36 shrink-0 rounded-md\">\n <div class=\"vv-skeleton__item\" />\n </div>\n <div class=\"flex flex-col gap-6 flex-1 min-w-0\">\n <div\n class=\"vv-skeleton h-14 rounded\"\n :class=\"i % 2 ? 'w-192' : 'w-128'\">\n <div class=\"vv-skeleton__item\" />\n </div>\n <div class=\"vv-skeleton h-12 rounded w-96\">\n <div class=\"vv-skeleton__item\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n \n <div\n v-else-if=\"chatFiles.length === 0\"\n class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n <div\n class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n <VvIcon\n name=\"ri:folder-open-line\"\n class=\"w-28 h-28 text-word-4\" />\n </div>\n <span class=\"text-14 text-word-3 leading-relaxed\">\n {{ $t('userFiles.chatFilesEmpty') }}\n </span>\n </div>\n\n \n <div v-else class=\"vv-item-group vv-item-group--fill\">\n <ul\n class=\"pk-chatbot-files vv-item-group__list overflow-y-auto light-scrollbar\">\n <li\n v-for=\"file in chatFiles\"\n :key=\"file.documentId\"\n class=\"vv-item vv-item--roomy\">\n <button\n type=\"button\"\n class=\"vv-item__entry\"\n :title=\"$t('userFiles.open')\"\n @click=\"openFile(file)\">\n <span class=\"pk-chatbot-files__icon\">\n <img\n v-if=\"showThumb(file)\"\n :src=\"thumbUrl(file)\"\n loading=\"lazy\"\n decoding=\"async\"\n alt=\"\"\n class=\"pk-chatbot-files__thumb\"\n @error=\"onThumbError(file)\" />\n <VvIcon\n v-else\n :name=\"fileIconForMime(file.mimeType)\" />\n </span>\n <span class=\"flex flex-col min-w-0 flex-1\">\n <span class=\"vv-item__title\">\n {{ file.name || $t('userFiles.untitled') }}\n </span>\n <span class=\"text-12 text-word-3\">\n {{\n [formatDate(file.createdAt), kindNote(file)]\n .filter(Boolean)\n .join(' · ')\n }}\n </span>\n </span>\n </button>\n <div class=\"vv-item__actions pk-chatbot-files__actions\">\n <VvButton\n modifiers=\"action-quiet-small\"\n icon=\"ri:download-line\"\n :title=\"$t('action.download')\"\n @click=\"openFile(file, true)\" />\n <VvButton\n modifiers=\"action-quiet-small\"\n icon=\"ri:delete-bin-line\"\n :title=\"removeLabel(file)\"\n :loading=\"deletingId === file.documentId\"\n :disabled=\"deletingId === file.documentId\"\n @click=\"handleExclude(file)\" />\n </div>\n </li>\n </ul>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\">\n // The list and its rows come from `vv-item-group` and `vv-item`; what is\n // left here is the file tile and the pair of row actions.\n .pk-chatbot-files {\n // The box exists to clip a thumbnail and to keep the labels of rows\n // with and without one on the same left edge: with a file icon in it\n // there is nothing to draw, so it stays transparent.\n &__icon {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-36);\n height: var(--spacing-36);\n flex-shrink: 0;\n border-radius: var(--rounded-md);\n color: var(--color-word-3);\n overflow: hidden;\n\n svg {\n width: var(--spacing-20);\n height: var(--spacing-20);\n }\n }\n\n &__thumb {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n &__actions {\n gap: var(--spacing-2);\n }\n }\n</style>\n"],"mappings":"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"}

package/dist-vue/_chunks/PkChatbotViewProfile-CyzRxE3D.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"PkChatbotViewProfile-CyzRxE3D.js","names":["__unplugin_components_0","__unplugin_components_1","__unplugin_components_2","_openBlock","_createElementBlock","_createElementVNode","_createVNode","PkAvatar","_unref","_toDisplayString","_createCommentVNode","_createBlock","_renderSlot","_sfc_main","useChatbotStore","ChatbotProfileContextKey","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","PkChatbotViewProfile_default","defineComponent","props","__props","$t","useI18n","store","agentName","storeToRefs","profile","inject","user","computed","canManage","profileUrl","isExternalAuth","isSigningOut","ref","errorMessage","onSignOut","error","_component_VvAlert","VvAlert","_component_VvIcon","VvIcon","_component_VvButton","VvButton","openBlock","createElementBlock","createElementVNode","createVNode","PkAvatar_default","unref","agentInterface","toDisplayString","createCommentVNode","createBlock","renderSlot","_ctx"],"sources":["../../../../packages/components/src/chat/PkChatbotViewProfile.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { computed, inject, ref } from 'vue'\n import { storeToRefs } from 'pinia'\n import { useI18n } from 'vue-i18n'\n import { useChatbotStore } from 'composables'\n import PkAvatar from './PkAvatar.vue'\n import { ChatbotProfileContextKey } from './chatbotProfileContext'\n\n const props = defineProps<{ agentId: string }>()\n\n const { t: $t } = useI18n({ useScope: 'global' })\n\n const store = useChatbotStore(props.agentId)\n const { name: agentName, agentInterface } = storeToRefs(store)\n\n const profile = inject(ChatbotProfileContextKey, undefined)\n const user = computed(() => profile?.user.value ?? null)\n const canManage = computed(() => profile?.canManageProfile.value ?? false)\n const profileUrl = computed(() => profile?.profileUrl.value)\n // External token mode: the host owns the auth lifecycle, so the widget\n // offers no sign-out nor profile management (the main site is not\n // accessible to externally authenticated users).\n const isExternalAuth = computed(\n () => profile?.isExternalAuth?.value ?? false,\n )\n\n const isSigningOut = ref(false)\n const errorMessage = ref<string>()\n\n async function onSignOut() {\n if (!profile) {\n return\n }\n isSigningOut.value = true\n try {\n await profile.signOut()\n } catch (error) {\n errorMessage.value =\n error instanceof Error ? error.message : $t('message.error')\n } finally {\n isSigningOut.value = false\n }\n }\n</script>\n\n<template>\n <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto\">\n \n <div\n class=\"flex flex-col items-center gap-sm pt-lg px-lg pb-md bg-surface-1 border-b border-surface-3\">\n <PkAvatar\n modifiers=\"surface ring\"\n class=\"w-64 h-64\"\n :name=\"user?.name ?? agentName\"\n :img-src=\"user?.image ?? agentInterface?.logo\" />\n <div class=\"flex flex-col items-center gap-6 text-center\">\n <strong\n v-if=\"user?.name ?? agentName\"\n class=\"text-16 font-semibold text-word-1 leading-tight\">\n {{ user?.name ?? agentName }}\n </strong>\n <span\n v-if=\"user?.email\"\n class=\"text-12 text-word-3 leading-none\">\n {{ user.email }}\n </span>\n </div>\n </div>\n\n \n <div class=\"flex flex-col gap-sm p-md flex-1\">\n <VvAlert\n v-if=\"errorMessage\"\n modifiers=\"danger\"\n :content=\"errorMessage\" />\n\n \n <a\n v-if=\"canManage && profileUrl && !isExternalAuth\"\n :href=\"profileUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"flex items-center gap-12 p-12 rounded-lg border border-surface-3 hover:border-surface-5 hover:bg-surface-1 transition-colors cursor-pointer no-underline\">\n <div\n class=\"w-40 h-40 rounded-lg bg-surface-2 border border-surface-3 flex items-center justify-center shrink-0\">\n <VvIcon\n name=\"ri:user-settings-line\"\n class=\"w-20 h-20 text-word-2\" />\n </div>\n <div class=\"flex flex-col flex-1 min-w-0 gap-1\">\n <span class=\"text-14 font-medium text-word-1 leading-tight\">\n {{ $t('action.manageProfile') }}\n </span>\n <span class=\"text-12 text-word-3 leading-tight\">\n {{ $t('label.manageProfileDescription') }}\n </span>\n </div>\n <VvIcon\n name=\"ri:arrow-right-s-line\"\n class=\"w-16 h-16 text-word-4 shrink-0\" />\n </a>\n </div>\n\n \n <div v-if=\"!isExternalAuth\" class=\"px-md py-sm\">\n <VvButton\n modifiers=\"secondary-danger\"\n class=\"w-full\"\n icon=\"ri:logout-box-line\"\n :loading=\"isSigningOut\"\n :disabled=\"isSigningOut\"\n :label=\"$t('action.signOut')\"\n @click=\"onSignOut\" />\n </div>\n\n <slot />\n </div>\n</template>\n","<script setup lang=\"ts\">\n import { computed, inject, ref } from 'vue'\n import { storeToRefs } from 'pinia'\n import { useI18n } from 'vue-i18n'\n import { useChatbotStore } from 'composables'\n import PkAvatar from './PkAvatar.vue'\n import { ChatbotProfileContextKey } from './chatbotProfileContext'\n\n const props = defineProps<{ agentId: string }>()\n\n const { t: $t } = useI18n({ useScope: 'global' })\n\n const store = useChatbotStore(props.agentId)\n const { name: agentName, agentInterface } = storeToRefs(store)\n\n const profile = inject(ChatbotProfileContextKey, undefined)\n const user = computed(() => profile?.user.value ?? null)\n const canManage = computed(() => profile?.canManageProfile.value ?? false)\n const profileUrl = computed(() => profile?.profileUrl.value)\n // External token mode: the host owns the auth lifecycle, so the widget\n // offers no sign-out nor profile management (the main site is not\n // accessible to externally authenticated users).\n const isExternalAuth = computed(\n () => profile?.isExternalAuth?.value ?? false,\n )\n\n const isSigningOut = ref(false)\n const errorMessage = ref<string>()\n\n async function onSignOut() {\n if (!profile) {\n return\n }\n isSigningOut.value = true\n try {\n await profile.signOut()\n } catch (error) {\n errorMessage.value =\n error instanceof Error ? error.message : $t('message.error')\n } finally {\n isSigningOut.value = false\n }\n }\n</script>\n\n<template>\n <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto\">\n \n <div\n class=\"flex flex-col items-center gap-sm pt-lg px-lg pb-md bg-surface-1 border-b border-surface-3\">\n <PkAvatar\n modifiers=\"surface ring\"\n class=\"w-64 h-64\"\n :name=\"user?.name ?? agentName\"\n :img-src=\"user?.image ?? agentInterface?.logo\" />\n <div class=\"flex flex-col items-center gap-6 text-center\">\n <strong\n v-if=\"user?.name ?? agentName\"\n class=\"text-16 font-semibold text-word-1 leading-tight\">\n {{ user?.name ?? agentName }}\n </strong>\n <span\n v-if=\"user?.email\"\n class=\"text-12 text-word-3 leading-none\">\n {{ user.email }}\n </span>\n </div>\n </div>\n\n \n <div class=\"flex flex-col gap-sm p-md flex-1\">\n <VvAlert\n v-if=\"errorMessage\"\n modifiers=\"danger\"\n :content=\"errorMessage\" />\n\n \n <a\n v-if=\"canManage && profileUrl && !isExternalAuth\"\n :href=\"profileUrl\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"flex items-center gap-12 p-12 rounded-lg border border-surface-3 hover:border-surface-5 hover:bg-surface-1 transition-colors cursor-pointer no-underline\">\n <div\n class=\"w-40 h-40 rounded-lg bg-surface-2 border border-surface-3 flex items-center justify-center shrink-0\">\n <VvIcon\n name=\"ri:user-settings-line\"\n class=\"w-20 h-20 text-word-2\" />\n </div>\n <div class=\"flex flex-col flex-1 min-w-0 gap-1\">\n <span class=\"text-14 font-medium text-word-1 leading-tight\">\n {{ $t('action.manageProfile') }}\n </span>\n <span class=\"text-12 text-word-3 leading-tight\">\n {{ $t('label.manageProfileDescription') }}\n </span>\n </div>\n <VvIcon\n name=\"ri:arrow-right-s-line\"\n class=\"w-16 h-16 text-word-4 shrink-0\" />\n </a>\n </div>\n\n \n <div v-if=\"!isExternalAuth\" class=\"px-md py-sm\">\n <VvButton\n modifiers=\"secondary-danger\"\n class=\"w-full\"\n icon=\"ri:logout-box-line\"\n :loading=\"isSigningOut\"\n :disabled=\"isSigningOut\"\n :label=\"$t('action.signOut')\"\n @click=\"onSignOut\" />\n </div>\n\n <slot />\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAQI,IAAM8B,IAAQC,GAER,EAAE,GAAGC,MAAOC,EAAQ,EAAE,UAAU,SAAS,CAAC,GAE1CC,IAAQpB,EAAgBgB,EAAM,OAAO,GACrC,EAAE,MAAMK,GAAW,sBAAmBC,EAAYF,CAAK,GAEvDG,IAAUC,EAAOvB,GAA0B,KAAA,CAAS,GACpDwB,IAAOC,QAAeH,GAAS,KAAK,SAAS,IAAI,GACjDI,IAAYD,QAAeH,GAAS,iBAAiB,SAAS,EAAK,GACnEK,IAAaF,QAAeH,GAAS,WAAW,KAAK,GAIrDM,IAAiBH,QACbH,GAAS,gBAAgB,SAAS,EAC5C,GAEMO,IAAeC,EAAI,EAAK,GACxBC,IAAeD,EAAY;EAEjC,eAAeE,IAAY;GACvB,IAAKV,GAGL;MAAa,QAAQ;IACrB,IAAI;KACA,MAAMA,EAAQ,QAAQ;IAC1B,SAASW,GAAO;KACZ,EAAa,QACTA,aAAiB,QAAQA,EAAM,UAAUhB,EAAG,eAAe;IACnE,UAAU;KACN,EAAa,QAAQ;IACzB;GARqB;EASzB;;;GAIA,OAAA7B,EAAA,GAAAC,EAsEM,OAtENY,GAsEM;IApEFX,EAmBM,OAnBNY,GAmBM,CAjBFX,EAIqDC,GAAA;KAHjD,WAAU;KACV,OAAM;KACL,MAAMgC,EAAA,OAAM,QAAQ/B,EAAA2B,CAAA;KACpB,WAASI,EAAA,OAAM,SAAS/B,EAAAqD,CAAA,CAAc,EAAE;IAC7CxD,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,SAAAA,CAAAA,GAAAA,EAWM,OAXNa,GAWM,CATQqB,EAAA,OAAM,QAAQ/B,EAAA2B,CAAA,KADxBhC,EAAA,GAAAC,EAIS,UAJTe,GAISV,EADF8B,EAAA,OAAM,QAAQ/B,EAAA2B,CAAA,CAAS,GAAA,CAAA,KAAA4B,EAAA,IAAA,EAAA,GAGpBxB,EAAA,OAAM,SADhBpC,EAAA,GAAAC,EAIO,QAJPgB,GAIOX,EADA8B,EAAA,MAAK,KAAK,GAAA,CAAA,KAAAwB,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA;IAMzB1D,EA+BM,OA/BNgB,GA+BM,CA7BQyB,EAAA,SADV3C,EAAA,GAAAQ,EAG8BsC,GAAA;;KAD1B,WAAU;KACT,SAASH,EAAA;IAIJ,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA,KAAAiB,EAAA,IAAA,EAAA,GAAAtB,EAAA,SAAaC,EAAA,SAAU,CAAKC,EAAA,SADtCxC,EAAA,GAAAC,EAuBI,KAAA;;KArBC,MAAMsC,EAAA;KACP,QAAO;KACP,KAAI;KACJ,OAAM;;KACNrC,EAKM,OALNkB,GAKM,CAHFjB,EAEoC6C,GAAA;MADhC,MAAK;MACL,OAAM;;KAEd9C,EAOM,OAPNmB,GAOM,CANFnB,EAEO,QAFPoB,GAEOhB,EADAD,EAAAwB,CAAA,CAAE,CAAA,sBAAA,CAAA,GAAA,CAAA,GAET3B,EAEO,QAFPqB,GAEOjB,EADAD,EAAAwB,CAAA,CAAE,CAAA,gCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;KAGb1B,EAE6C6C,GAAA;MADzC,MAAK;MACL,OAAM;;;IAKNR,EAAA,qBAAZxC,EAAA,GAAAC,EASM,OATNuB,GASM,CARFrB,EAOyB+C,GAAA;KANrB,WAAU;KACV,OAAM;KACN,MAAK;KACJ,SAAST,EAAA;KACT,UAAUA,EAAA;KACV,OAAOpC,EAAAwB,CAAA,CAAE,CAAA,gBAAA;KACT,SAAOe;;;;;;IAGhBnC,EAAQsD,EAAA,QAAA,SAAA"}

package/dist-vue/_chunks/PkChatbotWakeupBar-jBti21FQ.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"PkChatbotWakeupBar-jBti21FQ.js","names":["__unplugin_components_0","__unplugin_components_1","_openBlock","_createElementBlock","_createVNode","_createElementVNode","_toDisplayString","_unref","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","PkChatbotWakeupBar_default","defineComponent","__emit","emit","$t","$d","useI18n","_component_VvIcon","VvIcon","_component_VvButton","VvButton","openBlock","createElementBlock","createVNode","createElementVNode","toDisplayString","unref","__props","_cache"],"sources":["../../../../packages/components/src/chat/PkChatbotWakeupBar.vue","../../../../packages/components/src/chat/PkChatbotWakeupBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { useI18n } from 'vue-i18n'\n import type { PendingWakeup } from 'models'\n\n /**\n * The check the agent will run by itself next (spec agent-wakeup): when,\n * why, and the user's way to stop it. Above the input, because it is the\n * one thing in the chat still to happen.\n */\n defineProps<{\n pending: PendingWakeup\n stopping?: boolean\n }>()\n\n const emit = defineEmits<{\n stop: []\n }>()\n\n const { t: $t, d: $d } = useI18n({ useScope: 'global' })\n</script>\n\n<template>\n <div class=\"pk-chatbot-wakeup-bar\" role=\"status\">\n <VvIcon name=\"ri:alarm-line\" class=\"shrink-0\" />\n <span class=\"pk-chatbot-wakeup-bar__text\">\n <strong>\n {{\n $t('label.wakeupNext', {\n time: $d(new Date(pending.dueAt), 'time'),\n })\n }}\n </strong>\n <span class=\"pk-chatbot-wakeup-bar__reason\">\n {{ pending.reason }}\n </span>\n </span>\n <VvButton\n :label=\"$t('action.stop')\"\n modifiers=\"action-quiet\"\n :loading=\"stopping\"\n :disabled=\"stopping\"\n @click=\"emit('stop')\" />\n </div>\n</template>\n\n<style lang=\"scss\">\n .pk-chatbot-wakeup-bar {\n display: flex;\n align-items: center;\n gap: var(--spacing-sm);\n padding: var(--spacing-xs) var(--spacing-md);\n border-top: 1px solid var(--color-surface-3);\n color: var(--color-word-3);\n font-size: var(--text-12);\n\n &__text {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n }\n\n &__reason {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n</style>\n","<script setup lang=\"ts\">\n import { useI18n } from 'vue-i18n'\n import type { PendingWakeup } from 'models'\n\n /**\n * The check the agent will run by itself next (spec agent-wakeup): when,\n * why, and the user's way to stop it. Above the input, because it is the\n * one thing in the chat still to happen.\n */\n defineProps<{\n pending: PendingWakeup\n stopping?: boolean\n }>()\n\n const emit = defineEmits<{\n stop: []\n }>()\n\n const { t: $t, d: $d } = useI18n({ useScope: 'global' })\n</script>\n\n<template>\n <div class=\"pk-chatbot-wakeup-bar\" role=\"status\">\n <VvIcon name=\"ri:alarm-line\" class=\"shrink-0\" />\n <span class=\"pk-chatbot-wakeup-bar__text\">\n <strong>\n {{\n $t('label.wakeupNext', {\n time: $d(new Date(pending.dueAt), 'time'),\n })\n }}\n </strong>\n <span class=\"pk-chatbot-wakeup-bar__reason\">\n {{ pending.reason }}\n </span>\n </span>\n <VvButton\n :label=\"$t('action.stop')\"\n modifiers=\"action-quiet\"\n :loading=\"stopping\"\n :disabled=\"stopping\"\n @click=\"emit('stop')\" />\n </div>\n</template>\n\n<style lang=\"scss\">\n .pk-chatbot-wakeup-bar {\n display: flex;\n align-items: center;\n gap: var(--spacing-sm);\n padding: var(--spacing-xs) var(--spacing-md);\n border-top: 1px solid var(--color-surface-3);\n color: var(--color-word-3);\n font-size: var(--text-12);\n\n &__text {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n }\n\n &__reason {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n</style>\n"],"mappings":";;;;;;;;;;;;;;;EAcI,IAAMe,IAAOD,GAIP,EAAE,GAAGE,GAAI,GAAGC,MAAOC,EAAQ,EAAE,UAAU,SAAS,CAAC;;;GAIvD,OAAAhB,EAAA,GAAAC,EAoBM,OApBNM,GAoBM;IAnBFL,EAAgDe,GAAA;KAAxC,MAAK;KAAgB,OAAM;;IACnCd,EAWO,QAXPK,GAWO,CAVHL,EAMS,UAAA,MAAAC,EAJDC,EAAAS,CAAA,CAAE,CAAA,oBAAA,EAAqD,MAAAT,EAAAU,CAAA,CAAE,CAAA,IAAK,KAAKY,EAAA,QAAQ,KAAK,GAAA,MAAA,EAAA,CAAA,CAAA,GAAA,CAAA,GAKxFxB,EAEO,QAFPM,GAEOL,EADAuB,EAAA,QAAQ,MAAM,GAAA,CAAA,CAAA,CAAA;IAGzBzB,EAK4BiB,GAAA;KAJvB,OAAOd,EAAAS,CAAA,CAAE,CAAA,aAAA;KACV,WAAU;KACT,SAASa,EAAA;KACT,UAAUA,EAAA;KACV,SAAK,AAAAC,EAAA,QAAA,MAAEf,EAAI,MAAA"}

package/dist-vue/_chunks/PkSvgViewer-Ts3gQ1hB.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"PkSvgViewer-Ts3gQ1hB.js","names":["__unplugin_components_0","__unplugin_components_1","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_createCommentVNode","_normalizeStyle","_createVNode","_withCtx","_Transition","_unref","_createBlock","_sfc_main","useLightbox","_hoisted_1","_hoisted_2","PkSvgViewer_default","defineComponent","props","__props","$t","useI18n","svgRef","ref","galleryRef","scale","translateX","translateY","startX","startY","svgDataUrl","svgWidth","svgHeight","svgStyle","computed","zoomIn","zoomOut","reset","openLightbox","lightbox","isDragging","onMouseDown","onMouseMove","onMouseUp","serializeSvg","svg","updateSvgExport","serialized","viewBox","watch","onMounted","init","_component_VvButton","VvButton","_component_VvButtonGroup","VvButtonGroup","openBlock","createElementBlock","normalizeClass","createElementVNode","createCommentVNode","normalizeStyle","createVNode","withCtx","Transition","unref","createBlock"],"sources":["../../../../packages/components/src/PkSvgViewer.vue","../../../../packages/components/src/PkSvgViewer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { ref, onMounted, computed, watch } from 'vue'\n import { useLightbox } from './composables/useLightbox'\n import { useI18n } from 'vue-i18n'\n\n const props = defineProps<{\n svg?: string\n title?: string\n }>()\n\n const { t: $t } = useI18n()\n\n const svgRef = ref<HTMLDivElement | null>(null)\n const galleryRef = ref<HTMLElement>()\n\n const scale = ref(1)\n const translateX = ref(0)\n const translateY = ref(0)\n const startX = ref(0)\n const startY = ref(0)\n\n // PhotoSwipe integration\n const svgDataUrl = ref('')\n const svgWidth = ref(0)\n const svgHeight = ref(0)\n\n const { lightbox, init } = useLightbox({\n gallery: galleryRef,\n downloadable: true,\n openInNewTab: false,\n })\n\n const svgStyle = computed(() => ({\n transform: `translate(${translateX.value}px, ${translateY.value}px) scale(${scale.value})`,\n }))\n\n const zoomIn = () => {\n scale.value = Math.min(scale.value * 1.2, 10)\n }\n\n const zoomOut = () => {\n scale.value = Math.max(scale.value / 1.2, 0.1)\n }\n\n const reset = () => {\n scale.value = 1\n translateX.value = 0\n translateY.value = 0\n }\n\n const openLightbox = () => {\n if (svgDataUrl.value) {\n lightbox.value?.loadAndOpen(0)\n }\n }\n\n const isDragging = ref(false)\n\n // Pan logic\n const onMouseDown = (e: MouseEvent) => {\n e.preventDefault()\n isDragging.value = true\n startX.value = e.clientX - translateX.value\n startY.value = e.clientY - translateY.value\n }\n\n const onMouseMove = (e: MouseEvent) => {\n if (!isDragging.value) {\n return\n }\n translateX.value = e.clientX - startX.value\n translateY.value = e.clientY - startY.value\n }\n\n const onMouseUp = () => {\n isDragging.value = false\n }\n\n function serializeSvg(): string | null {\n const svg = svgRef.value?.querySelector('svg')\n if (!svg) {\n return null\n }\n return new XMLSerializer().serializeToString(svg)\n }\n\n function updateSvgExport() {\n const svg = svgRef.value?.querySelector('svg')\n const serialized = serializeSvg()\n if (!svg || !serialized) {\n return\n }\n\n const viewBox = svg.viewBox?.baseVal\n svgWidth.value =\n viewBox?.width || svg.getBoundingClientRect().width || 1200\n svgHeight.value =\n viewBox?.height || svg.getBoundingClientRect().height || 800\n svgDataUrl.value = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(serialized)}`\n }\n\n watch(\n () => props.svg,\n () => {\n if (props.svg && svgRef.value) {\n svgRef.value.innerHTML = props.svg\n updateSvgExport()\n }\n },\n )\n\n onMounted(async () => {\n if (props.svg && svgRef.value) {\n svgRef.value.innerHTML = props.svg\n updateSvgExport()\n }\n await init()\n })\n</script>\n\n<template>\n <div\n class=\"pk-svg-viewer\"\n :class=\"{\n 'pk-svg-viewer--dragging': isDragging,\n }\">\n \n <div ref=\"galleryRef\" class=\"hidden\">\n <a\n v-if=\"svgDataUrl\"\n :href=\"svgDataUrl\"\n :data-pswp-src=\"svgDataUrl\"\n :data-pswp-width=\"svgWidth\"\n :data-pswp-height=\"svgHeight\"\n :title=\"title\" />\n </div>\n\n \n <div\n class=\"pk-svg-viewer__stage\"\n @mousedown=\"onMouseDown\"\n @mousemove=\"onMouseMove\"\n @mouseup=\"onMouseUp\"\n @mouseleave=\"onMouseUp\">\n <div\n ref=\"svgRef\"\n :style=\"svgStyle\"\n class=\"pk-svg-viewer__content\" />\n </div>\n\n \n <div class=\"pk-svg-viewer__toolbar\">\n <VvButtonGroup\n modifiers=\"compact\"\n class=\"bg-surface-1 shadow-md overflow-hidden\">\n <transition name=\"fade\">\n <VvButton\n key=\"reset\"\n modifiers=\"action-small\"\n :disabled=\"\n scale === 1 && translateX === 0 && translateY === 0\n \"\n icon=\"ri:aspect-ratio-line\"\n :title=\"$t('action.reset')\"\n @click=\"reset\" />\n </transition>\n <VvButton\n v-if=\"svgDataUrl\"\n modifiers=\"action-small\"\n icon=\"ri:zoom-out-line\"\n :title=\"$t('action.zoomOut')\"\n @click=\"zoomOut\" />\n <VvButton\n modifiers=\"action-small\"\n icon=\"ri:zoom-in-line\"\n :title=\"$t('action.zoomIn')\"\n @click=\"zoomIn\" />\n <VvButton\n v-if=\"svgDataUrl\"\n modifiers=\"action-small\"\n icon=\"ri:fullscreen-line\"\n :title=\"$t('action.expand')\"\n @click=\"openLightbox\" />\n </VvButtonGroup>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\">\n .pk-svg-viewer {\n position: relative;\n overflow: hidden;\n background-color: var(--color-surface-2);\n width: 100%;\n height: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: grab;\n transition: transform 0.3s ease-out;\n transform-origin: center center;\n\n svg {\n max-width: 100%;\n max-height: 100%;\n height: auto;\n width: auto;\n }\n }\n\n &__toolbar {\n position: absolute;\n top: var(--spacing-8);\n right: var(--spacing-8);\n z-index: var(--z-dropdown);\n opacity: 0;\n transition: var(--transition-opacity);\n }\n\n &__stage {\n width: 100%;\n height: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n }\n\n &:hover {\n .pk-svg-viewer__toolbar {\n opacity: 1;\n }\n }\n\n &--dragging {\n .pk-svg-viewer__toolbar {\n opacity: 0.5 !important;\n pointer-events: none;\n\n & * {\n pointer-events: none;\n }\n }\n\n .pk-svg-viewer__content {\n cursor: grabbing !important;\n }\n }\n }\n</style>\n","<script setup lang=\"ts\">\n import { ref, onMounted, computed, watch } from 'vue'\n import { useLightbox } from './composables/useLightbox'\n import { useI18n } from 'vue-i18n'\n\n const props = defineProps<{\n svg?: string\n title?: string\n }>()\n\n const { t: $t } = useI18n()\n\n const svgRef = ref<HTMLDivElement | null>(null)\n const galleryRef = ref<HTMLElement>()\n\n const scale = ref(1)\n const translateX = ref(0)\n const translateY = ref(0)\n const startX = ref(0)\n const startY = ref(0)\n\n // PhotoSwipe integration\n const svgDataUrl = ref('')\n const svgWidth = ref(0)\n const svgHeight = ref(0)\n\n const { lightbox, init } = useLightbox({\n gallery: galleryRef,\n downloadable: true,\n openInNewTab: false,\n })\n\n const svgStyle = computed(() => ({\n transform: `translate(${translateX.value}px, ${translateY.value}px) scale(${scale.value})`,\n }))\n\n const zoomIn = () => {\n scale.value = Math.min(scale.value * 1.2, 10)\n }\n\n const zoomOut = () => {\n scale.value = Math.max(scale.value / 1.2, 0.1)\n }\n\n const reset = () => {\n scale.value = 1\n translateX.value = 0\n translateY.value = 0\n }\n\n const openLightbox = () => {\n if (svgDataUrl.value) {\n lightbox.value?.loadAndOpen(0)\n }\n }\n\n const isDragging = ref(false)\n\n // Pan logic\n const onMouseDown = (e: MouseEvent) => {\n e.preventDefault()\n isDragging.value = true\n startX.value = e.clientX - translateX.value\n startY.value = e.clientY - translateY.value\n }\n\n const onMouseMove = (e: MouseEvent) => {\n if (!isDragging.value) {\n return\n }\n translateX.value = e.clientX - startX.value\n translateY.value = e.clientY - startY.value\n }\n\n const onMouseUp = () => {\n isDragging.value = false\n }\n\n function serializeSvg(): string | null {\n const svg = svgRef.value?.querySelector('svg')\n if (!svg) {\n return null\n }\n return new XMLSerializer().serializeToString(svg)\n }\n\n function updateSvgExport() {\n const svg = svgRef.value?.querySelector('svg')\n const serialized = serializeSvg()\n if (!svg || !serialized) {\n return\n }\n\n const viewBox = svg.viewBox?.baseVal\n svgWidth.value =\n viewBox?.width || svg.getBoundingClientRect().width || 1200\n svgHeight.value =\n viewBox?.height || svg.getBoundingClientRect().height || 800\n svgDataUrl.value = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(serialized)}`\n }\n\n watch(\n () => props.svg,\n () => {\n if (props.svg && svgRef.value) {\n svgRef.value.innerHTML = props.svg\n updateSvgExport()\n }\n },\n )\n\n onMounted(async () => {\n if (props.svg && svgRef.value) {\n svgRef.value.innerHTML = props.svg\n updateSvgExport()\n }\n await init()\n })\n</script>\n\n<template>\n <div\n class=\"pk-svg-viewer\"\n :class=\"{\n 'pk-svg-viewer--dragging': isDragging,\n }\">\n \n <div ref=\"galleryRef\" class=\"hidden\">\n <a\n v-if=\"svgDataUrl\"\n :href=\"svgDataUrl\"\n :data-pswp-src=\"svgDataUrl\"\n :data-pswp-width=\"svgWidth\"\n :data-pswp-height=\"svgHeight\"\n :title=\"title\" />\n </div>\n\n \n <div\n class=\"pk-svg-viewer__stage\"\n @mousedown=\"onMouseDown\"\n @mousemove=\"onMouseMove\"\n @mouseup=\"onMouseUp\"\n @mouseleave=\"onMouseUp\">\n <div\n ref=\"svgRef\"\n :style=\"svgStyle\"\n class=\"pk-svg-viewer__content\" />\n </div>\n\n \n <div class=\"pk-svg-viewer__toolbar\">\n <VvButtonGroup\n modifiers=\"compact\"\n class=\"bg-surface-1 shadow-md overflow-hidden\">\n <transition name=\"fade\">\n <VvButton\n key=\"reset\"\n modifiers=\"action-small\"\n :disabled=\"\n scale === 1 && translateX === 0 && translateY === 0\n \"\n icon=\"ri:aspect-ratio-line\"\n :title=\"$t('action.reset')\"\n @click=\"reset\" />\n </transition>\n <VvButton\n v-if=\"svgDataUrl\"\n modifiers=\"action-small\"\n icon=\"ri:zoom-out-line\"\n :title=\"$t('action.zoomOut')\"\n @click=\"zoomOut\" />\n <VvButton\n modifiers=\"action-small\"\n icon=\"ri:zoom-in-line\"\n :title=\"$t('action.zoomIn')\"\n @click=\"zoomIn\" />\n <VvButton\n v-if=\"svgDataUrl\"\n modifiers=\"action-small\"\n icon=\"ri:fullscreen-line\"\n :title=\"$t('action.expand')\"\n @click=\"openLightbox\" />\n </VvButtonGroup>\n </div>\n </div>\n</template>\n\n<style lang=\"scss\">\n .pk-svg-viewer {\n position: relative;\n overflow: hidden;\n background-color: var(--color-surface-2);\n width: 100%;\n height: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n\n &__content {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: grab;\n transition: transform 0.3s ease-out;\n transform-origin: center center;\n\n svg {\n max-width: 100%;\n max-height: 100%;\n height: auto;\n width: auto;\n }\n }\n\n &__toolbar {\n position: absolute;\n top: var(--spacing-8);\n right: var(--spacing-8);\n z-index: var(--z-dropdown);\n opacity: 0;\n transition: var(--transition-opacity);\n }\n\n &__stage {\n width: 100%;\n height: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n }\n\n &:hover {\n .pk-svg-viewer__toolbar {\n opacity: 1;\n }\n }\n\n &--dragging {\n .pk-svg-viewer__toolbar {\n opacity: 0.5 !important;\n pointer-events: none;\n\n & * {\n pointer-events: none;\n }\n }\n\n .pk-svg-viewer__content {\n cursor: grabbing !important;\n }\n }\n }\n</style>\n"],"mappings":"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"}

package/dist-vue/_chunks/PkToolRequestOAuthConnection-GfSalEJG.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"PkToolRequestOAuthConnection-GfSalEJG.js","names":["__unplugin_components_0","__unplugin_components_1","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_toDisplayString","_unref","_createBlock","_createCommentVNode","_Fragment","_sfc_main","isVoiceRenderAck","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","POLL_INTERVAL_MS","POLL_TIMEOUT_MS","PkToolRequestOAuthConnection_default","defineComponent","__emit","props","__props","emit","$t","useI18n","toolPart","computed","state","serverName","isRenderAck","isConnectedByOutput","isAwaitingConnection","mcpServerId","ref","hasConnected","isSigningIn","oauthError","isDone","canConnect","isConnectedNow","status","pollTimer","signInAttempt","signInWindow","stopWatching","settleConnected","connectedServerId","watchForConnection","attempt","popup","deadline","tick","connected","onMessage","isMcpOAuthReport","event","reportedServerId","openAuthWindow","connection","err","onMounted","onUnmounted","_component_VvIcon","VvIcon","_component_VvButton","VvButton","openBlock","createElementBlock","createElementVNode","createVNode","toDisplayString","unref","createBlock","createCommentVNode","Fragment"],"sources":["../../../../packages/components/src/chat/PkToolRequestOAuthConnection.vue","../../../../packages/components/src/chat/PkToolRequestOAuthConnection.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { computed, onMounted, onUnmounted, ref } from 'vue'\n import { useI18n } from 'vue-i18n'\n import { isVoiceRenderAck } from 'models'\n import { isMcpOAuthReport } from './mcpOAuthReport'\n\n const props = defineProps<{\n part: unknown\n /**\n * The backend the chat talks to, where the sign-in's callback page\n * runs. Without it the card hears no report and relies on its poll.\n */\n backendUrl?: string\n resolveConnection?: (\n serverName: string,\n ) => Promise<{ mcpServerId: string; authorizeUrl: string }>\n checkConnection?: (\n serverName: string,\n ) => Promise<{ mcpServerId: string; connected: boolean }>\n }>()\n\n const emit = defineEmits<{\n connected: [mcpServerId: string]\n }>()\n\n const { t: $t } = useI18n({ useScope: 'global' })\n\n /** How often the connection is re-read while the sign-in window is out. */\n const POLL_INTERVAL_MS = 2000\n /**\n * How long we keep asking. The only end to a sign-in nobody finishes:\n * `popup.closed` cannot be that signal, because the browser disowns the\n * handle when the provider severs the opener (that is what\n * `Cross-Origin-Opener-Policy` does), so it reads as closed from the first\n * check of the very flow this watch exists for. Long enough for a password\n * manager and a second factor.\n */\n const POLL_TIMEOUT_MS = 5 * 60 * 1000\n\n const toolPart = computed(() => {\n return props.part as {\n state?: string\n toolCallId?: string\n input?: { serverName: string }\n output?: unknown\n }\n })\n\n const state = computed(() => toolPart.value.state ?? 'unknown')\n const serverName = computed(() => toolPart.value.input?.serverName)\n\n /**\n * A card drawn during a CALL arrives already \"answered\": the turn could\n * not wait for the connection, so the backend closed the tool with a note\n * saying the card was drawn (see `isVoiceRenderAck`, same rule as the\n * forms). That note is not a connection, and without this the card\n * rendered its inert fallback: the caller was told to connect the account\n * and given nothing to click (measured 2026-08-07).\n */\n const isRenderAck = computed(() => isVoiceRenderAck(toolPart.value.output))\n\n /** The output this card wrote itself once the connection went through. */\n const isConnectedByOutput = computed(\n () =>\n (toolPart.value.output as { connected?: unknown } | undefined)\n ?.connected === true,\n )\n\n const isAwaitingConnection = computed(\n () => state.value === 'input-available' || isRenderAck.value,\n )\n\n const mcpServerId = ref<string | null>(null)\n /**\n * Set once THIS card's sign-in went through, and never from a plain read of\n * the connection: a card still asking is the turn saying it could not use\n * that integration, and a token row can outlive its usefulness (a refresh\n * that failed transiently keeps the row, so the turn sees no usable token\n * while a status read still sees one). Trusting the read there would have\n * left the card claiming success, with no button, on a turn still waiting.\n * It doubles as the guard that resumes the turn exactly once, whichever\n * channel got there first.\n */\n const hasConnected = ref(false)\n /** A sign-in window we opened is still out there. */\n const isSigningIn = ref(false)\n const oauthError = ref<string | null>(null)\n\n const isDone = computed(\n () => hasConnected.value || isConnectedByOutput.value,\n )\n const canConnect = computed(\n () => Boolean(serverName.value) && Boolean(props.resolveConnection),\n )\n\n /**\n * Whether the server says this user has connected, asked without minting\n * anything: no OAuth `state` is burned by looking.\n */\n async function isConnectedNow(): Promise<boolean> {\n if (!serverName.value || !props.checkConnection) {\n return false\n }\n try {\n const status = await props.checkConnection(serverName.value)\n mcpServerId.value = status.mcpServerId\n return status.connected\n } catch {\n // Not knowing is not an error to show: the sign-in window is still\n // out there and the next read may well answer.\n return false\n }\n }\n\n let pollTimer: ReturnType<typeof setTimeout> | undefined\n /**\n * Which sign-in a running tick belongs to. A tick suspended on its read\n * outlives the attempt that scheduled it: without this it woke up inside\n * the NEXT attempt, restarted its own chain over that one's timer and then\n * stopped it on its own older deadline.\n */\n let signInAttempt = 0\n /** The window this attempt opened, the only sender we accept a report from. */\n let signInWindow: Window | null = null\n\n function stopWatching() {\n if (pollTimer !== undefined) {\n clearTimeout(pollTimer)\n pollTimer = undefined\n }\n signInAttempt += 1\n signInWindow = null\n isSigningIn.value = false\n }\n\n function settleConnected(connectedServerId: string) {\n stopWatching()\n if (hasConnected.value) {\n return\n }\n hasConnected.value = true\n mcpServerId.value = connectedServerId\n oauthError.value = null\n emit('connected', connectedServerId)\n }\n\n /**\n * Watches the connection from THIS window while the sign-in window is away.\n *\n * The callback page reports through `window.opener`, and a provider that\n * sends `Cross-Origin-Opener-Policy` anywhere in its redirect chain takes\n * that opener away: the connection then succeeds with nobody listening, the\n * card stays on its button and the suspended turn is never resumed\n * (reported 2026-08-27). This channel never goes through that window, so it\n * survives whatever the provider does to it. Chained rather than periodic:\n * a read slower than the interval would otherwise overlap the next one.\n */\n function watchForConnection(popup: Window) {\n stopWatching()\n const attempt = signInAttempt\n signInWindow = popup\n isSigningIn.value = true\n const deadline = Date.now() + POLL_TIMEOUT_MS\n const tick = async () => {\n if (attempt !== signInAttempt || Date.now() > deadline) {\n if (attempt === signInAttempt) {\n stopWatching()\n }\n return\n }\n const connected = await isConnectedNow()\n if (attempt !== signInAttempt) {\n return\n }\n if (connected && mcpServerId.value) {\n settleConnected(mcpServerId.value)\n return\n }\n pollTimer = setTimeout(tick, POLL_INTERVAL_MS)\n }\n pollTimer = setTimeout(tick, POLL_INTERVAL_MS)\n }\n\n /**\n * The callback page's own report, when the browser let it through: faster\n * than the poll, and the only channel carrying the failure reason.\n *\n * Accepted only as {@link isMcpOAuthReport} says, and only while that\n * sign-in is out: the listener stays up for as long as the card is on\n * screen, and nothing else with a handle on this page may resume a turn by\n * posting a message at it.\n */\n function onMessage(event: MessageEvent) {\n if (\n !isSigningIn.value ||\n !isMcpOAuthReport(event, signInWindow, props.backendUrl)\n ) {\n return\n }\n const reportedServerId = event.data.mcpServerId as string | undefined\n if (\n reportedServerId &&\n mcpServerId.value &&\n reportedServerId !== mcpServerId.value\n ) {\n return\n }\n if (!event.data.success) {\n // A failure carries no server id: the callback never got that far.\n stopWatching()\n oauthError.value = event.data.error ?? 'Unknown error'\n return\n }\n const connectedServerId = reportedServerId ?? mcpServerId.value\n if (connectedServerId) {\n settleConnected(connectedServerId)\n }\n }\n\n /**\n * Opens the provider's sign-in, on an authorize URL minted NOW.\n *\n * The URL carries an OAuth `state` that lives ten minutes server-side.\n * Minted when the card rendered, it was routinely expired by the time\n * anyone clicked, and the callback then failed on a sign-in the user had\n * just completed. The window is opened blank first, synchronously, or the\n * popup blocker kills it while we wait for the URL.\n */\n async function openAuthWindow() {\n if (\n !serverName.value ||\n !props.resolveConnection ||\n isSigningIn.value\n ) {\n return\n }\n oauthError.value = null\n const popup = window.open(\n '',\n 'mcp_oauth',\n 'width=600,height=700,menubar=no,toolbar=no',\n )\n if (!popup) {\n oauthError.value = $t('auth.popupBlocked')\n return\n }\n watchForConnection(popup)\n try {\n const connection = await props.resolveConnection(serverName.value)\n mcpServerId.value = connection.mcpServerId\n popup.location.href = connection.authorizeUrl\n } catch (err) {\n stopWatching()\n popup.close()\n oauthError.value =\n err instanceof Error ? err.message : 'Failed to resolve OAuth'\n }\n }\n\n // For the card's whole life, not just between the click and the answer: a\n // card that re-renders while the sign-in window is away used to lose the\n // listener with it, and the completion landed on nobody.\n onMounted(() => window.addEventListener('message', onMessage))\n onUnmounted(() => {\n window.removeEventListener('message', onMessage)\n stopWatching()\n })\n</script>\n\n<template>\n \n <div\n class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface text-12\">\n <div\n class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n <VvIcon name=\"ri:link\" class=\"text-16 shrink-0\" />\n <strong class=\"truncate\">{{ serverName }}</strong>\n </div>\n <div class=\"p-sm\">\n \n <template v-if=\"isDone\">\n <div class=\"flex items-center gap-8\">\n <VvIcon name=\"ri:check-line\" class=\"text-16 text-success\" />\n <strong class=\"font-medium text-word-1\">\n {{\n $t('messagePart.requestOAuthConnectionSuccess', {\n name: serverName,\n })\n }}\n </strong>\n </div>\n </template>\n\n \n <template v-else-if=\"isSigningIn\">\n <div class=\"flex items-center gap-8 text-word-3\">\n <VvIcon name=\"loading-loop\" />\n <span class=\"text-10\">{{\n $t('messagePart.requestOAuthConnection')\n }}</span>\n </div>\n </template>\n\n \n <template v-else-if=\"oauthError\">\n <div class=\"flex flex-col gap-xs\">\n <div class=\"flex items-center gap-8 text-word-3\">\n <VvIcon name=\"ri:close-line\" class=\"text-danger\" />\n <strong class=\"text-10\">\n {{ oauthError }}\n </strong>\n </div>\n <VvButton\n v-if=\"canConnect\"\n modifiers=\"primary-small\"\n icon=\"ri:external-link-line\"\n :label=\"\n $t('messagePart.requestOAuthConnectionButton', {\n name: serverName,\n })\n \"\n @click=\"openAuthWindow\" />\n </div>\n </template>\n\n \n <template v-else-if=\"isAwaitingConnection && canConnect\">\n <div class=\"flex items-center gap-6 text-word-3 mb-xs\">\n <span>\n {{\n $t('messagePart.requestOAuthConnectionPrompt', {\n name: serverName,\n })\n }}\n </span>\n </div>\n <VvButton\n modifiers=\"primary-small\"\n icon=\"ri:external-link-line\"\n :label=\"\n $t('messagePart.requestOAuthConnectionButton', {\n name: serverName,\n })\n \"\n @click=\"openAuthWindow\" />\n </template>\n \n <template v-else>\n <div class=\"flex items-center gap-8 text-word-3\">\n <VvIcon name=\"ri:link\" />\n <span class=\"text-10\">\n {{\n $t('messagePart.requestOAuthConnectionInfo', {\n name: serverName,\n })\n }}\n </span>\n </div>\n </template>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\n import { computed, onMounted, onUnmounted, ref } from 'vue'\n import { useI18n } from 'vue-i18n'\n import { isVoiceRenderAck } from 'models'\n import { isMcpOAuthReport } from './mcpOAuthReport'\n\n const props = defineProps<{\n part: unknown\n /**\n * The backend the chat talks to, where the sign-in's callback page\n * runs. Without it the card hears no report and relies on its poll.\n */\n backendUrl?: string\n resolveConnection?: (\n serverName: string,\n ) => Promise<{ mcpServerId: string; authorizeUrl: string }>\n checkConnection?: (\n serverName: string,\n ) => Promise<{ mcpServerId: string; connected: boolean }>\n }>()\n\n const emit = defineEmits<{\n connected: [mcpServerId: string]\n }>()\n\n const { t: $t } = useI18n({ useScope: 'global' })\n\n /** How often the connection is re-read while the sign-in window is out. */\n const POLL_INTERVAL_MS = 2000\n /**\n * How long we keep asking. The only end to a sign-in nobody finishes:\n * `popup.closed` cannot be that signal, because the browser disowns the\n * handle when the provider severs the opener (that is what\n * `Cross-Origin-Opener-Policy` does), so it reads as closed from the first\n * check of the very flow this watch exists for. Long enough for a password\n * manager and a second factor.\n */\n const POLL_TIMEOUT_MS = 5 * 60 * 1000\n\n const toolPart = computed(() => {\n return props.part as {\n state?: string\n toolCallId?: string\n input?: { serverName: string }\n output?: unknown\n }\n })\n\n const state = computed(() => toolPart.value.state ?? 'unknown')\n const serverName = computed(() => toolPart.value.input?.serverName)\n\n /**\n * A card drawn during a CALL arrives already \"answered\": the turn could\n * not wait for the connection, so the backend closed the tool with a note\n * saying the card was drawn (see `isVoiceRenderAck`, same rule as the\n * forms). That note is not a connection, and without this the card\n * rendered its inert fallback: the caller was told to connect the account\n * and given nothing to click (measured 2026-08-07).\n */\n const isRenderAck = computed(() => isVoiceRenderAck(toolPart.value.output))\n\n /** The output this card wrote itself once the connection went through. */\n const isConnectedByOutput = computed(\n () =>\n (toolPart.value.output as { connected?: unknown } | undefined)\n ?.connected === true,\n )\n\n const isAwaitingConnection = computed(\n () => state.value === 'input-available' || isRenderAck.value,\n )\n\n const mcpServerId = ref<string | null>(null)\n /**\n * Set once THIS card's sign-in went through, and never from a plain read of\n * the connection: a card still asking is the turn saying it could not use\n * that integration, and a token row can outlive its usefulness (a refresh\n * that failed transiently keeps the row, so the turn sees no usable token\n * while a status read still sees one). Trusting the read there would have\n * left the card claiming success, with no button, on a turn still waiting.\n * It doubles as the guard that resumes the turn exactly once, whichever\n * channel got there first.\n */\n const hasConnected = ref(false)\n /** A sign-in window we opened is still out there. */\n const isSigningIn = ref(false)\n const oauthError = ref<string | null>(null)\n\n const isDone = computed(\n () => hasConnected.value || isConnectedByOutput.value,\n )\n const canConnect = computed(\n () => Boolean(serverName.value) && Boolean(props.resolveConnection),\n )\n\n /**\n * Whether the server says this user has connected, asked without minting\n * anything: no OAuth `state` is burned by looking.\n */\n async function isConnectedNow(): Promise<boolean> {\n if (!serverName.value || !props.checkConnection) {\n return false\n }\n try {\n const status = await props.checkConnection(serverName.value)\n mcpServerId.value = status.mcpServerId\n return status.connected\n } catch {\n // Not knowing is not an error to show: the sign-in window is still\n // out there and the next read may well answer.\n return false\n }\n }\n\n let pollTimer: ReturnType<typeof setTimeout> | undefined\n /**\n * Which sign-in a running tick belongs to. A tick suspended on its read\n * outlives the attempt that scheduled it: without this it woke up inside\n * the NEXT attempt, restarted its own chain over that one's timer and then\n * stopped it on its own older deadline.\n */\n let signInAttempt = 0\n /** The window this attempt opened, the only sender we accept a report from. */\n let signInWindow: Window | null = null\n\n function stopWatching() {\n if (pollTimer !== undefined) {\n clearTimeout(pollTimer)\n pollTimer = undefined\n }\n signInAttempt += 1\n signInWindow = null\n isSigningIn.value = false\n }\n\n function settleConnected(connectedServerId: string) {\n stopWatching()\n if (hasConnected.value) {\n return\n }\n hasConnected.value = true\n mcpServerId.value = connectedServerId\n oauthError.value = null\n emit('connected', connectedServerId)\n }\n\n /**\n * Watches the connection from THIS window while the sign-in window is away.\n *\n * The callback page reports through `window.opener`, and a provider that\n * sends `Cross-Origin-Opener-Policy` anywhere in its redirect chain takes\n * that opener away: the connection then succeeds with nobody listening, the\n * card stays on its button and the suspended turn is never resumed\n * (reported 2026-08-27). This channel never goes through that window, so it\n * survives whatever the provider does to it. Chained rather than periodic:\n * a read slower than the interval would otherwise overlap the next one.\n */\n function watchForConnection(popup: Window) {\n stopWatching()\n const attempt = signInAttempt\n signInWindow = popup\n isSigningIn.value = true\n const deadline = Date.now() + POLL_TIMEOUT_MS\n const tick = async () => {\n if (attempt !== signInAttempt || Date.now() > deadline) {\n if (attempt === signInAttempt) {\n stopWatching()\n }\n return\n }\n const connected = await isConnectedNow()\n if (attempt !== signInAttempt) {\n return\n }\n if (connected && mcpServerId.value) {\n settleConnected(mcpServerId.value)\n return\n }\n pollTimer = setTimeout(tick, POLL_INTERVAL_MS)\n }\n pollTimer = setTimeout(tick, POLL_INTERVAL_MS)\n }\n\n /**\n * The callback page's own report, when the browser let it through: faster\n * than the poll, and the only channel carrying the failure reason.\n *\n * Accepted only as {@link isMcpOAuthReport} says, and only while that\n * sign-in is out: the listener stays up for as long as the card is on\n * screen, and nothing else with a handle on this page may resume a turn by\n * posting a message at it.\n */\n function onMessage(event: MessageEvent) {\n if (\n !isSigningIn.value ||\n !isMcpOAuthReport(event, signInWindow, props.backendUrl)\n ) {\n return\n }\n const reportedServerId = event.data.mcpServerId as string | undefined\n if (\n reportedServerId &&\n mcpServerId.value &&\n reportedServerId !== mcpServerId.value\n ) {\n return\n }\n if (!event.data.success) {\n // A failure carries no server id: the callback never got that far.\n stopWatching()\n oauthError.value = event.data.error ?? 'Unknown error'\n return\n }\n const connectedServerId = reportedServerId ?? mcpServerId.value\n if (connectedServerId) {\n settleConnected(connectedServerId)\n }\n }\n\n /**\n * Opens the provider's sign-in, on an authorize URL minted NOW.\n *\n * The URL carries an OAuth `state` that lives ten minutes server-side.\n * Minted when the card rendered, it was routinely expired by the time\n * anyone clicked, and the callback then failed on a sign-in the user had\n * just completed. The window is opened blank first, synchronously, or the\n * popup blocker kills it while we wait for the URL.\n */\n async function openAuthWindow() {\n if (\n !serverName.value ||\n !props.resolveConnection ||\n isSigningIn.value\n ) {\n return\n }\n oauthError.value = null\n const popup = window.open(\n '',\n 'mcp_oauth',\n 'width=600,height=700,menubar=no,toolbar=no',\n )\n if (!popup) {\n oauthError.value = $t('auth.popupBlocked')\n return\n }\n watchForConnection(popup)\n try {\n const connection = await props.resolveConnection(serverName.value)\n mcpServerId.value = connection.mcpServerId\n popup.location.href = connection.authorizeUrl\n } catch (err) {\n stopWatching()\n popup.close()\n oauthError.value =\n err instanceof Error ? err.message : 'Failed to resolve OAuth'\n }\n }\n\n // For the card's whole life, not just between the click and the answer: a\n // card that re-renders while the sign-in window is away used to lose the\n // listener with it, and the completion landed on nobody.\n onMounted(() => window.addEventListener('message', onMessage))\n onUnmounted(() => {\n window.removeEventListener('message', onMessage)\n stopWatching()\n })\n</script>\n\n<template>\n \n <div\n class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface text-12\">\n <div\n class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n <VvIcon name=\"ri:link\" class=\"text-16 shrink-0\" />\n <strong class=\"truncate\">{{ serverName }}</strong>\n </div>\n <div class=\"p-sm\">\n \n <template v-if=\"isDone\">\n <div class=\"flex items-center gap-8\">\n <VvIcon name=\"ri:check-line\" class=\"text-16 text-success\" />\n <strong class=\"font-medium text-word-1\">\n {{\n $t('messagePart.requestOAuthConnectionSuccess', {\n name: serverName,\n })\n }}\n </strong>\n </div>\n </template>\n\n \n <template v-else-if=\"isSigningIn\">\n <div class=\"flex items-center gap-8 text-word-3\">\n <VvIcon name=\"loading-loop\" />\n <span class=\"text-10\">{{\n $t('messagePart.requestOAuthConnection')\n }}</span>\n </div>\n </template>\n\n \n <template v-else-if=\"oauthError\">\n <div class=\"flex flex-col gap-xs\">\n <div class=\"flex items-center gap-8 text-word-3\">\n <VvIcon name=\"ri:close-line\" class=\"text-danger\" />\n <strong class=\"text-10\">\n {{ oauthError }}\n </strong>\n </div>\n <VvButton\n v-if=\"canConnect\"\n modifiers=\"primary-small\"\n icon=\"ri:external-link-line\"\n :label=\"\n $t('messagePart.requestOAuthConnectionButton', {\n name: serverName,\n })\n \"\n @click=\"openAuthWindow\" />\n </div>\n </template>\n\n \n <template v-else-if=\"isAwaitingConnection && canConnect\">\n <div class=\"flex items-center gap-6 text-word-3 mb-xs\">\n <span>\n {{\n $t('messagePart.requestOAuthConnectionPrompt', {\n name: serverName,\n })\n }}\n </span>\n </div>\n <VvButton\n modifiers=\"primary-small\"\n icon=\"ri:external-link-line\"\n :label=\"\n $t('messagePart.requestOAuthConnectionButton', {\n name: serverName,\n })\n \"\n @click=\"openAuthWindow\" />\n </template>\n \n <template v-else>\n <div class=\"flex items-center gap-8 text-word-3\">\n <VvIcon name=\"ri:link\" />\n <span class=\"text-10\">\n {{\n $t('messagePart.requestOAuthConnectionInfo', {\n name: serverName,\n })\n }}\n </span>\n </div>\n </template>\n </div>\n </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/PkToolShowArtifact-z1qTnFkA.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"PkToolShowArtifact-z1qTnFkA.js","names":["$attrs","_hoisted_1","_openBlock","_createElementBlock","_normalizeClass","_createTextVNode","_createElementVNode","_sfc_main","$t","__unplugin_components_0","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_unref","_createBlock","PkCode","PkStreamingMarkdown","_normalizeClass","_sfc_main","__exportAll","_hoisted_1$1","PkCode_default","defineComponent","props","__props","highlightedHtml","ref","hasCode","computed","highlight","hljs","result","watch","openBlock","createElementBlock","normalizeClass","_ctx","_cache","createTextVNode","createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","PkToolShowArtifact_vue_vue_type_script_setup_true_lang_default","useClipboard","toolPart","artifactTypeLabel","languageLabel","isCodeType","isMarkdownType","codeLanguage","_component_VvButton","VvButton","toDisplayString","createVNode","unref","copied","copy","createBlock","PkStreamingMarkdown_default","PkToolShowArtifact_exports","PkToolShowArtifact_default"],"sources":["../../../../packages/components/src/chat/PkCode.vue","../../../../packages/components/src/chat/PkCode.vue","../../../../packages/components/src/chat/PkToolShowArtifact.vue","../../../../packages/components/src/chat/PkToolShowArtifact.vue"],"sourcesContent":["<script setup lang=\"ts\">\n import { computed, ref, watch } from 'vue'\n\n defineOptions({\n inheritAttrs: false,\n })\n\n const props = defineProps<{\n code: unknown\n language: string\n line?: boolean\n }>()\n\n const highlightedHtml = ref('')\n\n const hasCode = computed(() => {\n if (typeof props.code === 'string') {\n return props.code\n }\n return JSON.stringify(props.code, null, 2)\n })\n\n async function highlight() {\n const hljs = (await import('highlight.js/lib/common')).default\n try {\n const result = props.language\n ? hljs.highlight(hasCode.value, { language: props.language })\n : hljs.highlightAuto(hasCode.value)\n highlightedHtml.value = result.value\n } catch {\n highlightedHtml.value = hasCode.value\n .replace(/&/g, '&')\n .replace(/</g, '<')\n .replace(/>/g, '>')\n }\n }\n\n watch(hasCode, highlight, { immediate: true })\n</script>\n\n<template>\n <pre\n :class=\"\n $attrs.class\n ? $attrs.class\n : 'font-mono leading-snug text-smaller bg-surface-1'\n \">\n <code :class=\"['hljs', line ? 'whitespace-pre-line' : 'whitespace-pre', language]\" v-html=\"highlightedHtml\"></code>\n </pre>\n</template>\n","<script setup lang=\"ts\">\n import { computed, ref, watch } from 'vue'\n\n defineOptions({\n inheritAttrs: false,\n })\n\n const props = defineProps<{\n code: unknown\n language: string\n line?: boolean\n }>()\n\n const highlightedHtml = ref('')\n\n const hasCode = computed(() => {\n if (typeof props.code === 'string') {\n return props.code\n }\n return JSON.stringify(props.code, null, 2)\n })\n\n async function highlight() {\n const hljs = (await import('highlight.js/lib/common')).default\n try {\n const result = props.language\n ? hljs.highlight(hasCode.value, { language: props.language })\n : hljs.highlightAuto(hasCode.value)\n highlightedHtml.value = result.value\n } catch {\n highlightedHtml.value = hasCode.value\n .replace(/&/g, '&')\n .replace(/</g, '<')\n .replace(/>/g, '>')\n }\n }\n\n watch(hasCode, highlight, { immediate: true })\n</script>\n\n<template>\n <pre\n :class=\"\n $attrs.class\n ? $attrs.class\n : 'font-mono leading-snug text-smaller bg-surface-1'\n \">\n <code :class=\"['hljs', line ? 'whitespace-pre-line' : 'whitespace-pre', language]\" v-html=\"highlightedHtml\"></code>\n </pre>\n</template>\n","<script setup lang=\"ts\">\n import { computed } from 'vue'\n import { useClipboard } from '@vueuse/core'\n import PkCode from './PkCode.vue'\n import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n const { copy, copied } = useClipboard()\n\n const props = defineProps<{\n part: unknown\n }>()\n\n const toolPart = computed(() => {\n const part = props.part as {\n input?: {\n title: string\n content: string\n artifactType: string\n language?: string\n }\n }\n return part\n })\n\n const artifactTypeLabel = computed(() => {\n const labels: Record<string, string> = {\n code: 'Code',\n document: 'Document',\n markdown: 'Markdown',\n json: 'JSON',\n xml: 'XML',\n csv: 'CSV',\n html: 'HTML',\n yaml: 'YAML',\n sql: 'SQL',\n text: 'Text',\n }\n if (!toolPart.value.input?.artifactType) {\n return 'Artifact'\n }\n return labels[toolPart.value.input.artifactType] || 'Artifact'\n })\n\n const languageLabel = computed(() => {\n if (!toolPart.value.input?.language) {\n return ''\n }\n return ` (${toolPart.value.input.language})`\n })\n\n const isCodeType = computed(() => {\n return (\n toolPart.value.input?.artifactType === 'code' ||\n toolPart.value.input?.artifactType === 'json' ||\n toolPart.value.input?.artifactType === 'xml' ||\n toolPart.value.input?.artifactType === 'yaml' ||\n toolPart.value.input?.artifactType === 'html' ||\n toolPart.value.input?.artifactType === 'sql'\n )\n })\n\n const isMarkdownType = computed(() => {\n return toolPart.value.input?.artifactType === 'markdown'\n })\n\n const codeLanguage = computed(() => {\n if (toolPart.value.input?.language) {\n return toolPart.value.input.language\n }\n // Map artifact types to highlight.js languages\n const languageMap: Record<string, string> = {\n json: 'json',\n xml: 'xml',\n yaml: 'yaml',\n html: 'html',\n sql: 'sql',\n }\n if (!toolPart.value.input?.artifactType) {\n return 'plaintext'\n }\n return languageMap[toolPart.value.input.artifactType] || 'plaintext'\n })\n</script>\n\n<template>\n <div class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n <div\n class=\"px-sm py-6 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex justify-between items-center\">\n <div class=\"flex flex-col items-start gap-4\">\n <span>{{ toolPart?.input?.title }}</span>\n <span class=\"text-10 opacity-60 font-normal\">\n {{ artifactTypeLabel }}{{ languageLabel }}\n </span>\n </div>\n <VvButton\n :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n modifiers=\"action-quiet-small\"\n :title=\"$t('action.copy')\"\n class=\"shrink-0\"\n @click=\"copy(toolPart?.input?.content || '')\" />\n </div>\n <div class=\"px-sm py-10 bg-surface\">\n <PkCode\n v-if=\"isCodeType\"\n :code=\"toolPart?.input?.content\"\n :language=\"codeLanguage\" />\n <PkStreamingMarkdown\n v-else-if=\"isMarkdownType\"\n :markdown=\"toolPart?.input?.content\"\n class=\"wysiwyg text-word-2\" />\n <pre\n v-else\n class=\"text-word-2 whitespace-pre-wrap break-words\"\n :class=\"{\n italic:\n toolPart?.input?.artifactType === 'document' ||\n toolPart?.input?.artifactType === 'text',\n }\"\n >{{ toolPart?.input?.content }}</pre>\n </div>\n </div>\n</template>\n","<script setup lang=\"ts\">\n import { computed } from 'vue'\n import { useClipboard } from '@vueuse/core'\n import PkCode from './PkCode.vue'\n import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n const { copy, copied } = useClipboard()\n\n const props = defineProps<{\n part: unknown\n }>()\n\n const toolPart = computed(() => {\n const part = props.part as {\n input?: {\n title: string\n content: string\n artifactType: string\n language?: string\n }\n }\n return part\n })\n\n const artifactTypeLabel = computed(() => {\n const labels: Record<string, string> = {\n code: 'Code',\n document: 'Document',\n markdown: 'Markdown',\n json: 'JSON',\n xml: 'XML',\n csv: 'CSV',\n html: 'HTML',\n yaml: 'YAML',\n sql: 'SQL',\n text: 'Text',\n }\n if (!toolPart.value.input?.artifactType) {\n return 'Artifact'\n }\n return labels[toolPart.value.input.artifactType] || 'Artifact'\n })\n\n const languageLabel = computed(() => {\n if (!toolPart.value.input?.language) {\n return ''\n }\n return ` (${toolPart.value.input.language})`\n })\n\n const isCodeType = computed(() => {\n return (\n toolPart.value.input?.artifactType === 'code' ||\n toolPart.value.input?.artifactType === 'json' ||\n toolPart.value.input?.artifactType === 'xml' ||\n toolPart.value.input?.artifactType === 'yaml' ||\n toolPart.value.input?.artifactType === 'html' ||\n toolPart.value.input?.artifactType === 'sql'\n )\n })\n\n const isMarkdownType = computed(() => {\n return toolPart.value.input?.artifactType === 'markdown'\n })\n\n const codeLanguage = computed(() => {\n if (toolPart.value.input?.language) {\n return toolPart.value.input.language\n }\n // Map artifact types to highlight.js languages\n const languageMap: Record<string, string> = {\n json: 'json',\n xml: 'xml',\n yaml: 'yaml',\n html: 'html',\n sql: 'sql',\n }\n if (!toolPart.value.input?.artifactType) {\n return 'plaintext'\n }\n return languageMap[toolPart.value.input.artifactType] || 'plaintext'\n })\n</script>\n\n<template>\n <div class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n <div\n class=\"px-sm py-6 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex justify-between items-center\">\n <div class=\"flex flex-col items-start gap-4\">\n <span>{{ toolPart?.input?.title }}</span>\n <span class=\"text-10 opacity-60 font-normal\">\n {{ artifactTypeLabel }}{{ languageLabel }}\n </span>\n </div>\n <VvButton\n :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n modifiers=\"action-quiet-small\"\n :title=\"$t('action.copy')\"\n class=\"shrink-0\"\n @click=\"copy(toolPart?.input?.content || '')\" />\n </div>\n <div class=\"px-sm py-10 bg-surface\">\n <PkCode\n v-if=\"isCodeType\"\n :code=\"toolPart?.input?.content\"\n :language=\"codeLanguage\" />\n <PkStreamingMarkdown\n v-else-if=\"isMarkdownType\"\n :markdown=\"toolPart?.input?.content\"\n class=\"wysiwyg text-word-2\" />\n <pre\n v-else\n class=\"text-word-2 whitespace-pre-wrap break-words\"\n :class=\"{\n italic:\n toolPart?.input?.artifactType === 'document' ||\n toolPart?.input?.artifactType === 'text',\n }\"\n >{{ toolPart?.input?.content }}</pre>\n </div>\n </div>\n</template>\n"],"mappings":"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"}