@8wave/ai-elements 0.101.0-beta.4 → 0.101.0

package/dist-vue/_chunks/{PkToolShowDiagram-kbwsonk0.js → PkToolShowDiagram-BvOy4aeQ.js}

@@ -1,5 +1,5 @@
 import "./src-BbpxM17m.js";
-import { a as e } from "./PkChatbotMessages-D2hNzIaL.js";
+import { a as e } from "./PkChatbotMessages-C6X92Igt.js";
 import { t } from "./PkSvgViewer-DyP2FlGA.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";
@@ -119,4 +119,4 @@ var x = {
 //#endregion
 export { k as default };
 
-//# sourceMappingURL=PkToolShowDiagram-kbwsonk0.js.map
+//# sourceMappingURL=PkToolShowDiagram-BvOy4aeQ.js.map

package/dist-vue/_chunks/{PkToolShowDiagram-kbwsonk0.js.map → PkToolShowDiagram-BvOy4aeQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowDiagram-kbwsonk0.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowDiagram.vue","../../../../packages/components/src/chat/PkToolShowDiagram.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, onMounted, ref, watch } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { useI18n } from 'vue-i18n'\n    import { toSnakeCase } from 'utils'\n    import PkSvgViewer from '../PkSvgViewer.vue'\n\n    const props = defineProps<{\n        part: unknown\n        isDark?: boolean\n    }>()\n\n    const { t: $t, te: $te } = useI18n({\n        useScope: 'global',\n    })\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                code: string\n                title?: string\n                caption?: string\n            }\n        }\n        return part\n    })\n\n    const svgError = ref(false)\n\n    // Serialized SVG content\n    const svgContent = ref('')\n\n    enum DiagramType {\n        Sequence = 'sequenceDiagram',\n        Class = 'classDiagram',\n        State = 'stateDiagram',\n        ER = 'erDiagram',\n        XYChart = 'xychart',\n        Flowchart = 'flowchart',\n        Graph = 'graph',\n    }\n\n    const diagramType = computed<DiagramType | undefined>(() => {\n        const code = toolPart.value.input?.code?.trimStart()\n        if (!code) {\n            return undefined\n        }\n        const firstWord = code.match(/^[A-Za-z-]+/)?.[0]\n        switch (firstWord) {\n            case 'sequenceDiagram':\n                return DiagramType.Sequence\n            case 'classDiagram':\n                return DiagramType.Class\n            case 'stateDiagram':\n                return DiagramType.State\n            case 'erDiagram':\n                return DiagramType.ER\n            case 'xychart-beta':\n                return DiagramType.XYChart\n            case 'flowchart':\n                return DiagramType.Flowchart\n            case 'graph':\n                return DiagramType.Graph\n            default:\n                return undefined\n        }\n    })\n\n    const diagramTypeLabel = computed(() => {\n        if (!diagramType.value) {\n            return ''\n        }\n        return $te(`diagram.${diagramType.value}`)\n            ? $t(`diagram.${diagramType.value}`)\n            : diagramType.value\n    })\n\n    const diagramTypeIcon = computed(() => {\n        switch (diagramType.value) {\n            case DiagramType.Sequence:\n                return 'ri:timeline-view'\n            case DiagramType.Class:\n                return 'ri:organization-chart'\n            case DiagramType.State:\n                return 'ri:organization-chart'\n            case DiagramType.ER:\n                return 'ri:organization-chart'\n            case DiagramType.XYChart:\n                return 'ri:line-chart-line'\n            case DiagramType.Flowchart:\n                return 'ri:flow-chart'\n            case DiagramType.Graph:\n                return 'ri:flow-chart'\n            default:\n                return 'ri:flow-chart'\n        }\n    })\n\n    async function renderDiagram() {\n        const code = toolPart.value.input?.code\n        if (!code) return\n\n        svgError.value = false\n        try {\n            const { renderMermaidSVG, THEMES } =\n                await import('beautiful-mermaid')\n            const theme = props.isDark\n                ? THEMES['github-dark']\n                : THEMES['github-light']\n            svgContent.value = renderMermaidSVG(code, theme)\n        } catch {\n            svgError.value = true\n        }\n    }\n\n    watch([() => toolPart.value.input?.code, () => props.isDark], renderDiagram)\n    onMounted(async () => {\n        await renderDiagram()\n    })\n\n    const downloadSvg = () => {\n        if (!svgContent.value) {\n            return\n        }\n        const blob = new Blob([svgContent.value], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const url = URL.createObjectURL(blob)\n        const anchor = document.createElement('a')\n        anchor.href = url\n        anchor.download = `${toSnakeCase(toolPart.value.input?.title || 'diagram')}.svg`\n        document.body.appendChild(anchor)\n        anchor.click()\n        document.body.removeChild(anchor)\n        URL.revokeObjectURL(url)\n    }\n\n    const copyCode = () => {\n        const code = toolPart.value.input?.code\n        if (code) {\n            copy(code)\n        }\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.code\"\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=\"diagramTypeIcon\" class=\"text-16\" />\n            <div class=\"flex flex-col items-start gap-2\">\n                <strong class=\"font-bold\">{{\n                    diagramTypeLabel ?? $t('label.diagram')\n                }}</strong>\n            </div>\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=\"copyCode\" />\n                <VvButton\n                    v-if=\"svgContent\"\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadSvg\" />\n            </VvButtonGroup>\n        </div>\n        <div v-if=\"svgError\" class=\"text-12 text-danger py-8 px-sm\">\n            {{ $t('message.diagramRenderError') }}\n        </div>\n        <PkSvgViewer\n            v-else-if=\"svgContent\"\n            class=\"pk-tool-show-diagram__stage\"\n            :svg=\"svgContent\"\n            :title=\"toolPart.input?.title\" />\n        <div\n            v-else\n            class=\"pk-tool-show-diagram__stage flex justify-center items-center\">\n            <VvIcon name=\"line-md:loading-loop\" class=\"w-24 h-24 text-word-5\" />\n        </div>\n        <div\n            v-if=\"toolPart.input.caption\"\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-t border-surface-3 text-word-3\">\n            {{ toolPart.input.caption }}\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-show-diagram {\n        // Fixed stage height: the diagram renders lazily (async chunk +\n        // dynamic mermaid import), so the loader and the rendered SVG must\n        // occupy the same space or the chat scroll position jumps around.\n        // The SVG scales to fit; zoom/pan and the lightbox cover the rest.\n        &__stage {\n            height: 384px;\n\n            .pk-svg-viewer__stage,\n            .pk-svg-viewer__content {\n                height: 100%;\n            }\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, onMounted, ref, watch } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { useI18n } from 'vue-i18n'\n    import { toSnakeCase } from 'utils'\n    import PkSvgViewer from '../PkSvgViewer.vue'\n\n    const props = defineProps<{\n        part: unknown\n        isDark?: boolean\n    }>()\n\n    const { t: $t, te: $te } = useI18n({\n        useScope: 'global',\n    })\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                code: string\n                title?: string\n                caption?: string\n            }\n        }\n        return part\n    })\n\n    const svgError = ref(false)\n\n    // Serialized SVG content\n    const svgContent = ref('')\n\n    enum DiagramType {\n        Sequence = 'sequenceDiagram',\n        Class = 'classDiagram',\n        State = 'stateDiagram',\n        ER = 'erDiagram',\n        XYChart = 'xychart',\n        Flowchart = 'flowchart',\n        Graph = 'graph',\n    }\n\n    const diagramType = computed<DiagramType | undefined>(() => {\n        const code = toolPart.value.input?.code?.trimStart()\n        if (!code) {\n            return undefined\n        }\n        const firstWord = code.match(/^[A-Za-z-]+/)?.[0]\n        switch (firstWord) {\n            case 'sequenceDiagram':\n                return DiagramType.Sequence\n            case 'classDiagram':\n                return DiagramType.Class\n            case 'stateDiagram':\n                return DiagramType.State\n            case 'erDiagram':\n                return DiagramType.ER\n            case 'xychart-beta':\n                return DiagramType.XYChart\n            case 'flowchart':\n                return DiagramType.Flowchart\n            case 'graph':\n                return DiagramType.Graph\n            default:\n                return undefined\n        }\n    })\n\n    const diagramTypeLabel = computed(() => {\n        if (!diagramType.value) {\n            return ''\n        }\n        return $te(`diagram.${diagramType.value}`)\n            ? $t(`diagram.${diagramType.value}`)\n            : diagramType.value\n    })\n\n    const diagramTypeIcon = computed(() => {\n        switch (diagramType.value) {\n            case DiagramType.Sequence:\n                return 'ri:timeline-view'\n            case DiagramType.Class:\n                return 'ri:organization-chart'\n            case DiagramType.State:\n                return 'ri:organization-chart'\n            case DiagramType.ER:\n                return 'ri:organization-chart'\n            case DiagramType.XYChart:\n                return 'ri:line-chart-line'\n            case DiagramType.Flowchart:\n                return 'ri:flow-chart'\n            case DiagramType.Graph:\n                return 'ri:flow-chart'\n            default:\n                return 'ri:flow-chart'\n        }\n    })\n\n    async function renderDiagram() {\n        const code = toolPart.value.input?.code\n        if (!code) return\n\n        svgError.value = false\n        try {\n            const { renderMermaidSVG, THEMES } =\n                await import('beautiful-mermaid')\n            const theme = props.isDark\n                ? THEMES['github-dark']\n                : THEMES['github-light']\n            svgContent.value = renderMermaidSVG(code, theme)\n        } catch {\n            svgError.value = true\n        }\n    }\n\n    watch([() => toolPart.value.input?.code, () => props.isDark], renderDiagram)\n    onMounted(async () => {\n        await renderDiagram()\n    })\n\n    const downloadSvg = () => {\n        if (!svgContent.value) {\n            return\n        }\n        const blob = new Blob([svgContent.value], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const url = URL.createObjectURL(blob)\n        const anchor = document.createElement('a')\n        anchor.href = url\n        anchor.download = `${toSnakeCase(toolPart.value.input?.title || 'diagram')}.svg`\n        document.body.appendChild(anchor)\n        anchor.click()\n        document.body.removeChild(anchor)\n        URL.revokeObjectURL(url)\n    }\n\n    const copyCode = () => {\n        const code = toolPart.value.input?.code\n        if (code) {\n            copy(code)\n        }\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.code\"\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=\"diagramTypeIcon\" class=\"text-16\" />\n            <div class=\"flex flex-col items-start gap-2\">\n                <strong class=\"font-bold\">{{\n                    diagramTypeLabel ?? $t('label.diagram')\n                }}</strong>\n            </div>\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=\"copyCode\" />\n                <VvButton\n                    v-if=\"svgContent\"\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadSvg\" />\n            </VvButtonGroup>\n        </div>\n        <div v-if=\"svgError\" class=\"text-12 text-danger py-8 px-sm\">\n            {{ $t('message.diagramRenderError') }}\n        </div>\n        <PkSvgViewer\n            v-else-if=\"svgContent\"\n            class=\"pk-tool-show-diagram__stage\"\n            :svg=\"svgContent\"\n            :title=\"toolPart.input?.title\" />\n        <div\n            v-else\n            class=\"pk-tool-show-diagram__stage flex justify-center items-center\">\n            <VvIcon name=\"line-md:loading-loop\" class=\"w-24 h-24 text-word-5\" />\n        </div>\n        <div\n            v-if=\"toolPart.input.caption\"\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-t border-surface-3 text-word-3\">\n            {{ toolPart.input.caption }}\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-show-diagram {\n        // Fixed stage height: the diagram renders lazily (async chunk +\n        // dynamic mermaid import), so the loader and the rendered SVG must\n        // occupy the same space or the chat scroll position jumps around.\n        // The SVG scales to fit; zoom/pan and the lightbox cover the rest.\n        &__stage {\n            height: 384px;\n\n            .pk-svg-viewer__stage,\n            .pk-svg-viewer__content {\n                height: 100%;\n            }\n        }\n    }\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowDiagram-BvOy4aeQ.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowDiagram.vue","../../../../packages/components/src/chat/PkToolShowDiagram.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, onMounted, ref, watch } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { useI18n } from 'vue-i18n'\n    import { toSnakeCase } from 'utils'\n    import PkSvgViewer from '../PkSvgViewer.vue'\n\n    const props = defineProps<{\n        part: unknown\n        isDark?: boolean\n    }>()\n\n    const { t: $t, te: $te } = useI18n({\n        useScope: 'global',\n    })\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                code: string\n                title?: string\n                caption?: string\n            }\n        }\n        return part\n    })\n\n    const svgError = ref(false)\n\n    // Serialized SVG content\n    const svgContent = ref('')\n\n    enum DiagramType {\n        Sequence = 'sequenceDiagram',\n        Class = 'classDiagram',\n        State = 'stateDiagram',\n        ER = 'erDiagram',\n        XYChart = 'xychart',\n        Flowchart = 'flowchart',\n        Graph = 'graph',\n    }\n\n    const diagramType = computed<DiagramType | undefined>(() => {\n        const code = toolPart.value.input?.code?.trimStart()\n        if (!code) {\n            return undefined\n        }\n        const firstWord = code.match(/^[A-Za-z-]+/)?.[0]\n        switch (firstWord) {\n            case 'sequenceDiagram':\n                return DiagramType.Sequence\n            case 'classDiagram':\n                return DiagramType.Class\n            case 'stateDiagram':\n                return DiagramType.State\n            case 'erDiagram':\n                return DiagramType.ER\n            case 'xychart-beta':\n                return DiagramType.XYChart\n            case 'flowchart':\n                return DiagramType.Flowchart\n            case 'graph':\n                return DiagramType.Graph\n            default:\n                return undefined\n        }\n    })\n\n    const diagramTypeLabel = computed(() => {\n        if (!diagramType.value) {\n            return ''\n        }\n        return $te(`diagram.${diagramType.value}`)\n            ? $t(`diagram.${diagramType.value}`)\n            : diagramType.value\n    })\n\n    const diagramTypeIcon = computed(() => {\n        switch (diagramType.value) {\n            case DiagramType.Sequence:\n                return 'ri:timeline-view'\n            case DiagramType.Class:\n                return 'ri:organization-chart'\n            case DiagramType.State:\n                return 'ri:organization-chart'\n            case DiagramType.ER:\n                return 'ri:organization-chart'\n            case DiagramType.XYChart:\n                return 'ri:line-chart-line'\n            case DiagramType.Flowchart:\n                return 'ri:flow-chart'\n            case DiagramType.Graph:\n                return 'ri:flow-chart'\n            default:\n                return 'ri:flow-chart'\n        }\n    })\n\n    async function renderDiagram() {\n        const code = toolPart.value.input?.code\n        if (!code) return\n\n        svgError.value = false\n        try {\n            const { renderMermaidSVG, THEMES } =\n                await import('beautiful-mermaid')\n            const theme = props.isDark\n                ? THEMES['github-dark']\n                : THEMES['github-light']\n            svgContent.value = renderMermaidSVG(code, theme)\n        } catch {\n            svgError.value = true\n        }\n    }\n\n    watch([() => toolPart.value.input?.code, () => props.isDark], renderDiagram)\n    onMounted(async () => {\n        await renderDiagram()\n    })\n\n    const downloadSvg = () => {\n        if (!svgContent.value) {\n            return\n        }\n        const blob = new Blob([svgContent.value], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const url = URL.createObjectURL(blob)\n        const anchor = document.createElement('a')\n        anchor.href = url\n        anchor.download = `${toSnakeCase(toolPart.value.input?.title || 'diagram')}.svg`\n        document.body.appendChild(anchor)\n        anchor.click()\n        document.body.removeChild(anchor)\n        URL.revokeObjectURL(url)\n    }\n\n    const copyCode = () => {\n        const code = toolPart.value.input?.code\n        if (code) {\n            copy(code)\n        }\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.code\"\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=\"diagramTypeIcon\" class=\"text-16\" />\n            <div class=\"flex flex-col items-start gap-2\">\n                <strong class=\"font-bold\">{{\n                    diagramTypeLabel ?? $t('label.diagram')\n                }}</strong>\n            </div>\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=\"copyCode\" />\n                <VvButton\n                    v-if=\"svgContent\"\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadSvg\" />\n            </VvButtonGroup>\n        </div>\n        <div v-if=\"svgError\" class=\"text-12 text-danger py-8 px-sm\">\n            {{ $t('message.diagramRenderError') }}\n        </div>\n        <PkSvgViewer\n            v-else-if=\"svgContent\"\n            class=\"pk-tool-show-diagram__stage\"\n            :svg=\"svgContent\"\n            :title=\"toolPart.input?.title\" />\n        <div\n            v-else\n            class=\"pk-tool-show-diagram__stage flex justify-center items-center\">\n            <VvIcon name=\"line-md:loading-loop\" class=\"w-24 h-24 text-word-5\" />\n        </div>\n        <div\n            v-if=\"toolPart.input.caption\"\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-t border-surface-3 text-word-3\">\n            {{ toolPart.input.caption }}\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-show-diagram {\n        // Fixed stage height: the diagram renders lazily (async chunk +\n        // dynamic mermaid import), so the loader and the rendered SVG must\n        // occupy the same space or the chat scroll position jumps around.\n        // The SVG scales to fit; zoom/pan and the lightbox cover the rest.\n        &__stage {\n            height: 384px;\n\n            .pk-svg-viewer__stage,\n            .pk-svg-viewer__content {\n                height: 100%;\n            }\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, onMounted, ref, watch } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { useI18n } from 'vue-i18n'\n    import { toSnakeCase } from 'utils'\n    import PkSvgViewer from '../PkSvgViewer.vue'\n\n    const props = defineProps<{\n        part: unknown\n        isDark?: boolean\n    }>()\n\n    const { t: $t, te: $te } = useI18n({\n        useScope: 'global',\n    })\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                code: string\n                title?: string\n                caption?: string\n            }\n        }\n        return part\n    })\n\n    const svgError = ref(false)\n\n    // Serialized SVG content\n    const svgContent = ref('')\n\n    enum DiagramType {\n        Sequence = 'sequenceDiagram',\n        Class = 'classDiagram',\n        State = 'stateDiagram',\n        ER = 'erDiagram',\n        XYChart = 'xychart',\n        Flowchart = 'flowchart',\n        Graph = 'graph',\n    }\n\n    const diagramType = computed<DiagramType | undefined>(() => {\n        const code = toolPart.value.input?.code?.trimStart()\n        if (!code) {\n            return undefined\n        }\n        const firstWord = code.match(/^[A-Za-z-]+/)?.[0]\n        switch (firstWord) {\n            case 'sequenceDiagram':\n                return DiagramType.Sequence\n            case 'classDiagram':\n                return DiagramType.Class\n            case 'stateDiagram':\n                return DiagramType.State\n            case 'erDiagram':\n                return DiagramType.ER\n            case 'xychart-beta':\n                return DiagramType.XYChart\n            case 'flowchart':\n                return DiagramType.Flowchart\n            case 'graph':\n                return DiagramType.Graph\n            default:\n                return undefined\n        }\n    })\n\n    const diagramTypeLabel = computed(() => {\n        if (!diagramType.value) {\n            return ''\n        }\n        return $te(`diagram.${diagramType.value}`)\n            ? $t(`diagram.${diagramType.value}`)\n            : diagramType.value\n    })\n\n    const diagramTypeIcon = computed(() => {\n        switch (diagramType.value) {\n            case DiagramType.Sequence:\n                return 'ri:timeline-view'\n            case DiagramType.Class:\n                return 'ri:organization-chart'\n            case DiagramType.State:\n                return 'ri:organization-chart'\n            case DiagramType.ER:\n                return 'ri:organization-chart'\n            case DiagramType.XYChart:\n                return 'ri:line-chart-line'\n            case DiagramType.Flowchart:\n                return 'ri:flow-chart'\n            case DiagramType.Graph:\n                return 'ri:flow-chart'\n            default:\n                return 'ri:flow-chart'\n        }\n    })\n\n    async function renderDiagram() {\n        const code = toolPart.value.input?.code\n        if (!code) return\n\n        svgError.value = false\n        try {\n            const { renderMermaidSVG, THEMES } =\n                await import('beautiful-mermaid')\n            const theme = props.isDark\n                ? THEMES['github-dark']\n                : THEMES['github-light']\n            svgContent.value = renderMermaidSVG(code, theme)\n        } catch {\n            svgError.value = true\n        }\n    }\n\n    watch([() => toolPart.value.input?.code, () => props.isDark], renderDiagram)\n    onMounted(async () => {\n        await renderDiagram()\n    })\n\n    const downloadSvg = () => {\n        if (!svgContent.value) {\n            return\n        }\n        const blob = new Blob([svgContent.value], {\n            type: 'image/svg+xml;charset=utf-8',\n        })\n        const url = URL.createObjectURL(blob)\n        const anchor = document.createElement('a')\n        anchor.href = url\n        anchor.download = `${toSnakeCase(toolPart.value.input?.title || 'diagram')}.svg`\n        document.body.appendChild(anchor)\n        anchor.click()\n        document.body.removeChild(anchor)\n        URL.revokeObjectURL(url)\n    }\n\n    const copyCode = () => {\n        const code = toolPart.value.input?.code\n        if (code) {\n            copy(code)\n        }\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.code\"\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=\"diagramTypeIcon\" class=\"text-16\" />\n            <div class=\"flex flex-col items-start gap-2\">\n                <strong class=\"font-bold\">{{\n                    diagramTypeLabel ?? $t('label.diagram')\n                }}</strong>\n            </div>\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=\"copyCode\" />\n                <VvButton\n                    v-if=\"svgContent\"\n                    modifiers=\"action-quiet-small\"\n                    icon=\"ri:download-line\"\n                    :label=\"$t('action.download')\"\n                    @click=\"downloadSvg\" />\n            </VvButtonGroup>\n        </div>\n        <div v-if=\"svgError\" class=\"text-12 text-danger py-8 px-sm\">\n            {{ $t('message.diagramRenderError') }}\n        </div>\n        <PkSvgViewer\n            v-else-if=\"svgContent\"\n            class=\"pk-tool-show-diagram__stage\"\n            :svg=\"svgContent\"\n            :title=\"toolPart.input?.title\" />\n        <div\n            v-else\n            class=\"pk-tool-show-diagram__stage flex justify-center items-center\">\n            <VvIcon name=\"line-md:loading-loop\" class=\"w-24 h-24 text-word-5\" />\n        </div>\n        <div\n            v-if=\"toolPart.input.caption\"\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-t border-surface-3 text-word-3\">\n            {{ toolPart.input.caption }}\n        </div>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-show-diagram {\n        // Fixed stage height: the diagram renders lazily (async chunk +\n        // dynamic mermaid import), so the loader and the rendered SVG must\n        // occupy the same space or the chat scroll position jumps around.\n        // The SVG scales to fit; zoom/pan and the lightbox cover the rest.\n        &__stage {\n            height: 384px;\n\n            .pk-svg-viewer__stage,\n            .pk-svg-viewer__content {\n                height: 100%;\n            }\n        }\n    }\n</style>\n"],"mappings":"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"}

