@8wave/ai-elements 0.90.0 → 0.91.0

package/dist-vue/_chunks/{PkSvgViewer-CTYxVK7q.js → PkSvgViewer-Dtx4uluo.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./PkChatbotFilePreview-DG887KhT.js";
+import { r as e } from "./PkChatbotFilePreview-Bf1bdZn8.js";
 import { VvButton as t, VvButtonGroup as n } from "@volverjs/ui-vue/components";
 import { Transition as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, onMounted as p, openBlock as m, ref as h, unref as g, watch as _, withCtx as v } from "vue";
 import { useI18n as y } from "vue-i18n";
@@ -122,4 +122,4 @@ var b = [
 //#endregion
 export { S as t };
 
-//# sourceMappingURL=PkSvgViewer-CTYxVK7q.js.map
+//# sourceMappingURL=PkSvgViewer-Dtx4uluo.js.map

package/dist-vue/_chunks/{PkSvgViewer-CTYxVK7q.js.map → PkSvgViewer-Dtx4uluo.js.map}

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

package/dist-vue/_chunks/{PkToolShowArtifact-Csjfo9Xl.js → PkToolShowArtifact-CoYM3_A3.js}

@@ -1,5 +1,5 @@
-import { d as e } from "./useChatbotStore-GEO6rQ74.js";
-import { t } from "./PkStreamingMarkdown-CVAsbuWi.js";
+import { d as e } from "./useChatbotStore-WPRS7mhR.js";
+import { t } from "./PkStreamingMarkdown-C_LQOTVJ.js";
 import { VvButton as n } from "@volverjs/ui-vue/components";
 import { computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, toDisplayString as p, unref as m, watch as h } from "vue";
 import { useClipboard as g } from "@vueuse/core";
@@ -88,4 +88,4 @@ var _ = ["innerHTML"], v = /* @__PURE__ */ l({
 //#endregion
 export { T as n, v as r, E as t };
 
-//# sourceMappingURL=PkToolShowArtifact-Csjfo9Xl.js.map
+//# sourceMappingURL=PkToolShowArtifact-CoYM3_A3.js.map

package/dist-vue/_chunks/{PkToolShowArtifact-Csjfo9Xl.js.map → PkToolShowArtifact-CoYM3_A3.js.map}

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

package/dist-vue/_chunks/{PkToolShowCalendarEvent-B2tHaoqo.js → PkToolShowCalendarEvent-BZYdRwid.js}

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

package/dist-vue/_chunks/{PkToolShowCalendarEvent-B2tHaoqo.js.map → PkToolShowCalendarEvent-BZYdRwid.js.map}

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

package/dist-vue/_chunks/{PkToolShowComparison-BLDtjv3w.js → PkToolShowComparison-C4OP5c1t.js}

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

package/dist-vue/_chunks/{PkToolShowComparison-BLDtjv3w.js.map → PkToolShowComparison-C4OP5c1t.js.map}

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

package/dist-vue/_chunks/{PkToolShowContactForm-CdgD4fd8.js → PkToolShowContactForm-DjX9G8CD.js}

@@ -1,9 +1,9 @@
-import { d as e } from "./useChatbotStore-GEO6rQ74.js";
+import { d as e } from "./useChatbotStore-WPRS7mhR.js";
 import { l as t, m as n, v as r } from "./schemas-B9AZeRC2.js";
 import { t as i } from "./useSafeLocalStorage-ZixhvX4i.js";
-import { t as a } from "./useLocalizedString-DPX1ED4p.js";
-import { t as o } from "./PkStreamingMarkdown-CVAsbuWi.js";
-import { t as s } from "./index.es-ChKj3bPm.js";
+import { t as a } from "./useLocalizedString-BQzGZyu0.js";
+import { t as o } from "./PkStreamingMarkdown-C_LQOTVJ.js";
+import { t as s } from "./index.es-W-WNHB7-.js";
 import { VvButton as c, VvIcon as l } from "@volverjs/ui-vue/components";
 import { Transition as u, computed as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, isRef as g, openBlock as _, toDisplayString as v, unref as y, watch as b, withCtx as x } from "vue";
 import { useI18n as S } from "vue-i18n";
@@ -119,4 +119,4 @@ var C = { class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-s
 //#endregion
 export { P as n, F as t };
 
-//# sourceMappingURL=PkToolShowContactForm-CdgD4fd8.js.map
+//# sourceMappingURL=PkToolShowContactForm-DjX9G8CD.js.map

package/dist-vue/_chunks/{PkToolShowContactForm-CdgD4fd8.js.map → PkToolShowContactForm-DjX9G8CD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowContactForm-CdgD4fd8.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowContactForm.vue","../../../../packages/components/src/chat/PkToolShowContactForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { useSafeLocalStorage, useLocalizedString } from 'composables'\n    import type { LocalizedString } from 'models'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const props = defineProps<{\n        part: unknown\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n        readonly?: boolean\n        privacyPolicyNotice?: LocalizedString\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            type: string\n            toolCallId: string\n            input?: {\n                name: string\n                email: string\n                phone?: string\n                conversationContext?: Record<string, unknown>\n            }\n        }\n        return part\n    })\n\n    const input = computed(() => toolPart.value.input)\n\n    const localSubmitted = useSafeLocalStorage<boolean>(\n        computed(\n            () =>\n                `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n        ),\n        false,\n    )\n\n    const LeadFormSchema = z.object({\n        name: z.string().min(1).max(255).default(''),\n        email: z.email().max(255).default(''),\n        phone: z\n            .string()\n            .max(50)\n            .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n            .optional(),\n    })\n\n    const emit = defineEmits<{\n        submit: [data: Record<string, unknown>]\n    }>()\n\n    const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n        lazyLoad: true,\n    })\n\n    // Pre-populate form with input values\n    watch(\n        input,\n        (newInput) => {\n            formData.value = {\n                name: newInput?.name || '',\n                email: newInput?.email || '',\n                phone: newInput?.phone || '',\n            }\n        },\n        { immediate: true },\n    )\n\n    watch(\n        () => props.submitted,\n        (submitted) => {\n            if (submitted) {\n                localSubmitted.value = true\n            }\n        },\n        { immediate: true },\n    )\n\n    const isSubmitted = computed(() => {\n        return props.submitted || localSubmitted.value\n    })\n\n    const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n        emit('submit', { ...data, metadata: input.value?.conversationContext })\n    }\n\n    const privacyNotice = useLocalizedString(\n        () => props.privacyPolicyNotice,\n        'message.defaultPrivacyPolicyNotice',\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 min-h-40\">\n            <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n        </div>\n\n        <Transition mode=\"out-in\">\n            <div v-if=\"!isSubmitted\" class=\"p-sm\">\n                <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n                    <VvFormField\n                        name=\"name\"\n                        type=\"text\"\n                        :label=\"$t('label.name')\"\n                        :placeholder=\"$t('placeholder.name')\"\n                        icon=\"ri:user-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"email\"\n                        type=\"email\"\n                        :label=\"$t('label.email')\"\n                        :placeholder=\"$t('placeholder.email')\"\n                        icon=\"ri:mail-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"phone\"\n                        type=\"tel\"\n                        :label=\"$t('label.phone')\"\n                        :placeholder=\"$t('placeholder.phone')\"\n                        icon=\"ri:phone-line\"\n                        class=\"mb-md\"\n                        modifiers=\"compact no-label\" />\n\n                    <div class=\"flex justify-between items-center gap-16 mt-xs\">\n                        <div\n                            class=\"text-smaller text-word-3 flex items-center gap-8\">\n                            <VvIcon\n                                name=\"ri:shield-check-line\"\n                                class=\"text-16 shrink-0\" />\n                            <PkStreamingMarkdown\n                                :markdown=\"privacyNotice\"\n                                class=\"wysiwyg\" />\n                        </div>\n                        <VvButton\n                            type=\"submit\"\n                            modifiers=\"primary\"\n                            :loading\n                            :disabled=\"loading || readonly\"\n                            icon-position=\"right\"\n                            class=\"shrink-0\"\n                            :label=\"$t('action.submit')\" />\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon\n                        name=\"ri:mail-check-line\"\n                        class=\"text-24 text-success\" />\n                    <div>\n                        <strong class=\"font-semibold block text-success\">\n                            {{ $t('message.leadSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.leadSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { useSafeLocalStorage, useLocalizedString } from 'composables'\n    import type { LocalizedString } from 'models'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const props = defineProps<{\n        part: unknown\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n        readonly?: boolean\n        privacyPolicyNotice?: LocalizedString\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            type: string\n            toolCallId: string\n            input?: {\n                name: string\n                email: string\n                phone?: string\n                conversationContext?: Record<string, unknown>\n            }\n        }\n        return part\n    })\n\n    const input = computed(() => toolPart.value.input)\n\n    const localSubmitted = useSafeLocalStorage<boolean>(\n        computed(\n            () =>\n                `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n        ),\n        false,\n    )\n\n    const LeadFormSchema = z.object({\n        name: z.string().min(1).max(255).default(''),\n        email: z.email().max(255).default(''),\n        phone: z\n            .string()\n            .max(50)\n            .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n            .optional(),\n    })\n\n    const emit = defineEmits<{\n        submit: [data: Record<string, unknown>]\n    }>()\n\n    const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n        lazyLoad: true,\n    })\n\n    // Pre-populate form with input values\n    watch(\n        input,\n        (newInput) => {\n            formData.value = {\n                name: newInput?.name || '',\n                email: newInput?.email || '',\n                phone: newInput?.phone || '',\n            }\n        },\n        { immediate: true },\n    )\n\n    watch(\n        () => props.submitted,\n        (submitted) => {\n            if (submitted) {\n                localSubmitted.value = true\n            }\n        },\n        { immediate: true },\n    )\n\n    const isSubmitted = computed(() => {\n        return props.submitted || localSubmitted.value\n    })\n\n    const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n        emit('submit', { ...data, metadata: input.value?.conversationContext })\n    }\n\n    const privacyNotice = useLocalizedString(\n        () => props.privacyPolicyNotice,\n        'message.defaultPrivacyPolicyNotice',\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 min-h-40\">\n            <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n        </div>\n\n        <Transition mode=\"out-in\">\n            <div v-if=\"!isSubmitted\" class=\"p-sm\">\n                <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n                    <VvFormField\n                        name=\"name\"\n                        type=\"text\"\n                        :label=\"$t('label.name')\"\n                        :placeholder=\"$t('placeholder.name')\"\n                        icon=\"ri:user-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"email\"\n                        type=\"email\"\n                        :label=\"$t('label.email')\"\n                        :placeholder=\"$t('placeholder.email')\"\n                        icon=\"ri:mail-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"phone\"\n                        type=\"tel\"\n                        :label=\"$t('label.phone')\"\n                        :placeholder=\"$t('placeholder.phone')\"\n                        icon=\"ri:phone-line\"\n                        class=\"mb-md\"\n                        modifiers=\"compact no-label\" />\n\n                    <div class=\"flex justify-between items-center gap-16 mt-xs\">\n                        <div\n                            class=\"text-smaller text-word-3 flex items-center gap-8\">\n                            <VvIcon\n                                name=\"ri:shield-check-line\"\n                                class=\"text-16 shrink-0\" />\n                            <PkStreamingMarkdown\n                                :markdown=\"privacyNotice\"\n                                class=\"wysiwyg\" />\n                        </div>\n                        <VvButton\n                            type=\"submit\"\n                            modifiers=\"primary\"\n                            :loading\n                            :disabled=\"loading || readonly\"\n                            icon-position=\"right\"\n                            class=\"shrink-0\"\n                            :label=\"$t('action.submit')\" />\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon\n                        name=\"ri:mail-check-line\"\n                        class=\"text-24 text-success\" />\n                    <div>\n                        <strong class=\"font-semibold block text-success\">\n                            {{ $t('message.leadSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.leadSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowContactForm-DjX9G8CD.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowContactForm.vue","../../../../packages/components/src/chat/PkToolShowContactForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { useSafeLocalStorage, useLocalizedString } from 'composables'\n    import type { LocalizedString } from 'models'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const props = defineProps<{\n        part: unknown\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n        readonly?: boolean\n        privacyPolicyNotice?: LocalizedString\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            type: string\n            toolCallId: string\n            input?: {\n                name: string\n                email: string\n                phone?: string\n                conversationContext?: Record<string, unknown>\n            }\n        }\n        return part\n    })\n\n    const input = computed(() => toolPart.value.input)\n\n    const localSubmitted = useSafeLocalStorage<boolean>(\n        computed(\n            () =>\n                `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n        ),\n        false,\n    )\n\n    const LeadFormSchema = z.object({\n        name: z.string().min(1).max(255).default(''),\n        email: z.email().max(255).default(''),\n        phone: z\n            .string()\n            .max(50)\n            .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n            .optional(),\n    })\n\n    const emit = defineEmits<{\n        submit: [data: Record<string, unknown>]\n    }>()\n\n    const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n        lazyLoad: true,\n    })\n\n    // Pre-populate form with input values\n    watch(\n        input,\n        (newInput) => {\n            formData.value = {\n                name: newInput?.name || '',\n                email: newInput?.email || '',\n                phone: newInput?.phone || '',\n            }\n        },\n        { immediate: true },\n    )\n\n    watch(\n        () => props.submitted,\n        (submitted) => {\n            if (submitted) {\n                localSubmitted.value = true\n            }\n        },\n        { immediate: true },\n    )\n\n    const isSubmitted = computed(() => {\n        return props.submitted || localSubmitted.value\n    })\n\n    const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n        emit('submit', { ...data, metadata: input.value?.conversationContext })\n    }\n\n    const privacyNotice = useLocalizedString(\n        () => props.privacyPolicyNotice,\n        'message.defaultPrivacyPolicyNotice',\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 min-h-40\">\n            <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n        </div>\n\n        <Transition mode=\"out-in\">\n            <div v-if=\"!isSubmitted\" class=\"p-sm\">\n                <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n                    <VvFormField\n                        name=\"name\"\n                        type=\"text\"\n                        :label=\"$t('label.name')\"\n                        :placeholder=\"$t('placeholder.name')\"\n                        icon=\"ri:user-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"email\"\n                        type=\"email\"\n                        :label=\"$t('label.email')\"\n                        :placeholder=\"$t('placeholder.email')\"\n                        icon=\"ri:mail-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"phone\"\n                        type=\"tel\"\n                        :label=\"$t('label.phone')\"\n                        :placeholder=\"$t('placeholder.phone')\"\n                        icon=\"ri:phone-line\"\n                        class=\"mb-md\"\n                        modifiers=\"compact no-label\" />\n\n                    <div class=\"flex justify-between items-center gap-16 mt-xs\">\n                        <div\n                            class=\"text-smaller text-word-3 flex items-center gap-8\">\n                            <VvIcon\n                                name=\"ri:shield-check-line\"\n                                class=\"text-16 shrink-0\" />\n                            <PkStreamingMarkdown\n                                :markdown=\"privacyNotice\"\n                                class=\"wysiwyg\" />\n                        </div>\n                        <VvButton\n                            type=\"submit\"\n                            modifiers=\"primary\"\n                            :loading\n                            :disabled=\"loading || readonly\"\n                            icon-position=\"right\"\n                            class=\"shrink-0\"\n                            :label=\"$t('action.submit')\" />\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon\n                        name=\"ri:mail-check-line\"\n                        class=\"text-24 text-success\" />\n                    <div>\n                        <strong class=\"font-semibold block text-success\">\n                            {{ $t('message.leadSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.leadSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { useSafeLocalStorage, useLocalizedString } from 'composables'\n    import type { LocalizedString } from 'models'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const props = defineProps<{\n        part: unknown\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n        readonly?: boolean\n        privacyPolicyNotice?: LocalizedString\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            type: string\n            toolCallId: string\n            input?: {\n                name: string\n                email: string\n                phone?: string\n                conversationContext?: Record<string, unknown>\n            }\n        }\n        return part\n    })\n\n    const input = computed(() => toolPart.value.input)\n\n    const localSubmitted = useSafeLocalStorage<boolean>(\n        computed(\n            () =>\n                `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n        ),\n        false,\n    )\n\n    const LeadFormSchema = z.object({\n        name: z.string().min(1).max(255).default(''),\n        email: z.email().max(255).default(''),\n        phone: z\n            .string()\n            .max(50)\n            .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n            .optional(),\n    })\n\n    const emit = defineEmits<{\n        submit: [data: Record<string, unknown>]\n    }>()\n\n    const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n        lazyLoad: true,\n    })\n\n    // Pre-populate form with input values\n    watch(\n        input,\n        (newInput) => {\n            formData.value = {\n                name: newInput?.name || '',\n                email: newInput?.email || '',\n                phone: newInput?.phone || '',\n            }\n        },\n        { immediate: true },\n    )\n\n    watch(\n        () => props.submitted,\n        (submitted) => {\n            if (submitted) {\n                localSubmitted.value = true\n            }\n        },\n        { immediate: true },\n    )\n\n    const isSubmitted = computed(() => {\n        return props.submitted || localSubmitted.value\n    })\n\n    const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n        emit('submit', { ...data, metadata: input.value?.conversationContext })\n    }\n\n    const privacyNotice = useLocalizedString(\n        () => props.privacyPolicyNotice,\n        'message.defaultPrivacyPolicyNotice',\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 min-h-40\">\n            <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n        </div>\n\n        <Transition mode=\"out-in\">\n            <div v-if=\"!isSubmitted\" class=\"p-sm\">\n                <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n                    <VvFormField\n                        name=\"name\"\n                        type=\"text\"\n                        :label=\"$t('label.name')\"\n                        :placeholder=\"$t('placeholder.name')\"\n                        icon=\"ri:user-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"email\"\n                        type=\"email\"\n                        :label=\"$t('label.email')\"\n                        :placeholder=\"$t('placeholder.email')\"\n                        icon=\"ri:mail-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"phone\"\n                        type=\"tel\"\n                        :label=\"$t('label.phone')\"\n                        :placeholder=\"$t('placeholder.phone')\"\n                        icon=\"ri:phone-line\"\n                        class=\"mb-md\"\n                        modifiers=\"compact no-label\" />\n\n                    <div class=\"flex justify-between items-center gap-16 mt-xs\">\n                        <div\n                            class=\"text-smaller text-word-3 flex items-center gap-8\">\n                            <VvIcon\n                                name=\"ri:shield-check-line\"\n                                class=\"text-16 shrink-0\" />\n                            <PkStreamingMarkdown\n                                :markdown=\"privacyNotice\"\n                                class=\"wysiwyg\" />\n                        </div>\n                        <VvButton\n                            type=\"submit\"\n                            modifiers=\"primary\"\n                            :loading\n                            :disabled=\"loading || readonly\"\n                            icon-position=\"right\"\n                            class=\"shrink-0\"\n                            :label=\"$t('action.submit')\" />\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon\n                        name=\"ri:mail-check-line\"\n                        class=\"text-24 text-success\" />\n                    <div>\n                        <strong class=\"font-semibold block text-success\">\n                            {{ $t('message.leadSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.leadSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkToolShowDiagram-DGYQjjGj.js → PkToolShowDiagram-DHwAckwN.js}

@@ -1,5 +1,5 @@
 import { l as e } from "./src-BCYjA3mm.js";
-import { t } from "./PkSvgViewer-CTYxVK7q.js";
+import { t } from "./PkSvgViewer-Dtx4uluo.js";
 import { VvButton as n, VvButtonGroup as r, VvIcon as i } from "@volverjs/ui-vue/components";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, onMounted as f, openBlock as p, ref as m, toDisplayString as h, unref as g, watch as _, withCtx as v } from "vue";
 import { useI18n as y } from "vue-i18n";
@@ -116,4 +116,4 @@ var x = {
 //#endregion
 export { O as default };
 
-//# sourceMappingURL=PkToolShowDiagram-DGYQjjGj.js.map
+//# sourceMappingURL=PkToolShowDiagram-DHwAckwN.js.map