@8wave/ai-elements 0.84.0 → 0.85.0

package/dist-vue/_chunks/{PkToolShowMessage-Cqb0WP-x.js.map → PkToolShowMessage-DvnO4DDb.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowMessage-Cqb0WP-x.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowMessage.vue","../../../../packages/components/src/chat/PkToolShowMessage.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                body: string\n            }\n        }\n        return part\n    })\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInTelegram = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://t.me/share/url?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url)\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:chat-1-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.message') }}\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=\"copy(toolPart?.input?.body ?? '')\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:send-plane-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInWhatsApp\">\n                            <VvIcon name=\"ri:whatsapp-line\" />\n                            {{ $t('action.openInWhatsApp') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInTelegram\">\n                            <VvIcon name=\"ri:telegram-line\" />\n                            {{ $t('action.openInTelegram') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInSms\">\n                            <VvIcon name=\"ri:message-2-line\" />\n                            {{ $t('action.openInSms') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\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                body: string\n            }\n        }\n        return part\n    })\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInTelegram = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://t.me/share/url?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url)\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:chat-1-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.message') }}\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=\"copy(toolPart?.input?.body ?? '')\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:send-plane-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInWhatsApp\">\n                            <VvIcon name=\"ri:whatsapp-line\" />\n                            {{ $t('action.openInWhatsApp') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInTelegram\">\n                            <VvIcon name=\"ri:telegram-line\" />\n                            {{ $t('action.openInTelegram') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInSms\">\n                            <VvIcon name=\"ri:message-2-line\" />\n                            {{ $t('action.openInSms') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\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,EAAa,GAEhC,IAAW,QACA,EAAM,IAMtB,GAEK,UAAuB;GACzB,IAAI,CAAC,EAAS,MAAM,OAChB;GAEJ,IAAM,IAAM,uBAAuB,mBAAmB,EAAS,MAAM,MAAM,IAAI;GAC/E,OAAO,KAAK,GAAK,QAAQ;EAC7B,GAEM,UAAuB;GACzB,IAAI,CAAC,EAAS,MAAM,OAChB;GAEJ,IAAM,IAAM,+BAA+B,mBAAmB,EAAS,MAAM,MAAM,IAAI;GACvF,OAAO,KAAK,GAAK,QAAQ;EAC7B,GAEM,UAAkB;GACpB,IAAI,CAAC,EAAS,MAAM,OAChB;GAEJ,IAAM,IAAM,aAAa,mBAAmB,EAAS,MAAM,MAAM,IAAI;GACrE,OAAO,KAAK,CAAG;EACnB;;;eAIA,EAkDM,OAlDN,GAkDM,CAjDF,EAwCM,OAxCN,GAwCM;IAtCF,EAAgD,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC,EAES,UAFT,GAES,EADFA,EAAAA,GAAE,eAAA,CAAA,GAAA,CAAA;IAET,EAiCgB,GAAA;KAjCD,WAAU;KAAU,OAAM;;sBAKY,CAJjD,EAIiD,GAAA;MAH7C,WAAU;MACT,MAAM,EAAA,CAAA,IAAM,kBAAA;MACZ,OAAO,EAAA,CAAA,IAASA,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,EAAK,EAAA,OAAU,OAAO,QAAI,EAAA;qCACtC,EA0Ba,GAAA,EAAA,EAzBD;;;;;;MAMP,CAAA,GAAA;MAKU,OAAK,QAIO;OAHnB,EAGmB,GAAA,EAHA,SAAO,EAAc,GAAA;yBACF,CAAlC,EAAkC,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAA,EAAG,MAClC,EAAGA,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAET,EAGmB,GAAA,EAHA,SAAO,EAAc,GAAA;yBACF,CAAlC,EAAkC,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAA,EAAG,MAClC,EAAGA,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAET,EAGmB,GAAA,EAHA,SAAO,EAAS,GAAA;yBACI,CAAnC,EAAmC,GAAA,EAA3B,MAAK,oBAAmB,CAAA,GAAA,EAAG,MACnC,EAAGA,EAAAA,GAAE,kBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;uBAZoB,CAHjC,EAGiC,GAAA;OAF7B,MAAK;OACL,WAAU;OACT,OAAOA,EAAAA,GAAE,aAAA;;;;;;OAkB1B,EAOM,OAPN,GAOM,CANF,EAEM,OAFN,GAEM,EADCA,EAAAA,GAAE,YAAA,CAAA,GAAA,CAAA,GAET,EAEQ,OAFR,GAEQ,EADJ,EAAA,OAAU,OAAO,IAAI,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"PkToolShowMessage-DvnO4DDb.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowMessage.vue","../../../../packages/components/src/chat/PkToolShowMessage.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                body: string\n            }\n        }\n        return part\n    })\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInTelegram = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://t.me/share/url?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url)\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:chat-1-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.message') }}\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=\"copy(toolPart?.input?.body ?? '')\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:send-plane-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInWhatsApp\">\n                            <VvIcon name=\"ri:whatsapp-line\" />\n                            {{ $t('action.openInWhatsApp') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInTelegram\">\n                            <VvIcon name=\"ri:telegram-line\" />\n                            {{ $t('action.openInTelegram') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInSms\">\n                            <VvIcon name=\"ri:message-2-line\" />\n                            {{ $t('action.openInSms') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\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                body: string\n            }\n        }\n        return part\n    })\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInTelegram = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://t.me/share/url?text=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(toolPart.value.input.body)}`\n        window.open(url)\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:chat-1-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.message') }}\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=\"copy(toolPart?.input?.body ?? '')\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:send-plane-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInWhatsApp\">\n                            <VvIcon name=\"ri:whatsapp-line\" />\n                            {{ $t('action.openInWhatsApp') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInTelegram\">\n                            <VvIcon name=\"ri:telegram-line\" />\n                            {{ $t('action.openInTelegram') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInSms\">\n                            <VvIcon name=\"ri:message-2-line\" />\n                            {{ $t('action.openInSms') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\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,EAAa,GAEhC,IAAW,QACA,EAAM,IAMtB,GAEK,UAAuB;GACzB,IAAI,CAAC,EAAS,MAAM,OAChB;GAEJ,IAAM,IAAM,uBAAuB,mBAAmB,EAAS,MAAM,MAAM,IAAI;GAC/E,OAAO,KAAK,GAAK,QAAQ;EAC7B,GAEM,UAAuB;GACzB,IAAI,CAAC,EAAS,MAAM,OAChB;GAEJ,IAAM,IAAM,+BAA+B,mBAAmB,EAAS,MAAM,MAAM,IAAI;GACvF,OAAO,KAAK,GAAK,QAAQ;EAC7B,GAEM,UAAkB;GACpB,IAAI,CAAC,EAAS,MAAM,OAChB;GAEJ,IAAM,IAAM,aAAa,mBAAmB,EAAS,MAAM,MAAM,IAAI;GACrE,OAAO,KAAK,CAAG;EACnB;;;eAIA,EAkDM,OAlDN,GAkDM,CAjDF,EAwCM,OAxCN,GAwCM;IAtCF,EAAgD,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC,EAES,UAFT,GAES,EADFA,EAAAA,GAAE,eAAA,CAAA,GAAA,CAAA;IAET,EAiCgB,GAAA;KAjCD,WAAU;KAAU,OAAM;;sBAKY,CAJjD,EAIiD,GAAA;MAH7C,WAAU;MACT,MAAM,EAAA,CAAA,IAAM,kBAAA;MACZ,OAAO,EAAA,CAAA,IAASA,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,EAAK,EAAA,OAAU,OAAO,QAAI,EAAA;qCACtC,EA0Ba,GAAA,EAAA,EAzBD;;;;;;MAMP,CAAA,GAAA;MAKU,OAAK,QAIO;OAHnB,EAGmB,GAAA,EAHA,SAAO,EAAc,GAAA;yBACF,CAAlC,EAAkC,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAA,EAAG,MAClC,EAAGA,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAET,EAGmB,GAAA,EAHA,SAAO,EAAc,GAAA;yBACF,CAAlC,EAAkC,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAA,EAAG,MAClC,EAAGA,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAET,EAGmB,GAAA,EAHA,SAAO,EAAS,GAAA;yBACI,CAAnC,EAAmC,GAAA,EAA3B,MAAK,oBAAmB,CAAA,GAAA,EAAG,MACnC,EAAGA,EAAAA,GAAE,kBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;uBAZoB,CAHjC,EAGiC,GAAA;OAF7B,MAAK;OACL,WAAU;OACT,OAAOA,EAAAA,GAAE,aAAA;;;;;;OAkB1B,EAOM,OAPN,GAOM,CANF,EAEM,OAFN,GAEM,EADCA,EAAAA,GAAE,YAAA,CAAA,GAAA,CAAA,GAET,EAEQ,OAFR,GAEQ,EADJ,EAAA,OAAU,OAAO,IAAI,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist-vue/_chunks/{PkToolShowMultipleChoice-x7hNm6I2.js → PkToolShowMultipleChoice-BEWDze3p.js}