package/dist-vue/_chunks/{utils-Bf73GiBm.js → utils-CgxndZld.js}

@@ -128,9 +128,9 @@ function w(r) {
 	if (n(r)) return "ri:double-quotes-r";
 }
 function T(n, r) {
-	return e(r) ? r.type === "tool-runWorker" ? n("messagePart.runWorker") : r.type === "tool-fetchTeamsChannelHistory" ? n("messagePart.fetchTeamsChannelHistory") : r.type === "tool-retrieveRevisedAnswers" ? n("messagePart.revisedAnswers") : r.type === "tool-searchInKnowledgeBase" ? n("messagePart.searchingDocuments") : r.type === "tool-expandChunkContext" ? n("messagePart.expandChunkContext") : r.type === "tool-readDocumentFile" ? n("messagePart.readDocumentFile") : r.type === "tool-geocode" ? n("messagePart.geocode") : r.type === "tool-getWeather" ? n("messagePart.getWeather") : r.type === "tool-recallUserMemory" ? n("messagePart.recallUserMemory") : r.type === "tool-saveUserMemory" ? n("messagePart.saveUserMemory") : r.type === "tool-showWeather" ? n("messagePart.showWeather") : r.type === "tool-showForm" ? n("messagePart.showForm") : r.type === "tool-showDiagram" ? n("messagePart.showDiagram") : r.type === "tool-showSources" ? n("messagePart.showSources") : r.type === "tool-showMultipleChoice" ? n("messagePart.showMultipleChoice") : r.type === "tool-showArtifact" ? n("messagePart.showArtifact") : r.type === "tool-showEmail" ? n("messagePart.showEmail") : r.type === "tool-showMessage" ? n("messagePart.showMessage") : r.type === "tool-showWebPages" ? n("messagePart.showWebPages") : r.type === "tool-showProducts" ? n("messagePart.showProducts") : r.type === "tool-showContactForm" ? n("messagePart.showContactForm") : r.type === "tool-showCalendarEvent" ? n("messagePart.showCalendarEvent") : r.type === "tool-showComparison" ? n("messagePart.showComparison") : r.type === "tool-showLocation" ? n("messagePart.showLocation") : r.type === "tool-showQrCode" ? n("messagePart.showQrCode") : r.type === "tool-showImageGallery" ? n("messagePart.showImageGallery") : r.type === "tool-showVideo" ? n("messagePart.showVideo") : r.type === "tool-showSuggestedReply" ? n("messagePart.showSuggestedReply") : r.type === "tool-requestGeolocation" ? n("messagePart.requestGeolocation") : v.includes(r.type) ? n("messagePart.webSearch") : n("messagePart.tool") : t(r) ? n("messagePart.reasoning") : n("messagePart.streaming");
+	return e(r) ? r.type.includes("tool-subagent") ? n("messagePart.runSubagent") : r.type === "tool-runWorker" ? n("messagePart.runWorker") : r.type === "tool-fetchTeamsChannelHistory" ? n("messagePart.fetchTeamsChannelHistory") : r.type === "tool-retrieveRevisedAnswers" ? n("messagePart.revisedAnswers") : r.type === "tool-searchInKnowledgeBase" ? n("messagePart.searchingDocuments") : r.type === "tool-expandChunkContext" ? n("messagePart.expandChunkContext") : r.type === "tool-readDocumentFile" ? n("messagePart.readDocumentFile") : r.type === "tool-geocode" ? n("messagePart.geocode") : r.type === "tool-getWeather" ? n("messagePart.getWeather") : r.type === "tool-recallUserMemory" ? n("messagePart.recallUserMemory") : r.type === "tool-saveUserMemory" ? n("messagePart.saveUserMemory") : r.type === "tool-showWeather" ? n("messagePart.showWeather") : r.type === "tool-showForm" ? n("messagePart.showForm") : r.type === "tool-showDiagram" ? n("messagePart.showDiagram") : r.type === "tool-showSources" ? n("messagePart.showSources") : r.type === "tool-showMultipleChoice" ? n("messagePart.showMultipleChoice") : r.type === "tool-showArtifact" ? n("messagePart.showArtifact") : r.type === "tool-showEmail" ? n("messagePart.showEmail") : r.type === "tool-showMessage" ? n("messagePart.showMessage") : r.type === "tool-showWebPages" ? n("messagePart.showWebPages") : r.type === "tool-showProducts" ? n("messagePart.showProducts") : r.type === "tool-showContactForm" ? n("messagePart.showContactForm") : r.type === "tool-showCalendarEvent" ? n("messagePart.showCalendarEvent") : r.type === "tool-showComparison" ? n("messagePart.showComparison") : r.type === "tool-showLocation" ? n("messagePart.showLocation") : r.type === "tool-showQrCode" ? n("messagePart.showQrCode") : r.type === "tool-showImageGallery" ? n("messagePart.showImageGallery") : r.type === "tool-showVideo" ? n("messagePart.showVideo") : r.type === "tool-showSuggestedReply" ? n("messagePart.showSuggestedReply") : r.type === "tool-requestGeolocation" ? n("messagePart.requestGeolocation") : v.includes(r.type) ? n("messagePart.webSearch") : n("messagePart.tool") : t(r) ? n("messagePart.reasoning") : n("messagePart.streaming");
 }
 //#endregion
 export { g as _, w as a, T as c, l as d, f, m as g, r as h, h as i, C as l, c as m, v as n, d as o, i as p, _ as r, u as s, s as t, b as u };
 
