@8wave/ai-elements 0.68.0 → 0.69.0

package/dist-vue/_chunks/{PkChatbotViewConversations-DFv_8-8K.js.map → PkChatbotViewConversations-Ct0TbDrg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewConversations-DFv_8-8K.js","names":[],"sources":["../../../../packages/components/src/chat/PkChatbotViewConversations.vue","../../../../packages/components/src/chat/PkChatbotViewConversations.vue"],"sourcesContent":["<script setup lang=\"ts\">\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 { useChatbotStore } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\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, localChatId } = storeToRefs(store)\n    const { navigate, startNewChat } = store\n\n    const openConversation = (id: string) => {\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</script>\n\n<template>\n    <div\n        class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-sm relative\">\n        <div\n            v-if=\"conversations.length === 0\"\n            class=\"flex justify-center p-lg text-word-3 text-sm\">\n            {{ $t('message.noConversations') }}\n        </div>\n        <ul\n            v-else\n            class=\"flex flex-col min-h-0 gap-8 overflow-auto px-8 pb-8 light-scrollbar pb-64\">\n            <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n                <button\n                    type=\"button\"\n                    class=\"rounded-md border p-10 cursor-pointer block w-full transition-colors text-14 leading-relaxed border-b border-surface-3 hover:border-surface-5 hover:bg-surface-1\"\n                    :class=\"{\n                        'bg-surface-2 border-surface-5':\n                            isCurrentConversation(conversation),\n                    }\"\n                    @click=\"openConversation(conversation.id)\">\n                    <div class=\"flex items-center gap-16\">\n                        <strong class=\"font-bold truncate block flex-1\">\n                            {{\n                                stripMarkdown(conversation.title) ||\n                                getLastMessage(\n                                    conversation.messages,\n                                    'assistant',\n                                )\n                            }}\n                        </strong>\n                        <span class=\"text-word-4 text-smaller shrink-0\">\n                            <PkRelativeTime :date=\"conversation.updatedAt\" />\n                        </span>\n                    </div>\n                    <span class=\"text-12 text-word-4 line-clamp-2\">\n                        {{\n                            stripMarkdown(conversation.summary) ||\n                            getLastMessage(conversation.messages, 'user')\n                        }}\n                    </span>\n                </button>\n            </li>\n        </ul>\n        <div\n            class=\"absolute bottom-0 left-0 right-0 flex justify-center px-16 pb-16 pt-32 bg-gradient-to-t\">\n            <VvButton\n                class=\"text-14\"\n                modifiers=\"rounded\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\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 { useChatbotStore } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\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, localChatId } = storeToRefs(store)\n    const { navigate, startNewChat } = store\n\n    const openConversation = (id: string) => {\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</script>\n\n<template>\n    <div\n        class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-sm relative\">\n        <div\n            v-if=\"conversations.length === 0\"\n            class=\"flex justify-center p-lg text-word-3 text-sm\">\n            {{ $t('message.noConversations') }}\n        </div>\n        <ul\n            v-else\n            class=\"flex flex-col min-h-0 gap-8 overflow-auto px-8 pb-8 light-scrollbar pb-64\">\n            <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n                <button\n                    type=\"button\"\n                    class=\"rounded-md border p-10 cursor-pointer block w-full transition-colors text-14 leading-relaxed border-b border-surface-3 hover:border-surface-5 hover:bg-surface-1\"\n                    :class=\"{\n                        'bg-surface-2 border-surface-5':\n                            isCurrentConversation(conversation),\n                    }\"\n                    @click=\"openConversation(conversation.id)\">\n                    <div class=\"flex items-center gap-16\">\n                        <strong class=\"font-bold truncate block flex-1\">\n                            {{\n                                stripMarkdown(conversation.title) ||\n                                getLastMessage(\n                                    conversation.messages,\n                                    'assistant',\n                                )\n                            }}\n                        </strong>\n                        <span class=\"text-word-4 text-smaller shrink-0\">\n                            <PkRelativeTime :date=\"conversation.updatedAt\" />\n                        </span>\n                    </div>\n                    <span class=\"text-12 text-word-4 line-clamp-2\">\n                        {{\n                            stripMarkdown(conversation.summary) ||\n                            getLastMessage(conversation.messages, 'user')\n                        }}\n                    </span>\n                </button>\n            </li>\n        </ul>\n        <div\n            class=\"absolute bottom-0 left-0 right-0 flex justify-center px-16 pb-16 pt-32 bg-gradient-to-t\">\n            <VvButton\n                class=\"text-14\"\n                modifiers=\"rounded\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAQI,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,UAAU,CAAA,EAE1C,IAAQ,EAAgB,EAAM,QAAO,EACrC,EAAE,kBAAe,mBAAgB,EAAY,EAAK,EAClD,EAAE,aAAU,oBAAiB,GAE7B,KAAoB,MAAe;AAErC,GADA,EAAY,QAAQ,GACpB,EAAS,OAAM;KAGb,KAAyB,MACpB,EAAY,UAAU,EAAa,IAGxC,KACF,GACA,MAEO,EACH,EAAY,EAAS,QAAQ,MAAM,EAAE,SAAS,EAAK,CAAC,MAAM,GAAG,CAAC,GAAG,IAC7D,GACR;;;eAKJ,EAkDM,OAlDN,GAkDM,CA/CQ,EAAA,EAAa,CAAC,WAAM,KAAA,GAAA,EAD9B,EAIM,OAJN,GAIM,EADC,EAAA,EAAE,CAAA,0BAAA,CAAA,EAAA,EAAA,KAAA,GAAA,EAET,EAkCK,MAlCL,GAkCK,EAAA,EAAA,GAAA,EA/BD,EA8BK,GAAA,MAAA,EA9BsB,EAAA,EAAa,GAA7B,YAAX,EA8BK,MAAA,EA9BsC,KAAK,EAAa,IAAA,EAAA,CACzD,EA4BS,UAAA;IA3BL,MAAK;IACL,OAAK,EAAA,CAAC,oKAAkK,EAAA,iCACzE,EAAsB,EAAY,EAAA,CAAA,CAAA;IAIhI,UAAK,MAAE,EAAiB,EAAa,GAAA;OACtC,EAaM,OAbN,GAaM,CAZF,EAQS,UART,GAQS,EAND,EAAA,EAAa,CAAC,EAAa,MAAK,IAAqC,EAAoD,EAAa,UAAA,YAAA,CAAA,EAAA,EAAA,EAO9I,EAEO,QAFP,GAEO,CADH,EAAiD,GAAA,EAAhC,MAAM,EAAa,WAAA,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAG5C,EAKO,QALP,GAKO,EAHC,EAAA,EAAa,CAAC,EAAa,QAAO,IAAiC,EAAe,EAAa,UAAQ,OAAA,CAAA,EAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAA,cAO3H,EAOM,OAPN,GAOM,CALF,EAImC,GAAA;IAH/B,OAAM;IACN,WAAU;IACT,OAAO,EAAA,EAAE,CAAA,sBAAA;IACT,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAA,EAAY,EAAA,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"PkChatbotViewConversations-Ct0TbDrg.js","names":[],"sources":["../../../../packages/components/src/chat/PkChatbotViewConversations.vue","../../../../packages/components/src/chat/PkChatbotViewConversations.vue"],"sourcesContent":["<script setup lang=\"ts\">\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 { useChatbotStore } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\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, localChatId } = storeToRefs(store)\n    const { navigate, startNewChat } = store\n\n    const openConversation = (id: string) => {\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</script>\n\n<template>\n    <div\n        class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-sm relative\">\n        <div\n            v-if=\"conversations.length === 0\"\n            class=\"flex justify-center p-lg text-word-3 text-sm\">\n            {{ $t('message.noConversations') }}\n        </div>\n        <ul\n            v-else\n            class=\"flex flex-col min-h-0 gap-8 overflow-auto px-8 pb-8 light-scrollbar pb-64\">\n            <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n                <button\n                    type=\"button\"\n                    class=\"rounded-md border p-10 cursor-pointer block w-full transition-colors text-14 leading-relaxed border-b border-surface-3 hover:border-surface-5 hover:bg-surface-1\"\n                    :class=\"{\n                        'bg-surface-2 border-surface-5':\n                            isCurrentConversation(conversation),\n                    }\"\n                    @click=\"openConversation(conversation.id)\">\n                    <div class=\"flex items-center gap-16\">\n                        <strong class=\"font-bold truncate block flex-1\">\n                            {{\n                                stripMarkdown(conversation.title) ||\n                                getLastMessage(\n                                    conversation.messages,\n                                    'assistant',\n                                )\n                            }}\n                        </strong>\n                        <span class=\"text-word-4 text-smaller shrink-0\">\n                            <PkRelativeTime :date=\"conversation.updatedAt\" />\n                        </span>\n                    </div>\n                    <span class=\"text-12 text-word-4 line-clamp-2\">\n                        {{\n                            stripMarkdown(conversation.summary) ||\n                            getLastMessage(conversation.messages, 'user')\n                        }}\n                    </span>\n                </button>\n            </li>\n        </ul>\n        <div\n            class=\"absolute bottom-0 left-0 right-0 flex justify-center px-16 pb-16 pt-32 bg-gradient-to-t\">\n            <VvButton\n                class=\"text-14\"\n                modifiers=\"rounded\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\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 { useChatbotStore } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\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, localChatId } = storeToRefs(store)\n    const { navigate, startNewChat } = store\n\n    const openConversation = (id: string) => {\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</script>\n\n<template>\n    <div\n        class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-sm relative\">\n        <div\n            v-if=\"conversations.length === 0\"\n            class=\"flex justify-center p-lg text-word-3 text-sm\">\n            {{ $t('message.noConversations') }}\n        </div>\n        <ul\n            v-else\n            class=\"flex flex-col min-h-0 gap-8 overflow-auto px-8 pb-8 light-scrollbar pb-64\">\n            <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n                <button\n                    type=\"button\"\n                    class=\"rounded-md border p-10 cursor-pointer block w-full transition-colors text-14 leading-relaxed border-b border-surface-3 hover:border-surface-5 hover:bg-surface-1\"\n                    :class=\"{\n                        'bg-surface-2 border-surface-5':\n                            isCurrentConversation(conversation),\n                    }\"\n                    @click=\"openConversation(conversation.id)\">\n                    <div class=\"flex items-center gap-16\">\n                        <strong class=\"font-bold truncate block flex-1\">\n                            {{\n                                stripMarkdown(conversation.title) ||\n                                getLastMessage(\n                                    conversation.messages,\n                                    'assistant',\n                                )\n                            }}\n                        </strong>\n                        <span class=\"text-word-4 text-smaller shrink-0\">\n                            <PkRelativeTime :date=\"conversation.updatedAt\" />\n                        </span>\n                    </div>\n                    <span class=\"text-12 text-word-4 line-clamp-2\">\n                        {{\n                            stripMarkdown(conversation.summary) ||\n                            getLastMessage(conversation.messages, 'user')\n                        }}\n                    </span>\n                </button>\n            </li>\n        </ul>\n        <div\n            class=\"absolute bottom-0 left-0 right-0 flex justify-center px-16 pb-16 pt-32 bg-gradient-to-t\">\n            <VvButton\n                class=\"text-14\"\n                modifiers=\"rounded\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAQI,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,UAAU,CAAA,EAE1C,IAAQ,EAAgB,EAAM,QAAO,EACrC,EAAE,kBAAe,mBAAgB,EAAY,EAAK,EAClD,EAAE,aAAU,oBAAiB,GAE7B,KAAoB,MAAe;AAErC,GADA,EAAY,QAAQ,GACpB,EAAS,OAAM;KAGb,KAAyB,MACpB,EAAY,UAAU,EAAa,IAGxC,KACF,GACA,MAEO,EACH,EAAY,EAAS,QAAQ,MAAM,EAAE,SAAS,EAAK,CAAC,MAAM,GAAG,CAAC,GAAG,IAC7D,GACR;;;eAKJ,EAkDM,OAlDN,GAkDM,CA/CQ,EAAA,EAAa,CAAC,WAAM,KAAA,GAAA,EAD9B,EAIM,OAJN,GAIM,EADC,EAAA,EAAE,CAAA,0BAAA,CAAA,EAAA,EAAA,KAAA,GAAA,EAET,EAkCK,MAlCL,GAkCK,EAAA,EAAA,GAAA,EA/BD,EA8BK,GAAA,MAAA,EA9BsB,EAAA,EAAa,GAA7B,YAAX,EA8BK,MAAA,EA9BsC,KAAK,EAAa,IAAA,EAAA,CACzD,EA4BS,UAAA;IA3BL,MAAK;IACL,OAAK,EAAA,CAAC,oKAAkK,EAAA,iCACzE,EAAsB,EAAY,EAAA,CAAA,CAAA;IAIhI,UAAK,MAAE,EAAiB,EAAa,GAAA;OACtC,EAaM,OAbN,GAaM,CAZF,EAQS,UART,GAQS,EAND,EAAA,EAAa,CAAC,EAAa,MAAK,IAAqC,EAAoD,EAAa,UAAA,YAAA,CAAA,EAAA,EAAA,EAO9I,EAEO,QAFP,GAEO,CADH,EAAiD,GAAA,EAAhC,MAAM,EAAa,WAAA,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAG5C,EAKO,QALP,GAKO,EAHC,EAAA,EAAa,CAAC,EAAa,QAAO,IAAiC,EAAe,EAAa,UAAQ,OAAA,CAAA,EAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAA,cAO3H,EAOM,OAPN,GAOM,CALF,EAImC,GAAA;IAH/B,OAAM;IACN,WAAU;IACT,OAAO,EAAA,EAAE,CAAA,sBAAA;IACT,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAA,EAAY,EAAA,EAAA,CAAA,OAAA,CAAA"}