@@ -1,4 +1,4 @@
-import { a as e } from "./useChatbotStore-BXi-Gx7b.js";
+import { s as e } from "./useChatbotStore-DCCWlutT.js";
 import { VvButton as t, VvButtonGroup as n, VvInputText as r } from "@volverjs/ui-vue/components";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, watch as v, withCtx as y, withModifiers as b } from "vue";
 import { useI18n as x } from "vue-i18n";
@@ -79,4 +79,4 @@ var S = { class: "px-sm py-10 font-bold bg-surface-1 text-12 border-b border-sur
 //#endregion
 export { E as n, D as t };
 
-//# sourceMappingURL=PkToolShowMultipleChoice-x7hNm6I2.js.map
+//# sourceMappingURL=PkToolShowMultipleChoice-BEWDze3p.js.map

package/dist-vue/_chunks/{PkToolShowMultipleChoice-x7hNm6I2.js.map → PkToolShowMultipleChoice-BEWDze3p.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowMultipleChoice-x7hNm6I2.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowMultipleChoice.vue","../../../../packages/components/src/chat/PkToolShowMultipleChoice.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n\n    type LegacyOption = { id: string; label: string; value: string }\n\n    const props = defineProps<{\n        part: unknown\n        allowCustomAnswer?: boolean\n    }>()\n\n    const emit = defineEmits<{\n        select: [option: string]\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const customAnswer = ref('')\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                question: string\n                options: string[] | LegacyOption[]\n            }\n            output?: string | LegacyOption\n        }\n    })\n\n    /** Normalize options to string[] (supports legacy { label } objects) */\n    const normalizedOptions = computed(() => {\n        return (toolPart.value?.input?.options ?? []).map((o) =>\n            typeof o === 'string' ? o : o.label,\n        )\n    })\n\n    /** Normalize output to string (supports legacy { label } objects) */\n    const normalizedOutput = computed(() => {\n        const out = toolPart.value?.output\n        if (!out) {\n            return undefined\n        }\n        return typeof out === 'string' ? out : out.label\n    })\n\n    const toolState = computed(() => {\n        return toolPart.value?.state || 'unknown'\n    })\n\n    const isInteractive = computed(() => {\n        return toolState.value === 'input-available'\n    })\n\n    function submitCustomAnswer() {\n        const value = customAnswer.value.trim()\n        if (!value) {\n            return\n        }\n        emit('select', value)\n    }\n\n    watch(\n        normalizedOutput,\n        (newValue) => {\n            if (newValue && !normalizedOptions.value.includes(newValue)) {\n                customAnswer.value = newValue\n            }\n        },\n        {\n            immediate: true,\n        },\n    )\n</script>\n\n<template>\n    <div\n        v-if=\"normalizedOptions.length\"\n        :key=\"toolState\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-10 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3\">\n            {{ toolPart.input?.question }}\n        </div>\n        <div class=\"px-sm py-10\">\n            <VvButtonGroup\n                :key=\"normalizedOptions.length\"\n                modifiers=\"vertical\"\n                class=\"w-full\">\n                <VvButton\n                    v-for=\"(option, index) in normalizedOptions\"\n                    :key=\"index\"\n                    modifiers=\"action-multiline\"\n                    class=\"whitespace-normal w-full\"\n                    :class=\"{\n                        pressed: option === normalizedOutput,\n                    }\"\n                    :disabled=\"!isInteractive\"\n                    :label=\"option\"\n                    @click.stop=\"emit('select', option)\" />\n            </VvButtonGroup>\n        </div>\n        <div\n            v-if=\"allowCustomAnswer\"\n            class=\"px-sm pb-sm border-t border-surface-3\">\n            <form\n                class=\"flex gap-xs pt-sm\"\n                @submit.prevent=\"submitCustomAnswer\">\n                <VvInputText\n                    v-model=\"customAnswer\"\n                    class=\"flex-1\"\n                    name=\"customAnswer\"\n                    modifiers=\"compact rounded\"\n                    :disabled=\"!isInteractive\"\n                    :placeholder=\"$t('placeholder.customAnswer')\" />\n                <VvButton\n                    type=\"submit\"\n                    modifiers=\"action-quiet\"\n                    :disabled=\"!customAnswer.trim() || !isInteractive\"\n                    :label=\"$t('action.send')\" />\n            </form>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n\n    type LegacyOption = { id: string; label: string; value: string }\n\n    const props = defineProps<{\n        part: unknown\n        allowCustomAnswer?: boolean\n    }>()\n\n    const emit = defineEmits<{\n        select: [option: string]\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const customAnswer = ref('')\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                question: string\n                options: string[] | LegacyOption[]\n            }\n            output?: string | LegacyOption\n        }\n    })\n\n    /** Normalize options to string[] (supports legacy { label } objects) */\n    const normalizedOptions = computed(() => {\n        return (toolPart.value?.input?.options ?? []).map((o) =>\n            typeof o === 'string' ? o : o.label,\n        )\n    })\n\n    /** Normalize output to string (supports legacy { label } objects) */\n    const normalizedOutput = computed(() => {\n        const out = toolPart.value?.output\n        if (!out) {\n            return undefined\n        }\n        return typeof out === 'string' ? out : out.label\n    })\n\n    const toolState = computed(() => {\n        return toolPart.value?.state || 'unknown'\n    })\n\n    const isInteractive = computed(() => {\n        return toolState.value === 'input-available'\n    })\n\n    function submitCustomAnswer() {\n        const value = customAnswer.value.trim()\n        if (!value) {\n            return\n        }\n        emit('select', value)\n    }\n\n    watch(\n        normalizedOutput,\n        (newValue) => {\n            if (newValue && !normalizedOptions.value.includes(newValue)) {\n                customAnswer.value = newValue\n            }\n        },\n        {\n            immediate: true,\n        },\n    )\n</script>\n\n<template>\n    <div\n        v-if=\"normalizedOptions.length\"\n        :key=\"toolState\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-10 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3\">\n            {{ toolPart.input?.question }}\n        </div>\n        <div class=\"px-sm py-10\">\n            <VvButtonGroup\n                :key=\"normalizedOptions.length\"\n                modifiers=\"vertical\"\n                class=\"w-full\">\n                <VvButton\n                    v-for=\"(option, index) in normalizedOptions\"\n                    :key=\"index\"\n                    modifiers=\"action-multiline\"\n                    class=\"whitespace-normal w-full\"\n                    :class=\"{\n                        pressed: option === normalizedOutput,\n                    }\"\n                    :disabled=\"!isInteractive\"\n                    :label=\"option\"\n                    @click.stop=\"emit('select', option)\" />\n            </VvButtonGroup>\n        </div>\n        <div\n            v-if=\"allowCustomAnswer\"\n            class=\"px-sm pb-sm border-t border-surface-3\">\n            <form\n                class=\"flex gap-xs pt-sm\"\n                @submit.prevent=\"submitCustomAnswer\">\n                <VvInputText\n                    v-model=\"customAnswer\"\n                    class=\"flex-1\"\n                    name=\"customAnswer\"\n                    modifiers=\"compact rounded\"\n                    :disabled=\"!isInteractive\"\n                    :placeholder=\"$t('placeholder.customAnswer')\" />\n                <VvButton\n                    type=\"submit\"\n                    modifiers=\"action-quiet\"\n                    :disabled=\"!customAnswer.trim() || !isInteractive\"\n                    :label=\"$t('action.send')\" />\n            </form>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAMI,IAAM,IAAQ,GAKR,IAAO,GAIP,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,SAAS,CAAC,GAE1C,IAAe,EAAI,EAAE,GAErB,IAAW,QACN,KAAK,MAAM,KAAK,UAAU,EAAM,IAAI,CAAC,CAS/C,GAGK,IAAoB,SACd,EAAS,OAAO,OAAO,WAAW,CAAC,GAAG,KAAK,MAC/C,OAAO,KAAM,WAAW,IAAI,EAAE,KAClC,CACH,GAGK,IAAmB,QAAe;GACpC,IAAM,IAAM,EAAS,OAAO;GACvB,OAGL,OAAO,OAAO,KAAQ,WAAW,IAAM,EAAI;EAC/C,CAAC,GAEK,IAAY,QACP,EAAS,OAAO,SAAS,SACnC,GAEK,IAAgB,QACX,EAAU,UAAU,iBAC9B;EAED,SAAS,IAAqB;GAC1B,IAAM,IAAQ,EAAa,MAAM,KAAK;GACjC,KAGL,EAAK,UAAU,CAAK;EACxB;SAEA,EACI,IACC,MAAa;GACV,AAAI,KAAY,CAAC,EAAkB,MAAM,SAAS,CAAQ,MACtD,EAAa,QAAQ;EAE7B,GACA,EACI,WAAW,GACf,CACJ;;UAKU,EAAA,MAAkB,UAAA,EAAA,GAD5B,EA8CM,OAAA;IA5CD,KAAK,EAAA;IACN,OAAM;;IACN,EAGM,OAHN,GAGM,EADC,EAAA,MAAS,OAAO,QAAQ,GAAA,CAAA;IAE/B,EAiBM,OAjBN,GAiBM,EAAA,EAAA,GAhBF,EAegB,GAAA;KAdX,KAAK,EAAA,MAAkB;KACxB,WAAU;KACV,OAAM;;sBAE0C,EAAA,EAAA,EAAA,GADhD,EAU2C,GAAA,MAAA,EATb,EAAA,QAAlB,GAAQ,YADpB,EAU2C,GAAA;MARtC,KAAK;MACN,WAAU;MACV,OAAK,EAAA,CAAC,4BAA0B,EAAA,SACW,MAAW,EAAA,MAAA,CAAA,CAAA;MAGrD,UAAQ,CAAG,EAAA;MACX,OAAO;MACP,SAAK,GAAA,MAAO,EAAI,UAAW,CAAM,GAAA,CAAA,MAAA,CAAA;;;;;;;;;IAIpC,EAAA,qBAAA,EAAA,GADV,EAmBM,OAnBN,GAmBM,CAhBF,EAeO,QAAA;KAdH,OAAM;KACL,UAAM,EAAU,GAAkB,CAAA,SAAA,CAAA;QACnC,EAMoD,GAAA;iBALvC,EAAA;8CAAY,QAAA;KACrB,OAAM;KACN,MAAK;KACL,WAAU;KACT,UAAQ,CAAG,EAAA;KACX,aAAa,EAAA,CAAA,EAAE,0BAAA;;;;;QACpB,EAIiC,GAAA;KAH7B,MAAK;KACL,WAAU;KACT,UAAQ,CAAG,EAAA,MAAa,KAAI,KAAA,CAAO,EAAA;KACnC,OAAO,EAAA,CAAA,EAAE,aAAA"}
+{"version":3,"file":"PkToolShowMultipleChoice-BEWDze3p.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowMultipleChoice.vue","../../../../packages/components/src/chat/PkToolShowMultipleChoice.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n\n    type LegacyOption = { id: string; label: string; value: string }\n\n    const props = defineProps<{\n        part: unknown\n        allowCustomAnswer?: boolean\n    }>()\n\n    const emit = defineEmits<{\n        select: [option: string]\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const customAnswer = ref('')\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                question: string\n                options: string[] | LegacyOption[]\n            }\n            output?: string | LegacyOption\n        }\n    })\n\n    /** Normalize options to string[] (supports legacy { label } objects) */\n    const normalizedOptions = computed(() => {\n        return (toolPart.value?.input?.options ?? []).map((o) =>\n            typeof o === 'string' ? o : o.label,\n        )\n    })\n\n    /** Normalize output to string (supports legacy { label } objects) */\n    const normalizedOutput = computed(() => {\n        const out = toolPart.value?.output\n        if (!out) {\n            return undefined\n        }\n        return typeof out === 'string' ? out : out.label\n    })\n\n    const toolState = computed(() => {\n        return toolPart.value?.state || 'unknown'\n    })\n\n    const isInteractive = computed(() => {\n        return toolState.value === 'input-available'\n    })\n\n    function submitCustomAnswer() {\n        const value = customAnswer.value.trim()\n        if (!value) {\n            return\n        }\n        emit('select', value)\n    }\n\n    watch(\n        normalizedOutput,\n        (newValue) => {\n            if (newValue && !normalizedOptions.value.includes(newValue)) {\n                customAnswer.value = newValue\n            }\n        },\n        {\n            immediate: true,\n        },\n    )\n</script>\n\n<template>\n    <div\n        v-if=\"normalizedOptions.length\"\n        :key=\"toolState\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-10 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3\">\n            {{ toolPart.input?.question }}\n        </div>\n        <div class=\"px-sm py-10\">\n            <VvButtonGroup\n                :key=\"normalizedOptions.length\"\n                modifiers=\"vertical\"\n                class=\"w-full\">\n                <VvButton\n                    v-for=\"(option, index) in normalizedOptions\"\n                    :key=\"index\"\n                    modifiers=\"action-multiline\"\n                    class=\"whitespace-normal w-full\"\n                    :class=\"{\n                        pressed: option === normalizedOutput,\n                    }\"\n                    :disabled=\"!isInteractive\"\n                    :label=\"option\"\n                    @click.stop=\"emit('select', option)\" />\n            </VvButtonGroup>\n        </div>\n        <div\n            v-if=\"allowCustomAnswer\"\n            class=\"px-sm pb-sm border-t border-surface-3\">\n            <form\n                class=\"flex gap-xs pt-sm\"\n                @submit.prevent=\"submitCustomAnswer\">\n                <VvInputText\n                    v-model=\"customAnswer\"\n                    class=\"flex-1\"\n                    name=\"customAnswer\"\n                    modifiers=\"compact rounded\"\n                    :disabled=\"!isInteractive\"\n                    :placeholder=\"$t('placeholder.customAnswer')\" />\n                <VvButton\n                    type=\"submit\"\n                    modifiers=\"action-quiet\"\n                    :disabled=\"!customAnswer.trim() || !isInteractive\"\n                    :label=\"$t('action.send')\" />\n            </form>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n\n    type LegacyOption = { id: string; label: string; value: string }\n\n    const props = defineProps<{\n        part: unknown\n        allowCustomAnswer?: boolean\n    }>()\n\n    const emit = defineEmits<{\n        select: [option: string]\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const customAnswer = ref('')\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                question: string\n                options: string[] | LegacyOption[]\n            }\n            output?: string | LegacyOption\n        }\n    })\n\n    /** Normalize options to string[] (supports legacy { label } objects) */\n    const normalizedOptions = computed(() => {\n        return (toolPart.value?.input?.options ?? []).map((o) =>\n            typeof o === 'string' ? o : o.label,\n        )\n    })\n\n    /** Normalize output to string (supports legacy { label } objects) */\n    const normalizedOutput = computed(() => {\n        const out = toolPart.value?.output\n        if (!out) {\n            return undefined\n        }\n        return typeof out === 'string' ? out : out.label\n    })\n\n    const toolState = computed(() => {\n        return toolPart.value?.state || 'unknown'\n    })\n\n    const isInteractive = computed(() => {\n        return toolState.value === 'input-available'\n    })\n\n    function submitCustomAnswer() {\n        const value = customAnswer.value.trim()\n        if (!value) {\n            return\n        }\n        emit('select', value)\n    }\n\n    watch(\n        normalizedOutput,\n        (newValue) => {\n            if (newValue && !normalizedOptions.value.includes(newValue)) {\n                customAnswer.value = newValue\n            }\n        },\n        {\n            immediate: true,\n        },\n    )\n</script>\n\n<template>\n    <div\n        v-if=\"normalizedOptions.length\"\n        :key=\"toolState\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-10 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3\">\n            {{ toolPart.input?.question }}\n        </div>\n        <div class=\"px-sm py-10\">\n            <VvButtonGroup\n                :key=\"normalizedOptions.length\"\n                modifiers=\"vertical\"\n                class=\"w-full\">\n                <VvButton\n                    v-for=\"(option, index) in normalizedOptions\"\n                    :key=\"index\"\n                    modifiers=\"action-multiline\"\n                    class=\"whitespace-normal w-full\"\n                    :class=\"{\n                        pressed: option === normalizedOutput,\n                    }\"\n                    :disabled=\"!isInteractive\"\n                    :label=\"option\"\n                    @click.stop=\"emit('select', option)\" />\n            </VvButtonGroup>\n        </div>\n        <div\n            v-if=\"allowCustomAnswer\"\n            class=\"px-sm pb-sm border-t border-surface-3\">\n            <form\n                class=\"flex gap-xs pt-sm\"\n                @submit.prevent=\"submitCustomAnswer\">\n                <VvInputText\n                    v-model=\"customAnswer\"\n                    class=\"flex-1\"\n                    name=\"customAnswer\"\n                    modifiers=\"compact rounded\"\n                    :disabled=\"!isInteractive\"\n                    :placeholder=\"$t('placeholder.customAnswer')\" />\n                <VvButton\n                    type=\"submit\"\n                    modifiers=\"action-quiet\"\n                    :disabled=\"!customAnswer.trim() || !isInteractive\"\n                    :label=\"$t('action.send')\" />\n            </form>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAMI,IAAM,IAAQ,GAKR,IAAO,GAIP,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,SAAS,CAAC,GAE1C,IAAe,EAAI,EAAE,GAErB,IAAW,QACN,KAAK,MAAM,KAAK,UAAU,EAAM,IAAI,CAAC,CAS/C,GAGK,IAAoB,SACd,EAAS,OAAO,OAAO,WAAW,CAAC,GAAG,KAAK,MAC/C,OAAO,KAAM,WAAW,IAAI,EAAE,KAClC,CACH,GAGK,IAAmB,QAAe;GACpC,IAAM,IAAM,EAAS,OAAO;GACvB,OAGL,OAAO,OAAO,KAAQ,WAAW,IAAM,EAAI;EAC/C,CAAC,GAEK,IAAY,QACP,EAAS,OAAO,SAAS,SACnC,GAEK,IAAgB,QACX,EAAU,UAAU,iBAC9B;EAED,SAAS,IAAqB;GAC1B,IAAM,IAAQ,EAAa,MAAM,KAAK;GACjC,KAGL,EAAK,UAAU,CAAK;EACxB;SAEA,EACI,IACC,MAAa;GACV,AAAI,KAAY,CAAC,EAAkB,MAAM,SAAS,CAAQ,MACtD,EAAa,QAAQ;EAE7B,GACA,EACI,WAAW,GACf,CACJ;;UAKU,EAAA,MAAkB,UAAA,EAAA,GAD5B,EA8CM,OAAA;IA5CD,KAAK,EAAA;IACN,OAAM;;IACN,EAGM,OAHN,GAGM,EADC,EAAA,MAAS,OAAO,QAAQ,GAAA,CAAA;IAE/B,EAiBM,OAjBN,GAiBM,EAAA,EAAA,GAhBF,EAegB,GAAA;KAdX,KAAK,EAAA,MAAkB;KACxB,WAAU;KACV,OAAM;;sBAE0C,EAAA,EAAA,EAAA,GADhD,EAU2C,GAAA,MAAA,EATb,EAAA,QAAlB,GAAQ,YADpB,EAU2C,GAAA;MARtC,KAAK;MACN,WAAU;MACV,OAAK,EAAA,CAAC,4BAA0B,EAAA,SACW,MAAW,EAAA,MAAA,CAAA,CAAA;MAGrD,UAAQ,CAAG,EAAA;MACX,OAAO;MACP,SAAK,GAAA,MAAO,EAAI,UAAW,CAAM,GAAA,CAAA,MAAA,CAAA;;;;;;;;;IAIpC,EAAA,qBAAA,EAAA,GADV,EAmBM,OAnBN,GAmBM,CAhBF,EAeO,QAAA;KAdH,OAAM;KACL,UAAM,EAAU,GAAkB,CAAA,SAAA,CAAA;QACnC,EAMoD,GAAA;iBALvC,EAAA;8CAAY,QAAA;KACrB,OAAM;KACN,MAAK;KACL,WAAU;KACT,UAAQ,CAAG,EAAA;KACX,aAAa,EAAA,CAAA,EAAE,0BAAA;;;;;QACpB,EAIiC,GAAA;KAH7B,MAAK;KACL,WAAU;KACT,UAAQ,CAAG,EAAA,MAAa,KAAI,KAAA,CAAO,EAAA;KACnC,OAAO,EAAA,CAAA,EAAE,aAAA"}