-//# sourceMappingURL=utils-Bf73GiBm.js.map
+//# sourceMappingURL=utils-CgxndZld.js.map

package/dist-vue/_chunks/{utils-Bf73GiBm.js.map → utils-CgxndZld.js.map}

@@ -1 +1 @@
-{"version":3,"file":"utils-Bf73GiBm.js","names":[],"sources":["../../../../packages/components/src/chat/utils.ts"],"sourcesContent":["import type { UIMessage } from 'ai'\nimport {\n    isTextPart,\n    isFilePart,\n    isToolPart,\n    isReasoningPart,\n    hasPartText,\n    hasTextPart,\n    getTextPart,\n    getMessageText,\n} from 'utils'\n\nexport {\n    isTextPart,\n    isFilePart,\n    isToolPart,\n    isReasoningPart,\n    hasPartText,\n    hasTextPart,\n    getTextPart,\n    getMessageText,\n}\n\n/**\n * Merges consecutive text parts into a single text part.\n * Claude (and other models) often produce multiple text parts during streaming\n * that should logically be a single block of text.\n */\nexport function mergeConsecutiveTextParts(\n    parts: UIMessage['parts'],\n): UIMessage['parts'] {\n    const merged: UIMessage['parts'] = []\n    for (const part of parts) {\n        if (!isTextPart(part)) {\n            merged.push(part)\n            continue\n        }\n        const prev = merged[merged.length - 1]\n        if (prev && isTextPart(prev)) {\n            merged[merged.length - 1] = { ...prev, text: prev.text + part.text }\n        } else {\n            merged.push(part)\n        }\n    }\n    return merged\n}\n\nexport function isStreamingPart(\n    part: UIMessage['parts'][number] | null | undefined,\n): part is Extract<UIMessage['parts'][number], { streaming?: boolean }> {\n    if (!part) return false\n    if ('state' in part) {\n        return part.state === 'streaming' || part.state === 'input-streaming'\n    }\n    return false\n}\n\n/**\n * States a tool part goes through when it needs the user's approval. They are\n * rendered by `PkToolApprovalCard` whatever the tool is, so the decision (and\n * its outcome) stays visible in the transcript.\n */\nconst TOOL_APPROVAL_STATES = new Set([\n    'approval-requested',\n    'approval-responded',\n    'output-denied',\n])\n\nexport function isToolApprovalPart(\n    part: UIMessage['parts'][number] | null | undefined,\n): boolean {\n    if (!isToolPart(part)) {\n        return false\n    }\n    if (TOOL_APPROVAL_STATES.has(part.state)) {\n        return true\n    }\n    // An executed (or errored) call that went through the gate keeps its\n    // verdict in `approval`: the card stays in the transcript, so the user's\n    // decision remains visible in the chat and in the log viewers (parity\n    // with requestConfirm, whose 'confirmed' output is persisted).\n    return (part as { approval?: unknown }).approval != null\n}\n\n/**\n * The client-side tool the model uses to have an action it described approved.\n * It predates the SDK's approval gate and keeps its own round-trip (it resolves\n * through `addToolOutput`), but it asks the user the very same question, so it\n * shares `PkToolApprovalCard` instead of having a card of its own.\n */\nexport const CONFIRM_TOOL_NAME = 'requestConfirm'\n\nexport function isToolConfirmPart(\n    part: UIMessage['parts'][number] | null | undefined,\n): boolean {\n    return isToolPart(part) && part.type === `tool-${CONFIRM_TOOL_NAME}`\n}\n\n/** True for any part the confirmation card is responsible for. */\nexport function isConfirmationCardPart(\n    part: UIMessage['parts'][number] | null | undefined,\n): boolean {\n    return isToolApprovalPart(part) || isToolConfirmPart(part)\n}\n\n/** The id of the pending approval request on a tool part, if any. */\nexport function getToolApprovalId(\n    part: UIMessage['parts'][number] | null | undefined,\n): string | undefined {\n    if (!isToolPart(part)) {\n        return undefined\n    }\n    return (part as { approval?: { id?: string } }).approval?.id\n}\n\nexport function getPartState(\n    part: UIMessage['parts'][number] | null | undefined,\n): string | undefined {\n    if (!part) return undefined\n    if ('state' in part) {\n        return part.state\n    }\n    return undefined\n}\n\nexport function isLoadingState(state?: string): boolean {\n    if (!state) return false\n    return ['streaming'].includes(state)\n}\n\nexport function getContrast(hexcolor: string = '000000'): 'black' | 'white' {\n    let hex = hexcolor.replace('#', '')\n\n    // Expand 3-character hex to 6-character (e.g., #ccc -> #cccccc)\n    if (hex.length === 3) {\n        hex = hex\n            .split('')\n            .map((char) => char + char)\n            .join('')\n    }\n\n    // WCAG relative luminance\n    const r = parseInt(hex.substring(0, 2), 16) / 255\n    const g = parseInt(hex.substring(2, 4), 16) / 255\n    const b = parseInt(hex.substring(4, 6), 16) / 255\n\n    const linearize = (c: number) =>\n        c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4\n\n    const luminance =\n        0.2126 * linearize(r) + 0.7152 * linearize(g) + 0.0722 * linearize(b)\n\n    return luminance > 0.179 ? 'black' : 'white'\n}\n\n/**\n * Resolves the contrast color based on the user's `textColor` preference.\n * Falls back to WCAG auto-detection via `getContrast` when set to `'auto'` or `undefined`.\n */\nexport function resolveContrastColor(\n    textColor: 'auto' | 'white' | 'black' | undefined,\n    mainColor: string | undefined,\n): 'black' | 'white' {\n    if (textColor === 'white' || textColor === 'black') {\n        return textColor\n    }\n    return getContrast(mainColor)\n}\n\n/**\n * Formats a duration in milliseconds using the i18n `seconds` number format\n * (e.g. \"12,4 secondi\" / \"12.4 seconds\"). Returns undefined for durations\n * that would render as \"0 seconds\" (less than 0.05s).\n */\nexport function formatDuration(\n    $n: (value: number, format: string) => string,\n    ms?: number,\n): string | undefined {\n    if (ms === undefined || ms < 50) {\n        return undefined\n    }\n    return $n(ms / 1000, 'seconds')\n}\n\n/**\n * Stringifies a tool payload for the raw fallback view. Returns undefined for\n * empty values so the caller can skip rendering the block entirely.\n */\nexport function stringifyPayload(value: unknown): string | undefined {\n    if (value === undefined) {\n        return undefined\n    }\n    if (typeof value === 'string') {\n        return value.trim() || undefined\n    }\n    try {\n        const json = JSON.stringify(value, null, 2)\n        return json === '{}' || json === '[]' ? undefined : json\n    } catch {\n        return undefined\n    }\n}\n\n/**\n * Turns the answers of a form into the sentence the caller would have said.\n *\n * On a call the tool loop is over by the time the form is on screen, so the\n * answers go back to the agent as a user message (see `sendUserMessage` in\n * `useVoiceSession`). Each answer is paired with its question, because that is\n * how a person would say it and because the agent hears it with no widget\n * attached.\n */\nexport function formAnswerAsSpoken(\n    part: unknown,\n    answer: string | { answers: { id: string; value: unknown }[] },\n): string {\n    const input = (\n        part as {\n            input?: {\n                steps?: { id: string; question?: string }[]\n                question?: string\n            }\n        }\n    )?.input\n\n    if (typeof answer === 'string') {\n        const question = input?.question ?? input?.steps?.[0]?.question\n        return question ? `${question} ${answer}` : answer\n    }\n\n    const questionById = new Map(\n        (input?.steps ?? []).map((step) => [step.id, step.question]),\n    )\n    const lines = answer.answers\n        .filter(\n            ({ value }) =>\n                value !== null &&\n                value !== '' &&\n                !(Array.isArray(value) && !value.length),\n        )\n        .map(({ id, value }) => {\n            const said = Array.isArray(value) ? value.join(', ') : String(value)\n            const question = questionById.get(id)\n            return question ? `${question} ${said}` : said\n        })\n\n    return lines.join('. ')\n}\n\n// Provider-native web search tool part types\nexport const WEB_SEARCH_TOOL_TYPES = [\n    'tool-perplexity_search',\n    'tool-parallel_search',\n    'tool-web_search',\n    'tool-google_search',\n]\n\n// Tool part types with a dedicated rich rendering in PkChatbotStepToolDetail\nconst RICH_DETAIL_TOOL_TYPES = new Set([\n    'tool-searchInKnowledgeBase',\n    'tool-retrieveRevisedAnswers',\n    'tool-expandChunkContext',\n    'tool-readDocumentFile',\n    'tool-getWeather',\n    'tool-geocode',\n    'tool-recallUserMemory',\n    'tool-saveUserMemory',\n    ...WEB_SEARCH_TOOL_TYPES,\n])\n\nexport function hasRichToolDetail(\n    part?: UIMessage['parts'][number] | null,\n): boolean {\n    return isToolPart(part) && RICH_DETAIL_TOOL_TYPES.has(part.type)\n}\n\nconst asRecord = (value: unknown): Record<string, unknown> | undefined =>\n    value && typeof value === 'object' && !Array.isArray(value)\n        ? (value as Record<string, unknown>)\n        : undefined\n\nconst pickString = (\n    record: Record<string, unknown> | undefined,\n    ...keys: string[]\n): string | undefined => {\n    for (const key of keys) {\n        const value = record?.[key]\n        if (typeof value === 'string' && value.trim()) {\n            return value\n        }\n    }\n    return undefined\n}\n\n/**\n * Returns a short inline summary for a tool part (search queries, location,\n * document name, ...) to be shown next to the step label without expanding\n * the step body.\n */\nexport function getToolPartSummary(\n    part?: UIMessage['parts'][number] | null,\n): string | undefined {\n    if (!isToolPart(part)) {\n        return undefined\n    }\n    const input = asRecord('input' in part ? part.input : undefined)\n    const output = asRecord('output' in part ? part.output : undefined)\n    if (\n        part.type === 'tool-searchInKnowledgeBase' ||\n        WEB_SEARCH_TOOL_TYPES.includes(part.type)\n    ) {\n        const queries = input?.queries\n        if (Array.isArray(queries)) {\n            const valid = queries.filter(\n                (query): query is string =>\n                    typeof query === 'string' && Boolean(query.trim()),\n            )\n            return valid.length ? valid.join(' · ') : undefined\n        }\n        return pickString(input, 'query', 'objective')\n    }\n    if (part.type === 'tool-retrieveRevisedAnswers') {\n        return pickString(input, 'query')\n    }\n    if (part.type === 'tool-getWeather') {\n        return (\n            pickString(output, 'location') ?? pickString(input, 'locationName')\n        )\n    }\n    if (part.type === 'tool-geocode') {\n        return pickString(input, 'locationName')\n    }\n    if (part.type === 'tool-expandChunkContext') {\n        return pickString(output, 'documentName')\n    }\n    if (part.type === 'tool-readDocumentFile') {\n        return pickString(output, 'name')\n    }\n    if (part.type === 'tool-recallUserMemory') {\n        return pickString(input, 'query')\n    }\n    if (part.type === 'tool-saveUserMemory') {\n        return pickString(input, 'content', 'query')\n    }\n    return undefined\n}\n\n// Get part icon\nexport function getPartIcon(\n    part?: UIMessage['parts'][number] | null,\n): string | undefined {\n    if (isToolPart(part)) {\n        if (part.type.includes('tool-subagent')) {\n            return 'ri:robot-2-line'\n        }\n        if (part.type === 'tool-runWorker') {\n            return 'ri:flow-chart'\n        }\n        if (part.type === 'tool-fetchTeamsChannelHistory') {\n            return 'ri:chat-history-line'\n        }\n        if (part.type.includes('tool-mcp')) {\n            return 'octicon:mcp-16'\n        }\n        if (part.type === 'tool-retrieveRevisedAnswers') {\n            return 'ri:file-edit-line'\n        }\n        if (part.type === 'tool-searchInKnowledgeBase') {\n            return 'ri:search-line'\n        }\n        if (part.type === 'tool-expandChunkContext') {\n            return 'ri:file-search-line'\n        }\n        if (part.type === 'tool-readDocumentFile') {\n            return 'ri:file-text-line'\n        }\n        if (part.type === 'tool-geocode') {\n            return 'ri:map-2-line'\n        }\n        if (part.type === 'tool-getWeather') {\n            return 'ri:sun-cloudy-line'\n        }\n        if (part.type === 'tool-recallUserMemory') {\n            return 'ri:brain-line'\n        }\n        if (part.type === 'tool-saveUserMemory') {\n            return 'ri:save-3-line'\n        }\n        if (part.type === 'tool-showWeather') {\n            return 'ri:sun-line'\n        }\n        if (part.type === 'tool-showDiagram') {\n            return 'ri:flow-chart'\n        }\n        if (part.type === 'tool-showSources') {\n            return 'ri:book-2-line'\n        }\n        if (part.type === 'tool-showForm') {\n            return 'ri:survey-line'\n        }\n        if (part.type === 'tool-showMultipleChoice') {\n            return 'ri:checkbox-multiple-line'\n        }\n        if (part.type === 'tool-showArtifact') {\n            return 'ri:file-code-line'\n        }\n        if (part.type === 'tool-showEmail') {\n            return 'ri:mail-line'\n        }\n        if (part.type === 'tool-showMessage') {\n            return 'ri:chat-1-line'\n        }\n        if (part.type === 'tool-showWebPages') {\n            return 'ri:pages-line'\n        }\n        if (part.type === 'tool-showProductList') {\n            return 'ri:shopping-bag-line'\n        }\n        if (part.type === 'tool-showContactForm') {\n            return 'ri:send-plane-2-line'\n        }\n        if (part.type === 'tool-showCalendarEvent') {\n            return 'ri:calendar-event-line'\n        }\n        if (part.type === 'tool-showComparison') {\n            return 'ri:scales-line'\n        }\n        if (part.type === 'tool-showLocation') {\n            return 'ri:map-pin-line'\n        }\n        if (part.type === 'tool-showQrCode') {\n            return 'ri:qr-code-line'\n        }\n        if (part.type === 'tool-showImageGallery') {\n            return 'ri:image-line'\n        }\n        if (part.type === 'tool-showVideo') {\n            return 'ri:film-line'\n        }\n        if (part.type === 'tool-showSuggestedReply') {\n            return 'ri:corner-down-right-line'\n        }\n        if (part.type === 'tool-requestGeolocation') {\n            return 'ri:map-pin-user-line'\n        }\n        if (\n            part.type === 'tool-perplexity_search' ||\n            part.type === 'tool-parallel_search' ||\n            part.type === 'tool-web_search' ||\n            part.type === 'tool-google_search'\n        ) {\n            return 'ri:global-line'\n        }\n        return 'ri:tools-line'\n    }\n    if (isReasoningPart(part)) {\n        return 'ri:lightbulb-line'\n    }\n    if (isTextPart(part)) {\n        return 'ri:double-quotes-r'\n    }\n    return undefined\n}\n\n// Get part label\nexport function getToolPartLabel(\n    $t: (key: string) => string,\n    part?: UIMessage['parts'][number] | null,\n): string | undefined {\n    if (isToolPart(part)) {\n        if (part.type === 'tool-runWorker') {\n            return $t(`messagePart.runWorker`)\n        }\n        if (part.type === 'tool-fetchTeamsChannelHistory') {\n            return $t(`messagePart.fetchTeamsChannelHistory`)\n        }\n        if (part.type === 'tool-retrieveRevisedAnswers') {\n            return $t(`messagePart.revisedAnswers`)\n        }\n        if (part.type === 'tool-searchInKnowledgeBase') {\n            return $t(`messagePart.searchingDocuments`)\n        }\n        if (part.type === 'tool-expandChunkContext') {\n            return $t(`messagePart.expandChunkContext`)\n        }\n        if (part.type === 'tool-readDocumentFile') {\n            return $t(`messagePart.readDocumentFile`)\n        }\n        if (part.type === 'tool-geocode') {\n            return $t(`messagePart.geocode`)\n        }\n        if (part.type === 'tool-getWeather') {\n            return $t(`messagePart.getWeather`)\n        }\n        if (part.type === 'tool-recallUserMemory') {\n            return $t(`messagePart.recallUserMemory`)\n        }\n        if (part.type === 'tool-saveUserMemory') {\n            return $t(`messagePart.saveUserMemory`)\n        }\n        if (part.type === 'tool-showWeather') {\n            return $t(`messagePart.showWeather`)\n        }\n        if (part.type === 'tool-showForm') {\n            return $t(`messagePart.showForm`)\n        }\n        if (part.type === 'tool-showDiagram') {\n            return $t(`messagePart.showDiagram`)\n        }\n        if (part.type === 'tool-showSources') {\n            return $t(`messagePart.showSources`)\n        }\n        if (part.type === 'tool-showMultipleChoice') {\n            return $t(`messagePart.showMultipleChoice`)\n        }\n        if (part.type === 'tool-showArtifact') {\n            return $t(`messagePart.showArtifact`)\n        }\n        if (part.type === 'tool-showEmail') {\n            return $t(`messagePart.showEmail`)\n        }\n        if (part.type === 'tool-showMessage') {\n            return $t(`messagePart.showMessage`)\n        }\n        if (part.type === 'tool-showWebPages') {\n            return $t(`messagePart.showWebPages`)\n        }\n        if (part.type === 'tool-showProducts') {\n            return $t(`messagePart.showProducts`)\n        }\n        if (part.type === 'tool-showContactForm') {\n            return $t(`messagePart.showContactForm`)\n        }\n        if (part.type === 'tool-showCalendarEvent') {\n            return $t(`messagePart.showCalendarEvent`)\n        }\n        if (part.type === 'tool-showComparison') {\n            return $t(`messagePart.showComparison`)\n        }\n        if (part.type === 'tool-showLocation') {\n            return $t(`messagePart.showLocation`)\n        }\n        if (part.type === 'tool-showQrCode') {\n            return $t(`messagePart.showQrCode`)\n        }\n        if (part.type === 'tool-showImageGallery') {\n            return $t(`messagePart.showImageGallery`)\n        }\n        if (part.type === 'tool-showVideo') {\n            return $t(`messagePart.showVideo`)\n        }\n        if (part.type === 'tool-showSuggestedReply') {\n            return $t(`messagePart.showSuggestedReply`)\n        }\n        if (part.type === 'tool-requestGeolocation') {\n            return $t(`messagePart.requestGeolocation`)\n        }\n        if (WEB_SEARCH_TOOL_TYPES.includes(part.type)) {\n            return $t(`messagePart.webSearch`)\n        }\n        return $t(`messagePart.tool`)\n    }\n    if (isReasoningPart(part)) {\n        return $t(`messagePart.reasoning`)\n    }\n    return $t(`messagePart.streaming`)\n}\n"],"mappings":"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"}
+{"version":3,"file":"utils-CgxndZld.js","names":[],"sources":["../../../../packages/components/src/chat/utils.ts"],"sourcesContent":["import type { UIMessage } from 'ai'\nimport {\n    isTextPart,\n    isFilePart,\n    isToolPart,\n    isReasoningPart,\n    hasPartText,\n    hasTextPart,\n    getTextPart,\n    getMessageText,\n} from 'utils'\n\nexport {\n    isTextPart,\n    isFilePart,\n    isToolPart,\n    isReasoningPart,\n    hasPartText,\n    hasTextPart,\n    getTextPart,\n    getMessageText,\n}\n\n/**\n * Merges consecutive text parts into a single text part.\n * Claude (and other models) often produce multiple text parts during streaming\n * that should logically be a single block of text.\n */\nexport function mergeConsecutiveTextParts(\n    parts: UIMessage['parts'],\n): UIMessage['parts'] {\n    const merged: UIMessage['parts'] = []\n    for (const part of parts) {\n        if (!isTextPart(part)) {\n            merged.push(part)\n            continue\n        }\n        const prev = merged[merged.length - 1]\n        if (prev && isTextPart(prev)) {\n            merged[merged.length - 1] = { ...prev, text: prev.text + part.text }\n        } else {\n            merged.push(part)\n        }\n    }\n    return merged\n}\n\nexport function isStreamingPart(\n    part: UIMessage['parts'][number] | null | undefined,\n): part is Extract<UIMessage['parts'][number], { streaming?: boolean }> {\n    if (!part) return false\n    if ('state' in part) {\n        return part.state === 'streaming' || part.state === 'input-streaming'\n    }\n    return false\n}\n\n/**\n * States a tool part goes through when it needs the user's approval. They are\n * rendered by `PkToolApprovalCard` whatever the tool is, so the decision (and\n * its outcome) stays visible in the transcript.\n */\nconst TOOL_APPROVAL_STATES = new Set([\n    'approval-requested',\n    'approval-responded',\n    'output-denied',\n])\n\nexport function isToolApprovalPart(\n    part: UIMessage['parts'][number] | null | undefined,\n): boolean {\n    if (!isToolPart(part)) {\n        return false\n    }\n    if (TOOL_APPROVAL_STATES.has(part.state)) {\n        return true\n    }\n    // An executed (or errored) call that went through the gate keeps its\n    // verdict in `approval`: the card stays in the transcript, so the user's\n    // decision remains visible in the chat and in the log viewers (parity\n    // with requestConfirm, whose 'confirmed' output is persisted).\n    return (part as { approval?: unknown }).approval != null\n}\n\n/**\n * The client-side tool the model uses to have an action it described approved.\n * It predates the SDK's approval gate and keeps its own round-trip (it resolves\n * through `addToolOutput`), but it asks the user the very same question, so it\n * shares `PkToolApprovalCard` instead of having a card of its own.\n */\nexport const CONFIRM_TOOL_NAME = 'requestConfirm'\n\nexport function isToolConfirmPart(\n    part: UIMessage['parts'][number] | null | undefined,\n): boolean {\n    return isToolPart(part) && part.type === `tool-${CONFIRM_TOOL_NAME}`\n}\n\n/** True for any part the confirmation card is responsible for. */\nexport function isConfirmationCardPart(\n    part: UIMessage['parts'][number] | null | undefined,\n): boolean {\n    return isToolApprovalPart(part) || isToolConfirmPart(part)\n}\n\n/** The id of the pending approval request on a tool part, if any. */\nexport function getToolApprovalId(\n    part: UIMessage['parts'][number] | null | undefined,\n): string | undefined {\n    if (!isToolPart(part)) {\n        return undefined\n    }\n    return (part as { approval?: { id?: string } }).approval?.id\n}\n\nexport function getPartState(\n    part: UIMessage['parts'][number] | null | undefined,\n): string | undefined {\n    if (!part) return undefined\n    if ('state' in part) {\n        return part.state\n    }\n    return undefined\n}\n\nexport function isLoadingState(state?: string): boolean {\n    if (!state) return false\n    return ['streaming'].includes(state)\n}\n\nexport function getContrast(hexcolor: string = '000000'): 'black' | 'white' {\n    let hex = hexcolor.replace('#', '')\n\n    // Expand 3-character hex to 6-character (e.g., #ccc -> #cccccc)\n    if (hex.length === 3) {\n        hex = hex\n            .split('')\n            .map((char) => char + char)\n            .join('')\n    }\n\n    // WCAG relative luminance\n    const r = parseInt(hex.substring(0, 2), 16) / 255\n    const g = parseInt(hex.substring(2, 4), 16) / 255\n    const b = parseInt(hex.substring(4, 6), 16) / 255\n\n    const linearize = (c: number) =>\n        c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4\n\n    const luminance =\n        0.2126 * linearize(r) + 0.7152 * linearize(g) + 0.0722 * linearize(b)\n\n    return luminance > 0.179 ? 'black' : 'white'\n}\n\n/**\n * Resolves the contrast color based on the user's `textColor` preference.\n * Falls back to WCAG auto-detection via `getContrast` when set to `'auto'` or `undefined`.\n */\nexport function resolveContrastColor(\n    textColor: 'auto' | 'white' | 'black' | undefined,\n    mainColor: string | undefined,\n): 'black' | 'white' {\n    if (textColor === 'white' || textColor === 'black') {\n        return textColor\n    }\n    return getContrast(mainColor)\n}\n\n/**\n * Formats a duration in milliseconds using the i18n `seconds` number format\n * (e.g. \"12,4 secondi\" / \"12.4 seconds\"). Returns undefined for durations\n * that would render as \"0 seconds\" (less than 0.05s).\n */\nexport function formatDuration(\n    $n: (value: number, format: string) => string,\n    ms?: number,\n): string | undefined {\n    if (ms === undefined || ms < 50) {\n        return undefined\n    }\n    return $n(ms / 1000, 'seconds')\n}\n\n/**\n * Stringifies a tool payload for the raw fallback view. Returns undefined for\n * empty values so the caller can skip rendering the block entirely.\n */\nexport function stringifyPayload(value: unknown): string | undefined {\n    if (value === undefined) {\n        return undefined\n    }\n    if (typeof value === 'string') {\n        return value.trim() || undefined\n    }\n    try {\n        const json = JSON.stringify(value, null, 2)\n        return json === '{}' || json === '[]' ? undefined : json\n    } catch {\n        return undefined\n    }\n}\n\n/**\n * Turns the answers of a form into the sentence the caller would have said.\n *\n * On a call the tool loop is over by the time the form is on screen, so the\n * answers go back to the agent as a user message (see `sendUserMessage` in\n * `useVoiceSession`). Each answer is paired with its question, because that is\n * how a person would say it and because the agent hears it with no widget\n * attached.\n */\nexport function formAnswerAsSpoken(\n    part: unknown,\n    answer: string | { answers: { id: string; value: unknown }[] },\n): string {\n    const input = (\n        part as {\n            input?: {\n                steps?: { id: string; question?: string }[]\n                question?: string\n            }\n        }\n    )?.input\n\n    if (typeof answer === 'string') {\n        const question = input?.question ?? input?.steps?.[0]?.question\n        return question ? `${question} ${answer}` : answer\n    }\n\n    const questionById = new Map(\n        (input?.steps ?? []).map((step) => [step.id, step.question]),\n    )\n    const lines = answer.answers\n        .filter(\n            ({ value }) =>\n                value !== null &&\n                value !== '' &&\n                !(Array.isArray(value) && !value.length),\n        )\n        .map(({ id, value }) => {\n            const said = Array.isArray(value) ? value.join(', ') : String(value)\n            const question = questionById.get(id)\n            return question ? `${question} ${said}` : said\n        })\n\n    return lines.join('. ')\n}\n\n// Provider-native web search tool part types\nexport const WEB_SEARCH_TOOL_TYPES = [\n    'tool-perplexity_search',\n    'tool-parallel_search',\n    'tool-web_search',\n    'tool-google_search',\n]\n\n// Tool part types with a dedicated rich rendering in PkChatbotStepToolDetail\nconst RICH_DETAIL_TOOL_TYPES = new Set([\n    'tool-searchInKnowledgeBase',\n    'tool-retrieveRevisedAnswers',\n    'tool-expandChunkContext',\n    'tool-readDocumentFile',\n    'tool-getWeather',\n    'tool-geocode',\n    'tool-recallUserMemory',\n    'tool-saveUserMemory',\n    ...WEB_SEARCH_TOOL_TYPES,\n])\n\nexport function hasRichToolDetail(\n    part?: UIMessage['parts'][number] | null,\n): boolean {\n    return isToolPart(part) && RICH_DETAIL_TOOL_TYPES.has(part.type)\n}\n\nconst asRecord = (value: unknown): Record<string, unknown> | undefined =>\n    value && typeof value === 'object' && !Array.isArray(value)\n        ? (value as Record<string, unknown>)\n        : undefined\n\nconst pickString = (\n    record: Record<string, unknown> | undefined,\n    ...keys: string[]\n): string | undefined => {\n    for (const key of keys) {\n        const value = record?.[key]\n        if (typeof value === 'string' && value.trim()) {\n            return value\n        }\n    }\n    return undefined\n}\n\n/**\n * Returns a short inline summary for a tool part (search queries, location,\n * document name, ...) to be shown next to the step label without expanding\n * the step body.\n */\nexport function getToolPartSummary(\n    part?: UIMessage['parts'][number] | null,\n): string | undefined {\n    if (!isToolPart(part)) {\n        return undefined\n    }\n    const input = asRecord('input' in part ? part.input : undefined)\n    const output = asRecord('output' in part ? part.output : undefined)\n    if (\n        part.type === 'tool-searchInKnowledgeBase' ||\n        WEB_SEARCH_TOOL_TYPES.includes(part.type)\n    ) {\n        const queries = input?.queries\n        if (Array.isArray(queries)) {\n            const valid = queries.filter(\n                (query): query is string =>\n                    typeof query === 'string' && Boolean(query.trim()),\n            )\n            return valid.length ? valid.join(' · ') : undefined\n        }\n        return pickString(input, 'query', 'objective')\n    }\n    if (part.type === 'tool-retrieveRevisedAnswers') {\n        return pickString(input, 'query')\n    }\n    if (part.type === 'tool-getWeather') {\n        return (\n            pickString(output, 'location') ?? pickString(input, 'locationName')\n        )\n    }\n    if (part.type === 'tool-geocode') {\n        return pickString(input, 'locationName')\n    }\n    if (part.type === 'tool-expandChunkContext') {\n        return pickString(output, 'documentName')\n    }\n    if (part.type === 'tool-readDocumentFile') {\n        return pickString(output, 'name')\n    }\n    if (part.type === 'tool-recallUserMemory') {\n        return pickString(input, 'query')\n    }\n    if (part.type === 'tool-saveUserMemory') {\n        return pickString(input, 'content', 'query')\n    }\n    return undefined\n}\n\n// Get part icon\nexport function getPartIcon(\n    part?: UIMessage['parts'][number] | null,\n): string | undefined {\n    if (isToolPart(part)) {\n        if (part.type.includes('tool-subagent')) {\n            return 'ri:robot-2-line'\n        }\n        if (part.type === 'tool-runWorker') {\n            return 'ri:flow-chart'\n        }\n        if (part.type === 'tool-fetchTeamsChannelHistory') {\n            return 'ri:chat-history-line'\n        }\n        if (part.type.includes('tool-mcp')) {\n            return 'octicon:mcp-16'\n        }\n        if (part.type === 'tool-retrieveRevisedAnswers') {\n            return 'ri:file-edit-line'\n        }\n        if (part.type === 'tool-searchInKnowledgeBase') {\n            return 'ri:search-line'\n        }\n        if (part.type === 'tool-expandChunkContext') {\n            return 'ri:file-search-line'\n        }\n        if (part.type === 'tool-readDocumentFile') {\n            return 'ri:file-text-line'\n        }\n        if (part.type === 'tool-geocode') {\n            return 'ri:map-2-line'\n        }\n        if (part.type === 'tool-getWeather') {\n            return 'ri:sun-cloudy-line'\n        }\n        if (part.type === 'tool-recallUserMemory') {\n            return 'ri:brain-line'\n        }\n        if (part.type === 'tool-saveUserMemory') {\n            return 'ri:save-3-line'\n        }\n        if (part.type === 'tool-showWeather') {\n            return 'ri:sun-line'\n        }\n        if (part.type === 'tool-showDiagram') {\n            return 'ri:flow-chart'\n        }\n        if (part.type === 'tool-showSources') {\n            return 'ri:book-2-line'\n        }\n        if (part.type === 'tool-showForm') {\n            return 'ri:survey-line'\n        }\n        if (part.type === 'tool-showMultipleChoice') {\n            return 'ri:checkbox-multiple-line'\n        }\n        if (part.type === 'tool-showArtifact') {\n            return 'ri:file-code-line'\n        }\n        if (part.type === 'tool-showEmail') {\n            return 'ri:mail-line'\n        }\n        if (part.type === 'tool-showMessage') {\n            return 'ri:chat-1-line'\n        }\n        if (part.type === 'tool-showWebPages') {\n            return 'ri:pages-line'\n        }\n        if (part.type === 'tool-showProductList') {\n            return 'ri:shopping-bag-line'\n        }\n        if (part.type === 'tool-showContactForm') {\n            return 'ri:send-plane-2-line'\n        }\n        if (part.type === 'tool-showCalendarEvent') {\n            return 'ri:calendar-event-line'\n        }\n        if (part.type === 'tool-showComparison') {\n            return 'ri:scales-line'\n        }\n        if (part.type === 'tool-showLocation') {\n            return 'ri:map-pin-line'\n        }\n        if (part.type === 'tool-showQrCode') {\n            return 'ri:qr-code-line'\n        }\n        if (part.type === 'tool-showImageGallery') {\n            return 'ri:image-line'\n        }\n        if (part.type === 'tool-showVideo') {\n            return 'ri:film-line'\n        }\n        if (part.type === 'tool-showSuggestedReply') {\n            return 'ri:corner-down-right-line'\n        }\n        if (part.type === 'tool-requestGeolocation') {\n            return 'ri:map-pin-user-line'\n        }\n        if (\n            part.type === 'tool-perplexity_search' ||\n            part.type === 'tool-parallel_search' ||\n            part.type === 'tool-web_search' ||\n            part.type === 'tool-google_search'\n        ) {\n            return 'ri:global-line'\n        }\n        return 'ri:tools-line'\n    }\n    if (isReasoningPart(part)) {\n        return 'ri:lightbulb-line'\n    }\n    if (isTextPart(part)) {\n        return 'ri:double-quotes-r'\n    }\n    return undefined\n}\n\n// Get part label\nexport function getToolPartLabel(\n    $t: (key: string) => string,\n    part?: UIMessage['parts'][number] | null,\n): string | undefined {\n    if (isToolPart(part)) {\n        if (part.type.includes('tool-subagent')) {\n            return $t(`messagePart.runSubagent`)\n        }\n        if (part.type === 'tool-runWorker') {\n            return $t(`messagePart.runWorker`)\n        }\n        if (part.type === 'tool-fetchTeamsChannelHistory') {\n            return $t(`messagePart.fetchTeamsChannelHistory`)\n        }\n        if (part.type === 'tool-retrieveRevisedAnswers') {\n            return $t(`messagePart.revisedAnswers`)\n        }\n        if (part.type === 'tool-searchInKnowledgeBase') {\n            return $t(`messagePart.searchingDocuments`)\n        }\n        if (part.type === 'tool-expandChunkContext') {\n            return $t(`messagePart.expandChunkContext`)\n        }\n        if (part.type === 'tool-readDocumentFile') {\n            return $t(`messagePart.readDocumentFile`)\n        }\n        if (part.type === 'tool-geocode') {\n            return $t(`messagePart.geocode`)\n        }\n        if (part.type === 'tool-getWeather') {\n            return $t(`messagePart.getWeather`)\n        }\n        if (part.type === 'tool-recallUserMemory') {\n            return $t(`messagePart.recallUserMemory`)\n        }\n        if (part.type === 'tool-saveUserMemory') {\n            return $t(`messagePart.saveUserMemory`)\n        }\n        if (part.type === 'tool-showWeather') {\n            return $t(`messagePart.showWeather`)\n        }\n        if (part.type === 'tool-showForm') {\n            return $t(`messagePart.showForm`)\n        }\n        if (part.type === 'tool-showDiagram') {\n            return $t(`messagePart.showDiagram`)\n        }\n        if (part.type === 'tool-showSources') {\n            return $t(`messagePart.showSources`)\n        }\n        if (part.type === 'tool-showMultipleChoice') {\n            return $t(`messagePart.showMultipleChoice`)\n        }\n        if (part.type === 'tool-showArtifact') {\n            return $t(`messagePart.showArtifact`)\n        }\n        if (part.type === 'tool-showEmail') {\n            return $t(`messagePart.showEmail`)\n        }\n        if (part.type === 'tool-showMessage') {\n            return $t(`messagePart.showMessage`)\n        }\n        if (part.type === 'tool-showWebPages') {\n            return $t(`messagePart.showWebPages`)\n        }\n        if (part.type === 'tool-showProducts') {\n            return $t(`messagePart.showProducts`)\n        }\n        if (part.type === 'tool-showContactForm') {\n            return $t(`messagePart.showContactForm`)\n        }\n        if (part.type === 'tool-showCalendarEvent') {\n            return $t(`messagePart.showCalendarEvent`)\n        }\n        if (part.type === 'tool-showComparison') {\n            return $t(`messagePart.showComparison`)\n        }\n        if (part.type === 'tool-showLocation') {\n            return $t(`messagePart.showLocation`)\n        }\n        if (part.type === 'tool-showQrCode') {\n            return $t(`messagePart.showQrCode`)\n        }\n        if (part.type === 'tool-showImageGallery') {\n            return $t(`messagePart.showImageGallery`)\n        }\n        if (part.type === 'tool-showVideo') {\n            return $t(`messagePart.showVideo`)\n        }\n        if (part.type === 'tool-showSuggestedReply') {\n            return $t(`messagePart.showSuggestedReply`)\n        }\n        if (part.type === 'tool-requestGeolocation') {\n            return $t(`messagePart.requestGeolocation`)\n        }\n        if (WEB_SEARCH_TOOL_TYPES.includes(part.type)) {\n            return $t(`messagePart.webSearch`)\n        }\n        return $t(`messagePart.tool`)\n    }\n    if (isReasoningPart(part)) {\n        return $t(`messagePart.reasoning`)\n    }\n    return $t(`messagePart.streaming`)\n}\n"],"mappings":"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"}

