@8wave/ai-elements 0.117.0-beta.22 → 0.117.0-beta.24

package/dist/_chunks/{PkToolShowMessage-DlckklB3.js → PkToolShowMessage-BwAo9Qx2.js}

@@ -1,6 +1,6 @@
 import { $ as e, C as t, Ct as n, L as r, O as i, T as a, Tt as o, b as s, bt as c, h as l, it as u, m as d, v as f, x as p, xt as m } from "./vue.runtime.esm-bundler-B-NVlZCY.js";
 import { i as h } from "./dist-Ce9Hi58x.js";
-import { a as g, d as _, r as v, t as y, u as b } from "./index.es-D_E1Gj_U.js";
+import { a as g, d as _, r as v, t as y, u as b } from "./index.es-dzrOH5E9.js";
 import { n as x } from "./useShortUrlResolver-Ddb9IUei.js";
 //#region ../../packages/components/src/chat/PkToolShowMessage.vue?vue&type=script&setup=true&lang.ts
 i(), m(), u();
@@ -75,4 +75,4 @@ var S = { class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-s
 //#endregion
 export { O as default };
 
-//# sourceMappingURL=PkToolShowMessage-DlckklB3.js.map
+//# sourceMappingURL=PkToolShowMessage-BwAo9Qx2.js.map

package/dist/_chunks/{PkToolShowMessage-DlckklB3.js.map → PkToolShowMessage-BwAo9Qx2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowMessage-DlckklB3.js","names":["$t","__unplugin_components_0","__unplugin_components_1","__unplugin_components_2","__unplugin_components_3","__unplugin_components_4","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_toDisplayString","_withCtx","_unref","_normalizeProps","_guardReactiveProps","_createTextVNode","_sfc_main","withCtx","defineComponent","normalizeProps","openBlock","init_runtime_core_esm_bundler","guardReactiveProps","toDisplayString","createTextVNode","unref","createBaseVNode","init_reactivity_esm_bundler","computed","createElementBlock","createVNode","init_shared_esm_bundler","useClipboard","Qi","ru","Ca","Ae","ra","useShortUrlResolver","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","PkToolShowMessage_default","props","__props","toolPart","body","resolveText","openInWhatsApp","url","openInTelegram","openInSms","_component_VvIcon","_component_VvButton","_component_VvDropdownAction","_component_VvDropdown","_component_VvButtonGroup","_ctx","copied","_cache","copy"],"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    import { useShortUrlResolver } from 'composables'\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    // Messages leave the app (WhatsApp/Telegram/SMS/clipboard), so expand short\n    // urls to their real target rather than keeping the fragile `/api/r/` link.\n    const { resolveText } = useShortUrlResolver()\n    const body = resolveText(() => toolPart.value.input?.body)\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(body.value)}`\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(body.value)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(body.value)}`\n        window.open(url)\n    }\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri: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(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                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    import { useShortUrlResolver } from 'composables'\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    // Messages leave the app (WhatsApp/Telegram/SMS/clipboard), so expand short\n    // urls to their real target rather than keeping the fragile `/api/r/` link.\n    const { resolveText } = useShortUrlResolver()\n    const body = resolveText(() => toolPart.value.input?.body)\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(body.value)}`\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(body.value)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(body.value)}`\n        window.open(url)\n    }\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri: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(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                body\n            }}</pre>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;EAKI,IAAM8C,IAAQC,GAIR,EAAE,SAAM,cAAWf,EAAa,GAEhCgB,IAAWpB,QACAkB,EAAM,IAMtB,GAIK,EAAE,mBAAgBR,EAAoB,GACtCW,IAAOC,QAAkBF,EAAS,MAAM,OAAO,IAAI,GAEnDG,UAAuB;GACzB,IAAI,CAACH,EAAS,MAAM,OAChB;GAEJ,IAAMI,IAAM,uBAAuB,mBAAmBH,EAAK,KAAK;GAChE,OAAO,KAAKG,GAAK,QAAQ;EAC7B,GAEMC,UAAuB;GACzB,IAAI,CAACL,EAAS,MAAM,OAChB;GAEJ,IAAMI,IAAM,+BAA+B,mBAAmBH,EAAK,KAAK;GACxE,OAAO,KAAKG,GAAK,QAAQ;EAC7B,GAEME,UAAkB;GACpB,IAAI,CAACN,EAAS,MAAM,OAChB;GAEJ,IAAMI,IAAM,aAAa,mBAAmBH,EAAK,KAAK;GACtD,OAAO,KAAKG,CAAG;EACnB;;;GAIA,OAAA9C,EAAA,GAAAC,EAmDM,OAnDNgC,GAmDM,CAjDF/B,EAwCM,OAxCNgC,GAwCM;IAtCF/B,EAAgD8C,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC/C,EAES,UAFTiC,GAES/B,EADFV,EAAAA,GAAE,eAAA,CAAA,GAAA,CAAA;IAETS,EAiCgBkD,GAAA;KAjCD,WAAU;KAAU,OAAM;;KACrC,SAAAhD,QAI0B,CAJ1BF,EAI0B+C,GAAA;MAHtB,WAAU;MACT,MAAM5C,EAAAiD,CAAA,IAAM,kBAAA;MACZ,OAAOjD,EAAAiD,CAAA,IAAS7D,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAA8D,EAAA,QAAA,MAAElD,EAAAmD,CAAA,CAAI,CAACnD,EAAAqC,CAAA,CAAI;KACrBxC,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,GAAAA,EA0BaiD,GAAA7C,EAAAC,EAzBD;;;;;;KAMP,CAAA,CAAA,GAAA;MAKU,OAAKH,QAIO;OAHnBF,EAGmBgD,GAAA,EAHA,SAAON,EAAc,GAAA;QACpC,SAAAxC,QAAkC,CAAlCF,EAAkC8C,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAGxC,EAAA,MAClCL,EAAGV,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAETS,EAGmBgD,GAAA,EAHA,SAAOJ,EAAc,GAAA;QACpC,SAAA1C,QAAkC,CAAlCF,EAAkC8C,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAGxC,EAAA,MAClCL,EAAGV,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAETS,EAGmBgD,GAAA,EAHA,SAAOH,EAAS,GAAA;QAC/B,SAAA3C,QAAmC,CAAnCF,EAAmC8C,GAAA,EAA3B,MAAK,oBAAmB,CAAA,GAAGxC,EAAA,MACnCL,EAAGV,EAAAA,GAAE,kBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;MAfb,SAAAW,QAGiC,CAHjCF,EAGiC+C,GAAA;OAF7B,MAAK;OACL,WAAU;OACT,OAAOxD,EAAAA,GAAE,aAAA;;;;;;GAkB1BQ,CAAAA,GAAAA,EAOM,OAPNkC,GAOM,CANFlC,EAEM,OAFNmC,GAEMjC,EADCV,EAAAA,GAAE,YAAA,CAAA,GAAA,CAAA,GAETQ,EAEQ,OAFRoC,GAEQlC,EADJE,EAAAqC,CAAA,CAAI,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"PkToolShowMessage-BwAo9Qx2.js","names":["$t","__unplugin_components_0","__unplugin_components_1","__unplugin_components_2","__unplugin_components_3","__unplugin_components_4","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_toDisplayString","_withCtx","_unref","_normalizeProps","_guardReactiveProps","_createTextVNode","_sfc_main","withCtx","defineComponent","normalizeProps","openBlock","init_runtime_core_esm_bundler","guardReactiveProps","toDisplayString","createTextVNode","unref","createBaseVNode","init_reactivity_esm_bundler","computed","createElementBlock","createVNode","init_shared_esm_bundler","useClipboard","Qi","ru","Ca","Ae","ra","useShortUrlResolver","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","PkToolShowMessage_default","props","__props","toolPart","body","resolveText","openInWhatsApp","url","openInTelegram","openInSms","_component_VvIcon","_component_VvButton","_component_VvDropdownAction","_component_VvDropdown","_component_VvButtonGroup","_ctx","copied","_cache","copy"],"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    import { useShortUrlResolver } from 'composables'\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    // Messages leave the app (WhatsApp/Telegram/SMS/clipboard), so expand short\n    // urls to their real target rather than keeping the fragile `/api/r/` link.\n    const { resolveText } = useShortUrlResolver()\n    const body = resolveText(() => toolPart.value.input?.body)\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(body.value)}`\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(body.value)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(body.value)}`\n        window.open(url)\n    }\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri: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(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                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    import { useShortUrlResolver } from 'composables'\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    // Messages leave the app (WhatsApp/Telegram/SMS/clipboard), so expand short\n    // urls to their real target rather than keeping the fragile `/api/r/` link.\n    const { resolveText } = useShortUrlResolver()\n    const body = resolveText(() => toolPart.value.input?.body)\n\n    const openInWhatsApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://wa.me/?text=${encodeURIComponent(body.value)}`\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(body.value)}`\n        window.open(url, '_blank')\n    }\n\n    const openInSms = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `sms:?body=${encodeURIComponent(body.value)}`\n        window.open(url)\n    }\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri: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(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                body\n            }}</pre>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;EAKI,IAAM8C,IAAQC,GAIR,EAAE,SAAM,cAAWf,EAAa,GAEhCgB,IAAWpB,QACAkB,EAAM,IAMtB,GAIK,EAAE,mBAAgBR,EAAoB,GACtCW,IAAOC,QAAkBF,EAAS,MAAM,OAAO,IAAI,GAEnDG,UAAuB;GACzB,IAAI,CAACH,EAAS,MAAM,OAChB;GAEJ,IAAMI,IAAM,uBAAuB,mBAAmBH,EAAK,KAAK;GAChE,OAAO,KAAKG,GAAK,QAAQ;EAC7B,GAEMC,UAAuB;GACzB,IAAI,CAACL,EAAS,MAAM,OAChB;GAEJ,IAAMI,IAAM,+BAA+B,mBAAmBH,EAAK,KAAK;GACxE,OAAO,KAAKG,GAAK,QAAQ;EAC7B,GAEME,UAAkB;GACpB,IAAI,CAACN,EAAS,MAAM,OAChB;GAEJ,IAAMI,IAAM,aAAa,mBAAmBH,EAAK,KAAK;GACtD,OAAO,KAAKG,CAAG;EACnB;;;GAIA,OAAA9C,EAAA,GAAAC,EAmDM,OAnDNgC,GAmDM,CAjDF/B,EAwCM,OAxCNgC,GAwCM;IAtCF/B,EAAgD8C,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC/C,EAES,UAFTiC,GAES/B,EADFV,EAAAA,GAAE,eAAA,CAAA,GAAA,CAAA;IAETS,EAiCgBkD,GAAA;KAjCD,WAAU;KAAU,OAAM;;KACrC,SAAAhD,QAI0B,CAJ1BF,EAI0B+C,GAAA;MAHtB,WAAU;MACT,MAAM5C,EAAAiD,CAAA,IAAM,kBAAA;MACZ,OAAOjD,EAAAiD,CAAA,IAAS7D,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAA8D,EAAA,QAAA,MAAElD,EAAAmD,CAAA,CAAI,CAACnD,EAAAqC,CAAA,CAAI;KACrBxC,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,GAAAA,EA0BaiD,GAAA7C,EAAAC,EAzBD;;;;;;KAMP,CAAA,CAAA,GAAA;MAKU,OAAKH,QAIO;OAHnBF,EAGmBgD,GAAA,EAHA,SAAON,EAAc,GAAA;QACpC,SAAAxC,QAAkC,CAAlCF,EAAkC8C,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAGxC,EAAA,MAClCL,EAAGV,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAETS,EAGmBgD,GAAA,EAHA,SAAOJ,EAAc,GAAA;QACpC,SAAA1C,QAAkC,CAAlCF,EAAkC8C,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAGxC,EAAA,MAClCL,EAAGV,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAETS,EAGmBgD,GAAA,EAHA,SAAOH,EAAS,GAAA;QAC/B,SAAA3C,QAAmC,CAAnCF,EAAmC8C,GAAA,EAA3B,MAAK,oBAAmB,CAAA,GAAGxC,EAAA,MACnCL,EAAGV,EAAAA,GAAE,kBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;MAfb,SAAAW,QAGiC,CAHjCF,EAGiC+C,GAAA;OAF7B,MAAK;OACL,WAAU;OACT,OAAOxD,EAAAA,GAAE,aAAA;;;;;;GAkB1BQ,CAAAA,GAAAA,EAOM,OAPNkC,GAOM,CANFlC,EAEM,OAFNmC,GAEMjC,EADCV,EAAAA,GAAE,YAAA,CAAA,GAAA,CAAA,GAETQ,EAEQ,OAFRoC,GAEQlC,EADJE,EAAAqC,CAAA,CAAI,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/_chunks/{PkToolShowProductList-B4fxqFaf.js → PkToolShowProductList-BKydg1YK.js}

@@ -1,8 +1,8 @@
 import { $ as e, C as t, H as n, L as r, O as i, St as a, Tt as o, _ as s, bt as c, d as l, g as u, h as d, it as f, m as p, v as m, x as h, xt as g, z as _ } from "./vue.runtime.esm-bundler-B-NVlZCY.js";
-import { t as v } from "./index.es-D_E1Gj_U.js";
+import { t as v } from "./index.es-dzrOH5E9.js";
 import { n as y } from "./chatImagePolicy-BACuW8x3.js";
-import { t as b } from "./PkHeldImage-B4gZSfa6.js";
-import { t as x } from "./PkLazyImg-DT3U67q-.js";
+import { t as b } from "./PkHeldImage-CEFdfFts.js";
+import { t as x } from "./PkLazyImg-BfqUTZXg.js";
 import { t as S } from "./PkUrl-Bf9k9TRh.js";
 //#region ../../packages/components/src/chat/PkToolShowProductList.vue?vue&type=script&setup=true&lang.ts
 i(), f(), g();
@@ -69,4 +69,4 @@ var C = {
 //#endregion
 export { j as default };
 
-//# sourceMappingURL=PkToolShowProductList-B4fxqFaf.js.map
+//# sourceMappingURL=PkToolShowProductList-BKydg1YK.js.map

package/dist/_chunks/{PkToolShowProductList-B4fxqFaf.js.map → PkToolShowProductList-BKydg1YK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowProductList-B4fxqFaf.js","names":["__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createBlock","_resolveDynamicComponent","_withCtx","_unref","PkHeldImage","PkLazyImg","_createCommentVNode","_createElementVNode","_toDisplayString","_createVNode","PkUrl","_sfc_main","withCtx","defineComponent","resolveDynamicComponent","openBlock","init_runtime_core_esm_bundler","normalizeClass","toDisplayString","createCommentVNode","unref","Fragment","createBlock","createBaseVNode","init_reactivity_esm_bundler","computed","createElementBlock","createVNode","init_shared_esm_bundler","renderList","Ae","useChatImageGate","PkHeldImage_default","PkLazyImg_default","PkUrl_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","PkToolShowProductList_default","props","__props","toolPart","imageGate","_component_VvIcon","index","product"],"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 PkLazyImg from '../PkLazyImg.vue'\n    import { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.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    // The model writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts).\n    const imageGate = useChatImageGate()\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"vv-item-group vv-item-group--framed w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"vv-item\"\n            :class=\"{ 'vv-item--plain': !product.url }\">\n            <!-- A product without a link answers no click: no hover, no hand -->\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=\"vv-item__entry\">\n                <!-- Merchant images rot over time: a dead one degrades to an icon\n                     so the row keeps its thumbnail slot -->\n                <PkHeldImage\n                    v-if=\"product.image && !imageGate.canLoad(product.image)\"\n                    :host=\"imageGate.hostOf(product.image)\"\n                    class=\"w-48 h-48 rounded-lg shrink-0 border border-surface-3 bg-surface\"\n                    @release=\"imageGate.release(product.image)\" />\n                <PkLazyImg\n                    v-else-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    fallback-icon=\"ri:image-off-line\"\n                    class=\"w-48 h-48 object-contain rounded-lg 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                        <!-- Free text from the merchant: it was colour-coded by\n                             substring, which only ever matched English and\n                             Italian. It reads as the note it is. -->\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 text-word-3\">\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 PkLazyImg from '../PkLazyImg.vue'\n    import { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.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    // The model writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts).\n    const imageGate = useChatImageGate()\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"vv-item-group vv-item-group--framed w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"vv-item\"\n            :class=\"{ 'vv-item--plain': !product.url }\">\n            <!-- A product without a link answers no click: no hover, no hand -->\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=\"vv-item__entry\">\n                <!-- Merchant images rot over time: a dead one degrades to an icon\n                     so the row keeps its thumbnail slot -->\n                <PkHeldImage\n                    v-if=\"product.image && !imageGate.canLoad(product.image)\"\n                    :host=\"imageGate.hostOf(product.image)\"\n                    class=\"w-48 h-48 rounded-lg shrink-0 border border-surface-3 bg-surface\"\n                    @release=\"imageGate.release(product.image)\" />\n                <PkLazyImg\n                    v-else-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    fallback-icon=\"ri:image-off-line\"\n                    class=\"w-48 h-48 object-contain rounded-lg 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                        <!-- Free text from the merchant: it was colour-coded by\n                             substring, which only ever matched English and\n                             Italian. It reads as the note it is. -->\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 text-word-3\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAOI,IAAMkD,IAAQC,GAIRC,IAAWrB,QACAmB,EAAM,IAatB,GAIKG,IAAYhB,EAAiB;;;GAKzB,OAAAe,EAAA,OAAU,OAAO,UAAU,UADrCnD,EAAA,GAAAC,EA6DK,MA7DLuC,GA6DK,EA1DDxC,EAAA,EAAA,GAAAC,EAyDKC,GAAA,MAAAC,EAxD0BgD,EAAA,MAAS,MAAM,WAAlC,GAAS,OADrBnD,EAAA,GAAAC,EAyDK,MAAA;IAvDA,KAAKqD;IACN,OAAKlD,EAAA,CAAC,WAAS,EAAA,kBAAA,CACcmD,EAAQ,IAAG,CAAA,CAAA;GAExCvD,GAAAA,EAAAA,EAAA,GAAAK,EAkDYC,EAjDHiD,EAAQ,MAAG,MAAA,KAAA,GAAA;IACf,MAAMA,EAAQ;IACd,QAAQA,EAAQ,MAAG,WAAc,KAAA;IACjC,KAAKA,EAAQ,MAAG,wBAA2B,KAAA;IAC5C,OAAM;;IAGN,SAAAhD,QAIkD,CAHxCgD,EAAQ,SAAK,CAAK/C,EAAA4C,CAAA,CAAS,CAAC,QAAQG,EAAQ,KAAK,KAD3DvD,EAAA,GAAAK,EAIkDI,GAAA;;KAF7C,MAAMD,EAAA4C,CAAA,CAAS,CAAC,OAAOG,EAAQ,KAAK;KACrC,OAAM;KACL,YAAO,MAAE/C,EAAA4C,CAAA,CAAS,CAAC,QAAQG,EAAQ,KAAK;IAE9B,GAAA,MAAA,GAAA,CAAA,QAAA,WAAA,CAAA,KAAAA,EAAQ,SADvBvD,EAAA,GAAAK,EAK8FK,GAAA;;KAHzF,KAAK6C,EAAQ;KACb,KAAKA,EAAQ;KACd,iBAAc;KACd,OAAM;IACV3C,GAAAA,MAAAA,GAAAA,CAAAA,OAAAA,KAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EA8BM,OA9BN6B,GA8BM;KA7BF7B,EAES,UAFT8B,GAES7B,EADF0C,EAAQ,IAAI,GAAA,CAAA;KAGTA,EAAQ,OADlBvD,EAAA,GAAAC,EAKO,QALP0C,GAKO,CAFH7B,EAAkDuC,GAAA;MAA1C,MAAK;MAAU,OAAM;KAC7BvC,CAAAA,GAAAA,EAA4BC,GAAA,EAApB,KAAKwC,EAAQ,IAAA,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA/B,EAAA,IAAA,EAAA;KAEzBZ,EAcM,OAdNgC,GAcM,CAZQW,EAAQ,SADlBvD,EAAA,GAAAC,EAIO,QAJP4C,GAIOhC,EADA0C,EAAQ,KAAK,GAAA,CAAA,KAAA/B,EAAA,IAAA,EAAA,GAMV+B,EAAQ,gBADlBvD,EAAA,GAAAC,EAIO,QAJP6C,GAIOjC,EADA0C,EAAQ,YAAY,GAAA,CAAA,KAAA/B,EAAA,IAAA,EAAA,CAAA,CAAA;KAIrB+B,EAAQ,eADlBvD,EAAA,GAAAC,EAII,KAJJ8C,GAIIlC,EADG0C,EAAQ,WAAW,GAAA,CAAA,KAAA/B,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PkToolShowProductList-BKydg1YK.js","names":["__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createBlock","_resolveDynamicComponent","_withCtx","_unref","PkHeldImage","PkLazyImg","_createCommentVNode","_createElementVNode","_toDisplayString","_createVNode","PkUrl","_sfc_main","withCtx","defineComponent","resolveDynamicComponent","openBlock","init_runtime_core_esm_bundler","normalizeClass","toDisplayString","createCommentVNode","unref","Fragment","createBlock","createBaseVNode","init_reactivity_esm_bundler","computed","createElementBlock","createVNode","init_shared_esm_bundler","renderList","Ae","useChatImageGate","PkHeldImage_default","PkLazyImg_default","PkUrl_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","PkToolShowProductList_default","props","__props","toolPart","imageGate","_component_VvIcon","index","product"],"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 PkLazyImg from '../PkLazyImg.vue'\n    import { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.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    // The model writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts).\n    const imageGate = useChatImageGate()\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"vv-item-group vv-item-group--framed w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"vv-item\"\n            :class=\"{ 'vv-item--plain': !product.url }\">\n            <!-- A product without a link answers no click: no hover, no hand -->\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=\"vv-item__entry\">\n                <!-- Merchant images rot over time: a dead one degrades to an icon\n                     so the row keeps its thumbnail slot -->\n                <PkHeldImage\n                    v-if=\"product.image && !imageGate.canLoad(product.image)\"\n                    :host=\"imageGate.hostOf(product.image)\"\n                    class=\"w-48 h-48 rounded-lg shrink-0 border border-surface-3 bg-surface\"\n                    @release=\"imageGate.release(product.image)\" />\n                <PkLazyImg\n                    v-else-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    fallback-icon=\"ri:image-off-line\"\n                    class=\"w-48 h-48 object-contain rounded-lg 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                        <!-- Free text from the merchant: it was colour-coded by\n                             substring, which only ever matched English and\n                             Italian. It reads as the note it is. -->\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 text-word-3\">\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 PkLazyImg from '../PkLazyImg.vue'\n    import { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.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    // The model writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts).\n    const imageGate = useChatImageGate()\n</script>\n\n<template>\n    <ul\n        v-if=\"toolPart?.input?.products?.length\"\n        class=\"vv-item-group vv-item-group--framed w-full\">\n        <li\n            v-for=\"(product, index) in toolPart.input.products\"\n            :key=\"index\"\n            class=\"vv-item\"\n            :class=\"{ 'vv-item--plain': !product.url }\">\n            <!-- A product without a link answers no click: no hover, no hand -->\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=\"vv-item__entry\">\n                <!-- Merchant images rot over time: a dead one degrades to an icon\n                     so the row keeps its thumbnail slot -->\n                <PkHeldImage\n                    v-if=\"product.image && !imageGate.canLoad(product.image)\"\n                    :host=\"imageGate.hostOf(product.image)\"\n                    class=\"w-48 h-48 rounded-lg shrink-0 border border-surface-3 bg-surface\"\n                    @release=\"imageGate.release(product.image)\" />\n                <PkLazyImg\n                    v-else-if=\"product.image\"\n                    :src=\"product.image\"\n                    :alt=\"product.name\"\n                    fallback-icon=\"ri:image-off-line\"\n                    class=\"w-48 h-48 object-contain rounded-lg 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                        <!-- Free text from the merchant: it was colour-coded by\n                             substring, which only ever matched English and\n                             Italian. It reads as the note it is. -->\n                        <span\n                            v-if=\"product.availability\"\n                            class=\"text-10 text-word-3\">\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAOI,IAAMkD,IAAQC,GAIRC,IAAWrB,QACAmB,EAAM,IAatB,GAIKG,IAAYhB,EAAiB;;;GAKzB,OAAAe,EAAA,OAAU,OAAO,UAAU,UADrCnD,EAAA,GAAAC,EA6DK,MA7DLuC,GA6DK,EA1DDxC,EAAA,EAAA,GAAAC,EAyDKC,GAAA,MAAAC,EAxD0BgD,EAAA,MAAS,MAAM,WAAlC,GAAS,OADrBnD,EAAA,GAAAC,EAyDK,MAAA;IAvDA,KAAKqD;IACN,OAAKlD,EAAA,CAAC,WAAS,EAAA,kBAAA,CACcmD,EAAQ,IAAG,CAAA,CAAA;GAExCvD,GAAAA,EAAAA,EAAA,GAAAK,EAkDYC,EAjDHiD,EAAQ,MAAG,MAAA,KAAA,GAAA;IACf,MAAMA,EAAQ;IACd,QAAQA,EAAQ,MAAG,WAAc,KAAA;IACjC,KAAKA,EAAQ,MAAG,wBAA2B,KAAA;IAC5C,OAAM;;IAGN,SAAAhD,QAIkD,CAHxCgD,EAAQ,SAAK,CAAK/C,EAAA4C,CAAA,CAAS,CAAC,QAAQG,EAAQ,KAAK,KAD3DvD,EAAA,GAAAK,EAIkDI,GAAA;;KAF7C,MAAMD,EAAA4C,CAAA,CAAS,CAAC,OAAOG,EAAQ,KAAK;KACrC,OAAM;KACL,YAAO,MAAE/C,EAAA4C,CAAA,CAAS,CAAC,QAAQG,EAAQ,KAAK;IAE9B,GAAA,MAAA,GAAA,CAAA,QAAA,WAAA,CAAA,KAAAA,EAAQ,SADvBvD,EAAA,GAAAK,EAK8FK,GAAA;;KAHzF,KAAK6C,EAAQ;KACb,KAAKA,EAAQ;KACd,iBAAc;KACd,OAAM;IACV3C,GAAAA,MAAAA,GAAAA,CAAAA,OAAAA,KAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EA8BM,OA9BN6B,GA8BM;KA7BF7B,EAES,UAFT8B,GAES7B,EADF0C,EAAQ,IAAI,GAAA,CAAA;KAGTA,EAAQ,OADlBvD,EAAA,GAAAC,EAKO,QALP0C,GAKO,CAFH7B,EAAkDuC,GAAA;MAA1C,MAAK;MAAU,OAAM;KAC7BvC,CAAAA,GAAAA,EAA4BC,GAAA,EAApB,KAAKwC,EAAQ,IAAA,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA/B,EAAA,IAAA,EAAA;KAEzBZ,EAcM,OAdNgC,GAcM,CAZQW,EAAQ,SADlBvD,EAAA,GAAAC,EAIO,QAJP4C,GAIOhC,EADA0C,EAAQ,KAAK,GAAA,CAAA,KAAA/B,EAAA,IAAA,EAAA,GAMV+B,EAAQ,gBADlBvD,EAAA,GAAAC,EAIO,QAJP6C,GAIOjC,EADA0C,EAAQ,YAAY,GAAA,CAAA,KAAA/B,EAAA,IAAA,EAAA,CAAA,CAAA;KAIrB+B,EAAQ,eADlBvD,EAAA,GAAAC,EAII,KAJJ8C,GAIIlC,EADG0C,EAAQ,WAAW,GAAA,CAAA,KAAA/B,EAAA,IAAA,EAAA"}

package/dist/_chunks/{PkToolShowQrCode-CFueYo4P.js → PkToolShowQrCode-CbBvVSmj.js}

@@ -1,6 +1,6 @@
 import { $ as e, C as t, F as n, L as r, O as i, Tt as a, _ as o, bt as s, h as c, it as l, m as u, pt as d, v as f, x as p, xt as m } from "./vue.runtime.esm-bundler-B-NVlZCY.js";
 import { i as h } from "./dist-Ce9Hi58x.js";
-import { a as g, r as _, t as v } from "./index.es-D_E1Gj_U.js";
+import { a as g, r as _, t as v } from "./index.es-dzrOH5E9.js";
 //#region ../../packages/components/src/chat/PkToolShowQrCode.vue?vue&type=script&setup=true&lang.ts
 i(), m(), l();
 var y = {
@@ -69,4 +69,4 @@ var y = {
 //#endregion
 export { T as default };
 
-//# sourceMappingURL=PkToolShowQrCode-CFueYo4P.js.map
+//# sourceMappingURL=PkToolShowQrCode-CbBvVSmj.js.map

package/dist/_chunks/{PkToolShowQrCode-CFueYo4P.js.map → PkToolShowQrCode-CbBvVSmj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowQrCode-CFueYo4P.js","names":["$t","__unplugin_components_0","__unplugin_components_1","__unplugin_components_2","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_toDisplayString","_withCtx","_unref","_createCommentVNode","_sfc_main","withCtx","defineComponent","onMounted","openBlock","init_runtime_core_esm_bundler","toDisplayString","createCommentVNode","unref","createBaseVNode","init_reactivity_esm_bundler","computed","ref","createElementBlock","createVNode","init_shared_esm_bundler","useClipboard","Qi","Ca","Ae","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","PkToolShowQrCode_default","props","__props","toolPart","svgContent","qrContainerRef","content","QRCode","downloadQr","svgEl","svgData","svgBlob","svgUrl","canvas","ctx","img","a","_component_VvIcon","_component_VvButton","_component_VvButtonGroup","_ctx","copied","_cache","copy"],"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 bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri: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 bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri: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,IAAMuC,IAAQC,GAIR,EAAE,SAAM,cAAWZ,EAAa,GAEhCa,IAAWlB,QACAgB,EAAM,IAOtB,GAEKG,IAAalB,EAAI,EAAE,GACnBmB,IAAiBnB,EAAiB;EAExC,EAAU,YAAY;GAClB,IAAMoB,IAAUH,EAAS,MAAM,OAAO;GACtC,IAAI,CAACG,GACD;GAEJ,IAAM,EAAE,SAASC,MAAW,MAAM,OAAO;GACzC,EAAW,QAAQ,MAAMA,EAAO,SAASD,GAAS,EAAE,MAAM,MAAM,CAAC;EACrE,CAAC;EAED,IAAME,IAAa,YAAY;GAC3B,IAAMC,IAAQJ,EAAe,OAAO,cAAc,KAAK;GACvD,IAAI,CAACI,GACD;GAEJ,IAAMC,IAAU,IAAI,cAAc,CAAC,CAAC,kBAAkBD,CAAK,GACrDE,IAAU,IAAI,KAAK,CAACD,CAAO,GAAG,EAChC,MAAM,8BACV,CAAC,GACKE,IAAS,IAAI,gBAAgBD,CAAO,GAEpCE,IAAS,SAAS,cAAc,QAAQ;GAE9C,AADA,EAAO,QAAQ,KACf,EAAO,SAAS;GAChB,IAAMC,IAAMD,EAAO,WAAW,IAAI,GAC5BE,IAAM,IAAI,MAAM;GAStB,AARA,EAAI,eAAe;IAEf,AADAD,GAAK,UAAUC,GAAK,GAAG,GAAG,KAAK,GAAG,GAClC,IAAI,gBAAgBH,CAAM;IAC1B,IAAMI,IAAI,SAAS,cAAc,GAAG;IAGpC,AAFA,EAAE,OAAOH,EAAO,UAAU,WAAW,GACrC,EAAE,WAAW,cACbG,EAAE,MAAM;GACZ,GACA,EAAI,MAAMJ;EACd;;;GAKU,OAAAT,EAAA,OAAU,SADpBrC,EAAA,GAAAC,EA4BM,OA5BN2B,GA4BM,CAzBF1B,EAgBM,OAhBN2B,GAgBM;IAdF1B,EAAiDgD,GAAA;KAAzC,MAAK;KAAkB,OAAM;;IACrCjD,EAA2D,UAA3D4B,GAA2D1B,EAA9BR,EAAAA,GAAE,cAAA,CAAA,GAAA,CAAA;IAC/BO,EAWgBkD,GAAA;KAXD,WAAU;KAAU,OAAM;;KACrC,SAAAhD,QAIoD,CAJpDF,EAIoDiD,GAAA;MAHhD,WAAU;MACT,MAAM9C,EAAAiD,CAAA,IAAM,kBAAA;MACZ,OAAOjD,EAAAiD,CAAA,IAAS3D,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAA4D,EAAA,QAAA,MAAElD,EAAAmD,CAAA,CAAI,CAACpB,EAAA,OAAU,OAAO,WAAO,EAAA;KACzClC,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,GAAAA,EAI0BiD,GAAA;MAHtB,WAAU;MACV,MAAK;MACJ,OAAOxD,EAAAA,GAAE,iBAAA;MACT,SAAO8C;;;;GAGpBxC,CAAAA,GAAAA,EAOM,OAPN6B,GAOM,CANF7B,EAAoE,OAAA;IAA3D,SAAA;IAAJ,KAAIqC;IAAiB,OAAM;IAAc,WAAQD,EAAA;GAE5C,GAAA,MAAA,GAAAN,CAAA,GAAAK,EAAA,MAAS,MAAM,SADzBrC,EAAA,GAAAC,EAII,KAJJgC,GAII7B,EADGiC,EAAA,MAAS,MAAM,KAAK,GAAA,CAAA,KAAAtB,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA,KAAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PkToolShowQrCode-CbBvVSmj.js","names":["$t","__unplugin_components_0","__unplugin_components_1","__unplugin_components_2","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_toDisplayString","_withCtx","_unref","_createCommentVNode","_sfc_main","withCtx","defineComponent","onMounted","openBlock","init_runtime_core_esm_bundler","toDisplayString","createCommentVNode","unref","createBaseVNode","init_reactivity_esm_bundler","computed","ref","createElementBlock","createVNode","init_shared_esm_bundler","useClipboard","Qi","Ca","Ae","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","PkToolShowQrCode_default","props","__props","toolPart","svgContent","qrContainerRef","content","QRCode","downloadQr","svgEl","svgData","svgBlob","svgUrl","canvas","ctx","img","a","_component_VvIcon","_component_VvButton","_component_VvButtonGroup","_ctx","copied","_cache","copy"],"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 bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri: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 bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri: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,IAAMuC,IAAQC,GAIR,EAAE,SAAM,cAAWZ,EAAa,GAEhCa,IAAWlB,QACAgB,EAAM,IAOtB,GAEKG,IAAalB,EAAI,EAAE,GACnBmB,IAAiBnB,EAAiB;EAExC,EAAU,YAAY;GAClB,IAAMoB,IAAUH,EAAS,MAAM,OAAO;GACtC,IAAI,CAACG,GACD;GAEJ,IAAM,EAAE,SAASC,MAAW,MAAM,OAAO;GACzC,EAAW,QAAQ,MAAMA,EAAO,SAASD,GAAS,EAAE,MAAM,MAAM,CAAC;EACrE,CAAC;EAED,IAAME,IAAa,YAAY;GAC3B,IAAMC,IAAQJ,EAAe,OAAO,cAAc,KAAK;GACvD,IAAI,CAACI,GACD;GAEJ,IAAMC,IAAU,IAAI,cAAc,CAAC,CAAC,kBAAkBD,CAAK,GACrDE,IAAU,IAAI,KAAK,CAACD,CAAO,GAAG,EAChC,MAAM,8BACV,CAAC,GACKE,IAAS,IAAI,gBAAgBD,CAAO,GAEpCE,IAAS,SAAS,cAAc,QAAQ;GAE9C,AADA,EAAO,QAAQ,KACf,EAAO,SAAS;GAChB,IAAMC,IAAMD,EAAO,WAAW,IAAI,GAC5BE,IAAM,IAAI,MAAM;GAStB,AARA,EAAI,eAAe;IAEf,AADAD,GAAK,UAAUC,GAAK,GAAG,GAAG,KAAK,GAAG,GAClC,IAAI,gBAAgBH,CAAM;IAC1B,IAAMI,IAAI,SAAS,cAAc,GAAG;IAGpC,AAFA,EAAE,OAAOH,EAAO,UAAU,WAAW,GACrC,EAAE,WAAW,cACbG,EAAE,MAAM;GACZ,GACA,EAAI,MAAMJ;EACd;;;GAKU,OAAAT,EAAA,OAAU,SADpBrC,EAAA,GAAAC,EA4BM,OA5BN2B,GA4BM,CAzBF1B,EAgBM,OAhBN2B,GAgBM;IAdF1B,EAAiDgD,GAAA;KAAzC,MAAK;KAAkB,OAAM;;IACrCjD,EAA2D,UAA3D4B,GAA2D1B,EAA9BR,EAAAA,GAAE,cAAA,CAAA,GAAA,CAAA;IAC/BO,EAWgBkD,GAAA;KAXD,WAAU;KAAU,OAAM;;KACrC,SAAAhD,QAIoD,CAJpDF,EAIoDiD,GAAA;MAHhD,WAAU;MACT,MAAM9C,EAAAiD,CAAA,IAAM,kBAAA;MACZ,OAAOjD,EAAAiD,CAAA,IAAS3D,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAA4D,EAAA,QAAA,MAAElD,EAAAmD,CAAA,CAAI,CAACpB,EAAA,OAAU,OAAO,WAAO,EAAA;KACzClC,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,GAAAA,EAI0BiD,GAAA;MAHtB,WAAU;MACV,MAAK;MACJ,OAAOxD,EAAAA,GAAE,iBAAA;MACT,SAAO8C;;;;GAGpBxC,CAAAA,GAAAA,EAOM,OAPN6B,GAOM,CANF7B,EAAoE,OAAA;IAA3D,SAAA;IAAJ,KAAIqC;IAAiB,OAAM;IAAc,WAAQD,EAAA;GAE5C,GAAA,MAAA,GAAAN,CAAA,GAAAK,EAAA,MAAS,MAAM,SADzBrC,EAAA,GAAAC,EAII,KAJJgC,GAII7B,EADGiC,EAAA,MAAS,MAAM,KAAK,GAAA,CAAA,KAAAtB,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA,KAAAA,EAAA,IAAA,EAAA"}

package/dist/_chunks/{PkToolShowSources-DNiiBz9b.js → PkToolShowSources-gleJ91hl.js}

@@ -1,8 +1,8 @@
 import { $ as e, C as t, L as n, O as r, St as i, Tt as a, _ as o, b as s, bt as c, d as l, dt as u, g as d, h as f, it as p, m, pt as h, r as g, t as _, v, x as y, xt as b, z as x } from "./vue.runtime.esm-bundler-B-NVlZCY.js";
-import { t as S } from "./PkStreamingMarkdown-BoVR7gtl.js";
+import { t as S } from "./PkStreamingMarkdown-DhViwQEZ.js";
 import { r as C, t as w } from "./markdown-Bk1clNA6.js";
 import "./src-BBUM0qsk.js";
-import { r as ee, t as T } from "./index.es-D_E1Gj_U.js";
+import { r as ee, t as T } from "./index.es-dzrOH5E9.js";
 import { t as E } from "./PkUrl-Bf9k9TRh.js";
 //#region ../../packages/components/src/chat/PkChunkPreview.vue?vue&type=script&setup=true&lang.ts
 r(), p(), b();
@@ -267,4 +267,4 @@ var F = {
 //#endregion
 export { $ as default };
 
-//# sourceMappingURL=PkToolShowSources-DNiiBz9b.js.map
+//# sourceMappingURL=PkToolShowSources-gleJ91hl.js.map

package/dist/_chunks/{PkToolShowSources-DNiiBz9b.js.map → PkToolShowSources-gleJ91hl.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowSources-DNiiBz9b.js","names":["_hoisted_1","_hoisted_2","__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_createVNode","_createElementVNode","_toDisplayString","_unref","_createCommentVNode","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_createVNode","_unref","_createElementVNode","_toDisplayString","_createCommentVNode","PkUrl","_sfc_main","$t","__unplugin_components_0","__unplugin_components_1","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_createTextVNode","_toDisplayString","_Fragment","_renderList","PkDocumentHeader","_createCommentVNode","_createBlock","PkStreamingMarkdown","PkChunkPreview","_Transition","_withCtx","_normalizeClass","_sfc_main","withCtx","defineComponent","openBlock","init_runtime_core_esm_bundler","normalizeClass","toDisplayString","createCommentVNode","createTextVNode","unref","Fragment","reactive","createBlock","createBaseVNode","init_reactivity_esm_bundler","ref","init_runtime_dom_esm_bundler","Transition","createVNode","init_shared_esm_bundler","renderList","PkStreamingMarkdown_default","getTypeIcon","stripMarkdown","Ca","Ae","PkUrl_default","_hoisted_1$2","_hoisted_2$2","PkChunkPreview_default","props","__props","similarityPercent","computed","max","_component_VvIcon","createElementBlock","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","_hoisted_4$1","PkDocumentHeader_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","PkToolShowSources_default","toolPart","sources","groupedSources","groups","source","existing","maxSimilarity","s","expandedDocuments","expandedChunks","contextData","loadingContext","toggleDocument","documentId","toggleChunk","chunkId","handleExpandContext","content","clearContext","showMore","visibleGroups","hasMore","_component_VvButton","_ctx","group","chunk","_cache"],"sources":["../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkToolShowSources.vue","../../../../packages/components/src/chat/PkToolShowSources.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n        /**\n         * The address as text, not a link: for a header drawn inside a button,\n         * where a link is invalid HTML and its click also toggles the row\n         */\n        mutedUrl?: boolean\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" :muted=\"mutedUrl\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n        /**\n         * The address as text, not a link: for a header drawn inside a button,\n         * where a link is invalid HTML and its click also toggles the row\n         */\n        mutedUrl?: boolean\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" :muted=\"mutedUrl\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-xl overflow-hidden\">\n                <!-- Document header: the toggle, and beside it the link to\n                     the source, because a link inside a button is invalid\n                     HTML and its click also toggled the row -->\n                <div\n                    class=\"flex items-center hover:bg-surface-1 transition-colors\">\n                    <button\n                        type=\"button\"\n                        class=\"flex items-center gap-8 p-8 flex-1 min-w-0 text-left cursor-pointer\"\n                        :aria-expanded=\"\n                            expandedDocuments.has(group.document.documentId)\n                        \"\n                        @click=\"toggleDocument(group.document.documentId)\">\n                        <PkDocumentHeader\n                            :type=\"group.document.documentType\"\n                            :name=\"group.document.documentName\"\n                            :url=\"group.document.sourceUrl\"\n                            :filename=\"group.document.sourceFilename\"\n                            muted-url />\n                        <div class=\"flex items-center gap-4 shrink-0\">\n                            <span\n                                v-if=\"group.chunks.length > 1\"\n                                class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                                {{ group.chunks.length }}\n                            </span>\n                            <span\n                                class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                                {{ group.document.language }}\n                            </span>\n                            <VvIcon\n                                :name=\"\n                                    expandedDocuments.has(\n                                        group.document.documentId,\n                                    )\n                                        ? 'ri:arrow-up-s-line'\n                                        : 'ri:arrow-down-s-line'\n                                \"\n                                class=\"text-16 text-word-3\" />\n                        </div>\n                    </button>\n                    <VvButton\n                        v-if=\"group.document.sourceUrl\"\n                        modifiers=\"action-quiet-small\"\n                        icon=\"ri:external-link-line\"\n                        class=\"text-10 shrink-0 mr-8\"\n                        :href=\"group.document.sourceUrl\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        :title=\"$t('action.open')\"\n                        :aria-label=\"$t('action.open')\" />\n                </div>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-xl overflow-hidden\">\n                <!-- Document header: the toggle, and beside it the link to\n                     the source, because a link inside a button is invalid\n                     HTML and its click also toggled the row -->\n                <div\n                    class=\"flex items-center hover:bg-surface-1 transition-colors\">\n                    <button\n                        type=\"button\"\n                        class=\"flex items-center gap-8 p-8 flex-1 min-w-0 text-left cursor-pointer\"\n                        :aria-expanded=\"\n                            expandedDocuments.has(group.document.documentId)\n                        \"\n                        @click=\"toggleDocument(group.document.documentId)\">\n                        <PkDocumentHeader\n                            :type=\"group.document.documentType\"\n                            :name=\"group.document.documentName\"\n                            :url=\"group.document.sourceUrl\"\n                            :filename=\"group.document.sourceFilename\"\n                            muted-url />\n                        <div class=\"flex items-center gap-4 shrink-0\">\n                            <span\n                                v-if=\"group.chunks.length > 1\"\n                                class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                                {{ group.chunks.length }}\n                            </span>\n                            <span\n                                class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                                {{ group.document.language }}\n                            </span>\n                            <VvIcon\n                                :name=\"\n                                    expandedDocuments.has(\n                                        group.document.documentId,\n                                    )\n                                        ? 'ri:arrow-up-s-line'\n                                        : 'ri:arrow-down-s-line'\n                                \"\n                                class=\"text-16 text-word-3\" />\n                        </div>\n                    </button>\n                    <VvButton\n                        v-if=\"group.document.sourceUrl\"\n                        modifiers=\"action-quiet-small\"\n                        icon=\"ri:external-link-line\"\n                        class=\"text-10 shrink-0 mr-8\"\n                        :href=\"group.document.sourceUrl\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        :title=\"$t('action.open')\"\n                        :aria-label=\"$t('action.open')\" />\n                </div>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowSources-gleJ91hl.js","names":["_hoisted_1","_hoisted_2","__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_createVNode","_createElementVNode","_toDisplayString","_unref","_createCommentVNode","_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_createVNode","_unref","_createElementVNode","_toDisplayString","_createCommentVNode","PkUrl","_sfc_main","$t","__unplugin_components_0","__unplugin_components_1","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_createTextVNode","_toDisplayString","_Fragment","_renderList","PkDocumentHeader","_createCommentVNode","_createBlock","PkStreamingMarkdown","PkChunkPreview","_Transition","_withCtx","_normalizeClass","_sfc_main","withCtx","defineComponent","openBlock","init_runtime_core_esm_bundler","normalizeClass","toDisplayString","createCommentVNode","createTextVNode","unref","Fragment","reactive","createBlock","createBaseVNode","init_reactivity_esm_bundler","ref","init_runtime_dom_esm_bundler","Transition","createVNode","init_shared_esm_bundler","renderList","PkStreamingMarkdown_default","getTypeIcon","stripMarkdown","Ca","Ae","PkUrl_default","_hoisted_1$2","_hoisted_2$2","PkChunkPreview_default","props","__props","similarityPercent","computed","max","_component_VvIcon","createElementBlock","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","_hoisted_4$1","PkDocumentHeader_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","PkToolShowSources_default","toolPart","sources","groupedSources","groups","source","existing","maxSimilarity","s","expandedDocuments","expandedChunks","contextData","loadingContext","toggleDocument","documentId","toggleChunk","chunkId","handleExpandContext","content","clearContext","showMore","visibleGroups","hasMore","_component_VvButton","_ctx","group","chunk","_cache"],"sources":["../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkToolShowSources.vue","../../../../packages/components/src/chat/PkToolShowSources.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n        /**\n         * The address as text, not a link: for a header drawn inside a button,\n         * where a link is invalid HTML and its click also toggles the row\n         */\n        mutedUrl?: boolean\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" :muted=\"mutedUrl\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n        /**\n         * The address as text, not a link: for a header drawn inside a button,\n         * where a link is invalid HTML and its click also toggles the row\n         */\n        mutedUrl?: boolean\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" :muted=\"mutedUrl\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-xl overflow-hidden\">\n                <!-- Document header: the toggle, and beside it the link to\n                     the source, because a link inside a button is invalid\n                     HTML and its click also toggled the row -->\n                <div\n                    class=\"flex items-center hover:bg-surface-1 transition-colors\">\n                    <button\n                        type=\"button\"\n                        class=\"flex items-center gap-8 p-8 flex-1 min-w-0 text-left cursor-pointer\"\n                        :aria-expanded=\"\n                            expandedDocuments.has(group.document.documentId)\n                        \"\n                        @click=\"toggleDocument(group.document.documentId)\">\n                        <PkDocumentHeader\n                            :type=\"group.document.documentType\"\n                            :name=\"group.document.documentName\"\n                            :url=\"group.document.sourceUrl\"\n                            :filename=\"group.document.sourceFilename\"\n                            muted-url />\n                        <div class=\"flex items-center gap-4 shrink-0\">\n                            <span\n                                v-if=\"group.chunks.length > 1\"\n                                class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                                {{ group.chunks.length }}\n                            </span>\n                            <span\n                                class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                                {{ group.document.language }}\n                            </span>\n                            <VvIcon\n                                :name=\"\n                                    expandedDocuments.has(\n                                        group.document.documentId,\n                                    )\n                                        ? 'ri:arrow-up-s-line'\n                                        : 'ri:arrow-down-s-line'\n                                \"\n                                class=\"text-16 text-word-3\" />\n                        </div>\n                    </button>\n                    <VvButton\n                        v-if=\"group.document.sourceUrl\"\n                        modifiers=\"action-quiet-small\"\n                        icon=\"ri:external-link-line\"\n                        class=\"text-10 shrink-0 mr-8\"\n                        :href=\"group.document.sourceUrl\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        :title=\"$t('action.open')\"\n                        :aria-label=\"$t('action.open')\" />\n                </div>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-xl overflow-hidden\">\n                <!-- Document header: the toggle, and beside it the link to\n                     the source, because a link inside a button is invalid\n                     HTML and its click also toggled the row -->\n                <div\n                    class=\"flex items-center hover:bg-surface-1 transition-colors\">\n                    <button\n                        type=\"button\"\n                        class=\"flex items-center gap-8 p-8 flex-1 min-w-0 text-left cursor-pointer\"\n                        :aria-expanded=\"\n                            expandedDocuments.has(group.document.documentId)\n                        \"\n                        @click=\"toggleDocument(group.document.documentId)\">\n                        <PkDocumentHeader\n                            :type=\"group.document.documentType\"\n                            :name=\"group.document.documentName\"\n                            :url=\"group.document.sourceUrl\"\n                            :filename=\"group.document.sourceFilename\"\n                            muted-url />\n                        <div class=\"flex items-center gap-4 shrink-0\">\n                            <span\n                                v-if=\"group.chunks.length > 1\"\n                                class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                                {{ group.chunks.length }}\n                            </span>\n                            <span\n                                class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                                {{ group.document.language }}\n                            </span>\n                            <VvIcon\n                                :name=\"\n                                    expandedDocuments.has(\n                                        group.document.documentId,\n                                    )\n                                        ? 'ri:arrow-up-s-line'\n                                        : 'ri:arrow-down-s-line'\n                                \"\n                                class=\"text-16 text-word-3\" />\n                        </div>\n                    </button>\n                    <VvButton\n                        v-if=\"group.document.sourceUrl\"\n                        modifiers=\"action-quiet-small\"\n                        icon=\"ri:external-link-line\"\n                        class=\"text-10 shrink-0 mr-8\"\n                        :href=\"group.document.sourceUrl\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        :title=\"$t('action.open')\"\n                        :aria-label=\"$t('action.open')\" />\n                </div>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist/_chunks/{PkToolShowSuggestedReply-Bn1w6HdI.js → PkToolShowSuggestedReply-fsG-mX-c.js}

@@ -1,6 +1,6 @@
 import { C as e, L as t, O as n, St as r, Tt as i, _ as a, d as o, h as s, it as c, m as l, pt as u, r as d, u as f, v as p, x as m, xt as h, z as g } from "./vue.runtime.esm-bundler-B-NVlZCY.js";
 import { d as _ } from "./Agent-CFkAjuTy.js";
-import { t as v } from "./index.es-D_E1Gj_U.js";
+import { t as v } from "./index.es-dzrOH5E9.js";
 import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 //#region ../../packages/components/src/chat/PkToolShowSuggestedReply.vue?vue&type=script&setup=true&lang.ts
 n(), h(), d(), c();
@@ -46,4 +46,4 @@ var b = {
 //#endregion
 export { S as default };
 
-//# sourceMappingURL=PkToolShowSuggestedReply-Bn1w6HdI.js.map
+//# sourceMappingURL=PkToolShowSuggestedReply-fsG-mX-c.js.map

package/dist/_chunks/{PkToolShowSuggestedReply-Bn1w6HdI.js.map → PkToolShowSuggestedReply-fsG-mX-c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowSuggestedReply-Bn1w6HdI.js","names":["__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_withModifiers","_createVNode","_createElementVNode","_toDisplayString","_createCommentVNode","_sfc_main","_style_0","defineComponent","openBlock","init_runtime_core_esm_bundler","normalizeClass","toDisplayString","createCommentVNode","Fragment","createBaseVNode","init_reactivity_esm_bundler","computed","ref","init_runtime_dom_esm_bundler","withModifiers","createElementBlock","createVNode","init_shared_esm_bundler","renderList","isVoiceRenderAck","Ae","_plugin_vue_export_helper_default","_hoisted_1","_hoisted_2","PkToolShowSuggestedReply_default","__emit","props","__props","emit","toolPart","suggestions","input","clickedIndex","isInteractive","handleClick","index","suggestion","value","_component_VvIcon"],"sources":["../../../../packages/components/src/chat/PkToolShowSuggestedReply.vue","../../../../packages/components/src/chat/PkToolShowSuggestedReply.vue","../../../../packages/components/src/chat/PkToolShowSuggestedReply.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isVoiceRenderAck } from 'models'\n\n    type Suggestion = { label: string; prompt?: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [value: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                /** New schema: array of suggestions */\n                suggestions?: Suggestion[]\n                /** Legacy schema: single suggestion */\n                label?: string\n                prompt?: string\n            }\n            output?: string\n        }\n    })\n\n    /** Normalize to always work with an array of suggestions */\n    const suggestions = computed<Suggestion[]>(() => {\n        const input = toolPart.value?.input\n        if (!input) {\n            return []\n        }\n        if (input.suggestions?.length) {\n            return input.suggestions\n        }\n        // Legacy single-suggestion format (client-side fallback)\n        if (input.label) {\n            return [{ label: input.label, prompt: input.prompt ?? input.label }]\n        }\n        return []\n    })\n\n    const clickedIndex = ref<number | null>(null)\n\n    const isInteractive = computed(() => {\n        // A chip drawn during a CALL arrives already resolved: the turn could\n        // not wait for a tap, so the backend closed the tool with the note\n        // that it was drawn (see `isVoiceRenderAck`, same rule as the forms).\n        // The note is not a tap, and without this the chips of every spoken\n        // turn rendered dead.\n        return (\n            (toolPart.value?.state === 'input-available' ||\n                isVoiceRenderAck(toolPart.value?.output)) &&\n            clickedIndex.value === null\n        )\n    })\n\n    function handleClick(index: number) {\n        if (!isInteractive.value) {\n            return\n        }\n        clickedIndex.value = index\n        const suggestion = suggestions.value[index]\n        const value = suggestion?.prompt ?? suggestion?.label\n        if (value) {\n            emit('select', value)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"suggestions.length\" class=\"pk-tool-suggested-reply\">\n        <button\n            v-for=\"(suggestion, index) in suggestions\"\n            :key=\"index\"\n            type=\"button\"\n            class=\"pk-tool-suggested-reply__link\"\n            :class=\"{\n                'is-clicked': clickedIndex === index,\n                'is-disabled': !isInteractive,\n            }\"\n            :disabled=\"!isInteractive\"\n            @click.stop=\"handleClick(index)\">\n            <VvIcon\n                name=\"ri:corner-down-right-line\"\n                class=\"pk-tool-suggested-reply__icon\" />\n            <span>{{ suggestion.label }}</span>\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-suggested-reply {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: var(--spacing-4);\n\n        &__link {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            background: none;\n            border: none;\n            padding: 0;\n            font: inherit;\n            font-size: var(--text-12);\n            text-decoration: underline;\n            text-underline-offset: 2px;\n            cursor: pointer;\n            color: var(--color-word-3);\n            transition: var(--transition-colors);\n\n            &:hover:not(:disabled) {\n                color: var(--color-word);\n            }\n\n            &.is-disabled {\n                cursor: default;\n                pointer-events: none;\n                color: var(--color-word-5);\n            }\n\n            &.is-clicked {\n                color: var(--color-word-5);\n                text-decoration: none;\n            }\n        }\n\n        &__icon {\n            width: 1em;\n            height: 1em;\n            flex-shrink: 0;\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isVoiceRenderAck } from 'models'\n\n    type Suggestion = { label: string; prompt?: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [value: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                /** New schema: array of suggestions */\n                suggestions?: Suggestion[]\n                /** Legacy schema: single suggestion */\n                label?: string\n                prompt?: string\n            }\n            output?: string\n        }\n    })\n\n    /** Normalize to always work with an array of suggestions */\n    const suggestions = computed<Suggestion[]>(() => {\n        const input = toolPart.value?.input\n        if (!input) {\n            return []\n        }\n        if (input.suggestions?.length) {\n            return input.suggestions\n        }\n        // Legacy single-suggestion format (client-side fallback)\n        if (input.label) {\n            return [{ label: input.label, prompt: input.prompt ?? input.label }]\n        }\n        return []\n    })\n\n    const clickedIndex = ref<number | null>(null)\n\n    const isInteractive = computed(() => {\n        // A chip drawn during a CALL arrives already resolved: the turn could\n        // not wait for a tap, so the backend closed the tool with the note\n        // that it was drawn (see `isVoiceRenderAck`, same rule as the forms).\n        // The note is not a tap, and without this the chips of every spoken\n        // turn rendered dead.\n        return (\n            (toolPart.value?.state === 'input-available' ||\n                isVoiceRenderAck(toolPart.value?.output)) &&\n            clickedIndex.value === null\n        )\n    })\n\n    function handleClick(index: number) {\n        if (!isInteractive.value) {\n            return\n        }\n        clickedIndex.value = index\n        const suggestion = suggestions.value[index]\n        const value = suggestion?.prompt ?? suggestion?.label\n        if (value) {\n            emit('select', value)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"suggestions.length\" class=\"pk-tool-suggested-reply\">\n        <button\n            v-for=\"(suggestion, index) in suggestions\"\n            :key=\"index\"\n            type=\"button\"\n            class=\"pk-tool-suggested-reply__link\"\n            :class=\"{\n                'is-clicked': clickedIndex === index,\n                'is-disabled': !isInteractive,\n            }\"\n            :disabled=\"!isInteractive\"\n            @click.stop=\"handleClick(index)\">\n            <VvIcon\n                name=\"ri:corner-down-right-line\"\n                class=\"pk-tool-suggested-reply__icon\" />\n            <span>{{ suggestion.label }}</span>\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-suggested-reply {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: var(--spacing-4);\n\n        &__link {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            background: none;\n            border: none;\n            padding: 0;\n            font: inherit;\n            font-size: var(--text-12);\n            text-decoration: underline;\n            text-underline-offset: 2px;\n            cursor: pointer;\n            color: var(--color-word-3);\n            transition: var(--transition-colors);\n\n            &:hover:not(:disabled) {\n                color: var(--color-word);\n            }\n\n            &.is-disabled {\n                cursor: default;\n                pointer-events: none;\n                color: var(--color-word-5);\n            }\n\n            &.is-clicked {\n                color: var(--color-word-5);\n                text-decoration: none;\n            }\n        }\n\n        &__icon {\n            width: 1em;\n            height: 1em;\n            flex-shrink: 0;\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isVoiceRenderAck } from 'models'\n\n    type Suggestion = { label: string; prompt?: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [value: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                /** New schema: array of suggestions */\n                suggestions?: Suggestion[]\n                /** Legacy schema: single suggestion */\n                label?: string\n                prompt?: string\n            }\n            output?: string\n        }\n    })\n\n    /** Normalize to always work with an array of suggestions */\n    const suggestions = computed<Suggestion[]>(() => {\n        const input = toolPart.value?.input\n        if (!input) {\n            return []\n        }\n        if (input.suggestions?.length) {\n            return input.suggestions\n        }\n        // Legacy single-suggestion format (client-side fallback)\n        if (input.label) {\n            return [{ label: input.label, prompt: input.prompt ?? input.label }]\n        }\n        return []\n    })\n\n    const clickedIndex = ref<number | null>(null)\n\n    const isInteractive = computed(() => {\n        // A chip drawn during a CALL arrives already resolved: the turn could\n        // not wait for a tap, so the backend closed the tool with the note\n        // that it was drawn (see `isVoiceRenderAck`, same rule as the forms).\n        // The note is not a tap, and without this the chips of every spoken\n        // turn rendered dead.\n        return (\n            (toolPart.value?.state === 'input-available' ||\n                isVoiceRenderAck(toolPart.value?.output)) &&\n            clickedIndex.value === null\n        )\n    })\n\n    function handleClick(index: number) {\n        if (!isInteractive.value) {\n            return\n        }\n        clickedIndex.value = index\n        const suggestion = suggestions.value[index]\n        const value = suggestion?.prompt ?? suggestion?.label\n        if (value) {\n            emit('select', value)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"suggestions.length\" class=\"pk-tool-suggested-reply\">\n        <button\n            v-for=\"(suggestion, index) in suggestions\"\n            :key=\"index\"\n            type=\"button\"\n            class=\"pk-tool-suggested-reply__link\"\n            :class=\"{\n                'is-clicked': clickedIndex === index,\n                'is-disabled': !isInteractive,\n            }\"\n            :disabled=\"!isInteractive\"\n            @click.stop=\"handleClick(index)\">\n            <VvIcon\n                name=\"ri:corner-down-right-line\"\n                class=\"pk-tool-suggested-reply__icon\" />\n            <span>{{ suggestion.label }}</span>\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-suggested-reply {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: var(--spacing-4);\n\n        &__link {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            background: none;\n            border: none;\n            padding: 0;\n            font: inherit;\n            font-size: var(--text-12);\n            text-decoration: underline;\n            text-underline-offset: 2px;\n            cursor: pointer;\n            color: var(--color-word-3);\n            transition: var(--transition-colors);\n\n            &:hover:not(:disabled) {\n                color: var(--color-word);\n            }\n\n            &.is-disabled {\n                cursor: default;\n                pointer-events: none;\n                color: var(--color-word-5);\n            }\n\n            &.is-clicked {\n                color: var(--color-word-5);\n                text-decoration: none;\n            }\n        }\n\n        &__icon {\n            width: 1em;\n            height: 1em;\n            flex-shrink: 0;\n        }\n    }\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAMI,IAAMqC,IAAQC,GAIRC,IAAOH,GAIPI,IAAWlB,QACN,KAAK,MAAM,KAAK,UAAUe,EAAM,IAAI,CAAC,CAY/C,GAGKI,IAAcnB,QAA6B;GAC7C,IAAMoB,IAAQF,EAAS,OAAO;GAW9B,OAVKE,IAGDA,EAAM,aAAa,SACZA,EAAM,cAGbA,EAAM,QACC,CAAC;IAAE,OAAOA,EAAM;IAAO,QAAQA,EAAM,UAAUA,EAAM;GAAM,CAAC,IAEhE,CAAC,IATG,CAAC;EAUhB,CAAC,GAEKC,IAAepB,EAAmB,IAAI,GAEtCqB,IAAgBtB,SAObkB,EAAS,OAAO,UAAU,qBACvBV,EAAiBU,EAAS,OAAO,MAAM,MAC3CG,EAAa,UAAU,IAE9B;EAED,SAASE,EAAY,GAAe;GAChC,IAAI,CAACD,EAAc,OACf;GAEJ,EAAa,QAAQE;GACrB,IAAMC,IAAaN,EAAY,MAAMK,IAC/BE,IAAQD,GAAY,UAAUA,GAAY;GAChD,AAAIC,KACAT,EAAK,UAAUS,CAAK;EAE5B;;;GAIW,OAAAP,EAAA,MAAY,UAAvBxC,EAAA,GAAAC,EAiBM,OAjBN+B,GAiBM,EAhBFhC,EAAA,EAAA,GAAAC,EAeSC,GAAA,MAAAC,EAdyBqC,EAAA,QAAtB,GAAY,OADxBxC,EAAA,GAAAC,EAeS,UAAA;IAbJ,KAAK4C;IACN,MAAK;IACL,OAAKzC,EAAA,CAAC,iCAA+B;KACG,cAAAsC,EAAA,UAAiBG;KAAuC,eAAA,CAAAF,EAAA;;IAI/F,UAAQ,CAAGA,EAAA;IACX,SAAKtC,GAAA,MAAOuC,EAAYC,CAAK,GAAA,CAAA,MAAA,CAAA;GAC9BvC,GAAAA,CAAAA,EAE4C0C,GAAA;IADxC,MAAK;IACL,OAAM;GACVzC,CAAAA,GAAAA,EAAmC,QAAA,MAAAC,EAA1BsC,EAAW,KAAK,GAAA,CAAA,CAAA,GAAA,IAAAb,CAAA"}
+{"version":3,"file":"PkToolShowSuggestedReply-fsG-mX-c.js","names":["__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_withModifiers","_createVNode","_createElementVNode","_toDisplayString","_createCommentVNode","_sfc_main","_style_0","defineComponent","openBlock","init_runtime_core_esm_bundler","normalizeClass","toDisplayString","createCommentVNode","Fragment","createBaseVNode","init_reactivity_esm_bundler","computed","ref","init_runtime_dom_esm_bundler","withModifiers","createElementBlock","createVNode","init_shared_esm_bundler","renderList","isVoiceRenderAck","Ae","_plugin_vue_export_helper_default","_hoisted_1","_hoisted_2","PkToolShowSuggestedReply_default","__emit","props","__props","emit","toolPart","suggestions","input","clickedIndex","isInteractive","handleClick","index","suggestion","value","_component_VvIcon"],"sources":["../../../../packages/components/src/chat/PkToolShowSuggestedReply.vue","../../../../packages/components/src/chat/PkToolShowSuggestedReply.vue","../../../../packages/components/src/chat/PkToolShowSuggestedReply.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isVoiceRenderAck } from 'models'\n\n    type Suggestion = { label: string; prompt?: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [value: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                /** New schema: array of suggestions */\n                suggestions?: Suggestion[]\n                /** Legacy schema: single suggestion */\n                label?: string\n                prompt?: string\n            }\n            output?: string\n        }\n    })\n\n    /** Normalize to always work with an array of suggestions */\n    const suggestions = computed<Suggestion[]>(() => {\n        const input = toolPart.value?.input\n        if (!input) {\n            return []\n        }\n        if (input.suggestions?.length) {\n            return input.suggestions\n        }\n        // Legacy single-suggestion format (client-side fallback)\n        if (input.label) {\n            return [{ label: input.label, prompt: input.prompt ?? input.label }]\n        }\n        return []\n    })\n\n    const clickedIndex = ref<number | null>(null)\n\n    const isInteractive = computed(() => {\n        // A chip drawn during a CALL arrives already resolved: the turn could\n        // not wait for a tap, so the backend closed the tool with the note\n        // that it was drawn (see `isVoiceRenderAck`, same rule as the forms).\n        // The note is not a tap, and without this the chips of every spoken\n        // turn rendered dead.\n        return (\n            (toolPart.value?.state === 'input-available' ||\n                isVoiceRenderAck(toolPart.value?.output)) &&\n            clickedIndex.value === null\n        )\n    })\n\n    function handleClick(index: number) {\n        if (!isInteractive.value) {\n            return\n        }\n        clickedIndex.value = index\n        const suggestion = suggestions.value[index]\n        const value = suggestion?.prompt ?? suggestion?.label\n        if (value) {\n            emit('select', value)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"suggestions.length\" class=\"pk-tool-suggested-reply\">\n        <button\n            v-for=\"(suggestion, index) in suggestions\"\n            :key=\"index\"\n            type=\"button\"\n            class=\"pk-tool-suggested-reply__link\"\n            :class=\"{\n                'is-clicked': clickedIndex === index,\n                'is-disabled': !isInteractive,\n            }\"\n            :disabled=\"!isInteractive\"\n            @click.stop=\"handleClick(index)\">\n            <VvIcon\n                name=\"ri:corner-down-right-line\"\n                class=\"pk-tool-suggested-reply__icon\" />\n            <span>{{ suggestion.label }}</span>\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-suggested-reply {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: var(--spacing-4);\n\n        &__link {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            background: none;\n            border: none;\n            padding: 0;\n            font: inherit;\n            font-size: var(--text-12);\n            text-decoration: underline;\n            text-underline-offset: 2px;\n            cursor: pointer;\n            color: var(--color-word-3);\n            transition: var(--transition-colors);\n\n            &:hover:not(:disabled) {\n                color: var(--color-word);\n            }\n\n            &.is-disabled {\n                cursor: default;\n                pointer-events: none;\n                color: var(--color-word-5);\n            }\n\n            &.is-clicked {\n                color: var(--color-word-5);\n                text-decoration: none;\n            }\n        }\n\n        &__icon {\n            width: 1em;\n            height: 1em;\n            flex-shrink: 0;\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isVoiceRenderAck } from 'models'\n\n    type Suggestion = { label: string; prompt?: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [value: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                /** New schema: array of suggestions */\n                suggestions?: Suggestion[]\n                /** Legacy schema: single suggestion */\n                label?: string\n                prompt?: string\n            }\n            output?: string\n        }\n    })\n\n    /** Normalize to always work with an array of suggestions */\n    const suggestions = computed<Suggestion[]>(() => {\n        const input = toolPart.value?.input\n        if (!input) {\n            return []\n        }\n        if (input.suggestions?.length) {\n            return input.suggestions\n        }\n        // Legacy single-suggestion format (client-side fallback)\n        if (input.label) {\n            return [{ label: input.label, prompt: input.prompt ?? input.label }]\n        }\n        return []\n    })\n\n    const clickedIndex = ref<number | null>(null)\n\n    const isInteractive = computed(() => {\n        // A chip drawn during a CALL arrives already resolved: the turn could\n        // not wait for a tap, so the backend closed the tool with the note\n        // that it was drawn (see `isVoiceRenderAck`, same rule as the forms).\n        // The note is not a tap, and without this the chips of every spoken\n        // turn rendered dead.\n        return (\n            (toolPart.value?.state === 'input-available' ||\n                isVoiceRenderAck(toolPart.value?.output)) &&\n            clickedIndex.value === null\n        )\n    })\n\n    function handleClick(index: number) {\n        if (!isInteractive.value) {\n            return\n        }\n        clickedIndex.value = index\n        const suggestion = suggestions.value[index]\n        const value = suggestion?.prompt ?? suggestion?.label\n        if (value) {\n            emit('select', value)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"suggestions.length\" class=\"pk-tool-suggested-reply\">\n        <button\n            v-for=\"(suggestion, index) in suggestions\"\n            :key=\"index\"\n            type=\"button\"\n            class=\"pk-tool-suggested-reply__link\"\n            :class=\"{\n                'is-clicked': clickedIndex === index,\n                'is-disabled': !isInteractive,\n            }\"\n            :disabled=\"!isInteractive\"\n            @click.stop=\"handleClick(index)\">\n            <VvIcon\n                name=\"ri:corner-down-right-line\"\n                class=\"pk-tool-suggested-reply__icon\" />\n            <span>{{ suggestion.label }}</span>\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-suggested-reply {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: var(--spacing-4);\n\n        &__link {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            background: none;\n            border: none;\n            padding: 0;\n            font: inherit;\n            font-size: var(--text-12);\n            text-decoration: underline;\n            text-underline-offset: 2px;\n            cursor: pointer;\n            color: var(--color-word-3);\n            transition: var(--transition-colors);\n\n            &:hover:not(:disabled) {\n                color: var(--color-word);\n            }\n\n            &.is-disabled {\n                cursor: default;\n                pointer-events: none;\n                color: var(--color-word-5);\n            }\n\n            &.is-clicked {\n                color: var(--color-word-5);\n                text-decoration: none;\n            }\n        }\n\n        &__icon {\n            width: 1em;\n            height: 1em;\n            flex-shrink: 0;\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isVoiceRenderAck } from 'models'\n\n    type Suggestion = { label: string; prompt?: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [value: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                /** New schema: array of suggestions */\n                suggestions?: Suggestion[]\n                /** Legacy schema: single suggestion */\n                label?: string\n                prompt?: string\n            }\n            output?: string\n        }\n    })\n\n    /** Normalize to always work with an array of suggestions */\n    const suggestions = computed<Suggestion[]>(() => {\n        const input = toolPart.value?.input\n        if (!input) {\n            return []\n        }\n        if (input.suggestions?.length) {\n            return input.suggestions\n        }\n        // Legacy single-suggestion format (client-side fallback)\n        if (input.label) {\n            return [{ label: input.label, prompt: input.prompt ?? input.label }]\n        }\n        return []\n    })\n\n    const clickedIndex = ref<number | null>(null)\n\n    const isInteractive = computed(() => {\n        // A chip drawn during a CALL arrives already resolved: the turn could\n        // not wait for a tap, so the backend closed the tool with the note\n        // that it was drawn (see `isVoiceRenderAck`, same rule as the forms).\n        // The note is not a tap, and without this the chips of every spoken\n        // turn rendered dead.\n        return (\n            (toolPart.value?.state === 'input-available' ||\n                isVoiceRenderAck(toolPart.value?.output)) &&\n            clickedIndex.value === null\n        )\n    })\n\n    function handleClick(index: number) {\n        if (!isInteractive.value) {\n            return\n        }\n        clickedIndex.value = index\n        const suggestion = suggestions.value[index]\n        const value = suggestion?.prompt ?? suggestion?.label\n        if (value) {\n            emit('select', value)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"suggestions.length\" class=\"pk-tool-suggested-reply\">\n        <button\n            v-for=\"(suggestion, index) in suggestions\"\n            :key=\"index\"\n            type=\"button\"\n            class=\"pk-tool-suggested-reply__link\"\n            :class=\"{\n                'is-clicked': clickedIndex === index,\n                'is-disabled': !isInteractive,\n            }\"\n            :disabled=\"!isInteractive\"\n            @click.stop=\"handleClick(index)\">\n            <VvIcon\n                name=\"ri:corner-down-right-line\"\n                class=\"pk-tool-suggested-reply__icon\" />\n            <span>{{ suggestion.label }}</span>\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-suggested-reply {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: var(--spacing-4);\n\n        &__link {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            background: none;\n            border: none;\n            padding: 0;\n            font: inherit;\n            font-size: var(--text-12);\n            text-decoration: underline;\n            text-underline-offset: 2px;\n            cursor: pointer;\n            color: var(--color-word-3);\n            transition: var(--transition-colors);\n\n            &:hover:not(:disabled) {\n                color: var(--color-word);\n            }\n\n            &.is-disabled {\n                cursor: default;\n                pointer-events: none;\n                color: var(--color-word-5);\n            }\n\n            &.is-clicked {\n                color: var(--color-word-5);\n                text-decoration: none;\n            }\n        }\n\n        &__icon {\n            width: 1em;\n            height: 1em;\n            flex-shrink: 0;\n        }\n    }\n</style>\n"],"mappings":";;;;;;;;;;;;;;EAMI,IAAMqC,IAAQC,GAIRC,IAAOH,GAIPI,IAAWlB,QACN,KAAK,MAAM,KAAK,UAAUe,EAAM,IAAI,CAAC,CAY/C,GAGKI,IAAcnB,QAA6B;GAC7C,IAAMoB,IAAQF,EAAS,OAAO;GAW9B,OAVKE,IAGDA,EAAM,aAAa,SACZA,EAAM,cAGbA,EAAM,QACC,CAAC;IAAE,OAAOA,EAAM;IAAO,QAAQA,EAAM,UAAUA,EAAM;GAAM,CAAC,IAEhE,CAAC,IATG,CAAC;EAUhB,CAAC,GAEKC,IAAepB,EAAmB,IAAI,GAEtCqB,IAAgBtB,SAObkB,EAAS,OAAO,UAAU,qBACvBV,EAAiBU,EAAS,OAAO,MAAM,MAC3CG,EAAa,UAAU,IAE9B;EAED,SAASE,EAAY,GAAe;GAChC,IAAI,CAACD,EAAc,OACf;GAEJ,EAAa,QAAQE;GACrB,IAAMC,IAAaN,EAAY,MAAMK,IAC/BE,IAAQD,GAAY,UAAUA,GAAY;GAChD,AAAIC,KACAT,EAAK,UAAUS,CAAK;EAE5B;;;GAIW,OAAAP,EAAA,MAAY,UAAvBxC,EAAA,GAAAC,EAiBM,OAjBN+B,GAiBM,EAhBFhC,EAAA,EAAA,GAAAC,EAeSC,GAAA,MAAAC,EAdyBqC,EAAA,QAAtB,GAAY,OADxBxC,EAAA,GAAAC,EAeS,UAAA;IAbJ,KAAK4C;IACN,MAAK;IACL,OAAKzC,EAAA,CAAC,iCAA+B;KACG,cAAAsC,EAAA,UAAiBG;KAAuC,eAAA,CAAAF,EAAA;;IAI/F,UAAQ,CAAGA,EAAA;IACX,SAAKtC,GAAA,MAAOuC,EAAYC,CAAK,GAAA,CAAA,MAAA,CAAA;GAC9BvC,GAAAA,CAAAA,EAE4C0C,GAAA;IADxC,MAAK;IACL,OAAM;GACVzC,CAAAA,GAAAA,EAAmC,QAAA,MAAAC,EAA1BsC,EAAW,KAAK,GAAA,CAAA,CAAA,GAAA,IAAAb,CAAA"}

package/dist/_chunks/{PkToolShowVideo-Be5bKhUf.js → PkToolShowVideo-CHbk5VXp.js}

@@ -1,8 +1,8 @@
 import { C as e, L as t, O as n, Tt as r, _ as i, bt as a, d as o, h as s, it as c, m as l, v as u, x as d, xt as f, z as p } from "./vue.runtime.esm-bundler-B-NVlZCY.js";
 import "./src-BBUM0qsk.js";
-import { t as m } from "./index.es-D_E1Gj_U.js";
+import { t as m } from "./index.es-dzrOH5E9.js";
 import { n as h } from "./chatImagePolicy-BACuW8x3.js";
-import { t as g } from "./PkHeldImage-B4gZSfa6.js";
+import { t as g } from "./PkHeldImage-CEFdfFts.js";
 //#region ../../packages/utils/src/video-source.ts
 var _ = (e) => e.replace(/[^a-zA-Z0-9_-]/g, ""), v = (e, t) => e === t || e.endsWith(`.${t}`), y = (e) => {
 	if (e.hostname.endsWith("youtu.be")) return _(e.pathname.split("/")[1] ?? "") || null;
@@ -139,4 +139,4 @@ var S = {
 //#endregion
 export { P as default };
 
-//# sourceMappingURL=PkToolShowVideo-Be5bKhUf.js.map
+//# sourceMappingURL=PkToolShowVideo-CHbk5VXp.js.map