package/dist-vue/_chunks/{PkToolShowProductList-CMFBvHAY.js → PkToolShowProductList-Cyh_fdTh.js}

@@ -1,5 +1,5 @@
-import { a as e } from "./useChatbotStore-BXi-Gx7b.js";
-import { t } from "./PkUrl-Da1k1VEM.js";
+import { s as e } from "./useChatbotStore-DCCWlutT.js";
+import { t } from "./PkUrl-DdRprvPJ.js";
 import { VvIcon as n } from "@volverjs/ui-vue/components";
 import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderList as p, resolveDynamicComponent as m, toDisplayString as h, withCtx as g } from "vue";
 //#region ../../packages/components/src/chat/PkToolShowProductList.vue?vue&type=script&setup=true&lang.ts
@@ -64,4 +64,4 @@ var _ = {
 //#endregion
 export { E as n, D as t };
 
-//# sourceMappingURL=PkToolShowProductList-CMFBvHAY.js.map
+//# sourceMappingURL=PkToolShowProductList-Cyh_fdTh.js.map

package/dist-vue/_chunks/{PkToolShowProductList-CMFBvHAY.js.map → PkToolShowProductList-Cyh_fdTh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowProductList-CMFBvHAY.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowProductList.vue","../../../../packages/components/src/chat/PkToolShowProductList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const getAvailabilityColor = (availability?: string) => {\n        if (!availability) {\n            return ''\n        }\n        const lower = availability.toLowerCase()\n        if (\n            lower.includes('in stock') ||\n            lower.includes('available') ||\n            lower.includes('disponibile')\n        ) {\n            return 'text-success'\n        }\n        if (\n            lower.includes('out of stock') ||\n            lower.includes('unavailable') ||\n            lower.includes('non disponibile')\n        ) {\n            return 'text-danger'\n        }\n        if (\n            lower.includes('limited') ||\n            lower.includes('low stock') ||\n            lower.includes('limitato')\n        ) {\n            return 'text-warning'\n        }\n        return 'text-word-3'\n    }\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-xl overflow-hidden hover:border-surface-4 transition-colors\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 font-medium\"\n                            :class=\"getAvailabilityColor(product.availability)\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const getAvailabilityColor = (availability?: string) => {\n        if (!availability) {\n            return ''\n        }\n        const lower = availability.toLowerCase()\n        if (\n            lower.includes('in stock') ||\n            lower.includes('available') ||\n            lower.includes('disponibile')\n        ) {\n            return 'text-success'\n        }\n        if (\n            lower.includes('out of stock') ||\n            lower.includes('unavailable') ||\n            lower.includes('non disponibile')\n        ) {\n            return 'text-danger'\n        }\n        if (\n            lower.includes('limited') ||\n            lower.includes('low stock') ||\n            lower.includes('limitato')\n        ) {\n            return 'text-warning'\n        }\n        return 'text-word-3'\n    }\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-xl overflow-hidden hover:border-surface-4 transition-colors\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 font-medium\"\n                            :class=\"getAvailabilityColor(product.availability)\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,IAatB,GAEK,KAAwB,MAA0B;GACpD,IAAI,CAAC,GACD,OAAO;GAEX,IAAM,IAAQ,EAAa,YAAY;GAsBvC,OApBI,EAAM,SAAS,UAAU,KACzB,EAAM,SAAS,WAAW,KAC1B,EAAM,SAAS,aAAa,IAErB,iBAGP,EAAM,SAAS,cAAc,KAC7B,EAAM,SAAS,aAAa,KAC5B,EAAM,SAAS,iBAAiB,IAEzB,gBAGP,EAAM,SAAS,SAAS,KACxB,EAAM,SAAS,WAAW,KAC1B,EAAM,SAAS,UAAU,IAElB,iBAEJ;EACX;;;UAKU,EAAA,OAAU,OAAO,UAAU,UAAA,EAAA,GADrC,EAiDK,MAjDL,GAiDK,EAAA,EAAA,EAAA,GA9CD,EA6CK,GAAA,MAAA,EA5C0B,EAAA,MAAS,MAAM,WAAlC,GAAS,YADrB,EA6CK,MAAA;IA3CA,KAAK;IACN,OAAM;aACN,EAwCY,EAvCH,EAAQ,MAAG,MAAA,KAAA,GAAA;IACf,MAAM,EAAQ;IACd,QAAQ,EAAQ,MAAG,WAAc,KAAA;IACjC,KAAK,EAAQ,MAAG,wBAA2B,KAAA;IAC5C,OAAM;;qBAKqF,CAHjF,EAAQ,SAAA,EAAA,GADlB,EAI2F,OAAA;;KAFtF,KAAK,EAAQ;KACb,KAAK,EAAQ;KACd,OAAM;iCACV,EA4BM,OA5BN,GA4BM;KA3BF,EAES,UAFT,GAES,EADF,EAAQ,IAAI,GAAA,CAAA;KAGT,EAAQ,OAAA,EAAA,GADlB,EAKO,QALP,GAKO,CAFH,EAAkD,GAAA;MAA1C,MAAK;MAAU,OAAM;SAC7B,EAA4B,GAAA,EAApB,KAAK,EAAQ,IAAA,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;KAEzB,EAYM,OAZN,GAYM,CAVQ,EAAQ,SAAA,EAAA,GADlB,EAIO,QAJP,GAIO,EADA,EAAQ,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAGV,EAAQ,gBAAA,EAAA,GADlB,EAKO,QAAA;;MAHH,OAAK,EAAA,CAAC,uBACE,EAAqB,EAAQ,YAAY,CAAA,CAAA;UAC9C,EAAQ,YAAY,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;KAIrB,EAAQ,eAAA,EAAA,GADlB,EAII,KAJJ,GAII,EADG,EAAQ,WAAW,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PkToolShowProductList-Cyh_fdTh.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowProductList.vue","../../../../packages/components/src/chat/PkToolShowProductList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const getAvailabilityColor = (availability?: string) => {\n        if (!availability) {\n            return ''\n        }\n        const lower = availability.toLowerCase()\n        if (\n            lower.includes('in stock') ||\n            lower.includes('available') ||\n            lower.includes('disponibile')\n        ) {\n            return 'text-success'\n        }\n        if (\n            lower.includes('out of stock') ||\n            lower.includes('unavailable') ||\n            lower.includes('non disponibile')\n        ) {\n            return 'text-danger'\n        }\n        if (\n            lower.includes('limited') ||\n            lower.includes('low stock') ||\n            lower.includes('limitato')\n        ) {\n            return 'text-warning'\n        }\n        return 'text-word-3'\n    }\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-xl overflow-hidden hover:border-surface-4 transition-colors\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 font-medium\"\n                            :class=\"getAvailabilityColor(product.availability)\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                products: Array<{\n                    name: string\n                    url?: string\n                    image?: string\n                    price?: string\n                    availability?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const getAvailabilityColor = (availability?: string) => {\n        if (!availability) {\n            return ''\n        }\n        const lower = availability.toLowerCase()\n        if (\n            lower.includes('in stock') ||\n            lower.includes('available') ||\n            lower.includes('disponibile')\n        ) {\n            return 'text-success'\n        }\n        if (\n            lower.includes('out of stock') ||\n            lower.includes('unavailable') ||\n            lower.includes('non disponibile')\n        ) {\n            return 'text-danger'\n        }\n        if (\n            lower.includes('limited') ||\n            lower.includes('low stock') ||\n            lower.includes('limitato')\n        ) {\n            return 'text-warning'\n        }\n        return 'text-word-3'\n    }\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-xl overflow-hidden hover:border-surface-4 transition-colors\">\n            <component\n                :is=\"product.url ? 'a' : 'div'\"\n                :href=\"product.url\"\n                :target=\"product.url ? '_blank' : undefined\"\n                :rel=\"product.url ? 'noopener noreferrer' : undefined\"\n                class=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\n                        {{ product.name }}\n                    </strong>\n                    <span\n                        v-if=\"product.url\"\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"product.url\" />\n                    </span>\n                    <div class=\"flex items-center gap-sm flex-wrap text-12\">\n                        <span\n                            v-if=\"product.price\"\n                            class=\"font-semibold text-word-1\">\n                            {{ product.price }}\n                        </span>\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 font-medium\"\n                            :class=\"getAvailabilityColor(product.availability)\">\n                            {{ product.availability }}\n                        </span>\n                    </div>\n                    <p\n                        v-if=\"product.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ product.description }}\n                    </p>\n                </div>\n            </component>\n        </li>\n    </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,IAatB,GAEK,KAAwB,MAA0B;GACpD,IAAI,CAAC,GACD,OAAO;GAEX,IAAM,IAAQ,EAAa,YAAY;GAsBvC,OApBI,EAAM,SAAS,UAAU,KACzB,EAAM,SAAS,WAAW,KAC1B,EAAM,SAAS,aAAa,IAErB,iBAGP,EAAM,SAAS,cAAc,KAC7B,EAAM,SAAS,aAAa,KAC5B,EAAM,SAAS,iBAAiB,IAEzB,gBAGP,EAAM,SAAS,SAAS,KACxB,EAAM,SAAS,WAAW,KAC1B,EAAM,SAAS,UAAU,IAElB,iBAEJ;EACX;;;UAKU,EAAA,OAAU,OAAO,UAAU,UAAA,EAAA,GADrC,EAiDK,MAjDL,GAiDK,EAAA,EAAA,EAAA,GA9CD,EA6CK,GAAA,MAAA,EA5C0B,EAAA,MAAS,MAAM,WAAlC,GAAS,YADrB,EA6CK,MAAA;IA3CA,KAAK;IACN,OAAM;aACN,EAwCY,EAvCH,EAAQ,MAAG,MAAA,KAAA,GAAA;IACf,MAAM,EAAQ;IACd,QAAQ,EAAQ,MAAG,WAAc,KAAA;IACjC,KAAK,EAAQ,MAAG,wBAA2B,KAAA;IAC5C,OAAM;;qBAKqF,CAHjF,EAAQ,SAAA,EAAA,GADlB,EAI2F,OAAA;;KAFtF,KAAK,EAAQ;KACb,KAAK,EAAQ;KACd,OAAM;iCACV,EA4BM,OA5BN,GA4BM;KA3BF,EAES,UAFT,GAES,EADF,EAAQ,IAAI,GAAA,CAAA;KAGT,EAAQ,OAAA,EAAA,GADlB,EAKO,QALP,GAKO,CAFH,EAAkD,GAAA;MAA1C,MAAK;MAAU,OAAM;SAC7B,EAA4B,GAAA,EAApB,KAAK,EAAQ,IAAA,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA;KAEzB,EAYM,OAZN,GAYM,CAVQ,EAAQ,SAAA,EAAA,GADlB,EAIO,QAJP,GAIO,EADA,EAAQ,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAGV,EAAQ,gBAAA,EAAA,GADlB,EAKO,QAAA;;MAHH,OAAK,EAAA,CAAC,uBACE,EAAqB,EAAQ,YAAY,CAAA,CAAA;UAC9C,EAAQ,YAAY,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA;KAIrB,EAAQ,eAAA,EAAA,GADlB,EAII,KAJJ,GAII,EADG,EAAQ,WAAW,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist-vue/_chunks/{PkToolShowQrCode-LFCfdWyu.js → PkToolShowQrCode-Dz3HlJGs.js}

@@ -1,4 +1,4 @@
-import { a as e } from "./useChatbotStore-BXi-Gx7b.js";
+import { s as e } from "./useChatbotStore-DCCWlutT.js";
 import { VvButton as t, VvButtonGroup as n, VvIcon as r } from "@volverjs/ui-vue/components";
 import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, onMounted as u, openBlock as d, ref as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
 import { useClipboard as g } from "@vueuse/core";
@@ -69,4 +69,4 @@ var _ = {
 //#endregion
 export { w as n, T as t };
 
-//# sourceMappingURL=PkToolShowQrCode-LFCfdWyu.js.map
+//# sourceMappingURL=PkToolShowQrCode-Dz3HlJGs.js.map

package/dist-vue/_chunks/{PkToolShowQrCode-LFCfdWyu.js.map → PkToolShowQrCode-Dz3HlJGs.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowQrCode-LFCfdWyu.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowQrCode.vue","../../../../packages/components/src/chat/PkToolShowQrCode.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, onMounted } 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                content: string\n                label?: string\n            }\n        }\n        return part\n    })\n\n    const svgContent = ref('')\n    const qrContainerRef = ref<HTMLElement>()\n\n    onMounted(async () => {\n        const content = toolPart.value.input?.content\n        if (!content) {\n            return\n        }\n        const { default: QRCode } = await import('qrcode')\n        svgContent.value = await QRCode.toString(content, { type: 'svg' })\n    })\n\n    const downloadQr = async () => {\n        const svgEl = qrContainerRef.value?.querySelector('svg')\n        if (!svgEl) {\n            return\n        }\n        const svgData = new XMLSerializer().serializeToString(svgEl)\n        const svgBlob = new Blob([svgData], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const svgUrl = URL.createObjectURL(svgBlob)\n\n        const canvas = document.createElement('canvas')\n        canvas.width = 512\n        canvas.height = 512\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n        img.onload = () => {\n            ctx?.drawImage(img, 0, 0, 512, 512)\n            URL.revokeObjectURL(svgUrl)\n            const a = document.createElement('a')\n            a.href = canvas.toDataURL('image/png')\n            a.download = 'qrcode.png'\n            a.click()\n        }\n        img.src = svgUrl\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:qr-code-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.qrCode') }}</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=\"copy(toolPart?.input?.content ?? '')\" />\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadQr\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex flex-col items-center\">\n            <div ref=\"qrContainerRef\" class=\"w-144 h-144\" v-html=\"svgContent\" />\n            <p\n                v-if=\"toolPart.input.label\"\n                class=\"text-12 text-word-3 text-center\">\n                {{ toolPart.input.label }}\n            </p>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, onMounted } 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                content: string\n                label?: string\n            }\n        }\n        return part\n    })\n\n    const svgContent = ref('')\n    const qrContainerRef = ref<HTMLElement>()\n\n    onMounted(async () => {\n        const content = toolPart.value.input?.content\n        if (!content) {\n            return\n        }\n        const { default: QRCode } = await import('qrcode')\n        svgContent.value = await QRCode.toString(content, { type: 'svg' })\n    })\n\n    const downloadQr = async () => {\n        const svgEl = qrContainerRef.value?.querySelector('svg')\n        if (!svgEl) {\n            return\n        }\n        const svgData = new XMLSerializer().serializeToString(svgEl)\n        const svgBlob = new Blob([svgData], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const svgUrl = URL.createObjectURL(svgBlob)\n\n        const canvas = document.createElement('canvas')\n        canvas.width = 512\n        canvas.height = 512\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n        img.onload = () => {\n            ctx?.drawImage(img, 0, 0, 512, 512)\n            URL.revokeObjectURL(svgUrl)\n            const a = document.createElement('a')\n            a.href = canvas.toDataURL('image/png')\n            a.download = 'qrcode.png'\n            a.click()\n        }\n        img.src = svgUrl\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:qr-code-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.qrCode') }}</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=\"copy(toolPart?.input?.content ?? '')\" />\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadQr\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex flex-col items-center\">\n            <div ref=\"qrContainerRef\" class=\"w-144 h-144\" v-html=\"svgContent\" />\n            <p\n                v-if=\"toolPart.input.label\"\n                class=\"text-12 text-word-3 text-center\">\n                {{ toolPart.input.label }}\n            </p>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,EAAa,GAEhC,IAAW,QACA,EAAM,IAOtB,GAEK,IAAa,EAAI,EAAE,GACnB,IAAiB,EAAiB;EAExC,EAAU,YAAY;GAClB,IAAM,IAAU,EAAS,MAAM,OAAO;GACtC,IAAI,CAAC,GACD;GAEJ,IAAM,EAAE,SAAS,MAAW,MAAM,OAAO;GACzC,EAAW,QAAQ,MAAM,EAAO,SAAS,GAAS,EAAE,MAAM,MAAM,CAAC;EACrE,CAAC;EAED,IAAM,IAAa,YAAY;GAC3B,IAAM,IAAQ,EAAe,OAAO,cAAc,KAAK;GACvD,IAAI,CAAC,GACD;GAEJ,IAAM,IAAU,IAAI,cAAc,EAAE,kBAAkB,CAAK,GACrD,IAAU,IAAI,KAAK,CAAC,CAAO,GAAG,EAChC,MAAM,8BACV,CAAC,GACK,IAAS,IAAI,gBAAgB,CAAO,GAEpC,IAAS,SAAS,cAAc,QAAQ;GAE9C,AADA,EAAO,QAAQ,KACf,EAAO,SAAS;GAChB,IAAM,IAAM,EAAO,WAAW,IAAI,GAC5B,IAAM,IAAI,MAAM;GAStB,AARA,EAAI,eAAe;IAEf,AADA,GAAK,UAAU,GAAK,GAAG,GAAG,KAAK,GAAG,GAClC,IAAI,gBAAgB,CAAM;IAC1B,IAAM,IAAI,SAAS,cAAc,GAAG;IAGpC,AAFA,EAAE,OAAO,EAAO,UAAU,WAAW,GACrC,EAAE,WAAW,cACb,EAAE,MAAM;GACZ,GACA,EAAI,MAAM;EACd;;;UAKU,EAAA,OAAU,SAAA,EAAA,GADpB,EA4BM,OA5BN,GA4BM,CAzBF,EAgBM,OAhBN,GAgBM;IAdF,EAAiD,GAAA;KAAzC,MAAK;KAAkB,OAAM;;IACrC,EAA2D,UAA3D,GAA2D,EAA9BA,EAAAA,GAAE,cAAA,CAAA,GAAA,CAAA;IAC/B,EAWgB,GAAA;KAXD,WAAU;KAAU,OAAM;;sBAKe,CAJpD,EAIoD,GAAA;MAHhD,WAAU;MACT,MAAM,EAAA,CAAA,IAAM,kBAAA;MACZ,OAAO,EAAA,CAAA,IAASA,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,EAAK,EAAA,OAAU,OAAO,WAAO,EAAA;qCACzC,EAI0B,GAAA;MAHtB,WAAU;MACV,MAAK;MACJ,OAAOA,EAAAA,GAAE,iBAAA;MACT,SAAO;;;;OAGpB,EAOM,OAPN,GAOM,CANF,EAAoE,OAAA;aAA3D;IAAJ,KAAI;IAAiB,OAAM;IAAc,WAAQ,EAAA;mBAE5C,EAAA,MAAS,MAAM,SAAA,EAAA,GADzB,EAII,KAJJ,GAII,EADG,EAAA,MAAS,MAAM,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PkToolShowQrCode-Dz3HlJGs.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowQrCode.vue","../../../../packages/components/src/chat/PkToolShowQrCode.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, onMounted } 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                content: string\n                label?: string\n            }\n        }\n        return part\n    })\n\n    const svgContent = ref('')\n    const qrContainerRef = ref<HTMLElement>()\n\n    onMounted(async () => {\n        const content = toolPart.value.input?.content\n        if (!content) {\n            return\n        }\n        const { default: QRCode } = await import('qrcode')\n        svgContent.value = await QRCode.toString(content, { type: 'svg' })\n    })\n\n    const downloadQr = async () => {\n        const svgEl = qrContainerRef.value?.querySelector('svg')\n        if (!svgEl) {\n            return\n        }\n        const svgData = new XMLSerializer().serializeToString(svgEl)\n        const svgBlob = new Blob([svgData], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const svgUrl = URL.createObjectURL(svgBlob)\n\n        const canvas = document.createElement('canvas')\n        canvas.width = 512\n        canvas.height = 512\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n        img.onload = () => {\n            ctx?.drawImage(img, 0, 0, 512, 512)\n            URL.revokeObjectURL(svgUrl)\n            const a = document.createElement('a')\n            a.href = canvas.toDataURL('image/png')\n            a.download = 'qrcode.png'\n            a.click()\n        }\n        img.src = svgUrl\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:qr-code-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.qrCode') }}</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=\"copy(toolPart?.input?.content ?? '')\" />\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadQr\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex flex-col items-center\">\n            <div ref=\"qrContainerRef\" class=\"w-144 h-144\" v-html=\"svgContent\" />\n            <p\n                v-if=\"toolPart.input.label\"\n                class=\"text-12 text-word-3 text-center\">\n                {{ toolPart.input.label }}\n            </p>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, onMounted } 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                content: string\n                label?: string\n            }\n        }\n        return part\n    })\n\n    const svgContent = ref('')\n    const qrContainerRef = ref<HTMLElement>()\n\n    onMounted(async () => {\n        const content = toolPart.value.input?.content\n        if (!content) {\n            return\n        }\n        const { default: QRCode } = await import('qrcode')\n        svgContent.value = await QRCode.toString(content, { type: 'svg' })\n    })\n\n    const downloadQr = async () => {\n        const svgEl = qrContainerRef.value?.querySelector('svg')\n        if (!svgEl) {\n            return\n        }\n        const svgData = new XMLSerializer().serializeToString(svgEl)\n        const svgBlob = new Blob([svgData], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const svgUrl = URL.createObjectURL(svgBlob)\n\n        const canvas = document.createElement('canvas')\n        canvas.width = 512\n        canvas.height = 512\n        const ctx = canvas.getContext('2d')\n        const img = new Image()\n        img.onload = () => {\n            ctx?.drawImage(img, 0, 0, 512, 512)\n            URL.revokeObjectURL(svgUrl)\n            const a = document.createElement('a')\n            a.href = canvas.toDataURL('image/png')\n            a.download = 'qrcode.png'\n            a.click()\n        }\n        img.src = svgUrl\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:qr-code-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.qrCode') }}</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=\"copy(toolPart?.input?.content ?? '')\" />\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadQr\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex flex-col items-center\">\n            <div ref=\"qrContainerRef\" class=\"w-144 h-144\" v-html=\"svgContent\" />\n            <p\n                v-if=\"toolPart.input.label\"\n                class=\"text-12 text-word-3 text-center\">\n                {{ toolPart.input.label }}\n            </p>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,EAAa,GAEhC,IAAW,QACA,EAAM,IAOtB,GAEK,IAAa,EAAI,EAAE,GACnB,IAAiB,EAAiB;EAExC,EAAU,YAAY;GAClB,IAAM,IAAU,EAAS,MAAM,OAAO;GACtC,IAAI,CAAC,GACD;GAEJ,IAAM,EAAE,SAAS,MAAW,MAAM,OAAO;GACzC,EAAW,QAAQ,MAAM,EAAO,SAAS,GAAS,EAAE,MAAM,MAAM,CAAC;EACrE,CAAC;EAED,IAAM,IAAa,YAAY;GAC3B,IAAM,IAAQ,EAAe,OAAO,cAAc,KAAK;GACvD,IAAI,CAAC,GACD;GAEJ,IAAM,IAAU,IAAI,cAAc,EAAE,kBAAkB,CAAK,GACrD,IAAU,IAAI,KAAK,CAAC,CAAO,GAAG,EAChC,MAAM,8BACV,CAAC,GACK,IAAS,IAAI,gBAAgB,CAAO,GAEpC,IAAS,SAAS,cAAc,QAAQ;GAE9C,AADA,EAAO,QAAQ,KACf,EAAO,SAAS;GAChB,IAAM,IAAM,EAAO,WAAW,IAAI,GAC5B,IAAM,IAAI,MAAM;GAStB,AARA,EAAI,eAAe;IAEf,AADA,GAAK,UAAU,GAAK,GAAG,GAAG,KAAK,GAAG,GAClC,IAAI,gBAAgB,CAAM;IAC1B,IAAM,IAAI,SAAS,cAAc,GAAG;IAGpC,AAFA,EAAE,OAAO,EAAO,UAAU,WAAW,GACrC,EAAE,WAAW,cACb,EAAE,MAAM;GACZ,GACA,EAAI,MAAM;EACd;;;UAKU,EAAA,OAAU,SAAA,EAAA,GADpB,EA4BM,OA5BN,GA4BM,CAzBF,EAgBM,OAhBN,GAgBM;IAdF,EAAiD,GAAA;KAAzC,MAAK;KAAkB,OAAM;;IACrC,EAA2D,UAA3D,GAA2D,EAA9BA,EAAAA,GAAE,cAAA,CAAA,GAAA,CAAA;IAC/B,EAWgB,GAAA;KAXD,WAAU;KAAU,OAAM;;sBAKe,CAJpD,EAIoD,GAAA;MAHhD,WAAU;MACT,MAAM,EAAA,CAAA,IAAM,kBAAA;MACZ,OAAO,EAAA,CAAA,IAASA,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,EAAK,EAAA,OAAU,OAAO,WAAO,EAAA;qCACzC,EAI0B,GAAA;MAHtB,WAAU;MACV,MAAK;MACJ,OAAOA,EAAAA,GAAE,iBAAA;MACT,SAAO;;;;OAGpB,EAOM,OAPN,GAOM,CANF,EAAoE,OAAA;aAA3D;IAAJ,KAAI;IAAiB,OAAM;IAAc,WAAQ,EAAA;mBAE5C,EAAA,MAAS,MAAM,SAAA,EAAA,GADzB,EAII,KAJJ,GAII,EADG,EAAA,MAAS,MAAM,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist-vue/_chunks/{PkToolShowSources-D0wbYpTR.js → PkToolShowSources-cFvwqgDz.js}