package/dist-vue/composables.js

@@ -2,7 +2,7 @@ import { t as e } from "./_chunks/createChatbotApiClient-xbpuy6e1.js";
 import { n as t } from "./_chunks/useChatbotStore-DWLLr7sg.js";
 import { t as n } from "./_chunks/src-BbpxM17m.js";
 import { t as r } from "./_chunks/useLocalizedString-PfaKjIQY.js";
-import { g as i } from "./_chunks/utils-Bf73GiBm.js";
+import { g as i } from "./_chunks/utils-CgxndZld.js";
 import { computed as a, getCurrentInstance as o, onBeforeUnmount as s, onMounted as c, ref as l, toValue as u, watch as d } from "vue";
 import { createAuthClient as f } from "better-auth/vue";
 import { anonymousClient as p, inferAdditionalFields as m } from "better-auth/client/plugins";

package/dist-vue/index.js

@@ -11,11 +11,11 @@ import { t as fe } from "./_chunks/PkStreamingMarkdown-BBni7OTn.js";
 import { a as pe, i as me, n as he, r as ge } from "./_chunks/useChatbotStore-DWLLr7sg.js";
 import "./_chunks/src-BbpxM17m.js";
 import { c as _e, i as ve, s as ye } from "./_chunks/message-RohfrdWS.js";