package/dist-vue/_chunks/{PkChatbotViewProfile-BUj0YnIi.js → PkChatbotViewProfile-BhdCxVSX.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useChatbotStore-B9BUWM4O.js";
+import { t as e } from "./useChatbotStore-ys9uGP5v.js";
 import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createSlots as a, createTextVNode as o, createVNode as s, defineComponent as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
 import { VvAvatar as m } from "@volverjs/ui-vue/components";
 import { useI18n as h } from "vue-i18n";
@@ -49,4 +49,4 @@ var _ = /* @__PURE__ */ c({
 //#endregion
 export { _ as n, S as t };
 
-//# sourceMappingURL=PkChatbotViewProfile-BUj0YnIi.js.map
+//# sourceMappingURL=PkChatbotViewProfile-BhdCxVSX.js.map

package/dist-vue/_chunks/{PkChatbotViewProfile-BUj0YnIi.js.map → PkChatbotViewProfile-BhdCxVSX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewProfile-BUj0YnIi.js","names":[],"sources":["../../../../packages/components/src/chat/PkAvatar.vue","../../../../packages/components/src/chat/PkAvatar.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n","<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import PkAvatar from './PkAvatar.vue'\n    import { useChatbotStore } from 'composables'\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, agentInterface } = storeToRefs(store)\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-md\">\n        <p class=\"text-sm font-semibold text-word-2\">\n            {{ $t('label.profile') }}\n        </p>\n\n        <div class=\"flex flex-col items-center gap-sm p-lg\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-48 h-48\"\n                :name=\"name\"\n                :img-src=\"agentInterface?.logo\" />\n            <strong v-if=\"name\" class=\"text-base font-semibold text-word-1\">\n                {{ name }}\n            </strong>\n        </div>\n\n        <slot />\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import PkAvatar from './PkAvatar.vue'\n    import { useChatbotStore } from 'composables'\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, agentInterface } = storeToRefs(store)\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-md\">\n        <p class=\"text-sm font-semibold text-word-2\">\n            {{ $t('label.profile') }}\n        </p>\n\n        <div class=\"flex flex-col items-center gap-sm p-lg\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-48 h-48\"\n                :name=\"name\"\n                :img-src=\"agentInterface?.logo\" />\n            <strong v-if=\"name\" class=\"text-base font-semibold text-word-1\">\n                {{ name }}\n            </strong>\n        </div>\n\n        <slot />\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAMI,IAAM,KAAe,MACZ,IAGE,EACF,MAAM,IAAG,CACT,MAAM,GAAG,EAAC,CACV,KAAK,MAAM,EAAE,OAAO,EAAE,CAAC,aAAa,CAAA,CACpC,KAAK,GAAE,GAND;;;eAWf,EAMW,GAAA;IALN,WAAS,EAAA,SAAS,EAAA,SAAS,KAAA;IAC3B,WAAS,WAAc,EAAA,SAAkB,gBAAT,EAAA;mBACjB,EAAA,QAAI,CAAK,EAAA,SAAA;UAAS;gBACP,CAAA,EAAA,EAApB,EAAY,EAAA,KAAI,CAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;EEjB3B,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,UAAU,CAAA,EAG1C,EAAE,SAAM,sBAAmB,EADnB,EAAgB,EAAM,QAAO,CACO;yBAIlD,EAiBM,OAjBN,GAiBM;GAhBF,EAEI,KAFJ,GAEI,EADG,EAAA,EAAE,CAAA,gBAAA,CAAA,EAAA,EAAA;GAGT,EASM,OATN,GASM,CARF,EAIsC,GAAA;IAHlC,WAAU;IACV,OAAM;IACL,MAAM,EAAA,EAAI;IACV,WAAS,EAAA,EAAc,EAAE;qCAChB,EAAA,EAAI,IAAA,GAAA,EAAlB,EAES,UAFT,GAES,EADF,EAAA,EAAI,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAIf,EAAQ,EAAA,QAAA,UAAA"}
+{"version":3,"file":"PkChatbotViewProfile-BhdCxVSX.js","names":[],"sources":["../../../../packages/components/src/chat/PkAvatar.vue","../../../../packages/components/src/chat/PkAvatar.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n","<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import PkAvatar from './PkAvatar.vue'\n    import { useChatbotStore } from 'composables'\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, agentInterface } = storeToRefs(store)\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-md\">\n        <p class=\"text-sm font-semibold text-word-2\">\n            {{ $t('label.profile') }}\n        </p>\n\n        <div class=\"flex flex-col items-center gap-sm p-lg\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-48 h-48\"\n                :name=\"name\"\n                :img-src=\"agentInterface?.logo\" />\n            <strong v-if=\"name\" class=\"text-base font-semibold text-word-1\">\n                {{ name }}\n            </strong>\n        </div>\n\n        <slot />\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import PkAvatar from './PkAvatar.vue'\n    import { useChatbotStore } from 'composables'\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, agentInterface } = storeToRefs(store)\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-md\">\n        <p class=\"text-sm font-semibold text-word-2\">\n            {{ $t('label.profile') }}\n        </p>\n\n        <div class=\"flex flex-col items-center gap-sm p-lg\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-48 h-48\"\n                :name=\"name\"\n                :img-src=\"agentInterface?.logo\" />\n            <strong v-if=\"name\" class=\"text-base font-semibold text-word-1\">\n                {{ name }}\n            </strong>\n        </div>\n\n        <slot />\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAMI,IAAM,KAAe,MACZ,IAGE,EACF,MAAM,IAAG,CACT,MAAM,GAAG,EAAC,CACV,KAAK,MAAM,EAAE,OAAO,EAAE,CAAC,aAAa,CAAA,CACpC,KAAK,GAAE,GAND;;;eAWf,EAMW,GAAA;IALN,WAAS,EAAA,SAAS,EAAA,SAAS,KAAA;IAC3B,WAAS,WAAc,EAAA,SAAkB,gBAAT,EAAA;mBACjB,EAAA,QAAI,CAAK,EAAA,SAAA;UAAS;gBACP,CAAA,EAAA,EAApB,EAAY,EAAA,KAAI,CAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;EEjB3B,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,UAAU,CAAA,EAG1C,EAAE,SAAM,sBAAmB,EADnB,EAAgB,EAAM,QAAO,CACO;yBAIlD,EAiBM,OAjBN,GAiBM;GAhBF,EAEI,KAFJ,GAEI,EADG,EAAA,EAAE,CAAA,gBAAA,CAAA,EAAA,EAAA;GAGT,EASM,OATN,GASM,CARF,EAIsC,GAAA;IAHlC,WAAU;IACV,OAAM;IACL,MAAM,EAAA,EAAI;IACV,WAAS,EAAA,EAAc,EAAE;qCAChB,EAAA,EAAI,IAAA,GAAA,EAAlB,EAES,UAFT,GAES,EADF,EAAA,EAAI,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAIf,EAAQ,EAAA,QAAA,UAAA"}

package/dist-vue/_chunks/{PkToolShowArtifact-DIw-_JPA.js → PkToolShowArtifact-pTS7wzhw.js}

@@ -1,4 +1,4 @@
-import { u as e } from "./useChatbotStore-B9BUWM4O.js";
+import { u as e } from "./useChatbotStore-ys9uGP5v.js";
 import { t } from "./PkStreamingMarkdown-C-XHB63C.js";
 import { computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, ref as d, toDisplayString as f, unref as p, watch as m } from "vue";
 import { VvButton as h } from "@volverjs/ui-vue/components";
@@ -87,4 +87,4 @@ var _ = { class: "font-mono leading-snug text-smaller bg-surface-1" }, v = ["inn
 //#endregion
 export { E as n, y as r, D as t };
 
-//# sourceMappingURL=PkToolShowArtifact-DIw-_JPA.js.map
+//# sourceMappingURL=PkToolShowArtifact-pTS7wzhw.js.map

package/dist-vue/_chunks/{PkToolShowArtifact-DIw-_JPA.js.map → PkToolShowArtifact-pTS7wzhw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowArtifact-DIw-_JPA.js","names":["$t"],"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    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, '&amp;')\n                .replace(/</g, '&lt;')\n                .replace(/>/g, '&gt;')\n        }\n    }\n\n    watch(hasCode, highlight, { immediate: true })\n</script>\n\n<template>\n    <pre class=\"font-mono leading-snug text-smaller bg-surface-1\">\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    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, '&amp;')\n                .replace(/</g, '&lt;')\n                .replace(/>/g, '&gt;')\n        }\n    }\n\n    watch(hasCode, highlight, { immediate: true })\n</script>\n\n<template>\n    <pre class=\"font-mono leading-snug text-smaller bg-surface-1\">\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\">\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            >\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\">\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            >\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowArtifact-pTS7wzhw.js","names":["$t"],"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    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, '&amp;')\n                .replace(/</g, '&lt;')\n                .replace(/>/g, '&gt;')\n        }\n    }\n\n    watch(hasCode, highlight, { immediate: true })\n</script>\n\n<template>\n    <pre class=\"font-mono leading-snug text-smaller bg-surface-1\">\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    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, '&amp;')\n                .replace(/</g, '&lt;')\n                .replace(/>/g, '&gt;')\n        }\n    }\n\n    watch(hasCode, highlight, { immediate: true })\n</script>\n\n<template>\n    <pre class=\"font-mono leading-snug text-smaller bg-surface-1\">\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\">\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            >\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\">\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            >\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAGI,IAAM,IAAQ,GAMR,IAAkB,EAAI,GAAE,EAExB,IAAU,QACR,OAAO,EAAM,QAAS,WACf,EAAM,OAEV,KAAK,UAAU,EAAM,MAAM,MAAM,EAAC,CAC5C;EAED,eAAe,IAAY;GACvB,IAAM,KAAQ,MAAM,OAAO,4BAA4B;AACvD,OAAI;AAIA,MAAgB,SAHD,EAAM,WACf,EAAK,UAAU,EAAQ,OAAO,EAAE,UAAU,EAAM,UAAU,CAAA,GAC1D,EAAK,cAAc,EAAQ,MAAK,EACP;WAC3B;AACJ,MAAgB,QAAQ,EAAQ,MAC3B,QAAQ,MAAM,QAAO,CACrB,QAAQ,MAAM,OAAM,CACpB,QAAQ,MAAM,OAAM;;;SAIjC,EAAM,GAAS,GAAW,EAAE,WAAW,IAAM,CAAA,kBAI7C,EAEM,OAFN,GAEM;cAFwD,YAC1D,GAAA;GAAA,EAAmH,QAAA;IAA5G,OAAK,EAAA;KAAA;KAAW,EAAA,OAAI,wBAAA;KAA6C,EAAA;KAAQ,CAAA;IAAG,WAAQ,EAAA;;cAAwB,UACvH,GAAA;;;;;;;EEjCA,IAAM,EAAE,SAAM,cAAW,GAAa,EAEhC,IAAQ,GAIR,IAAW,QACA,EAAM,KAStB,EAEK,IAAoB,QAajB,EAAS,MAAM,OAAO,gBAZY;GACnC,MAAM;GACN,UAAU;GACV,UAAU;GACV,MAAM;GACN,KAAK;GACL,KAAK;GACL,MAAM;GACN,MAAM;GACN,KAAK;GACL,MAAM;GACV,CAIc,EAAS,MAAM,MAAM,iBAFxB,WAGd,EAEK,IAAgB,QACb,EAAS,MAAM,OAAO,WAGpB,KAAK,EAAS,MAAM,MAAM,SAAS,KAF/B,GAGd,EAEK,IAAa,QAEX,EAAS,MAAM,OAAO,iBAAiB,UACvC,EAAS,MAAM,OAAO,iBAAiB,UACvC,EAAS,MAAM,OAAO,iBAAiB,SACvC,EAAS,MAAM,OAAO,iBAAiB,UACvC,EAAS,MAAM,OAAO,iBAAiB,UACvC,EAAS,MAAM,OAAO,iBAAiB,MAE9C,EAEK,IAAiB,QACZ,EAAS,MAAM,OAAO,iBAAiB,WACjD,EAEK,IAAe,QACb,EAAS,MAAM,OAAO,WACf,EAAS,MAAM,MAAM,WAU3B,EAAS,MAAM,OAAO,gBAPiB;GACxC,MAAM;GACN,KAAK;GACL,MAAM;GACN,MAAM;GACN,KAAK;GACT,CAImB,EAAS,MAAM,MAAM,iBAF7B,YAGd;;;eAID,EAqCM,OArCN,GAqCM,CApCF,EAeM,OAfN,GAeM,CAbF,EAKM,OALN,GAKM,CAJF,EAAyC,QAAA,MAAA,EAAhC,EAAA,OAAU,OAAO,MAAK,EAAA,EAAA,EAC/B,EAEO,QAFP,GAEO,EADA,EAAA,MAAiB,GAAA,EAAM,EAAA,MAAa,EAAA,EAAA,CAAA,CAAA,EAG/C,EAMoD,GAAA;IAL/C,MAAM,EAAA,EAAM,GAAA,kBAAA;IACZ,OAAO,EAAA,EAAM,GAAGA,EAAAA,GAAE,gBAAA,GAAoBA,EAAAA,GAAE,cAAA;IACzC,WAAU;IACT,OAAOA,EAAAA,GAAE,cAAA;IACV,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,EAAI,CAAC,EAAA,OAAU,OAAO,WAAO,GAAA;;;;;SAE7C,EAmBM,OAnBN,GAmBM,CAjBQ,EAAA,SAAA,GAAA,EADV,EAG+B,GAAA;;IAD1B,MAAM,EAAA,OAAU,OAAO;IACvB,UAAU,EAAA;wCAEA,EAAA,SAAA,GAAA,EADf,EAGkC,GAAA;;IAD7B,UAAU,EAAA,OAAU,OAAO;IAC5B,OAAM;sCACV,EASC,OAAA;;IAPG,OAAK,EAAA,CAAC,+CAA6C,EAAA,QACW,EAAA,OAAU,OAAO,iBAAY,cAA2C,EAAA,OAAU,OAAO,iBAAY,QAAA,CAAA,CAAA;QAK/J,EAAA,OAAU,OAAO,QAAO,EAAA,EAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist-vue/_chunks/{PkToolShowCalendarEvent-ZZM8p7wu.js → PkToolShowCalendarEvent-DQ--fzwb.js}

@@ -1,4 +1,4 @@
-import { u as e } from "./useChatbotStore-B9BUWM4O.js";
+import { u as e } from "./useChatbotStore-ys9uGP5v.js";
 import { n as t } from "./src-DjRNH9vV.js";
 import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, normalizeProps as u, openBlock as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
 import { VvButton as h, VvButtonGroup as g, VvDropdown as _, VvDropdownAction as v, VvIcon as y } from "@volverjs/ui-vue/components";
@@ -143,4 +143,4 @@ var S = {
 //#endregion
 export { R as n, z as t };
 
-//# sourceMappingURL=PkToolShowCalendarEvent-ZZM8p7wu.js.map
+//# sourceMappingURL=PkToolShowCalendarEvent-DQ--fzwb.js.map

package/dist-vue/_chunks/{PkToolShowCalendarEvent-ZZM8p7wu.js.map → PkToolShowCalendarEvent-DQ--fzwb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowCalendarEvent-ZZM8p7wu.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowCalendarEvent.vue","../../../../packages/components/src/chat/PkToolShowCalendarEvent.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useClipboard } from '@vueuse/core'\n    import { isSameSite } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n    const { d } = useI18n()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                startDate: string\n                endDate: string\n                location?: string\n                additionalInfo?: string\n                allDay?: boolean\n            }\n        }\n        return part\n    })\n\n    const dateDisplay = computed(() => {\n        const input = toolPart.value.input\n        if (!input) {\n            return ''\n        }\n        const { startDate, endDate, allDay } = input\n        const start = new Date(startDate)\n        const end = new Date(endDate)\n        const startDay = startDate.slice(0, 10)\n        const endDay = endDate.slice(0, 10)\n        if (allDay) {\n            if (startDay === endDay) {\n                return d(start, 'date-medium')\n            }\n            return `${d(start, 'date-medium')} - ${d(end, 'date-medium')}`\n        }\n        if (startDay === endDay) {\n            return `${d(start, 'date-time-medium')} - ${d(end, 'time')}`\n        }\n        return `${d(start, 'date-time-medium')} - ${d(end, 'date-time-medium')}`\n    })\n\n    const calendarStart = computed(() =>\n        toolPart.value.input ? new Date(toolPart.value.input.startDate) : null,\n    )\n\n    const calendarDay = computed(\n        () => calendarStart.value?.getDate().toString() ?? '',\n    )\n\n    const calendarMonth = computed(() =>\n        calendarStart.value ? d(calendarStart.value, 'month-short') : '',\n    )\n\n    // Floating time: remove dashes/colons without converting to UTC\n    const toIcsDateTime = (iso: string) =>\n        iso.replace(/[-:]/g, '').replace(/\\.\\d{3}$/, '')\n\n    const escapeIcs = (str: string) =>\n        str\n            .replace(/\\\\/g, '\\\\\\\\')\n            .replace(/;/g, '\\\\;')\n            .replace(/,/g, '\\\\,')\n            .replace(/\\n/g, '\\\\n')\n\n    const generateIcs = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const ics = [\n            'BEGIN:VCALENDAR',\n            'VERSION:2.0',\n            'PRODID:-//8wave//8bot//EN',\n            'BEGIN:VEVENT',\n            `DTSTART:${toIcsDateTime(startDate)}`,\n            `DTEND:${toIcsDateTime(endDate)}`,\n            `SUMMARY:${escapeIcs(title)}`,\n            location ? `LOCATION:${escapeIcs(location)}` : '',\n            additionalInfo ? `DESCRIPTION:${escapeIcs(additionalInfo)}` : '',\n            `DTSTAMP:${new Date()\n                .toISOString()\n                .replace(/[-:]/g, '')\n                .replace(/\\.\\d{3}/, '')}`,\n            `UID:${crypto.randomUUID()}@8bot.ai`,\n            'END:VEVENT',\n            'END:VCALENDAR',\n        ]\n            .filter(Boolean)\n            .join('\\r\\n')\n\n        const blob = new Blob([ics], { type: 'text/calendar;charset=utf-8' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = `${title.replace(/[^a-zA-Z0-9\\s-]/g, '')}.ics`\n        a.click()\n        URL.revokeObjectURL(url)\n    }\n\n    const openGoogleCalendar = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const start = toIcsDateTime(startDate)\n        const end = toIcsDateTime(endDate)\n        const params = new URLSearchParams({\n            action: 'TEMPLATE',\n            text: title,\n            dates: `${start}/${end}`,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('details', additionalInfo)\n        }\n        window.open(\n            `https://calendar.google.com/calendar/render?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const openOutlook = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const params = new URLSearchParams({\n            subject: title,\n            startdt: startDate,\n            enddt: endDate,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('body', additionalInfo)\n        }\n        window.open(\n            `https://outlook.office.com/calendar/0/action/compose?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const copyEvent = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const lines = [input.title, dateDisplay.value]\n        if (input.location) {\n            lines.push(input.location)\n        }\n        if (input.additionalInfo) {\n            lines.push(input.additionalInfo)\n        }\n        copy(lines.join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:calendar-event-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.calendarEvent') }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyEvent\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:calendar-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.addToCalendar')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleCalendar\">\n                            <VvIcon name=\"ri:google-line\" />\n                            Google Calendar\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openOutlook\">\n                            <VvIcon name=\"ri:microsoft-line\" />\n                            Outlook\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"generateIcs\">\n                            <VvIcon name=\"ri:download-line\" />\n                            {{ $t('action.downloadIcs') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex gap-sm items-start\">\n            <div\n                class=\"shrink-0 w-44 rounded-lg overflow-hidden border border-surface-3 text-center select-none\">\n                <div\n                    class=\"bg-brand px-8 py-2 text-white text-10 font-bold uppercase tracking-wide\">\n                    {{ calendarMonth }}\n                </div>\n                <div\n                    class=\"bg-surface-1 py-4 text-word-1 text-24 font-bold leading-none\">\n                    {{ calendarDay }}\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 min-w-0\">\n                <p class=\"font-semibold text-word-1 text-14\">\n                    {{ toolPart.input.title }}\n                </p>\n                <div class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:time-line\" class=\"text-14 shrink-0\" />\n                    <time :datetime=\"toolPart.input.startDate\">{{\n                        dateDisplay\n                    }}</time>\n                </div>\n                <div\n                    v-if=\"toolPart.input.location\"\n                    class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:map-pin-line\" class=\"text-14 shrink-0\" />\n                    <a\n                        v-if=\"toolPart.input.location.startsWith('http')\"\n                        :href=\"toolPart.input.location\"\n                        :target=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : '_blank'\n                        \"\n                        :rel=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : 'noopener noreferrer'\n                        \"\n                        class=\"underline truncate\">\n                        {{ toolPart.input.location }}\n                    </a>\n                    <span v-else>{{ toolPart.input.location }}</span>\n                </div>\n                <div\n                    v-if=\"toolPart.input.additionalInfo\"\n                    class=\"flex items-start gap-8 text-12 text-word-3\">\n                    <VvIcon\n                        name=\"ri:sticky-note-line\"\n                        class=\"text-14 shrink-0 mt-1\" />\n                    <span>{{ toolPart.input.additionalInfo }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useClipboard } from '@vueuse/core'\n    import { isSameSite } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n    const { d } = useI18n()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                startDate: string\n                endDate: string\n                location?: string\n                additionalInfo?: string\n                allDay?: boolean\n            }\n        }\n        return part\n    })\n\n    const dateDisplay = computed(() => {\n        const input = toolPart.value.input\n        if (!input) {\n            return ''\n        }\n        const { startDate, endDate, allDay } = input\n        const start = new Date(startDate)\n        const end = new Date(endDate)\n        const startDay = startDate.slice(0, 10)\n        const endDay = endDate.slice(0, 10)\n        if (allDay) {\n            if (startDay === endDay) {\n                return d(start, 'date-medium')\n            }\n            return `${d(start, 'date-medium')} - ${d(end, 'date-medium')}`\n        }\n        if (startDay === endDay) {\n            return `${d(start, 'date-time-medium')} - ${d(end, 'time')}`\n        }\n        return `${d(start, 'date-time-medium')} - ${d(end, 'date-time-medium')}`\n    })\n\n    const calendarStart = computed(() =>\n        toolPart.value.input ? new Date(toolPart.value.input.startDate) : null,\n    )\n\n    const calendarDay = computed(\n        () => calendarStart.value?.getDate().toString() ?? '',\n    )\n\n    const calendarMonth = computed(() =>\n        calendarStart.value ? d(calendarStart.value, 'month-short') : '',\n    )\n\n    // Floating time: remove dashes/colons without converting to UTC\n    const toIcsDateTime = (iso: string) =>\n        iso.replace(/[-:]/g, '').replace(/\\.\\d{3}$/, '')\n\n    const escapeIcs = (str: string) =>\n        str\n            .replace(/\\\\/g, '\\\\\\\\')\n            .replace(/;/g, '\\\\;')\n            .replace(/,/g, '\\\\,')\n            .replace(/\\n/g, '\\\\n')\n\n    const generateIcs = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const ics = [\n            'BEGIN:VCALENDAR',\n            'VERSION:2.0',\n            'PRODID:-//8wave//8bot//EN',\n            'BEGIN:VEVENT',\n            `DTSTART:${toIcsDateTime(startDate)}`,\n            `DTEND:${toIcsDateTime(endDate)}`,\n            `SUMMARY:${escapeIcs(title)}`,\n            location ? `LOCATION:${escapeIcs(location)}` : '',\n            additionalInfo ? `DESCRIPTION:${escapeIcs(additionalInfo)}` : '',\n            `DTSTAMP:${new Date()\n                .toISOString()\n                .replace(/[-:]/g, '')\n                .replace(/\\.\\d{3}/, '')}`,\n            `UID:${crypto.randomUUID()}@8bot.ai`,\n            'END:VEVENT',\n            'END:VCALENDAR',\n        ]\n            .filter(Boolean)\n            .join('\\r\\n')\n\n        const blob = new Blob([ics], { type: 'text/calendar;charset=utf-8' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = `${title.replace(/[^a-zA-Z0-9\\s-]/g, '')}.ics`\n        a.click()\n        URL.revokeObjectURL(url)\n    }\n\n    const openGoogleCalendar = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const start = toIcsDateTime(startDate)\n        const end = toIcsDateTime(endDate)\n        const params = new URLSearchParams({\n            action: 'TEMPLATE',\n            text: title,\n            dates: `${start}/${end}`,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('details', additionalInfo)\n        }\n        window.open(\n            `https://calendar.google.com/calendar/render?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const openOutlook = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const params = new URLSearchParams({\n            subject: title,\n            startdt: startDate,\n            enddt: endDate,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('body', additionalInfo)\n        }\n        window.open(\n            `https://outlook.office.com/calendar/0/action/compose?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const copyEvent = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const lines = [input.title, dateDisplay.value]\n        if (input.location) {\n            lines.push(input.location)\n        }\n        if (input.additionalInfo) {\n            lines.push(input.additionalInfo)\n        }\n        copy(lines.join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:calendar-event-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.calendarEvent') }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyEvent\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:calendar-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.addToCalendar')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleCalendar\">\n                            <VvIcon name=\"ri:google-line\" />\n                            Google Calendar\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openOutlook\">\n                            <VvIcon name=\"ri:microsoft-line\" />\n                            Outlook\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"generateIcs\">\n                            <VvIcon name=\"ri:download-line\" />\n                            {{ $t('action.downloadIcs') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex gap-sm items-start\">\n            <div\n                class=\"shrink-0 w-44 rounded-lg overflow-hidden border border-surface-3 text-center select-none\">\n                <div\n                    class=\"bg-brand px-8 py-2 text-white text-10 font-bold uppercase tracking-wide\">\n                    {{ calendarMonth }}\n                </div>\n                <div\n                    class=\"bg-surface-1 py-4 text-word-1 text-24 font-bold leading-none\">\n                    {{ calendarDay }}\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 min-w-0\">\n                <p class=\"font-semibold text-word-1 text-14\">\n                    {{ toolPart.input.title }}\n                </p>\n                <div class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:time-line\" class=\"text-14 shrink-0\" />\n                    <time :datetime=\"toolPart.input.startDate\">{{\n                        dateDisplay\n                    }}</time>\n                </div>\n                <div\n                    v-if=\"toolPart.input.location\"\n                    class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:map-pin-line\" class=\"text-14 shrink-0\" />\n                    <a\n                        v-if=\"toolPart.input.location.startsWith('http')\"\n                        :href=\"toolPart.input.location\"\n                        :target=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : '_blank'\n                        \"\n                        :rel=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : 'noopener noreferrer'\n                        \"\n                        class=\"underline truncate\">\n                        {{ toolPart.input.location }}\n                    </a>\n                    <span v-else>{{ toolPart.input.location }}</span>\n                </div>\n                <div\n                    v-if=\"toolPart.input.additionalInfo\"\n                    class=\"flex items-start gap-8 text-12 text-word-3\">\n                    <VvIcon\n                        name=\"ri:sticky-note-line\"\n                        class=\"text-14 shrink-0 mt-1\" />\n                    <span>{{ toolPart.input.additionalInfo }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowCalendarEvent-DQ--fzwb.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowCalendarEvent.vue","../../../../packages/components/src/chat/PkToolShowCalendarEvent.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useClipboard } from '@vueuse/core'\n    import { isSameSite } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n    const { d } = useI18n()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                startDate: string\n                endDate: string\n                location?: string\n                additionalInfo?: string\n                allDay?: boolean\n            }\n        }\n        return part\n    })\n\n    const dateDisplay = computed(() => {\n        const input = toolPart.value.input\n        if (!input) {\n            return ''\n        }\n        const { startDate, endDate, allDay } = input\n        const start = new Date(startDate)\n        const end = new Date(endDate)\n        const startDay = startDate.slice(0, 10)\n        const endDay = endDate.slice(0, 10)\n        if (allDay) {\n            if (startDay === endDay) {\n                return d(start, 'date-medium')\n            }\n            return `${d(start, 'date-medium')} - ${d(end, 'date-medium')}`\n        }\n        if (startDay === endDay) {\n            return `${d(start, 'date-time-medium')} - ${d(end, 'time')}`\n        }\n        return `${d(start, 'date-time-medium')} - ${d(end, 'date-time-medium')}`\n    })\n\n    const calendarStart = computed(() =>\n        toolPart.value.input ? new Date(toolPart.value.input.startDate) : null,\n    )\n\n    const calendarDay = computed(\n        () => calendarStart.value?.getDate().toString() ?? '',\n    )\n\n    const calendarMonth = computed(() =>\n        calendarStart.value ? d(calendarStart.value, 'month-short') : '',\n    )\n\n    // Floating time: remove dashes/colons without converting to UTC\n    const toIcsDateTime = (iso: string) =>\n        iso.replace(/[-:]/g, '').replace(/\\.\\d{3}$/, '')\n\n    const escapeIcs = (str: string) =>\n        str\n            .replace(/\\\\/g, '\\\\\\\\')\n            .replace(/;/g, '\\\\;')\n            .replace(/,/g, '\\\\,')\n            .replace(/\\n/g, '\\\\n')\n\n    const generateIcs = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const ics = [\n            'BEGIN:VCALENDAR',\n            'VERSION:2.0',\n            'PRODID:-//8wave//8bot//EN',\n            'BEGIN:VEVENT',\n            `DTSTART:${toIcsDateTime(startDate)}`,\n            `DTEND:${toIcsDateTime(endDate)}`,\n            `SUMMARY:${escapeIcs(title)}`,\n            location ? `LOCATION:${escapeIcs(location)}` : '',\n            additionalInfo ? `DESCRIPTION:${escapeIcs(additionalInfo)}` : '',\n            `DTSTAMP:${new Date()\n                .toISOString()\n                .replace(/[-:]/g, '')\n                .replace(/\\.\\d{3}/, '')}`,\n            `UID:${crypto.randomUUID()}@8bot.ai`,\n            'END:VEVENT',\n            'END:VCALENDAR',\n        ]\n            .filter(Boolean)\n            .join('\\r\\n')\n\n        const blob = new Blob([ics], { type: 'text/calendar;charset=utf-8' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = `${title.replace(/[^a-zA-Z0-9\\s-]/g, '')}.ics`\n        a.click()\n        URL.revokeObjectURL(url)\n    }\n\n    const openGoogleCalendar = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const start = toIcsDateTime(startDate)\n        const end = toIcsDateTime(endDate)\n        const params = new URLSearchParams({\n            action: 'TEMPLATE',\n            text: title,\n            dates: `${start}/${end}`,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('details', additionalInfo)\n        }\n        window.open(\n            `https://calendar.google.com/calendar/render?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const openOutlook = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const params = new URLSearchParams({\n            subject: title,\n            startdt: startDate,\n            enddt: endDate,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('body', additionalInfo)\n        }\n        window.open(\n            `https://outlook.office.com/calendar/0/action/compose?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const copyEvent = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const lines = [input.title, dateDisplay.value]\n        if (input.location) {\n            lines.push(input.location)\n        }\n        if (input.additionalInfo) {\n            lines.push(input.additionalInfo)\n        }\n        copy(lines.join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:calendar-event-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.calendarEvent') }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyEvent\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:calendar-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.addToCalendar')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleCalendar\">\n                            <VvIcon name=\"ri:google-line\" />\n                            Google Calendar\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openOutlook\">\n                            <VvIcon name=\"ri:microsoft-line\" />\n                            Outlook\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"generateIcs\">\n                            <VvIcon name=\"ri:download-line\" />\n                            {{ $t('action.downloadIcs') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex gap-sm items-start\">\n            <div\n                class=\"shrink-0 w-44 rounded-lg overflow-hidden border border-surface-3 text-center select-none\">\n                <div\n                    class=\"bg-brand px-8 py-2 text-white text-10 font-bold uppercase tracking-wide\">\n                    {{ calendarMonth }}\n                </div>\n                <div\n                    class=\"bg-surface-1 py-4 text-word-1 text-24 font-bold leading-none\">\n                    {{ calendarDay }}\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 min-w-0\">\n                <p class=\"font-semibold text-word-1 text-14\">\n                    {{ toolPart.input.title }}\n                </p>\n                <div class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:time-line\" class=\"text-14 shrink-0\" />\n                    <time :datetime=\"toolPart.input.startDate\">{{\n                        dateDisplay\n                    }}</time>\n                </div>\n                <div\n                    v-if=\"toolPart.input.location\"\n                    class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:map-pin-line\" class=\"text-14 shrink-0\" />\n                    <a\n                        v-if=\"toolPart.input.location.startsWith('http')\"\n                        :href=\"toolPart.input.location\"\n                        :target=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : '_blank'\n                        \"\n                        :rel=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : 'noopener noreferrer'\n                        \"\n                        class=\"underline truncate\">\n                        {{ toolPart.input.location }}\n                    </a>\n                    <span v-else>{{ toolPart.input.location }}</span>\n                </div>\n                <div\n                    v-if=\"toolPart.input.additionalInfo\"\n                    class=\"flex items-start gap-8 text-12 text-word-3\">\n                    <VvIcon\n                        name=\"ri:sticky-note-line\"\n                        class=\"text-14 shrink-0 mt-1\" />\n                    <span>{{ toolPart.input.additionalInfo }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useClipboard } from '@vueuse/core'\n    import { isSameSite } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n    const { d } = useI18n()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                startDate: string\n                endDate: string\n                location?: string\n                additionalInfo?: string\n                allDay?: boolean\n            }\n        }\n        return part\n    })\n\n    const dateDisplay = computed(() => {\n        const input = toolPart.value.input\n        if (!input) {\n            return ''\n        }\n        const { startDate, endDate, allDay } = input\n        const start = new Date(startDate)\n        const end = new Date(endDate)\n        const startDay = startDate.slice(0, 10)\n        const endDay = endDate.slice(0, 10)\n        if (allDay) {\n            if (startDay === endDay) {\n                return d(start, 'date-medium')\n            }\n            return `${d(start, 'date-medium')} - ${d(end, 'date-medium')}`\n        }\n        if (startDay === endDay) {\n            return `${d(start, 'date-time-medium')} - ${d(end, 'time')}`\n        }\n        return `${d(start, 'date-time-medium')} - ${d(end, 'date-time-medium')}`\n    })\n\n    const calendarStart = computed(() =>\n        toolPart.value.input ? new Date(toolPart.value.input.startDate) : null,\n    )\n\n    const calendarDay = computed(\n        () => calendarStart.value?.getDate().toString() ?? '',\n    )\n\n    const calendarMonth = computed(() =>\n        calendarStart.value ? d(calendarStart.value, 'month-short') : '',\n    )\n\n    // Floating time: remove dashes/colons without converting to UTC\n    const toIcsDateTime = (iso: string) =>\n        iso.replace(/[-:]/g, '').replace(/\\.\\d{3}$/, '')\n\n    const escapeIcs = (str: string) =>\n        str\n            .replace(/\\\\/g, '\\\\\\\\')\n            .replace(/;/g, '\\\\;')\n            .replace(/,/g, '\\\\,')\n            .replace(/\\n/g, '\\\\n')\n\n    const generateIcs = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const ics = [\n            'BEGIN:VCALENDAR',\n            'VERSION:2.0',\n            'PRODID:-//8wave//8bot//EN',\n            'BEGIN:VEVENT',\n            `DTSTART:${toIcsDateTime(startDate)}`,\n            `DTEND:${toIcsDateTime(endDate)}`,\n            `SUMMARY:${escapeIcs(title)}`,\n            location ? `LOCATION:${escapeIcs(location)}` : '',\n            additionalInfo ? `DESCRIPTION:${escapeIcs(additionalInfo)}` : '',\n            `DTSTAMP:${new Date()\n                .toISOString()\n                .replace(/[-:]/g, '')\n                .replace(/\\.\\d{3}/, '')}`,\n            `UID:${crypto.randomUUID()}@8bot.ai`,\n            'END:VEVENT',\n            'END:VCALENDAR',\n        ]\n            .filter(Boolean)\n            .join('\\r\\n')\n\n        const blob = new Blob([ics], { type: 'text/calendar;charset=utf-8' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = `${title.replace(/[^a-zA-Z0-9\\s-]/g, '')}.ics`\n        a.click()\n        URL.revokeObjectURL(url)\n    }\n\n    const openGoogleCalendar = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const start = toIcsDateTime(startDate)\n        const end = toIcsDateTime(endDate)\n        const params = new URLSearchParams({\n            action: 'TEMPLATE',\n            text: title,\n            dates: `${start}/${end}`,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('details', additionalInfo)\n        }\n        window.open(\n            `https://calendar.google.com/calendar/render?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const openOutlook = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const params = new URLSearchParams({\n            subject: title,\n            startdt: startDate,\n            enddt: endDate,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('body', additionalInfo)\n        }\n        window.open(\n            `https://outlook.office.com/calendar/0/action/compose?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const copyEvent = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const lines = [input.title, dateDisplay.value]\n        if (input.location) {\n            lines.push(input.location)\n        }\n        if (input.additionalInfo) {\n            lines.push(input.additionalInfo)\n        }\n        copy(lines.join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:calendar-event-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.calendarEvent') }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyEvent\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:calendar-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.addToCalendar')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleCalendar\">\n                            <VvIcon name=\"ri:google-line\" />\n                            Google Calendar\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openOutlook\">\n                            <VvIcon name=\"ri:microsoft-line\" />\n                            Outlook\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"generateIcs\">\n                            <VvIcon name=\"ri:download-line\" />\n                            {{ $t('action.downloadIcs') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex gap-sm items-start\">\n            <div\n                class=\"shrink-0 w-44 rounded-lg overflow-hidden border border-surface-3 text-center select-none\">\n                <div\n                    class=\"bg-brand px-8 py-2 text-white text-10 font-bold uppercase tracking-wide\">\n                    {{ calendarMonth }}\n                </div>\n                <div\n                    class=\"bg-surface-1 py-4 text-word-1 text-24 font-bold leading-none\">\n                    {{ calendarDay }}\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 min-w-0\">\n                <p class=\"font-semibold text-word-1 text-14\">\n                    {{ toolPart.input.title }}\n                </p>\n                <div class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:time-line\" class=\"text-14 shrink-0\" />\n                    <time :datetime=\"toolPart.input.startDate\">{{\n                        dateDisplay\n                    }}</time>\n                </div>\n                <div\n                    v-if=\"toolPart.input.location\"\n                    class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:map-pin-line\" class=\"text-14 shrink-0\" />\n                    <a\n                        v-if=\"toolPart.input.location.startsWith('http')\"\n                        :href=\"toolPart.input.location\"\n                        :target=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : '_blank'\n                        \"\n                        :rel=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : 'noopener noreferrer'\n                        \"\n                        class=\"underline truncate\">\n                        {{ toolPart.input.location }}\n                    </a>\n                    <span v-else>{{ toolPart.input.location }}</span>\n                </div>\n                <div\n                    v-if=\"toolPart.input.additionalInfo\"\n                    class=\"flex items-start gap-8 text-12 text-word-3\">\n                    <VvIcon\n                        name=\"ri:sticky-note-line\"\n                        class=\"text-14 shrink-0 mt-1\" />\n                    <span>{{ toolPart.input.additionalInfo }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkToolShowComparison-7akNsf1w.js → PkToolShowComparison-CzRUrjbP.js}