@@ -1,9 +1,9 @@
-import { a as e } from "./useChatbotStore-BXi-Gx7b.js";
+import { s as e } from "./useChatbotStore-DCCWlutT.js";
 import { S as t, a as n, b as r, g as i, m as a, n as o, o as s, p as c, v as l, x as u, y as d } from "./schemas-iFPUt2Jr.js";
-import { a as f, c as p, i as m, l as h, n as g, s as _ } from "./Media-Dq8UU7iQ.js";
-import { m as ee } from "./src-EtGd6cRz.js";
-import { t as v } from "./PkStreamingMarkdown-BUiAi-qv.js";
-import { t as y } from "./PkUrl-Da1k1VEM.js";
+import { a as f, i as p, l as m, n as h, s as g, u as _ } from "./Media-D5pFbMNh.js";
+import { h as ee } from "./src-DW4YojFN.js";
+import { t as v } from "./PkStreamingMarkdown-BDtjktHX.js";
+import { t as y } from "./PkUrl-DdRprvPJ.js";
 import { VvIcon as b } from "@volverjs/ui-vue/components";
 import { Fragment as x, Transition as te, computed as S, createBlock as C, createCommentVNode as w, createElementBlock as T, createElementVNode as E, createTextVNode as D, createVNode as O, defineComponent as k, normalizeClass as A, openBlock as j, reactive as M, ref as N, renderList as P, toDisplayString as F, unref as I, withCtx as L } from "vue";
 var R = n(a({
@@ -13,7 +13,7 @@ var R = n(a({
 	return e.Pending = "pending", e.Processing = "processing", e.Success = "success", e.Failed = "failed", e;
 }({}), B = a({
 	extractionStrategy: o(f).optional(),
-	browserEngine: o(m).optional(),
+	browserEngine: o(p).optional(),
 	headers: R.nullish(),
 	aiDescriptionModel: l().optional(),
 	aiDescriptionPrompt: l().max(5e3).optional(),
@@ -25,7 +25,7 @@ var R = n(a({
 		url: l(),
 		lastScrapedAt: l()
 	}).optional(),
-	media: g.optional(),
+	media: h.optional(),
 	title: l().optional(),
 	author: l().optional(),
 	description: l().optional(),
@@ -71,13 +71,13 @@ a({
 	language: l(),
 	metadata: i(l(), r()),
 	indexStatus: l(),
-	processedAt: h().nullable(),
-	createdAt: h(),
+	processedAt: _().nullable(),
+	createdAt: _(),
 	createdBy: l(),
-	updatedAt: h(),
+	updatedAt: _(),
 	updatedBy: l(),
 	deleted: s(),
-	deletedAt: h().nullable(),
+	deletedAt: _().nullable(),
 	deletedBy: l().nullable(),
 	organizationId: l()
 }).extend({
@@ -89,36 +89,36 @@ a({
 	folderId: l().nullable().optional(),
 	folderPath: l().nullable().optional()
 }), a({
-	...p.pagination(),
-	...p.sort([
+	...m.pagination(),
+	...m.sort([
 		"id",
 		"updatedAt",
 		"createdAt",
 		"name"
 	]),
-	...p.filters([
+	...m.filters([
 		"type",
 		"language",
 		"agentId",
 		"indexStatus"
 	]),
-	...p.fullText(),
-	...p.ids(),
+	...m.fullText(),
+	...m.ids(),
 	"filter[similarity]": l().optional(),
 	"filter[folderId]": l().optional()
 }), a({
 	type: o(H).default(H.File),
 	name: l().min(1).max(255).optional(),
-	language: o(_).optional(),
+	language: o(g).optional(),
 	organizationId: l(),
 	agentIds: n(l()).min(1, "At least one agent is required"),
 	folderId: t().nullable().optional(),
-	media: g.optional(),
+	media: h.optional(),
 	url: u().optional(),
 	content: l().optional(),
 	metadata: i(l(), r()).optional(),
 	extractionStrategy: o(f).optional(),
-	browserEngine: o(m).optional(),
+	browserEngine: o(p).optional(),
 	headers: R.nullish().default([]),
 	aiDescriptionModel: l().optional(),
 	aiDescriptionPrompt: l().max(5e3).optional(),
@@ -151,7 +151,7 @@ a({
 	organizationId: l(),
 	content: l().optional(),
 	name: l().min(1).max(255).optional(),
-	language: o(_).optional(),
+	language: o(g).optional(),
 	agentIds: n(l()).min(1).optional(),
 	metadata: i(l(), r()).optional()
 });
@@ -421,4 +421,4 @@ var U = (e) => {
 //#endregion
 export { W as a, q as i, be as n, Q as r, $ as t };
 
-//# sourceMappingURL=PkToolShowSources-D0wbYpTR.js.map
+//# sourceMappingURL=PkToolShowSources-cFvwqgDz.js.map