-import { i as be, n as xe, r as Se, t as Ce } from "./_chunks/PkChatbotMessages-D2hNzIaL.js";
+import { i as be, n as xe, r as Se, t as Ce } from "./_chunks/PkChatbotMessages-C6X92Igt.js";
 import { t as we } from "./_chunks/useSafeLocalStorage-D5Aa7nQY.js";
 import { t as Te } from "./_chunks/useDialogConfirm-CMTIKoWn.js";
 import { n as Ee, r as De, t as Oe } from "./_chunks/PkChatbotViewConversations-BT5ojZEm.js";
-import { i as ke, n as Ae, r as je, t as Me } from "./_chunks/PkChatbotViewChat-PYrrnkjN.js";
+import { i as ke, n as Ae, r as je, t as Me } from "./_chunks/PkChatbotViewChat-CBvcSg0J.js";
 import { t as Ne } from "./_chunks/useImageFallback-5vQIO0pC.js";
 import { t as Pe } from "./_chunks/useLocalizedString-PfaKjIQY.js";
 import { n as Fe, t as Ie } from "./_chunks/PkRelativeTime--1cIphlA.js";
@@ -29,13 +29,13 @@ import { t as Qt } from "./_chunks/PkSvgViewer-DyP2FlGA.js";
 import { t as $t } from "./_chunks/PkUrl-BkPtP48X.js";
 import { t as en } from "./_chunks/PkAvatar-paEJByEA.js";
 import { t as tn } from "./_chunks/PkChatbotFeedbackForm-nEevDHmI.js";
