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

package/dist-vue/_chunks/{PkToolShowImageGallery-CkfXP_lD.js → PkToolShowImageGallery-ooygXk7j.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { r as t } from "./PkStreamingMarkdown-C55Fi0Pd.js";
-import "./src-DCfvejyT.js";
+import { r as t } from "./PkStreamingMarkdown-CsHzdW69.js";
+import "./src-DpkuiHam.js";
 import { n } from "./url-validation-9DstIfq2.js";
 import { t as r } from "./useImageFallback-5vQIO0pC.js";
-import { n as i, r as a } from "./PkChatbotFilePreview-DIP8KLkS.js";
+import { n as i, r as a } from "./PkChatbotFilePreview-D5H-RIk2.js";
 import { t as o } from "./PkHeldImage-BqnlurT_.js";
 import { VvIcon as s } from "@volverjs/ui-vue/components";
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, onMounted as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, unref as S, watchEffect as C } from "vue";
@@ -85,4 +85,4 @@ var w = {
 //#endregion
 export { N as n, P as t };
 
-//# sourceMappingURL=PkToolShowImageGallery-CkfXP_lD.js.map
+//# sourceMappingURL=PkToolShowImageGallery-ooygXk7j.js.map

package/dist-vue/_chunks/{PkToolShowImageGallery-CkfXP_lD.js.map → PkToolShowImageGallery-ooygXk7j.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowImageGallery-CkfXP_lD.js","names":["$t","__unplugin_components_0","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_toDisplayString","_normalizeClass","_Fragment","_renderList","_unref","_createBlock","PkHeldImage","_createCommentVNode","_sfc_main","__exportAll","useChatImageGate","useImageFallback","useImageSizes","useLightbox","PkHeldImage_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","PkToolShowImageGallery_vue_vue_type_script_setup_true_lang_default","props","__props","toolPart","computed","galleryRef","ref","images","imageGate","isShown","url","canShowImage","measured","ready","image","gridCols","count","onMounted","init","_component_VvIcon","VvIcon","openBlock","createElementBlock","createElementVNode","createVNode","toDisplayString","_ctx","normalizeClass","Fragment","renderList","unref","getSize","isSameSite","onImageError","createBlock","createCommentVNode","PkToolShowImageGallery_exports","PkToolShowImageGallery_default"],"sources":["../../../../packages/components/src/chat/PkToolShowImageGallery.vue","../../../../packages/components/src/chat/PkToolShowImageGallery.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, onMounted, watchEffect } from 'vue'\n    import { isSameSite } from 'utils'\n    import { useImageFallback } from 'composables'\n    import { useLightbox, useImageSizes } from '../composables/useLightbox'\n    import { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                images: Array<{\n                    url: string\n                    caption?: string\n                    alt?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const galleryRef = ref<HTMLElement>()\n    const { preload, getSize } = useImageSizes()\n\n    const images = computed(() => toolPart.value.input?.images ?? [])\n\n    const { canShowImage, onImageError } = useImageFallback()\n    // The model writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts). Until then it is not measured,\n    // linked or handed to the lightbox, which would all fetch it.\n    const imageGate = useChatImageGate()\n    const isShown = (url: string) => imageGate.canLoad(url) && canShowImage(url)\n\n    // Measured once it may load: a held image when it is released, a short\n    // link when it resolves to a listed host.\n    const measured = new Set<string>()\n    watchEffect(() => {\n        const ready = images.value.filter(\n            (image) => !measured.has(image.url) && imageGate.canLoad(image.url),\n        )\n        for (const image of ready) {\n            measured.add(image.url)\n        }\n        preload(ready)\n    })\n\n    const gridCols = computed(() => {\n        const count = images.value.length\n        if (count === 1) {\n            return 'grid-cols-1 justify-items-center'\n        }\n        if (count === 2) {\n            return 'grid-cols-2'\n        }\n        return 'grid-cols-3'\n    })\n\n    const { init } = useLightbox({ gallery: galleryRef })\n\n    onMounted(async () => {\n        await init()\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"images.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden 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 min-h-40\">\n            <VvIcon name=\"ri:image-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.gallery', { count: images.length }) }}\n            </strong>\n        </div>\n        <div class=\"p-sm\">\n            <div ref=\"galleryRef\" class=\"grid gap-8\" :class=\"gridCols\">\n                <a\n                    v-for=\"image in images\"\n                    :key=\"image.url\"\n                    :href=\"isShown(image.url) ? image.url : undefined\"\n                    :data-pswp-src=\"isShown(image.url) ? image.url : undefined\"\n                    :data-pswp-width=\"getSize(image.url).width\"\n                    :data-pswp-height=\"getSize(image.url).height\"\n                    :data-pswp-caption=\"image.caption ?? image.alt ?? ''\"\n                    :data-cropped=\"true\"\n                    class=\"relative block aspect-square overflow-hidden rounded-xl group max-h-384\"\n                    :class=\"[\n                        { 'w-384 max-w-full': images.length === 1 },\n                        canShowImage(image.url)\n                            ? 'cursor-pointer'\n                            : 'pointer-events-none',\n                    ]\"\n                    :title=\"image.caption ?? image.alt ?? ''\"\n                    :target=\"isSameSite(image.url) ? undefined : '_blank'\"\n                    :rel=\"\n                        isSameSite(image.url)\n                            ? undefined\n                            : 'noopener noreferrer'\n                    \">\n                    <PkHeldImage\n                        v-if=\"!imageGate.canLoad(image.url)\"\n                        :host=\"imageGate.hostOf(image.url)\"\n                        fill\n                        @release=\"imageGate.release(image.url)\" />\n                    <img\n                        v-else-if=\"canShowImage(image.url)\"\n                        :src=\"image.url\"\n                        :alt=\"image.alt ?? image.caption ?? ''\"\n                        class=\"w-full h-full object-cover transition-opacity group-hover:opacity-80\"\n                        @error=\"onImageError(image.url)\" />\n                    <div\n                        v-else\n                        class=\"w-full h-full flex flex-col items-center justify-center gap-4 bg-surface-1 text-word-3\">\n                        <VvIcon name=\"ri:camera-off-line\" class=\"text-24\" />\n                        <span class=\"text-12\">{{\n                            $t('label.imageLoadError')\n                        }}</span>\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, onMounted, watchEffect } from 'vue'\n    import { isSameSite } from 'utils'\n    import { useImageFallback } from 'composables'\n    import { useLightbox, useImageSizes } from '../composables/useLightbox'\n    import { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                images: Array<{\n                    url: string\n                    caption?: string\n                    alt?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const galleryRef = ref<HTMLElement>()\n    const { preload, getSize } = useImageSizes()\n\n    const images = computed(() => toolPart.value.input?.images ?? [])\n\n    const { canShowImage, onImageError } = useImageFallback()\n    // The model writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts). Until then it is not measured,\n    // linked or handed to the lightbox, which would all fetch it.\n    const imageGate = useChatImageGate()\n    const isShown = (url: string) => imageGate.canLoad(url) && canShowImage(url)\n\n    // Measured once it may load: a held image when it is released, a short\n    // link when it resolves to a listed host.\n    const measured = new Set<string>()\n    watchEffect(() => {\n        const ready = images.value.filter(\n            (image) => !measured.has(image.url) && imageGate.canLoad(image.url),\n        )\n        for (const image of ready) {\n            measured.add(image.url)\n        }\n        preload(ready)\n    })\n\n    const gridCols = computed(() => {\n        const count = images.value.length\n        if (count === 1) {\n            return 'grid-cols-1 justify-items-center'\n        }\n        if (count === 2) {\n            return 'grid-cols-2'\n        }\n        return 'grid-cols-3'\n    })\n\n    const { init } = useLightbox({ gallery: galleryRef })\n\n    onMounted(async () => {\n        await init()\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"images.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden 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 min-h-40\">\n            <VvIcon name=\"ri:image-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.gallery', { count: images.length }) }}\n            </strong>\n        </div>\n        <div class=\"p-sm\">\n            <div ref=\"galleryRef\" class=\"grid gap-8\" :class=\"gridCols\">\n                <a\n                    v-for=\"image in images\"\n                    :key=\"image.url\"\n                    :href=\"isShown(image.url) ? image.url : undefined\"\n                    :data-pswp-src=\"isShown(image.url) ? image.url : undefined\"\n                    :data-pswp-width=\"getSize(image.url).width\"\n                    :data-pswp-height=\"getSize(image.url).height\"\n                    :data-pswp-caption=\"image.caption ?? image.alt ?? ''\"\n                    :data-cropped=\"true\"\n                    class=\"relative block aspect-square overflow-hidden rounded-xl group max-h-384\"\n                    :class=\"[\n                        { 'w-384 max-w-full': images.length === 1 },\n                        canShowImage(image.url)\n                            ? 'cursor-pointer'\n                            : 'pointer-events-none',\n                    ]\"\n                    :title=\"image.caption ?? image.alt ?? ''\"\n                    :target=\"isSameSite(image.url) ? undefined : '_blank'\"\n                    :rel=\"\n                        isSameSite(image.url)\n                            ? undefined\n                            : 'noopener noreferrer'\n                    \">\n                    <PkHeldImage\n                        v-if=\"!imageGate.canLoad(image.url)\"\n                        :host=\"imageGate.hostOf(image.url)\"\n                        fill\n                        @release=\"imageGate.release(image.url)\" />\n                    <img\n                        v-else-if=\"canShowImage(image.url)\"\n                        :src=\"image.url\"\n                        :alt=\"image.alt ?? image.caption ?? ''\"\n                        class=\"w-full h-full object-cover transition-opacity group-hover:opacity-80\"\n                        @error=\"onImageError(image.url)\" />\n                    <div\n                        v-else\n                        class=\"w-full h-full flex flex-col items-center justify-center gap-4 bg-surface-1 text-word-3\">\n                        <VvIcon name=\"ri:camera-off-line\" class=\"text-24\" />\n                        <span class=\"text-12\">{{\n                            $t('label.imageLoadError')\n                        }}</span>\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowImageGallery-ooygXk7j.js","names":["$t","__unplugin_components_0","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_toDisplayString","_normalizeClass","_Fragment","_renderList","_unref","_createBlock","PkHeldImage","_createCommentVNode","_sfc_main","__exportAll","useChatImageGate","useImageFallback","useImageSizes","useLightbox","PkHeldImage_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","PkToolShowImageGallery_vue_vue_type_script_setup_true_lang_default","props","__props","toolPart","computed","galleryRef","ref","images","imageGate","isShown","url","canShowImage","measured","ready","image","gridCols","count","onMounted","init","_component_VvIcon","VvIcon","openBlock","createElementBlock","createElementVNode","createVNode","toDisplayString","_ctx","normalizeClass","Fragment","renderList","unref","getSize","isSameSite","onImageError","createBlock","createCommentVNode","PkToolShowImageGallery_exports","PkToolShowImageGallery_default"],"sources":["../../../../packages/components/src/chat/PkToolShowImageGallery.vue","../../../../packages/components/src/chat/PkToolShowImageGallery.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, onMounted, watchEffect } from 'vue'\n    import { isSameSite } from 'utils'\n    import { useImageFallback } from 'composables'\n    import { useLightbox, useImageSizes } from '../composables/useLightbox'\n    import { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                images: Array<{\n                    url: string\n                    caption?: string\n                    alt?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const galleryRef = ref<HTMLElement>()\n    const { preload, getSize } = useImageSizes()\n\n    const images = computed(() => toolPart.value.input?.images ?? [])\n\n    const { canShowImage, onImageError } = useImageFallback()\n    // The model writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts). Until then it is not measured,\n    // linked or handed to the lightbox, which would all fetch it.\n    const imageGate = useChatImageGate()\n    const isShown = (url: string) => imageGate.canLoad(url) && canShowImage(url)\n\n    // Measured once it may load: a held image when it is released, a short\n    // link when it resolves to a listed host.\n    const measured = new Set<string>()\n    watchEffect(() => {\n        const ready = images.value.filter(\n            (image) => !measured.has(image.url) && imageGate.canLoad(image.url),\n        )\n        for (const image of ready) {\n            measured.add(image.url)\n        }\n        preload(ready)\n    })\n\n    const gridCols = computed(() => {\n        const count = images.value.length\n        if (count === 1) {\n            return 'grid-cols-1 justify-items-center'\n        }\n        if (count === 2) {\n            return 'grid-cols-2'\n        }\n        return 'grid-cols-3'\n    })\n\n    const { init } = useLightbox({ gallery: galleryRef })\n\n    onMounted(async () => {\n        await init()\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"images.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden 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 min-h-40\">\n            <VvIcon name=\"ri:image-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.gallery', { count: images.length }) }}\n            </strong>\n        </div>\n        <div class=\"p-sm\">\n            <div ref=\"galleryRef\" class=\"grid gap-8\" :class=\"gridCols\">\n                <a\n                    v-for=\"image in images\"\n                    :key=\"image.url\"\n                    :href=\"isShown(image.url) ? image.url : undefined\"\n                    :data-pswp-src=\"isShown(image.url) ? image.url : undefined\"\n                    :data-pswp-width=\"getSize(image.url).width\"\n                    :data-pswp-height=\"getSize(image.url).height\"\n                    :data-pswp-caption=\"image.caption ?? image.alt ?? ''\"\n                    :data-cropped=\"true\"\n                    class=\"relative block aspect-square overflow-hidden rounded-xl group max-h-384\"\n                    :class=\"[\n                        { 'w-384 max-w-full': images.length === 1 },\n                        canShowImage(image.url)\n                            ? 'cursor-pointer'\n                            : 'pointer-events-none',\n                    ]\"\n                    :title=\"image.caption ?? image.alt ?? ''\"\n                    :target=\"isSameSite(image.url) ? undefined : '_blank'\"\n                    :rel=\"\n                        isSameSite(image.url)\n                            ? undefined\n                            : 'noopener noreferrer'\n                    \">\n                    <PkHeldImage\n                        v-if=\"!imageGate.canLoad(image.url)\"\n                        :host=\"imageGate.hostOf(image.url)\"\n                        fill\n                        @release=\"imageGate.release(image.url)\" />\n                    <img\n                        v-else-if=\"canShowImage(image.url)\"\n                        :src=\"image.url\"\n                        :alt=\"image.alt ?? image.caption ?? ''\"\n                        class=\"w-full h-full object-cover transition-opacity group-hover:opacity-80\"\n                        @error=\"onImageError(image.url)\" />\n                    <div\n                        v-else\n                        class=\"w-full h-full flex flex-col items-center justify-center gap-4 bg-surface-1 text-word-3\">\n                        <VvIcon name=\"ri:camera-off-line\" class=\"text-24\" />\n                        <span class=\"text-12\">{{\n                            $t('label.imageLoadError')\n                        }}</span>\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, onMounted, watchEffect } from 'vue'\n    import { isSameSite } from 'utils'\n    import { useImageFallback } from 'composables'\n    import { useLightbox, useImageSizes } from '../composables/useLightbox'\n    import { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                images: Array<{\n                    url: string\n                    caption?: string\n                    alt?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    const galleryRef = ref<HTMLElement>()\n    const { preload, getSize } = useImageSizes()\n\n    const images = computed(() => toolPart.value.input?.images ?? [])\n\n    const { canShowImage, onImageError } = useImageFallback()\n    // The model writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts). Until then it is not measured,\n    // linked or handed to the lightbox, which would all fetch it.\n    const imageGate = useChatImageGate()\n    const isShown = (url: string) => imageGate.canLoad(url) && canShowImage(url)\n\n    // Measured once it may load: a held image when it is released, a short\n    // link when it resolves to a listed host.\n    const measured = new Set<string>()\n    watchEffect(() => {\n        const ready = images.value.filter(\n            (image) => !measured.has(image.url) && imageGate.canLoad(image.url),\n        )\n        for (const image of ready) {\n            measured.add(image.url)\n        }\n        preload(ready)\n    })\n\n    const gridCols = computed(() => {\n        const count = images.value.length\n        if (count === 1) {\n            return 'grid-cols-1 justify-items-center'\n        }\n        if (count === 2) {\n            return 'grid-cols-2'\n        }\n        return 'grid-cols-3'\n    })\n\n    const { init } = useLightbox({ gallery: galleryRef })\n\n    onMounted(async () => {\n        await init()\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"images.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden 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 min-h-40\">\n            <VvIcon name=\"ri:image-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.gallery', { count: images.length }) }}\n            </strong>\n        </div>\n        <div class=\"p-sm\">\n            <div ref=\"galleryRef\" class=\"grid gap-8\" :class=\"gridCols\">\n                <a\n                    v-for=\"image in images\"\n                    :key=\"image.url\"\n                    :href=\"isShown(image.url) ? image.url : undefined\"\n                    :data-pswp-src=\"isShown(image.url) ? image.url : undefined\"\n                    :data-pswp-width=\"getSize(image.url).width\"\n                    :data-pswp-height=\"getSize(image.url).height\"\n                    :data-pswp-caption=\"image.caption ?? image.alt ?? ''\"\n                    :data-cropped=\"true\"\n                    class=\"relative block aspect-square overflow-hidden rounded-xl group max-h-384\"\n                    :class=\"[\n                        { 'w-384 max-w-full': images.length === 1 },\n                        canShowImage(image.url)\n                            ? 'cursor-pointer'\n                            : 'pointer-events-none',\n                    ]\"\n                    :title=\"image.caption ?? image.alt ?? ''\"\n                    :target=\"isSameSite(image.url) ? undefined : '_blank'\"\n                    :rel=\"\n                        isSameSite(image.url)\n                            ? undefined\n                            : 'noopener noreferrer'\n                    \">\n                    <PkHeldImage\n                        v-if=\"!imageGate.canLoad(image.url)\"\n                        :host=\"imageGate.hostOf(image.url)\"\n                        fill\n                        @release=\"imageGate.release(image.url)\" />\n                    <img\n                        v-else-if=\"canShowImage(image.url)\"\n                        :src=\"image.url\"\n                        :alt=\"image.alt ?? image.caption ?? ''\"\n                        class=\"w-full h-full object-cover transition-opacity group-hover:opacity-80\"\n                        @error=\"onImageError(image.url)\" />\n                    <div\n                        v-else\n                        class=\"w-full h-full flex flex-col items-center justify-center gap-4 bg-surface-1 text-word-3\">\n                        <VvIcon name=\"ri:camera-off-line\" class=\"text-24\" />\n                        <span class=\"text-12\">{{\n                            $t('label.imageLoadError')\n                        }}</span>\n                    </div>\n                </a>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkToolShowLocation-Dyz6h_0n.js → PkToolShowLocation-DVMpFdRk.js}

@@ -1,7 +1,8 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { n as t, t as n } from "./cdn-css-JUUNhyQ6.js";
-import "./src-DCfvejyT.js";
-import { VvButton as r, VvButtonGroup as i, VvDropdown as a, VvDropdownAction as o, VvIcon as s } from "@volverjs/ui-vue/components";
+import { t } from "./VvButtonLocalized-BuzLsXp3.js";
+import { n, t as r } from "./cdn-css-JUUNhyQ6.js";
+import "./src-DpkuiHam.js";
+import { VvButtonGroup as i, VvDropdown as a, VvDropdownAction as o, VvIcon as s } from "@volverjs/ui-vue/components";
 import { computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, getCurrentInstance as h, guardReactiveProps as g, normalizeProps as _, onMounted as v, openBlock as y, ref as b, toDisplayString as x, unref as S, watchEffect as C, withCtx as w } from "vue";
 import { useClipboard as T } from "@vueuse/core";
 import { MglGeolocateControl as E, MglMap as D, MglMarker as O, MglNavigationControl as k, MglPopup as A, MglScaleControl as j } from "@indoorequal/vue-maplibre-gl";
@@ -32,7 +33,7 @@ var M = {
 			dark: "https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json"
 		};
 		v(() => {
-			t("https://cdn.jsdelivr.net/npm/maplibre-gl@5/dist/maplibre-gl.css", n(h()?.proxy?.$el));
+			n("https://cdn.jsdelivr.net/npm/maplibre-gl@5/dist/maplibre-gl.css", r(h()?.proxy?.$el));
 		});
 		let J = c(() => m.isDark ? q.dark : q.light);
 		C(async () => {
@@ -53,15 +54,15 @@ var M = {
 			let e = G.value.input;
 			e && U(`${e.name}\n${e.address}`);
 		};
-		return (t, n) => {
-			let c = s, m = r, h = o, v = a, b = i;
+		return (n, r) => {
+			let c = s, m = t, h = o, v = a, b = i;
 			return G.value?.input ? (y(), u("div", M, [
 				d("div", N, [
 					p(c, {
 						name: "ri:map-pin-line",
 						class: "text-16"
 					}),
-					d("strong", P, x(t.$t("label.location")), 1),
+					d("strong", P, x(n.$t("label.location")), 1),
 					p(b, {
 						modifiers: "compact",
 						class: "ml-auto shrink-0"
@@ -69,7 +70,7 @@ var M = {
 						default: w(() => [p(m, {
 							modifiers: "action-quiet-small",
 							icon: S(W) ? "ri:check-line" : "ri:file-copy-line",
-							label: S(W) ? t.$t("action.copied") : t.$t("action.copy"),
+							label: S(W) ? n.$t("action.copied") : n.$t("action.copy"),
 							onClick: te
 						}, null, 8, ["icon", "label"]), p(v, _(g({
 							placement: "bottom-end",
@@ -80,22 +81,22 @@ var M = {
 						})), {
 							items: w(() => [
 								p(h, { onClick: Q }, {
-									default: w(() => [p(c, { name: "ri:map-2-line" }), n[0] ||= f(" Google Maps ", -1)]),
+									default: w(() => [p(c, { name: "ri:map-2-line" }), r[0] ||= f(" Google Maps ", -1)]),
 									_: 1
 								}),
 								p(h, { onClick: $ }, {
-									default: w(() => [p(c, { name: "ri:map-line" }), n[1] ||= f(" Apple Maps ", -1)]),
+									default: w(() => [p(c, { name: "ri:map-line" }), r[1] ||= f(" Apple Maps ", -1)]),
 									_: 1
 								}),
 								p(h, { onClick: ee }, {
-									default: w(() => [p(c, { name: "ri:navigation-line" }), n[2] ||= f(" Waze ", -1)]),
+									default: w(() => [p(c, { name: "ri:navigation-line" }), r[2] ||= f(" Waze ", -1)]),
 									_: 1
 								})
 							]),
 							default: w(() => [p(m, {
 								icon: "ri:direction-line",
 								modifiers: "action-quiet-small",
-								label: t.$t("action.getDirections")
+								label: n.$t("action.getDirections")
 							}, null, 8, ["label"])]),
 							_: 1
 						}, 16)]),
@@ -141,4 +142,4 @@ var M = {
 //#endregion
 export { W as n, G as t };
 
-//# sourceMappingURL=PkToolShowLocation-Dyz6h_0n.js.map
+//# sourceMappingURL=PkToolShowLocation-DVMpFdRk.js.map

package/dist-vue/_chunks/PkToolShowLocation-DVMpFdRk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkToolShowLocation-DVMpFdRk.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","_createCommentVNode","_sfc_main","__exportAll","getShadowRoot","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","PkToolShowLocation_vue_vue_type_script_setup_true_lang_default","props","__props","useClipboard","toolPart","computed","geocodedCoords","ref","MAP_STYLES","getCurrentInstance","mapStyle","input","result","hasCoords","center","getNavDestination","openGoogleMaps","openAppleMaps","openWaze","copyLocation","copy","_component_VvIcon","VvIcon","_component_VvButton","VvButtonLocalized","_component_VvDropdownAction","VvDropdownAction","_component_VvDropdown","VvDropdown","_component_VvButtonGroup","VvButtonGroup","openBlock","createElementBlock","createElementVNode","createVNode","toDisplayString","_ctx","withCtx","unref","copied","normalizeProps","guardReactiveProps","_cache","createTextVNode","MglMap","MglNavigationControl","MglGeolocateControl","MglScaleControl","MglMarker","MglPopup","createCommentVNode","PkToolShowLocation_exports","PkToolShowLocation_default"],"sources":["../../../../packages/components/src/chat/PkToolShowLocation.vue","../../../../packages/components/src/chat/PkToolShowLocation.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import {\n        computed,\n        ref,\n        watchEffect,\n        onMounted,\n        getCurrentInstance,\n    } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { loadCdnCss, getShadowRoot } from 'utils'\n    import {\n        MglGeolocateControl,\n        MglMap,\n        MglMarker,\n        MglNavigationControl,\n        MglPopup,\n        MglScaleControl,\n    } from '@indoorequal/vue-maplibre-gl'\n\n    const props = defineProps<{\n        part: unknown\n        isDark?: boolean\n        mainColor?: string\n        forwardGeocode?: (\n            query: string,\n            lang?: string,\n        ) => Promise<\n            | { latitude: number; longitude: number; displayName: string }\n            | undefined\n        >\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                name: string\n                address: string\n                latitude?: number\n                longitude?: number\n                additionalInfo?: string\n            }\n        }\n        return part\n    })\n\n    const geocodedCoords = ref<[number, number] | null>(null)\n\n    const MAP_STYLES = {\n        light: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',\n        dark: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n    } as const\n\n    onMounted(() => {\n        loadCdnCss(\n            'https://cdn.jsdelivr.net/npm/maplibre-gl@5/dist/maplibre-gl.css',\n            getShadowRoot(getCurrentInstance()?.proxy?.$el),\n        )\n    })\n\n    const mapStyle = computed(() =>\n        props.isDark ? MAP_STYLES.dark : MAP_STYLES.light,\n    )\n\n    watchEffect(async () => {\n        const input = toolPart.value.input\n        if (!input || input.latitude != null || !input.address) {\n            return\n        }\n        if (!props.forwardGeocode) {\n            return\n        }\n\n        try {\n            const result = await props.forwardGeocode(input.address)\n            if (result) {\n                // [lng, lat] — MapLibre coordinate order\n                geocodedCoords.value = [result.longitude, result.latitude]\n            }\n        } catch {\n            // Geocoding failed — fallback to text-only card\n        }\n    })\n\n    const hasCoords = computed(\n        () =>\n            (toolPart.value.input?.latitude != null &&\n                toolPart.value.input?.longitude != null) ||\n            geocodedCoords.value != null,\n    )\n\n    const center = computed<[number, number]>(() => {\n        if (\n            toolPart.value.input?.latitude != null &&\n            toolPart.value.input?.longitude != null\n        ) {\n            // [lng, lat] — MapLibre coordinate order\n            return [\n                toolPart.value.input.longitude,\n                toolPart.value.input.latitude,\n            ]\n        }\n        return geocodedCoords.value ?? [0, 0]\n    })\n\n    // Navigation services expect \"lat,lng\" — center is [lng, lat]\n    const getNavDestination = () =>\n        hasCoords.value\n            ? `${center.value[1]},${center.value[0]}`\n            : (toolPart.value.input?.address ?? '')\n\n    const openGoogleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        window.open(\n            `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(getNavDestination())}`,\n            '_blank',\n        )\n    }\n\n    const openAppleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        window.open(\n            `https://maps.apple.com/?daddr=${encodeURIComponent(getNavDestination())}`,\n            '_blank',\n        )\n    }\n\n    const openWaze = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        if (hasCoords.value) {\n            window.open(\n                `https://waze.com/ul?ll=${center.value[1]},${center.value[0]}&navigate=yes`,\n                '_blank',\n            )\n        } else {\n            window.open(\n                `https://waze.com/ul?q=${encodeURIComponent(input.address)}&navigate=yes`,\n                '_blank',\n            )\n        }\n    }\n\n    const copyLocation = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        copy(`${input.name}\\n${input.address}`)\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:map-pin-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.location') }}</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=\"copyLocation\" />\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:direction-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.getDirections')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleMaps\">\n                            <VvIcon name=\"ri:map-2-line\" />\n                            Google Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openAppleMaps\">\n                            <VvIcon name=\"ri:map-line\" />\n                            Apple Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openWaze\">\n                            <VvIcon name=\"ri:navigation-line\" />\n                            Waze\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div v-if=\"hasCoords\" class=\"h-224 border-b border-surface-3\">\n            <MglMap\n                :map-style=\"mapStyle\"\n                :zoom=\"12\"\n                :center=\"center\"\n                :scroll-zoom=\"false\"\n                :attribution-control=\"false\">\n                <MglNavigationControl\n                    position=\"top-right\"\n                    :show-compass=\"false\" />\n                <MglGeolocateControl position=\"top-right\" />\n                <MglScaleControl position=\"bottom-left\" />\n                <MglMarker :coordinates=\"center\" :color=\"mainColor\">\n                    <MglPopup :close-button=\"false\">\n                        <div class=\"flex flex-col leading-normal text-12 pr-12\">\n                            <p class=\"font-semibold\">\n                                {{ toolPart.input.name }}\n                            </p>\n                            <p\n                                v-if=\"toolPart.input.address\"\n                                class=\"text-word-3\">\n                                {{ toolPart.input.address }}\n                            </p>\n                        </div>\n                    </MglPopup>\n                </MglMarker>\n            </MglMap>\n        </div>\n        <div class=\"p-sm flex flex-col gap-4\">\n            <p class=\"font-semibold text-word-1 text-14\">\n                {{ toolPart.input.name }}\n            </p>\n            <p class=\"text-12 text-word-3\">{{ toolPart.input.address }}</p>\n            <p v-if=\"toolPart.input.additionalInfo\" class=\"text-12 text-word-4\">\n                {{ toolPart.input.additionalInfo }}\n            </p>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import {\n        computed,\n        ref,\n        watchEffect,\n        onMounted,\n        getCurrentInstance,\n    } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { loadCdnCss, getShadowRoot } from 'utils'\n    import {\n        MglGeolocateControl,\n        MglMap,\n        MglMarker,\n        MglNavigationControl,\n        MglPopup,\n        MglScaleControl,\n    } from '@indoorequal/vue-maplibre-gl'\n\n    const props = defineProps<{\n        part: unknown\n        isDark?: boolean\n        mainColor?: string\n        forwardGeocode?: (\n            query: string,\n            lang?: string,\n        ) => Promise<\n            | { latitude: number; longitude: number; displayName: string }\n            | undefined\n        >\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                name: string\n                address: string\n                latitude?: number\n                longitude?: number\n                additionalInfo?: string\n            }\n        }\n        return part\n    })\n\n    const geocodedCoords = ref<[number, number] | null>(null)\n\n    const MAP_STYLES = {\n        light: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',\n        dark: 'https://basemaps.cartocdn.com/gl/dark-matter-gl-style/style.json',\n    } as const\n\n    onMounted(() => {\n        loadCdnCss(\n            'https://cdn.jsdelivr.net/npm/maplibre-gl@5/dist/maplibre-gl.css',\n            getShadowRoot(getCurrentInstance()?.proxy?.$el),\n        )\n    })\n\n    const mapStyle = computed(() =>\n        props.isDark ? MAP_STYLES.dark : MAP_STYLES.light,\n    )\n\n    watchEffect(async () => {\n        const input = toolPart.value.input\n        if (!input || input.latitude != null || !input.address) {\n            return\n        }\n        if (!props.forwardGeocode) {\n            return\n        }\n\n        try {\n            const result = await props.forwardGeocode(input.address)\n            if (result) {\n                // [lng, lat] — MapLibre coordinate order\n                geocodedCoords.value = [result.longitude, result.latitude]\n            }\n        } catch {\n            // Geocoding failed — fallback to text-only card\n        }\n    })\n\n    const hasCoords = computed(\n        () =>\n            (toolPart.value.input?.latitude != null &&\n                toolPart.value.input?.longitude != null) ||\n            geocodedCoords.value != null,\n    )\n\n    const center = computed<[number, number]>(() => {\n        if (\n            toolPart.value.input?.latitude != null &&\n            toolPart.value.input?.longitude != null\n        ) {\n            // [lng, lat] — MapLibre coordinate order\n            return [\n                toolPart.value.input.longitude,\n                toolPart.value.input.latitude,\n            ]\n        }\n        return geocodedCoords.value ?? [0, 0]\n    })\n\n    // Navigation services expect \"lat,lng\" — center is [lng, lat]\n    const getNavDestination = () =>\n        hasCoords.value\n            ? `${center.value[1]},${center.value[0]}`\n            : (toolPart.value.input?.address ?? '')\n\n    const openGoogleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        window.open(\n            `https://www.google.com/maps/dir/?api=1&destination=${encodeURIComponent(getNavDestination())}`,\n            '_blank',\n        )\n    }\n\n    const openAppleMaps = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        window.open(\n            `https://maps.apple.com/?daddr=${encodeURIComponent(getNavDestination())}`,\n            '_blank',\n        )\n    }\n\n    const openWaze = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        if (hasCoords.value) {\n            window.open(\n                `https://waze.com/ul?ll=${center.value[1]},${center.value[0]}&navigate=yes`,\n                '_blank',\n            )\n        } else {\n            window.open(\n                `https://waze.com/ul?q=${encodeURIComponent(input.address)}&navigate=yes`,\n                '_blank',\n            )\n        }\n    }\n\n    const copyLocation = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        copy(`${input.name}\\n${input.address}`)\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:map-pin-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.location') }}</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=\"copyLocation\" />\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:direction-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.getDirections')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleMaps\">\n                            <VvIcon name=\"ri:map-2-line\" />\n                            Google Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openAppleMaps\">\n                            <VvIcon name=\"ri:map-line\" />\n                            Apple Maps\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openWaze\">\n                            <VvIcon name=\"ri:navigation-line\" />\n                            Waze\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div v-if=\"hasCoords\" class=\"h-224 border-b border-surface-3\">\n            <MglMap\n                :map-style=\"mapStyle\"\n                :zoom=\"12\"\n                :center=\"center\"\n                :scroll-zoom=\"false\"\n                :attribution-control=\"false\">\n                <MglNavigationControl\n                    position=\"top-right\"\n                    :show-compass=\"false\" />\n                <MglGeolocateControl position=\"top-right\" />\n                <MglScaleControl position=\"bottom-left\" />\n                <MglMarker :coordinates=\"center\" :color=\"mainColor\">\n                    <MglPopup :close-button=\"false\">\n                        <div class=\"flex flex-col leading-normal text-12 pr-12\">\n                            <p class=\"font-semibold\">\n                                {{ toolPart.input.name }}\n                            </p>\n                            <p\n                                v-if=\"toolPart.input.address\"\n                                class=\"text-word-3\">\n                                {{ toolPart.input.address }}\n                            </p>\n                        </div>\n                    </MglPopup>\n                </MglMarker>\n            </MglMap>\n        </div>\n        <div class=\"p-sm flex flex-col gap-4\">\n            <p class=\"font-semibold text-word-1 text-14\">\n                {{ toolPart.input.name }}\n            </p>\n            <p class=\"text-12 text-word-3\">{{ toolPart.input.address }}</p>\n            <p v-if=\"toolPart.input.additionalInfo\" class=\"text-12 text-word-4\">\n                {{ toolPart.input.additionalInfo }}\n            </p>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkToolShowMessage-CbXERPHI.js → PkToolShowMessage-ATTN5Hac.js}

@@ -1,6 +1,7 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { n as t } from "./useShortUrlResolver-DI8ycJiO.js";
-import { VvButton as n, VvButtonGroup as r, VvDropdown as i, VvDropdownAction as a, VvIcon as o } from "@volverjs/ui-vue/components";
+import { t } from "./VvButtonLocalized-BuzLsXp3.js";
+import { n } from "./useShortUrlResolver-DI8ycJiO.js";
+import { VvButtonGroup as r, VvDropdown as i, VvDropdownAction as a, VvIcon as o } from "@volverjs/ui-vue/components";
 import { computed as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, normalizeProps as m, openBlock as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
 import { useClipboard as y } from "@vueuse/core";
 //#region ../../packages/components/src/chat/PkToolShowMessage.vue?vue&type=script&setup=true&lang.ts
@@ -8,7 +9,7 @@ var b = { class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-s
 	__name: "PkToolShowMessage",
 	props: { part: {} },
 	setup(e) {
-		let f = e, { copy: E, copied: D } = y(), O = s(() => f.part), { resolveText: k } = t(), A = k(() => O.value.input?.body), j = () => {
+		let f = e, { copy: E, copied: D } = y(), O = s(() => f.part), { resolveText: k } = n(), A = k(() => O.value.input?.body), j = () => {
 			if (!O.value.input) return;
 			let e = `https://wa.me/?text=${encodeURIComponent(A.value)}`;
 			window.open(e, "_blank");
@@ -21,8 +22,8 @@ var b = { class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-s
 			let e = `sms:?body=${encodeURIComponent(A.value)}`;
 			window.open(e);
 		};
-		return (e, t) => {
-			let s = o, f = n, y = a, O = i, k = r;
+		return (e, n) => {
+			let s = o, f = t, y = a, O = i, k = r;
 			return h(), c("div", b, [l("div", x, [
 				d(s, {
 					name: "ri:chat-1-line",
@@ -37,7 +38,7 @@ var b = { class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-s
 						modifiers: "action-quiet-small",
 						icon: _(D) ? "ri:check-line" : "ri:file-copy-line",
 						label: _(D) ? e.$t("action.copied") : e.$t("action.copy"),
-						onClick: t[0] ||= (e) => _(E)(_(A))
+						onClick: n[0] ||= (e) => _(E)(_(A))
 					}, null, 8, ["icon", "label"]), d(O, m(p({
 						placement: "bottom-end",
 						modifiers: "menu",
@@ -75,4 +76,4 @@ var b = { class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-s
 //#endregion
 export { D as n, O as t };
 
-//# sourceMappingURL=PkToolShowMessage-CbXERPHI.js.map
+//# sourceMappingURL=PkToolShowMessage-ATTN5Hac.js.map

package/dist-vue/_chunks/PkToolShowMessage-ATTN5Hac.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkToolShowMessage-ATTN5Hac.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","__exportAll","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","PkToolShowMessage_vue_vue_type_script_setup_true_lang_default","props","__props","useClipboard","toolPart","computed","useShortUrlResolver","body","resolveText","openInWhatsApp","url","openInTelegram","openInSms","_component_VvIcon","VvIcon","_component_VvButton","VvButtonLocalized","_component_VvDropdownAction","VvDropdownAction","_component_VvDropdown","VvDropdown","_component_VvButtonGroup","VvButtonGroup","openBlock","createElementBlock","createElementVNode","createVNode","toDisplayString","_ctx","withCtx","unref","copied","_cache","copy","normalizeProps","guardReactiveProps","createTextVNode","PkToolShowMessage_exports","PkToolShowMessage_default"],"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,IAAMyB,IAAQC,GAIR,EAAE,SAAM,cAAWC,EAAa,GAEhCC,IAAWC,QACAJ,EAAM,IAMtB,GAIK,EAAE,mBAAgBK,EAAoB,GACtCC,IAAOC,QAAkBJ,EAAS,MAAM,OAAO,IAAI,GAEnDK,UAAuB;GACzB,IAAI,CAACL,EAAS,MAAM,OAChB;GAEJ,IAAMM,IAAM,uBAAuB,mBAAmBH,EAAK,KAAK;GAChE,OAAO,KAAKG,GAAK,QAAQ;EAC7B,GAEMC,UAAuB;GACzB,IAAI,CAACP,EAAS,MAAM,OAChB;GAEJ,IAAMM,IAAM,+BAA+B,mBAAmBH,EAAK,KAAK;GACxE,OAAO,KAAKG,GAAK,QAAQ;EAC7B,GAEME,UAAkB;GACpB,IAAI,CAACR,EAAS,MAAM,OAChB;GAEJ,IAAMM,IAAM,aAAa,mBAAmBH,EAAK,KAAK;GACtD,OAAO,KAAKG,CAAG;EACnB;;;GAIA,OAAA5B,EAAA,GAAAC,EAmDM,OAnDNW,GAmDM,CAjDFV,EAwCM,OAxCNW,GAwCM;IAtCFV,EAAgD4B,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC7B,EAES,UAFTY,GAESV,EADFV,EAAAA,GAAE,eAAA,CAAA,GAAA,CAAA;IAETS,EAiCgBoC,GAAA;KAjCD,WAAU;KAAU,OAAM;;KACrC,SAAAlC,QAI0B,CAJ1BF,EAI0B8B,GAAA;MAHtB,WAAU;MACT,MAAM3B,EAAA2C,CAAA,IAAM,kBAAA;MACZ,OAAO3C,EAAA2C,CAAA,IAASvD,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAAwD,EAAA,QAAA,MAAE5C,EAAA6C,CAAA,CAAI,CAAC7C,EAAAmB,CAAA,CAAI;KACrBtB,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,GAAAA,EA0BakC,GAAA9B,EAAAC,EAzBD;;;;;;KAMP,CAAA,CAAA,GAAA;MAKU,OAAKH,QAIO;OAHnBF,EAGmBgC,GAAA,EAHA,SAAOR,EAAc,GAAA;QACpC,SAAAtB,QAAkC,CAAlCF,EAAkC4B,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAGtB,EAAA,MAClCL,EAAGV,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAETS,EAGmBgC,GAAA,EAHA,SAAON,EAAc,GAAA;QACpC,SAAAxB,QAAkC,CAAlCF,EAAkC4B,GAAA,EAA1B,MAAK,mBAAkB,CAAA,GAAGtB,EAAA,MAClCL,EAAGV,EAAAA,GAAE,uBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;OAETS,EAGmBgC,GAAA,EAHA,SAAOL,EAAS,GAAA;QAC/B,SAAAzB,QAAmC,CAAnCF,EAAmC4B,GAAA,EAA3B,MAAK,oBAAmB,CAAA,GAAGtB,EAAA,MACnCL,EAAGV,EAAAA,GAAE,kBAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;;MAfb,SAAAW,QAGiC,CAHjCF,EAGiC8B,GAAA;OAF7B,MAAK;OACL,WAAU;OACT,OAAOvC,EAAAA,GAAE,aAAA;;;;;;GAkB1BQ,CAAAA,GAAAA,EAOM,OAPNa,GAOM,CANFb,EAEM,OAFNc,GAEMZ,EADCV,EAAAA,GAAE,YAAA,CAAA,GAAA,CAAA,GAETQ,EAEQ,OAFRe,GAEQb,EADJE,EAAAmB,CAAA,CAAI,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist-vue/_chunks/{PkToolShowProductList-De-PtmD-.js → PkToolShowProductList-D-HJ9a_h.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { r as t } from "./PkStreamingMarkdown-C55Fi0Pd.js";
+import { r as t } from "./PkStreamingMarkdown-CsHzdW69.js";
 import { t as n } from "./PkLazyImg-X5BMNU_R.js";
 import { t as r } from "./PkUrl-CN1kkZiH.js";
 import { t as i } from "./PkHeldImage-BqnlurT_.js";
@@ -69,4 +69,4 @@ var x = {
 //#endregion
 export { A as n, j as t };
 
-//# sourceMappingURL=PkToolShowProductList-De-PtmD-.js.map
+//# sourceMappingURL=PkToolShowProductList-D-HJ9a_h.js.map

package/dist-vue/_chunks/{PkToolShowProductList-De-PtmD-.js.map → PkToolShowProductList-D-HJ9a_h.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowProductList-De-PtmD-.js","names":["__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createBlock","_resolveDynamicComponent","_withCtx","_unref","PkHeldImage","PkLazyImg","_createCommentVNode","_createElementVNode","_toDisplayString","_createVNode","PkUrl","_sfc_main","__exportAll","useChatImageGate","PkLazyImg_default","PkUrl_default","PkHeldImage_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","PkToolShowProductList_vue_vue_type_script_setup_true_lang_default","props","__props","toolPart","computed","imageGate","_component_VvIcon","VvIcon","openBlock","createElementBlock","Fragment","renderList","index","normalizeClass","product","createBlock","resolveDynamicComponent","withCtx","unref","createCommentVNode","createElementVNode","toDisplayString","createVNode","PkToolShowProductList_exports","PkToolShowProductList_default"],"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,IAAMgC,IAAQC,GAIRC,IAAWC,QACAH,EAAM,IAatB,GAIKI,IAAYjB,EAAiB;;;GAKzB,OAAAe,EAAA,OAAU,OAAO,UAAU,UADrCjC,EAAA,GAAAC,EA6DK,MA7DLqB,GA6DK,EA1DDtB,EAAA,EAAA,GAAAC,EAyDKC,GAAA,MAAAC,EAxD0B8B,EAAA,MAAS,MAAM,WAAlC,GAAS,OADrBjC,EAAA,GAAAC,EAyDK,MAAA;IAvDA,KAAKyC;IACN,OAAKtC,EAAA,CAAC,WAAS,EAAA,kBAAA,CACcwC,EAAQ,IAAG,CAAA,CAAA;GAExC5C,GAAAA,EAAAA,EAAA,GAAAK,EAkDYC,EAjDHsC,EAAQ,MAAG,MAAA,KAAA,GAAA;IACf,MAAMA,EAAQ;IACd,QAAQA,EAAQ,MAAG,WAAc,KAAA;IACjC,KAAKA,EAAQ,MAAG,wBAA2B,KAAA;IAC5C,OAAM;;IAGN,SAAArC,QAIkD,CAHxCqC,EAAQ,SAAK,CAAKpC,EAAA2B,CAAA,CAAS,CAAC,QAAQS,EAAQ,KAAK,KAD3D5C,EAAA,GAAAK,EAIkDI,GAAA;;KAF7C,MAAMD,EAAA2B,CAAA,CAAS,CAAC,OAAOS,EAAQ,KAAK;KACrC,OAAM;KACL,YAAO,MAAEpC,EAAA2B,CAAA,CAAS,CAAC,QAAQS,EAAQ,KAAK;IAE9B,GAAA,MAAA,GAAA,CAAA,QAAA,WAAA,CAAA,KAAAA,EAAQ,SADvB5C,EAAA,GAAAK,EAK8FK,GAAA;;KAHzF,KAAKkC,EAAQ;KACb,KAAKA,EAAQ;KACd,iBAAc;KACd,OAAM;IACVhC,GAAAA,MAAAA,GAAAA,CAAAA,OAAAA,KAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EA8BM,OA9BNW,GA8BM;KA7BFX,EAES,UAFTY,GAESX,EADF+B,EAAQ,IAAI,GAAA,CAAA;KAGTA,EAAQ,OADlB5C,EAAA,GAAAC,EAKO,QALPwB,GAKO,CAFHX,EAAkDsB,GAAA;MAA1C,MAAK;MAAU,OAAM;KAC7BtB,CAAAA,GAAAA,EAA4BC,GAAA,EAApB,KAAK6B,EAAQ,IAAA,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAAK,EAAA,IAAA,EAAA;KAEzBrC,EAcM,OAdNc,GAcM,CAZQkB,EAAQ,SADlB5C,EAAA,GAAAC,EAIO,QAJP0B,GAIOd,EADA+B,EAAQ,KAAK,GAAA,CAAA,KAAAK,EAAA,IAAA,EAAA,GAMVL,EAAQ,gBADlB5C,EAAA,GAAAC,EAIO,QAJP2B,GAIOf,EADA+B,EAAQ,YAAY,GAAA,CAAA,KAAAK,EAAA,IAAA,EAAA,CAAA,CAAA;KAIrBL,EAAQ,eADlB5C,EAAA,GAAAC,EAII,KAJJ4B,GAIIhB,EADG+B,EAAQ,WAAW,GAAA,CAAA,KAAAK,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PkToolShowProductList-D-HJ9a_h.js","names":["__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_renderList","_normalizeClass","_createBlock","_resolveDynamicComponent","_withCtx","_unref","PkHeldImage","PkLazyImg","_createCommentVNode","_createElementVNode","_toDisplayString","_createVNode","PkUrl","_sfc_main","__exportAll","useChatImageGate","PkLazyImg_default","PkUrl_default","PkHeldImage_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","PkToolShowProductList_vue_vue_type_script_setup_true_lang_default","props","__props","toolPart","computed","imageGate","_component_VvIcon","VvIcon","openBlock","createElementBlock","Fragment","renderList","index","normalizeClass","product","createBlock","resolveDynamicComponent","withCtx","unref","createCommentVNode","createElementVNode","toDisplayString","createVNode","PkToolShowProductList_exports","PkToolShowProductList_default"],"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,IAAMgC,IAAQC,GAIRC,IAAWC,QACAH,EAAM,IAatB,GAIKI,IAAYjB,EAAiB;;;GAKzB,OAAAe,EAAA,OAAU,OAAO,UAAU,UADrCjC,EAAA,GAAAC,EA6DK,MA7DLqB,GA6DK,EA1DDtB,EAAA,EAAA,GAAAC,EAyDKC,GAAA,MAAAC,EAxD0B8B,EAAA,MAAS,MAAM,WAAlC,GAAS,OADrBjC,EAAA,GAAAC,EAyDK,MAAA;IAvDA,KAAKyC;IACN,OAAKtC,EAAA,CAAC,WAAS,EAAA,kBAAA,CACcwC,EAAQ,IAAG,CAAA,CAAA;GAExC5C,GAAAA,EAAAA,EAAA,GAAAK,EAkDYC,EAjDHsC,EAAQ,MAAG,MAAA,KAAA,GAAA;IACf,MAAMA,EAAQ;IACd,QAAQA,EAAQ,MAAG,WAAc,KAAA;IACjC,KAAKA,EAAQ,MAAG,wBAA2B,KAAA;IAC5C,OAAM;;IAGN,SAAArC,QAIkD,CAHxCqC,EAAQ,SAAK,CAAKpC,EAAA2B,CAAA,CAAS,CAAC,QAAQS,EAAQ,KAAK,KAD3D5C,EAAA,GAAAK,EAIkDI,GAAA;;KAF7C,MAAMD,EAAA2B,CAAA,CAAS,CAAC,OAAOS,EAAQ,KAAK;KACrC,OAAM;KACL,YAAO,MAAEpC,EAAA2B,CAAA,CAAS,CAAC,QAAQS,EAAQ,KAAK;IAE9B,GAAA,MAAA,GAAA,CAAA,QAAA,WAAA,CAAA,KAAAA,EAAQ,SADvB5C,EAAA,GAAAK,EAK8FK,GAAA;;KAHzF,KAAKkC,EAAQ;KACb,KAAKA,EAAQ;KACd,iBAAc;KACd,OAAM;IACVhC,GAAAA,MAAAA,GAAAA,CAAAA,OAAAA,KAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,GAAAA,EA8BM,OA9BNW,GA8BM;KA7BFX,EAES,UAFTY,GAESX,EADF+B,EAAQ,IAAI,GAAA,CAAA;KAGTA,EAAQ,OADlB5C,EAAA,GAAAC,EAKO,QALPwB,GAKO,CAFHX,EAAkDsB,GAAA;MAA1C,MAAK;MAAU,OAAM;KAC7BtB,CAAAA,GAAAA,EAA4BC,GAAA,EAApB,KAAK6B,EAAQ,IAAA,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAAK,EAAA,IAAA,EAAA;KAEzBrC,EAcM,OAdNc,GAcM,CAZQkB,EAAQ,SADlB5C,EAAA,GAAAC,EAIO,QAJP0B,GAIOd,EADA+B,EAAQ,KAAK,GAAA,CAAA,KAAAK,EAAA,IAAA,EAAA,GAMVL,EAAQ,gBADlB5C,EAAA,GAAAC,EAIO,QAJP2B,GAIOf,EADA+B,EAAQ,YAAY,GAAA,CAAA,KAAAK,EAAA,IAAA,EAAA,CAAA,CAAA;KAIrBL,EAAQ,eADlB5C,EAAA,GAAAC,EAII,KAJJ4B,GAIIhB,EADG+B,EAAQ,WAAW,GAAA,CAAA,KAAAK,EAAA,IAAA,EAAA"}

package/dist-vue/_chunks/{PkToolShowQrCode-DEAvfLFu.js → PkToolShowQrCode-D_5VUtEB.js}

@@ -1,5 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { VvButton as t, VvButtonGroup as n, VvIcon as r } from "@volverjs/ui-vue/components";
+import { t } from "./VvButtonLocalized-BuzLsXp3.js";
+import { VvButtonGroup as n, VvIcon as r } from "@volverjs/ui-vue/components";
 import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, onMounted as u, openBlock as d, ref as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
 import { useClipboard as g } from "@vueuse/core";
 //#region ../../packages/components/src/chat/PkToolShowQrCode.vue?vue&type=script&setup=true&lang.ts
@@ -69,4 +70,4 @@ var _ = {
 //#endregion
 export { w as n, T as t };
 
-//# sourceMappingURL=PkToolShowQrCode-DEAvfLFu.js.map
+//# sourceMappingURL=PkToolShowQrCode-D_5VUtEB.js.map

package/dist-vue/_chunks/PkToolShowQrCode-D_5VUtEB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkToolShowQrCode-D_5VUtEB.js","names":["$t","__unplugin_components_0","__unplugin_components_1","__unplugin_components_2","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_toDisplayString","_withCtx","_unref","_createCommentVNode","_sfc_main","__exportAll","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","PkToolShowQrCode_vue_vue_type_script_setup_true_lang_default","props","__props","useClipboard","toolPart","computed","svgContent","ref","qrContainerRef","content","QRCode","downloadQr","svgEl","svgData","svgBlob","svgUrl","canvas","ctx","img","a","_component_VvIcon","VvIcon","_component_VvButton","VvButtonLocalized","_component_VvButtonGroup","VvButtonGroup","openBlock","createElementBlock","createElementVNode","createVNode","toDisplayString","_ctx","withCtx","unref","copied","_cache","copy","createCommentVNode","PkToolShowQrCode_exports","PkToolShowQrCode_default"],"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,IAAMqB,IAAQC,GAIR,EAAE,SAAM,cAAWC,EAAa,GAEhCC,IAAWC,QACAJ,EAAM,IAOtB,GAEKK,IAAaC,EAAI,EAAE,GACnBC,IAAiBD,EAAiB;EAExC,EAAU,YAAY;GAClB,IAAME,IAAUL,EAAS,MAAM,OAAO;GACtC,IAAI,CAACK,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,OAAAX,EAAA,OAAU,SADpBpB,EAAA,GAAAC,EA4BM,OA5BNS,GA4BM,CAzBFR,EAgBM,OAhBNS,GAgBM;IAdFR,EAAiDiC,GAAA;KAAzC,MAAK;KAAkB,OAAM;;IACrClC,EAA2D,UAA3DU,GAA2DR,EAA9BR,EAAAA,GAAE,cAAA,CAAA,GAAA,CAAA;IAC/BO,EAWgBqC,GAAA;KAXD,WAAU;KAAU,OAAM;;KACrC,SAAAnC,QAIoD,CAJpDF,EAIoDmC,GAAA;MAHhD,WAAU;MACT,MAAMhC,EAAA4C,CAAA,IAAM,kBAAA;MACZ,OAAO5C,EAAA4C,CAAA,IAAStD,EAAAA,GAAE,eAAA,IAAoBA,EAAAA,GAAE,aAAA;MACxC,SAAK,AAAAuD,EAAA,QAAA,MAAE7C,EAAA8C,CAAA,CAAI,CAAChC,EAAA,OAAU,OAAO,WAAO,EAAA;KACzCjB,GAAAA,MAAAA,GAAAA,CAAAA,QAAAA,OAAAA,CAAAA,GAAAA,EAI0BmC,GAAA;MAHtB,WAAU;MACV,MAAK;MACJ,OAAO1C,EAAAA,GAAE,iBAAA;MACT,SAAO+B;;;;GAGpBzB,CAAAA,GAAAA,EAOM,OAPNW,GAOM,CANFX,EAAoE,OAAA;IAA3D,SAAA;IAAJ,KAAIsB;IAAiB,OAAM;IAAc,WAAQF,EAAA;GAE5C,GAAA,MAAA,GAAAR,CAAA,GAAAM,EAAA,MAAS,MAAM,SADzBpB,EAAA,GAAAC,EAII,KAJJc,GAIIX,EADGgB,EAAA,MAAS,MAAM,KAAK,GAAA,CAAA,KAAAiC,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA,KAAAA,EAAA,IAAA,EAAA"}