@@ -1,4 +1,4 @@
-import { u as e } from "./useChatbotStore-B9BUWM4O.js";
+import { u as e } from "./useChatbotStore-ys9uGP5v.js";
 import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
 import { VvButton as h, VvButtonGroup as g, VvIcon as _ } from "@volverjs/ui-vue/components";
 import { useClipboard as v } from "@vueuse/core";
@@ -62,4 +62,4 @@ var y = {
 //#endregion
 export { E as n, D as t };
 
-//# sourceMappingURL=PkToolShowComparison-7akNsf1w.js.map
+//# sourceMappingURL=PkToolShowComparison-CzRUrjbP.js.map

package/dist-vue/_chunks/{PkToolShowComparison-7akNsf1w.js.map → PkToolShowComparison-CzRUrjbP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowComparison-7akNsf1w.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowComparison.vue","../../../../packages/components/src/chat/PkToolShowComparison.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title?: string\n                items: Array<{\n                    name: string\n                    values: Record<string, string>\n                    highlighted?: boolean\n                }>\n            }\n        }\n        return part\n    })\n\n    const features = computed(() => {\n        const items = toolPart.value.input?.items\n        if (!items || items.length === 0) {\n            return []\n        }\n        return Object.keys(items[0].values)\n    })\n\n    const copyTable = () => {\n        const items = toolPart.value.input?.items\n        if (!items) {\n            return\n        }\n        const header = ['', ...items.map((i) => i.name)].join('\\t')\n        const rows = features.value.map((f) =>\n            [f.replace(/_/g, ' '), ...items.map((i) => i.values[f] ?? '')].join(\n                '\\t',\n            ),\n        )\n        copy([header, ...rows].join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.items?.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:scales-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{\n                toolPart.input.title ?? $t('label.comparison')\n            }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyTable\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"overflow-x-auto\">\n            <table class=\"w-full text-12 border-collapse\">\n                <thead>\n                    <tr>\n                        <th\n                            class=\"text-left text-word-3 font-medium p-8 border-b border-surface-3 min-w-32\"></th>\n                        <th\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center font-semibold text-word-1 p-8 border-b border-surface-3 min-w-24\"\n                            :class=\"\n                                item.highlighted\n                                    ? 'bg-primary/5 border-primary/20'\n                                    : ''\n                            \">\n                            {{ item.name }}\n                            <span v-if=\"item.highlighted\" class=\"ml-4\">⭐</span>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr\n                        v-for=\"(feature, fIdx) in features\"\n                        :key=\"feature\"\n                        :class=\"{ 'bg-surface-1': fIdx % 2 !== 0 }\">\n                        <td\n                            class=\"text-word-3 font-medium p-8 whitespace-nowrap\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                            }\">\n                            {{ feature.replace(/_/g, ' ') }}\n                        </td>\n                        <td\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center p-8\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                                'bg-surface-info': item.highlighted,\n                                'text-success': item.values[feature] === '✓',\n                                'text-danger':\n                                    item.values[feature] === '\\u2717',\n                                'text-word-2':\n                                    item.values[feature] !== '✓' &&\n                                    item.values[feature] !== '\\u2717',\n                            }\">\n                            {{ item.values[feature] ?? '—' }}\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title?: string\n                items: Array<{\n                    name: string\n                    values: Record<string, string>\n                    highlighted?: boolean\n                }>\n            }\n        }\n        return part\n    })\n\n    const features = computed(() => {\n        const items = toolPart.value.input?.items\n        if (!items || items.length === 0) {\n            return []\n        }\n        return Object.keys(items[0].values)\n    })\n\n    const copyTable = () => {\n        const items = toolPart.value.input?.items\n        if (!items) {\n            return\n        }\n        const header = ['', ...items.map((i) => i.name)].join('\\t')\n        const rows = features.value.map((f) =>\n            [f.replace(/_/g, ' '), ...items.map((i) => i.values[f] ?? '')].join(\n                '\\t',\n            ),\n        )\n        copy([header, ...rows].join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.items?.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:scales-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{\n                toolPart.input.title ?? $t('label.comparison')\n            }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyTable\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"overflow-x-auto\">\n            <table class=\"w-full text-12 border-collapse\">\n                <thead>\n                    <tr>\n                        <th\n                            class=\"text-left text-word-3 font-medium p-8 border-b border-surface-3 min-w-32\"></th>\n                        <th\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center font-semibold text-word-1 p-8 border-b border-surface-3 min-w-24\"\n                            :class=\"\n                                item.highlighted\n                                    ? 'bg-primary/5 border-primary/20'\n                                    : ''\n                            \">\n                            {{ item.name }}\n                            <span v-if=\"item.highlighted\" class=\"ml-4\">⭐</span>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr\n                        v-for=\"(feature, fIdx) in features\"\n                        :key=\"feature\"\n                        :class=\"{ 'bg-surface-1': fIdx % 2 !== 0 }\">\n                        <td\n                            class=\"text-word-3 font-medium p-8 whitespace-nowrap\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                            }\">\n                            {{ feature.replace(/_/g, ' ') }}\n                        </td>\n                        <td\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center p-8\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                                'bg-surface-info': item.highlighted,\n                                'text-success': item.values[feature] === '✓',\n                                'text-danger':\n                                    item.values[feature] === '\\u2717',\n                                'text-word-2':\n                                    item.values[feature] !== '✓' &&\n                                    item.values[feature] !== '\\u2717',\n                            }\">\n                            {{ item.values[feature] ?? '—' }}\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,GAAa,EAEhC,IAAW,QACA,EAAM,KAWtB,EAEK,IAAW,QAAe;GAC5B,IAAM,IAAQ,EAAS,MAAM,OAAO;AAIpC,UAHI,CAAC,KAAS,EAAM,WAAW,IACpB,EAAC,GAEL,OAAO,KAAK,EAAM,GAAG,OAAM;IACrC,EAEK,UAAkB;GACpB,IAAM,IAAQ,EAAS,MAAM,OAAO;AAC/B,QASL,EAAK,CANU,CAAC,IAAI,GAAG,EAAM,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,IAAI,EAM5C,GALD,EAAS,MAAM,KAAK,MAC7B,CAAC,EAAE,QAAQ,MAAM,IAAI,EAAE,GAAG,EAAM,KAAK,MAAM,EAAE,OAAO,MAAM,GAAG,CAAC,CAAC,KAC3D,IACH,CACL,CACsB,CAAC,KAAK,KAAK,CAAA;;;;UAM3B,EAAA,OAAU,OAAO,OAAO,UAAA,GAAA,EADlC,EAuEM,OAvEN,GAuEM,CApEF,EAaM,OAbN,GAaM;IAXF,EAAgD,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC,EAEW,UAFX,GAEW,EADP,EAAA,MAAS,MAAM,SAASA,EAAAA,GAAE,mBAAA,CAAA,EAAA,EAAA;IAE9B,EAMgB,GAAA;KAND,WAAU;KAAU,OAAM;;sBAKZ,CAJzB,EAIyB,GAAA;MAHrB,WAAU;MACT,MAAM,EAAA,EAAM,GAAA,kBAAA;MACZ,OAAO,EAAA,EAAM,GAAGA,EAAAA,GAAE,gBAAA,GAAoBA,EAAAA,GAAE,cAAA;MACxC,SAAO;;;;OAGpB,EAqDM,OArDN,GAqDM,CApDF,EAmDQ,SAnDR,GAmDQ,CAlDJ,EAiBQ,SAAA,MAAA,CAhBJ,EAeK,MAAA,MAAA,CAAA,AAAA,EAAA,OAdD,EAC0F,MAAA,EAAtF,OAAM,4EAA0E,EAAA,MAAA,GAAA,GAAA,EAAA,GAAA,EACpF,EAWK,GAAA,MAAA,EAVc,EAAA,MAAS,MAAM,QAAvB,YADX,EAWK,MAAA;IATA,KAAK,EAAK;IACX,OAAK,EAAA,CAAC,gFACmC,EAAK,cAAA,mCAAA,GAAA,CAAA;WAK3C,EAAK,KAAI,GAAG,KACf,EAAA,EAAY,EAAK,eAAA,GAAA,EAAjB,EAAmD,QAAnD,GAA2C,IAAC,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,EAAA,eAIxD,EA+BQ,SAAA,MAAA,EAAA,EAAA,GAAA,EA9BJ,EA6BK,GAAA,MAAA,EA5ByB,EAAA,QAAlB,GAAS,YADrB,EA6BK,MAAA;IA3BA,KAAK;IACL,OAAK,EAAA,EAAA,gBAAoB,IAAI,KAAA,GAAA,CAAA;OAC9B,EAOK,MAAA,EAND,OAAK,EAAA,CAAC,iDAA+C,EAAA,6BACsD,MAAS,EAAA,MAAS,SAAM,GAAA,CAAA,CAAA,EAAA,EAAA,EAIhI,EAAQ,QAAO,MAAA,IAAA,CAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAEtB,EAgBK,GAAA,MAAA,EAfc,EAAA,MAAS,MAAM,QAAvB,YADX,EAgBK,MAAA;IAdA,KAAK,EAAK;IACX,OAAK,EAAA,CAAC,mBAAiB;kCACoF,MAAS,EAAA,MAAS,SAAM;wBAAyD,EAAK;qBAA6D,EAAK,OAAO,OAAO;oBAA8F,EAAK,OAAO,OAAO;oBAAmG,EAAK,OAAO,OAAO,OAAiD,EAAK,OAAO,OAAO;;QAWzjB,EAAK,OAAO,MAAO,IAAA,EAAA,EAAA"}
+{"version":3,"file":"PkToolShowComparison-CzRUrjbP.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowComparison.vue","../../../../packages/components/src/chat/PkToolShowComparison.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title?: string\n                items: Array<{\n                    name: string\n                    values: Record<string, string>\n                    highlighted?: boolean\n                }>\n            }\n        }\n        return part\n    })\n\n    const features = computed(() => {\n        const items = toolPart.value.input?.items\n        if (!items || items.length === 0) {\n            return []\n        }\n        return Object.keys(items[0].values)\n    })\n\n    const copyTable = () => {\n        const items = toolPart.value.input?.items\n        if (!items) {\n            return\n        }\n        const header = ['', ...items.map((i) => i.name)].join('\\t')\n        const rows = features.value.map((f) =>\n            [f.replace(/_/g, ' '), ...items.map((i) => i.values[f] ?? '')].join(\n                '\\t',\n            ),\n        )\n        copy([header, ...rows].join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.items?.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:scales-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{\n                toolPart.input.title ?? $t('label.comparison')\n            }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyTable\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"overflow-x-auto\">\n            <table class=\"w-full text-12 border-collapse\">\n                <thead>\n                    <tr>\n                        <th\n                            class=\"text-left text-word-3 font-medium p-8 border-b border-surface-3 min-w-32\"></th>\n                        <th\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center font-semibold text-word-1 p-8 border-b border-surface-3 min-w-24\"\n                            :class=\"\n                                item.highlighted\n                                    ? 'bg-primary/5 border-primary/20'\n                                    : ''\n                            \">\n                            {{ item.name }}\n                            <span v-if=\"item.highlighted\" class=\"ml-4\">⭐</span>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr\n                        v-for=\"(feature, fIdx) in features\"\n                        :key=\"feature\"\n                        :class=\"{ 'bg-surface-1': fIdx % 2 !== 0 }\">\n                        <td\n                            class=\"text-word-3 font-medium p-8 whitespace-nowrap\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                            }\">\n                            {{ feature.replace(/_/g, ' ') }}\n                        </td>\n                        <td\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center p-8\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                                'bg-surface-info': item.highlighted,\n                                'text-success': item.values[feature] === '✓',\n                                'text-danger':\n                                    item.values[feature] === '\\u2717',\n                                'text-word-2':\n                                    item.values[feature] !== '✓' &&\n                                    item.values[feature] !== '\\u2717',\n                            }\">\n                            {{ item.values[feature] ?? '—' }}\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title?: string\n                items: Array<{\n                    name: string\n                    values: Record<string, string>\n                    highlighted?: boolean\n                }>\n            }\n        }\n        return part\n    })\n\n    const features = computed(() => {\n        const items = toolPart.value.input?.items\n        if (!items || items.length === 0) {\n            return []\n        }\n        return Object.keys(items[0].values)\n    })\n\n    const copyTable = () => {\n        const items = toolPart.value.input?.items\n        if (!items) {\n            return\n        }\n        const header = ['', ...items.map((i) => i.name)].join('\\t')\n        const rows = features.value.map((f) =>\n            [f.replace(/_/g, ' '), ...items.map((i) => i.values[f] ?? '')].join(\n                '\\t',\n            ),\n        )\n        copy([header, ...rows].join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.items?.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:scales-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{\n                toolPart.input.title ?? $t('label.comparison')\n            }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyTable\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"overflow-x-auto\">\n            <table class=\"w-full text-12 border-collapse\">\n                <thead>\n                    <tr>\n                        <th\n                            class=\"text-left text-word-3 font-medium p-8 border-b border-surface-3 min-w-32\"></th>\n                        <th\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center font-semibold text-word-1 p-8 border-b border-surface-3 min-w-24\"\n                            :class=\"\n                                item.highlighted\n                                    ? 'bg-primary/5 border-primary/20'\n                                    : ''\n                            \">\n                            {{ item.name }}\n                            <span v-if=\"item.highlighted\" class=\"ml-4\">⭐</span>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr\n                        v-for=\"(feature, fIdx) in features\"\n                        :key=\"feature\"\n                        :class=\"{ 'bg-surface-1': fIdx % 2 !== 0 }\">\n                        <td\n                            class=\"text-word-3 font-medium p-8 whitespace-nowrap\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                            }\">\n                            {{ feature.replace(/_/g, ' ') }}\n                        </td>\n                        <td\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center p-8\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                                'bg-surface-info': item.highlighted,\n                                'text-success': item.values[feature] === '✓',\n                                'text-danger':\n                                    item.values[feature] === '\\u2717',\n                                'text-word-2':\n                                    item.values[feature] !== '✓' &&\n                                    item.values[feature] !== '\\u2717',\n                            }\">\n                            {{ item.values[feature] ?? '—' }}\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,GAAa,EAEhC,IAAW,QACA,EAAM,KAWtB,EAEK,IAAW,QAAe;GAC5B,IAAM,IAAQ,EAAS,MAAM,OAAO;AAIpC,UAHI,CAAC,KAAS,EAAM,WAAW,IACpB,EAAC,GAEL,OAAO,KAAK,EAAM,GAAG,OAAM;IACrC,EAEK,UAAkB;GACpB,IAAM,IAAQ,EAAS,MAAM,OAAO;AAC/B,QASL,EAAK,CANU,CAAC,IAAI,GAAG,EAAM,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,IAAI,EAM5C,GALD,EAAS,MAAM,KAAK,MAC7B,CAAC,EAAE,QAAQ,MAAM,IAAI,EAAE,GAAG,EAAM,KAAK,MAAM,EAAE,OAAO,MAAM,GAAG,CAAC,CAAC,KAC3D,IACH,CACL,CACsB,CAAC,KAAK,KAAK,CAAA;;;;UAM3B,EAAA,OAAU,OAAO,OAAO,UAAA,GAAA,EADlC,EAuEM,OAvEN,GAuEM,CApEF,EAaM,OAbN,GAaM;IAXF,EAAgD,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC,EAEW,UAFX,GAEW,EADP,EAAA,MAAS,MAAM,SAASA,EAAAA,GAAE,mBAAA,CAAA,EAAA,EAAA;IAE9B,EAMgB,GAAA;KAND,WAAU;KAAU,OAAM;;sBAKZ,CAJzB,EAIyB,GAAA;MAHrB,WAAU;MACT,MAAM,EAAA,EAAM,GAAA,kBAAA;MACZ,OAAO,EAAA,EAAM,GAAGA,EAAAA,GAAE,gBAAA,GAAoBA,EAAAA,GAAE,cAAA;MACxC,SAAO;;;;OAGpB,EAqDM,OArDN,GAqDM,CApDF,EAmDQ,SAnDR,GAmDQ,CAlDJ,EAiBQ,SAAA,MAAA,CAhBJ,EAeK,MAAA,MAAA,CAAA,AAAA,EAAA,OAdD,EAC0F,MAAA,EAAtF,OAAM,4EAA0E,EAAA,MAAA,GAAA,GAAA,EAAA,GAAA,EACpF,EAWK,GAAA,MAAA,EAVc,EAAA,MAAS,MAAM,QAAvB,YADX,EAWK,MAAA;IATA,KAAK,EAAK;IACX,OAAK,EAAA,CAAC,gFACmC,EAAK,cAAA,mCAAA,GAAA,CAAA;WAK3C,EAAK,KAAI,GAAG,KACf,EAAA,EAAY,EAAK,eAAA,GAAA,EAAjB,EAAmD,QAAnD,GAA2C,IAAC,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,EAAA,eAIxD,EA+BQ,SAAA,MAAA,EAAA,EAAA,GAAA,EA9BJ,EA6BK,GAAA,MAAA,EA5ByB,EAAA,QAAlB,GAAS,YADrB,EA6BK,MAAA;IA3BA,KAAK;IACL,OAAK,EAAA,EAAA,gBAAoB,IAAI,KAAA,GAAA,CAAA;OAC9B,EAOK,MAAA,EAND,OAAK,EAAA,CAAC,iDAA+C,EAAA,6BACsD,MAAS,EAAA,MAAS,SAAM,GAAA,CAAA,CAAA,EAAA,EAAA,EAIhI,EAAQ,QAAO,MAAA,IAAA,CAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAEtB,EAgBK,GAAA,MAAA,EAfc,EAAA,MAAS,MAAM,QAAvB,YADX,EAgBK,MAAA;IAdA,KAAK,EAAK;IACX,OAAK,EAAA,CAAC,mBAAiB;kCACoF,MAAS,EAAA,MAAS,SAAM;wBAAyD,EAAK;qBAA6D,EAAK,OAAO,OAAO;oBAA8F,EAAK,OAAO,OAAO;oBAAmG,EAAK,OAAO,OAAO,OAAiD,EAAK,OAAO,OAAO;;QAWzjB,EAAK,OAAO,MAAO,IAAA,EAAA,EAAA"}

package/dist-vue/_chunks/{PkToolShowEmail-CpiAbmr0.js → PkToolShowEmail-htn0ivwY.js}

@@ -1,4 +1,4 @@
-import { u as e } from "./useChatbotStore-B9BUWM4O.js";
+import { u as e } from "./useChatbotStore-ys9uGP5v.js";
 import { computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, createVNode as a, defineComponent as o, guardReactiveProps as s, normalizeProps as c, openBlock as l, toDisplayString as u, unref as d, withCtx as f } from "vue";
 import { VvButton as p, VvButtonGroup as m, VvDropdown as h, VvDropdownAction as g, VvIcon as _ } from "@volverjs/ui-vue/components";
 import { useClipboard as v } from "@vueuse/core";
@@ -85,4 +85,4 @@ var y = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" },
 //#endregion
 export { k as n, A as t };
 
-//# sourceMappingURL=PkToolShowEmail-CpiAbmr0.js.map
+//# sourceMappingURL=PkToolShowEmail-htn0ivwY.js.map

package/dist-vue/_chunks/{PkToolShowEmail-CpiAbmr0.js.map → PkToolShowEmail-htn0ivwY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowEmail-CpiAbmr0.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowEmail.vue","../../../../packages/components/src/chat/PkToolShowEmail.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                subject: string\n                body: string\n            }\n        }\n        return part\n    })\n    const openInMailApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const mailtoLink = `mailto:?subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(mailtoLink)\n    }\n\n    const openInOutlook = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://outlook.office.com/mail/deeplink/compose?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInGmail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://mail.google.com/mail/u/0/?tf=cm&to=&su=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInYahooMail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://compose.mail.yahoo.com/?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\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 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:mail-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.email') }}\n            </strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"\n                        copy(\n                            `${toolPart?.input?.subject}\\n\\n${toolPart?.input?.body}`,\n                        )\n                    \" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:mail-send-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInOutlook\">\n                            <VvIcon name=\"mdi:outlook\" />\n                            {{ $t('action.openInOutlook') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInGmail\">\n                            <VvIcon name=\"mdi:gmail\" />\n                            {{ $t('action.openInGmail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInYahooMail\">\n                            <VvIcon name=\"mdi:yahoo\" />\n                            {{ $t('action.openInYahooMail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInMailApp\">\n                            <VvIcon name=\"ri:mail-open-line\" />\n                            {{ $t('action.openInMailApp') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"border-b border-surface-3 p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.subject') }}\n            </div>\n            <div class=\"text-word-2 font-semibold\">\n                {{ toolPart?.input?.subject }}\n            </div>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                toolPart?.input?.body\n            }}</pre>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                subject: string\n                body: string\n            }\n        }\n        return part\n    })\n    const openInMailApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const mailtoLink = `mailto:?subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(mailtoLink)\n    }\n\n    const openInOutlook = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://outlook.office.com/mail/deeplink/compose?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInGmail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://mail.google.com/mail/u/0/?tf=cm&to=&su=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInYahooMail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://compose.mail.yahoo.com/?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\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 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:mail-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.email') }}\n            </strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"\n                        copy(\n                            `${toolPart?.input?.subject}\\n\\n${toolPart?.input?.body}`,\n                        )\n                    \" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:mail-send-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInOutlook\">\n                            <VvIcon name=\"mdi:outlook\" />\n                            {{ $t('action.openInOutlook') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInGmail\">\n                            <VvIcon name=\"mdi:gmail\" />\n                            {{ $t('action.openInGmail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInYahooMail\">\n                            <VvIcon name=\"mdi:yahoo\" />\n                            {{ $t('action.openInYahooMail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInMailApp\">\n                            <VvIcon name=\"ri:mail-open-line\" />\n                            {{ $t('action.openInMailApp') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"border-b border-surface-3 p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.subject') }}\n            </div>\n            <div class=\"text-word-2 font-semibold\">\n                {{ toolPart?.input?.subject }}\n            </div>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                toolPart?.input?.body\n            }}</pre>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,GAAa,EAEhC,IAAW,QACA,EAAM,KAOtB,EACK,UAAsB;AACxB,OAAI,CAAC,EAAS,MAAM,MAChB;GAEJ,IAAM,IAAa,mBAAmB,mBAClC,EAAS,MAAM,MAAM,QACxB,CAAC,QAAQ,mBAAmB,EAAS,MAAM,MAAM,KAAK;AACvD,UAAO,KAAK,EAAU;KAGpB,UAAsB;AACxB,OAAI,CAAC,EAAS,MAAM,MAChB;GAEJ,IAAM,IAAM,gEAAgE,mBACxE,EAAS,MAAM,MAAM,QACxB,CAAC,QAAQ,mBAAmB,EAAS,MAAM,MAAM,KAAK;AACvD,UAAO,KAAK,GAAK,SAAQ;KAGvB,UAAoB;AACtB,OAAI,CAAC,EAAS,MAAM,MAChB;GAEJ,IAAM,IAAM,kDAAkD,mBAC1D,EAAS,MAAM,MAAM,QACxB,CAAC,QAAQ,mBAAmB,EAAS,MAAM,MAAM,KAAK;AACvD,UAAO,KAAK,GAAK,SAAQ;KAGvB,UAAwB;AAC1B,OAAI,CAAC,EAAS,MAAM,MAChB;GAEJ,IAAM,IAAM,+CAA+C,mBACvD,EAAS,MAAM,MAAM,QACxB,CAAC,QAAQ,mBAAmB,EAAS,MAAM,MAAM,KAAK;AACvD,UAAO,KAAK,GAAK,SAAQ;;;;eAK7B,EAiEM,OAjEN,GAiEM;IAhEF,EA+CM,OA/CN,GA+CM;KA7CF,EAA8C,GAAA;MAAtC,MAAK;MAAe,OAAM;;KAClC,EAES,UAFT,GAES,EADFA,EAAAA,GAAE,cAAA,CAAA,EAAA,EAAA;KAET,EAwCgB,GAAA;MAxCD,WAAU;MAAU,OAAM;;uBAS7B,CARR,EAQQ,GAAA;OAPJ,WAAU;OACT,MAAM,EAAA,EAAM,GAAA,kBAAA;OACZ,OAAO,EAAA,EAAM,GAAGA,EAAAA,GAAE,gBAAA,GAAoBA,EAAAA,GAAE,cAAA;OACxC,SAAK,AAAA,EAAA,QAAA,MAA2B,EAAA,EAAI,CAAA,GAAiC,EAAA,OAAU,OAAO,QAAO,MAAO,EAAA,OAAU,OAAO,OAAA;sCAK1H,EA6Ba,GAAA,EAAA,EA5BD;;;;;OAKP,CAAA,CAAA,EAAA;OAKU,OAAK,QAIO;QAHnB,EAGmB,GAAA,EAHA,SAAO,GAAa,EAAA;0BACN,CAA7B,EAA6B,GAAA,EAArB,MAAK,eAAa,CAAA,EAAA,EAAG,MAC7B,EAAGA,EAAAA,GAAE,uBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;QAET,EAGmB,GAAA,EAHA,SAAO,GAAW,EAAA;0BACN,CAA3B,EAA2B,GAAA,EAAnB,MAAK,aAAW,CAAA,EAAA,EAAG,MAC3B,EAAGA,EAAAA,GAAE,qBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;QAET,EAGmB,GAAA,EAHA,SAAO,GAAe,EAAA;0BACV,CAA3B,EAA2B,GAAA,EAAnB,MAAK,aAAW,CAAA,EAAA,EAAG,MAC3B,EAAGA,EAAAA,GAAE,yBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;QAET,EAGmB,GAAA,EAHA,SAAO,GAAa,EAAA;0BACA,CAAnC,EAAmC,GAAA,EAA3B,MAAK,qBAAmB,CAAA,EAAA,EAAG,MACnC,EAAGA,EAAAA,GAAE,uBAAA,CAAA,EAAA,EAAA,CAAA,CAAA;;;;wBAhBoB,CAHjC,EAGiC,GAAA;QAF7B,MAAK;QACL,WAAU;QACT,OAAOA,EAAAA,GAAE,cAAA;;;;;;;IAsB1B,EAOM,OAPN,GAOM,CANF,EAEM,OAFN,GAEM,EADCA,EAAAA,GAAE,gBAAA,CAAA,EAAA,EAAA,EAET,EAEM,OAFN,GAEM,EADC,EAAA,OAAU,OAAO,QAAO,EAAA,EAAA,CAAA,CAAA;IAGnC,EAOM,OAPN,GAOM,CANF,EAEM,OAFN,GAEM,EADCA,EAAAA,GAAE,aAAA,CAAA,EAAA,EAAA,EAET,EAEQ,OAFR,GAEQ,EADJ,EAAA,OAAU,OAAO,KAAI,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"PkToolShowEmail-htn0ivwY.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowEmail.vue","../../../../packages/components/src/chat/PkToolShowEmail.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                subject: string\n                body: string\n            }\n        }\n        return part\n    })\n    const openInMailApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const mailtoLink = `mailto:?subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(mailtoLink)\n    }\n\n    const openInOutlook = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://outlook.office.com/mail/deeplink/compose?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInGmail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://mail.google.com/mail/u/0/?tf=cm&to=&su=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInYahooMail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://compose.mail.yahoo.com/?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\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 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:mail-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.email') }}\n            </strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"\n                        copy(\n                            `${toolPart?.input?.subject}\\n\\n${toolPart?.input?.body}`,\n                        )\n                    \" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:mail-send-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInOutlook\">\n                            <VvIcon name=\"mdi:outlook\" />\n                            {{ $t('action.openInOutlook') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInGmail\">\n                            <VvIcon name=\"mdi:gmail\" />\n                            {{ $t('action.openInGmail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInYahooMail\">\n                            <VvIcon name=\"mdi:yahoo\" />\n                            {{ $t('action.openInYahooMail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInMailApp\">\n                            <VvIcon name=\"ri:mail-open-line\" />\n                            {{ $t('action.openInMailApp') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"border-b border-surface-3 p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.subject') }}\n            </div>\n            <div class=\"text-word-2 font-semibold\">\n                {{ toolPart?.input?.subject }}\n            </div>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                toolPart?.input?.body\n            }}</pre>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                subject: string\n                body: string\n            }\n        }\n        return part\n    })\n    const openInMailApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const mailtoLink = `mailto:?subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(mailtoLink)\n    }\n\n    const openInOutlook = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://outlook.office.com/mail/deeplink/compose?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInGmail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://mail.google.com/mail/u/0/?tf=cm&to=&su=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInYahooMail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://compose.mail.yahoo.com/?to=&subject=${encodeURIComponent(\n            toolPart.value.input.subject,\n        )}&body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\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 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:mail-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.email') }}\n            </strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"\n                        copy(\n                            `${toolPart?.input?.subject}\\n\\n${toolPart?.input?.body}`,\n                        )\n                    \" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:mail-send-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInOutlook\">\n                            <VvIcon name=\"mdi:outlook\" />\n                            {{ $t('action.openInOutlook') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInGmail\">\n                            <VvIcon name=\"mdi:gmail\" />\n                            {{ $t('action.openInGmail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInYahooMail\">\n                            <VvIcon name=\"mdi:yahoo\" />\n                            {{ $t('action.openInYahooMail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInMailApp\">\n                            <VvIcon name=\"ri:mail-open-line\" />\n                            {{ $t('action.openInMailApp') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"border-b border-surface-3 p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.subject') }}\n            </div>\n            <div class=\"text-word-2 font-semibold\">\n                {{ toolPart?.input?.subject }}\n            </div>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                toolPart?.input?.body\n            }}</pre>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkToolShowImageGallery-jY7iYqTv.js → PkToolShowImageGallery-CpU183SC.js}