-import { a as nn, f as rn } from "./_chunks/utils-Bf73GiBm.js";
-import { n as an, t as on } from "./_chunks/PkChatbotSteps-Bbuh0hgL.js";
-import { t as sn } from "./_chunks/PkChatbotStepToolDetail-CtGrjHO0.js";
+import { a as nn, f as rn } from "./_chunks/utils-CgxndZld.js";
+import { n as an, t as on } from "./_chunks/PkChatbotSteps-DlZpwc_a.js";
+import { t as sn } from "./_chunks/PkChatbotStepToolDetail-BBX4KL3d.js";
 import { n as cn, t as ln } from "./_chunks/PkChatbotInput-CpSSAW2z.js";
 import { t as un } from "./_chunks/PkChatbotEmptyState-Brs9qhwj.js";
 import { t as dn } from "./_chunks/PkChatbotViewProfile-DgN0Pydw.js";
-import { t as fn } from "./_chunks/PkChatbot-BdpdK0BB.js";
+import { t as fn } from "./_chunks/PkChatbot-1Y7fGR-C.js";
 import { i as pn, r as mn, t as hn } from "./_chunks/PkToolShowSources-DdfHFaPA.js";
 import { t as gn } from "./_chunks/PkToolShowEmail-tUYlAzar.js";
 import { t as _n } from "./_chunks/PkToolShowMessage-BezAdT5s.js";
@@ -305,7 +305,7 @@ var oi = ii, si = { class: "flex items-center gap-4 mb-4" }, ci = { class: "font
 	}
 });
 //#endregion
-//#region virtual:intlify-i18n-3
+//#region virtual:intlify-i18n-2
 function _i(e) {
 	let t = e;
 	t.__i18n = t.__i18n || [], t.__i18n.push({
@@ -16203,7 +16203,7 @@ var DS = TS, OS = { class: "block text-smaller mt-4" }, kS = { class: "block tex
 	}
 });
 //#endregion
-//#region virtual:intlify-i18n-2
+//#region virtual:intlify-i18n-3
 function NS(e) {
 	let t = e;
 	t.__i18n = t.__i18n || [], t.__i18n.push({
@@ -19616,17 +19616,7 @@ var PS = MS, FS = {
 	__name: "PkMessageParts",
 	props: { message: {} },
 	setup(e) {
-		let t = e, n = A(() => t.message.parts?.filter((e) => e.type !== "step-start").map((e) => {
-			if (e.type !== "tool-readDocumentFile" || !("output" in e) || !e.output || typeof e.output != "object" || !("data" in e.output)) return e;
-			let { data: t, ...n } = e.output, r = typeof t == "string" && t.length > 100 ? `${t.slice(0, 100)}… (${t.length} chars)` : t;
-			return {
-				...e,
-				output: {
-					...n,
-					data: r
-				}
-			};
-		}) || []), r = (e) => {
+		let t = e, n = A(() => t.message.parts?.filter((e) => e.type !== "step-start") || []), r = (e) => {
 			let n = t.message?.metadata?.partTimings?.[e];
 			if (n && n > 1e3) return n;
 		}, { formatDeltaToString: i } = Fe(), a = A(() => {