@@ -1,4 +1,4 @@
-import { u as e } from "./useChatbotStore-B9BUWM4O.js";
+import { u as e } from "./useChatbotStore-ys9uGP5v.js";
 import { n as t } from "./src-DjRNH9vV.js";
 import { n, t as r } from "./useLightbox-CRpWDdlN.js";
 import { Fragment as i, computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, onMounted as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _ } from "vue";
@@ -61,4 +61,4 @@ var y = {
 //#endregion
 export { D as n, O as t };
 
-//# sourceMappingURL=PkToolShowImageGallery-jY7iYqTv.js.map
+//# sourceMappingURL=PkToolShowImageGallery-CpU183SC.js.map

package/dist-vue/_chunks/{PkToolShowImageGallery-jY7iYqTv.js.map → PkToolShowImageGallery-CpU183SC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowImageGallery-jY7iYqTv.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowImageGallery.vue","../../../../packages/components/src/chat/PkToolShowImageGallery.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, onMounted } from 'vue'\n    import { isSameSite } from 'utils'\n    import { useLightbox, useImageSizes } from '../composables/useLightbox'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                images: Array<{\n                    url: string\n                    caption?: string\n                    alt?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const galleryRef = ref<HTMLElement>()\n    const { preload, getSize } = useImageSizes()\n\n    const images = computed(() => toolPart.value.input?.images ?? [])\n\n    const hiddenCount = computed(() =>\n        images.value.length > 6 ? images.value.length - 5 : 0,\n    )\n\n    const gridCols = computed(() => {\n        const count = images.value.length\n        if (count === 1) {\n            return 'grid-cols-1'\n        }\n        if (count === 2) {\n            return 'grid-cols-2'\n        }\n        return 'grid-cols-3'\n    })\n\n    const { init } = useLightbox({ gallery: galleryRef })\n\n    onMounted(async () => {\n        preload(images.value)\n        await init()\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"images.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:image-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.gallery', { count: images.length }) }}\n            </strong>\n        </div>\n        <div class=\"p-sm\">\n            <div ref=\"galleryRef\" class=\"grid gap-8\" :class=\"gridCols\">\n                <a\n                    v-for=\"(image, index) in images\"\n                    :key=\"image.url\"\n                    :href=\"image.url\"\n                    :data-pswp-src=\"image.url\"\n                    :data-pswp-width=\"getSize(image.url).width\"\n                    :data-pswp-height=\"getSize(image.url).height\"\n                    :data-pswp-caption=\"image.caption ?? image.alt ?? ''\"\n                    :data-cropped=\"true\"\n                    class=\"relative block aspect-square overflow-hidden rounded-lg cursor-pointer group\"\n                    :class=\"index >= 5 && hiddenCount > 0 ? 'hidden' : ''\"\n                    :title=\"image.caption ?? image.alt ?? ''\"\n                    :target=\"isSameSite(image.url) ? undefined : '_blank'\"\n                    :rel=\"\n                        isSameSite(image.url)\n                            ? undefined\n                            : 'noopener noreferrer'\n                    \">\n                    <img\n                        :src=\"image.url\"\n                        :alt=\"image.alt ?? image.caption ?? ''\"\n                        class=\"w-full h-full object-cover transition-opacity group-hover:opacity-80\" />\n                    <!-- +N overlay on last visible thumbnail when there are more hidden images -->\n                    <div\n                        v-if=\"hiddenCount > 0 && index === 4\"\n                        class=\"absolute inset-0 bg-black/50 flex items-center justify-center text-white font-semibold text-16 rounded-lg\">\n                        +{{ hiddenCount }}\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, onMounted } from 'vue'\n    import { isSameSite } from 'utils'\n    import { useLightbox, useImageSizes } from '../composables/useLightbox'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                images: Array<{\n                    url: string\n                    caption?: string\n                    alt?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const galleryRef = ref<HTMLElement>()\n    const { preload, getSize } = useImageSizes()\n\n    const images = computed(() => toolPart.value.input?.images ?? [])\n\n    const hiddenCount = computed(() =>\n        images.value.length > 6 ? images.value.length - 5 : 0,\n    )\n\n    const gridCols = computed(() => {\n        const count = images.value.length\n        if (count === 1) {\n            return 'grid-cols-1'\n        }\n        if (count === 2) {\n            return 'grid-cols-2'\n        }\n        return 'grid-cols-3'\n    })\n\n    const { init } = useLightbox({ gallery: galleryRef })\n\n    onMounted(async () => {\n        preload(images.value)\n        await init()\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"images.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:image-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.gallery', { count: images.length }) }}\n            </strong>\n        </div>\n        <div class=\"p-sm\">\n            <div ref=\"galleryRef\" class=\"grid gap-8\" :class=\"gridCols\">\n                <a\n                    v-for=\"(image, index) in images\"\n                    :key=\"image.url\"\n                    :href=\"image.url\"\n                    :data-pswp-src=\"image.url\"\n                    :data-pswp-width=\"getSize(image.url).width\"\n                    :data-pswp-height=\"getSize(image.url).height\"\n                    :data-pswp-caption=\"image.caption ?? image.alt ?? ''\"\n                    :data-cropped=\"true\"\n                    class=\"relative block aspect-square overflow-hidden rounded-lg cursor-pointer group\"\n                    :class=\"index >= 5 && hiddenCount > 0 ? 'hidden' : ''\"\n                    :title=\"image.caption ?? image.alt ?? ''\"\n                    :target=\"isSameSite(image.url) ? undefined : '_blank'\"\n                    :rel=\"\n                        isSameSite(image.url)\n                            ? undefined\n                            : 'noopener noreferrer'\n                    \">\n                    <img\n                        :src=\"image.url\"\n                        :alt=\"image.alt ?? image.caption ?? ''\"\n                        class=\"w-full h-full object-cover transition-opacity group-hover:opacity-80\" />\n                    <!-- +N overlay on last visible thumbnail when there are more hidden images -->\n                    <div\n                        v-if=\"hiddenCount > 0 && index === 4\"\n                        class=\"absolute inset-0 bg-black/50 flex items-center justify-center text-white font-semibold text-16 rounded-lg\">\n                        +{{ hiddenCount }}\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAKI,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,KAUtB,EAEK,IAAa,GAAiB,EAC9B,EAAE,YAAS,eAAY,GAAc,EAErC,IAAS,QAAe,EAAS,MAAM,OAAO,UAAU,EAAE,CAAA,EAE1D,IAAc,QAChB,EAAO,MAAM,SAAS,IAAI,EAAO,MAAM,SAAS,IAAI,EACxD,EAEM,IAAW,QAAe;GAC5B,IAAM,IAAQ,EAAO,MAAM;AAO3B,UANI,MAAU,IACH,gBAEP,MAAU,IACH,gBAEJ;IACV,EAEK,EAAE,YAAS,EAAY,EAAE,SAAS,GAAY,CAAA;SAEpD,EAAU,YAAY;AAElB,GADA,EAAQ,EAAO,MAAK,EACpB,MAAM,GAAK;IACd;;UAKS,EAAA,MAAO,UAAA,GAAA,EADjB,EA2CM,OA3CN,GA2CM,CAxCF,EAMM,OANN,GAMM,CAJF,EAA+C,GAAA;IAAvC,MAAK;IAAgB,OAAM;OACnC,EAES,UAFT,GAES,EADFA,EAAAA,GAAE,iBAAA,EAAA,OAA2B,EAAA,MAAO,QAAM,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA,EAGrD,EAgCM,OAhCN,GAgCM,CA/BF,EA8BM,OAAA;aA9BG;IAAJ,KAAI;IAAa,OAAK,EAAA,CAAC,cAAqB,EAAA,MAAQ,CAAA;eACrD,EA4BI,GAAA,MAAA,EA3ByB,EAAA,QAAjB,GAAO,YADnB,EA4BI,KAAA;IA1BC,KAAK,EAAM;IACX,MAAM,EAAM;IACZ,iBAAe,EAAM;IACrB,mBAAiB,EAAA,EAAO,CAAC,EAAM,IAAG,CAAE;IACpC,oBAAkB,EAAA,EAAO,CAAC,EAAM,IAAG,CAAE;IACrC,qBAAmB,EAAM,WAAW,EAAM,OAAG;IAC7C,gBAAc;IACf,OAAK,EAAA,CAAC,gFACE,KAAK,KAAS,EAAA,QAAW,IAAA,WAAA,GAAA,CAAA;IAChC,OAAO,EAAM,WAAW,EAAM,OAAG;IACjC,QAAQ,EAAA,EAAU,CAAC,EAAM,IAAG,GAAI,KAAA,IAAS;IACzC,KAA8B,EAAA,EAAU,CAAC,EAAM,IAAG,GAAgC,KAAA,IAAA;OAKnF,EAGmF,OAAA;IAF9E,KAAK,EAAM;IACX,KAAK,EAAM,OAAO,EAAM,WAAO;IAChC,OAAM;mBAGA,EAAA,QAAW,KAAQ,MAAK,KAAA,GAAA,EADlC,EAIM,OAJN,GAEsH,OACjH,EAAG,EAAA,MAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PkToolShowImageGallery-CpU183SC.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowImageGallery.vue","../../../../packages/components/src/chat/PkToolShowImageGallery.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, onMounted } from 'vue'\n    import { isSameSite } from 'utils'\n    import { useLightbox, useImageSizes } from '../composables/useLightbox'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                images: Array<{\n                    url: string\n                    caption?: string\n                    alt?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const galleryRef = ref<HTMLElement>()\n    const { preload, getSize } = useImageSizes()\n\n    const images = computed(() => toolPart.value.input?.images ?? [])\n\n    const hiddenCount = computed(() =>\n        images.value.length > 6 ? images.value.length - 5 : 0,\n    )\n\n    const gridCols = computed(() => {\n        const count = images.value.length\n        if (count === 1) {\n            return 'grid-cols-1'\n        }\n        if (count === 2) {\n            return 'grid-cols-2'\n        }\n        return 'grid-cols-3'\n    })\n\n    const { init } = useLightbox({ gallery: galleryRef })\n\n    onMounted(async () => {\n        preload(images.value)\n        await init()\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"images.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:image-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.gallery', { count: images.length }) }}\n            </strong>\n        </div>\n        <div class=\"p-sm\">\n            <div ref=\"galleryRef\" class=\"grid gap-8\" :class=\"gridCols\">\n                <a\n                    v-for=\"(image, index) in images\"\n                    :key=\"image.url\"\n                    :href=\"image.url\"\n                    :data-pswp-src=\"image.url\"\n                    :data-pswp-width=\"getSize(image.url).width\"\n                    :data-pswp-height=\"getSize(image.url).height\"\n                    :data-pswp-caption=\"image.caption ?? image.alt ?? ''\"\n                    :data-cropped=\"true\"\n                    class=\"relative block aspect-square overflow-hidden rounded-lg cursor-pointer group\"\n                    :class=\"index >= 5 && hiddenCount > 0 ? 'hidden' : ''\"\n                    :title=\"image.caption ?? image.alt ?? ''\"\n                    :target=\"isSameSite(image.url) ? undefined : '_blank'\"\n                    :rel=\"\n                        isSameSite(image.url)\n                            ? undefined\n                            : 'noopener noreferrer'\n                    \">\n                    <img\n                        :src=\"image.url\"\n                        :alt=\"image.alt ?? image.caption ?? ''\"\n                        class=\"w-full h-full object-cover transition-opacity group-hover:opacity-80\" />\n                    <!-- +N overlay on last visible thumbnail when there are more hidden images -->\n                    <div\n                        v-if=\"hiddenCount > 0 && index === 4\"\n                        class=\"absolute inset-0 bg-black/50 flex items-center justify-center text-white font-semibold text-16 rounded-lg\">\n                        +{{ hiddenCount }}\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, onMounted } from 'vue'\n    import { isSameSite } from 'utils'\n    import { useLightbox, useImageSizes } from '../composables/useLightbox'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                images: Array<{\n                    url: string\n                    caption?: string\n                    alt?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const galleryRef = ref<HTMLElement>()\n    const { preload, getSize } = useImageSizes()\n\n    const images = computed(() => toolPart.value.input?.images ?? [])\n\n    const hiddenCount = computed(() =>\n        images.value.length > 6 ? images.value.length - 5 : 0,\n    )\n\n    const gridCols = computed(() => {\n        const count = images.value.length\n        if (count === 1) {\n            return 'grid-cols-1'\n        }\n        if (count === 2) {\n            return 'grid-cols-2'\n        }\n        return 'grid-cols-3'\n    })\n\n    const { init } = useLightbox({ gallery: galleryRef })\n\n    onMounted(async () => {\n        preload(images.value)\n        await init()\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"images.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:image-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.gallery', { count: images.length }) }}\n            </strong>\n        </div>\n        <div class=\"p-sm\">\n            <div ref=\"galleryRef\" class=\"grid gap-8\" :class=\"gridCols\">\n                <a\n                    v-for=\"(image, index) in images\"\n                    :key=\"image.url\"\n                    :href=\"image.url\"\n                    :data-pswp-src=\"image.url\"\n                    :data-pswp-width=\"getSize(image.url).width\"\n                    :data-pswp-height=\"getSize(image.url).height\"\n                    :data-pswp-caption=\"image.caption ?? image.alt ?? ''\"\n                    :data-cropped=\"true\"\n                    class=\"relative block aspect-square overflow-hidden rounded-lg cursor-pointer group\"\n                    :class=\"index >= 5 && hiddenCount > 0 ? 'hidden' : ''\"\n                    :title=\"image.caption ?? image.alt ?? ''\"\n                    :target=\"isSameSite(image.url) ? undefined : '_blank'\"\n                    :rel=\"\n                        isSameSite(image.url)\n                            ? undefined\n                            : 'noopener noreferrer'\n                    \">\n                    <img\n                        :src=\"image.url\"\n                        :alt=\"image.alt ?? image.caption ?? ''\"\n                        class=\"w-full h-full object-cover transition-opacity group-hover:opacity-80\" />\n                    <!-- +N overlay on last visible thumbnail when there are more hidden images -->\n                    <div\n                        v-if=\"hiddenCount > 0 && index === 4\"\n                        class=\"absolute inset-0 bg-black/50 flex items-center justify-center text-white font-semibold text-16 rounded-lg\">\n                        +{{ hiddenCount }}\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAKI,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,KAUtB,EAEK,IAAa,GAAiB,EAC9B,EAAE,YAAS,eAAY,GAAc,EAErC,IAAS,QAAe,EAAS,MAAM,OAAO,UAAU,EAAE,CAAA,EAE1D,IAAc,QAChB,EAAO,MAAM,SAAS,IAAI,EAAO,MAAM,SAAS,IAAI,EACxD,EAEM,IAAW,QAAe;GAC5B,IAAM,IAAQ,EAAO,MAAM;AAO3B,UANI,MAAU,IACH,gBAEP,MAAU,IACH,gBAEJ;IACV,EAEK,EAAE,YAAS,EAAY,EAAE,SAAS,GAAY,CAAA;SAEpD,EAAU,YAAY;AAElB,GADA,EAAQ,EAAO,MAAK,EACpB,MAAM,GAAK;IACd;;UAKS,EAAA,MAAO,UAAA,GAAA,EADjB,EA2CM,OA3CN,GA2CM,CAxCF,EAMM,OANN,GAMM,CAJF,EAA+C,GAAA;IAAvC,MAAK;IAAgB,OAAM;OACnC,EAES,UAFT,GAES,EADFA,EAAAA,GAAE,iBAAA,EAAA,OAA2B,EAAA,MAAO,QAAM,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA,EAGrD,EAgCM,OAhCN,GAgCM,CA/BF,EA8BM,OAAA;aA9BG;IAAJ,KAAI;IAAa,OAAK,EAAA,CAAC,cAAqB,EAAA,MAAQ,CAAA;eACrD,EA4BI,GAAA,MAAA,EA3ByB,EAAA,QAAjB,GAAO,YADnB,EA4BI,KAAA;IA1BC,KAAK,EAAM;IACX,MAAM,EAAM;IACZ,iBAAe,EAAM;IACrB,mBAAiB,EAAA,EAAO,CAAC,EAAM,IAAG,CAAE;IACpC,oBAAkB,EAAA,EAAO,CAAC,EAAM,IAAG,CAAE;IACrC,qBAAmB,EAAM,WAAW,EAAM,OAAG;IAC7C,gBAAc;IACf,OAAK,EAAA,CAAC,gFACE,KAAK,KAAS,EAAA,QAAW,IAAA,WAAA,GAAA,CAAA;IAChC,OAAO,EAAM,WAAW,EAAM,OAAG;IACjC,QAAQ,EAAA,EAAU,CAAC,EAAM,IAAG,GAAI,KAAA,IAAS;IACzC,KAA8B,EAAA,EAAU,CAAC,EAAM,IAAG,GAAgC,KAAA,IAAA;OAKnF,EAGmF,OAAA;IAF9E,KAAK,EAAM;IACX,KAAK,EAAM,OAAO,EAAM,WAAO;IAChC,OAAM;mBAGA,EAAA,QAAW,KAAQ,MAAK,KAAA,GAAA,EADlC,EAIM,OAJN,GAEsH,OACjH,EAAG,EAAA,MAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,IAAA,EAAA"}

package/dist-vue/_chunks/{PkToolShowLocation-BeOkj0Q2.js → PkToolShowLocation-DSZvW68g.js}

@@ -1,4 +1,4 @@
-import { u as e } from "./useChatbotStore-B9BUWM4O.js";
+import { u as e } from "./useChatbotStore-ys9uGP5v.js";
 import { v as t, y as n } from "./src-DjRNH9vV.js";
 import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineAsyncComponent as l, defineComponent as u, getCurrentInstance as d, guardReactiveProps as f, normalizeProps as p, onMounted as m, openBlock as h, ref as g, toDisplayString as _, unref as v, watchEffect as y, withCtx as b } from "vue";
 import { VvButton as x, VvButtonGroup as S, VvDropdown as C, VvDropdownAction as w, VvIcon as T } from "@volverjs/ui-vue/components";
@@ -132,4 +132,4 @@ var D = {
 //#endregion
 export { I as n, L as t };
 
-//# sourceMappingURL=PkToolShowLocation-BeOkj0Q2.js.map
+//# sourceMappingURL=PkToolShowLocation-DSZvW68g.js.map