@8wave/ai-elements 0.71.0 → 0.73.0

package/dist-vue/_chunks/{PkChatbotViewChat-C4haTRtG.js.map → PkChatbotViewChat-wLCypxNG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewChat-C4haTRtG.js","names":["$n","$t"],"sources":["../../../../packages/components/src/chat/PkToolRequestGeolocation.vue","../../../../packages/components/src/chat/PkToolRequestGeolocation.vue","../../../../packages/components/src/chat/PkChatbotViewChat.vue","../../../../packages/components/src/chat/PkChatbotViewChat.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, onMounted } from 'vue'\n    import { useI18n } from 'vue-i18n'\n\n    import type { ReverseGeocodeFn } from 'utils/src/device-context'\n\n    type GeolocationOutput =\n        | {\n              latitude: number\n              longitude: number\n              accuracy?: number\n              city?: string\n          }\n        | { error: 'permission_denied' | 'position_unavailable' | 'timeout' }\n\n    const props = defineProps<{\n        part: unknown\n        reverseGeocode?: ReverseGeocodeFn\n    }>()\n\n    const emit = defineEmits<{\n        result: [output: GeolocationOutput]\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const toolPart = computed(() => {\n        return props.part as {\n            state?: string\n            input?: { reason?: string }\n            output?: GeolocationOutput\n        }\n    })\n\n    const state = computed(() => toolPart.value.state ?? 'unknown')\n\n    const isOutputAvailable = computed(() => state.value === 'output-available')\n\n    const successOutput = computed(() => {\n        const out = toolPart.value.output\n        if (!out || 'error' in out) {\n            return undefined\n        }\n        return out\n    })\n\n    const errorOutput = computed(() => {\n        const out = toolPart.value.output\n        if (!out || !('error' in out)) {\n            return undefined\n        }\n        return out\n    })\n\n    /** Maps GeolocationPositionError.code to a typed string */\n    function mapGeolocationError(\n        code: number,\n    ): 'permission_denied' | 'position_unavailable' | 'timeout' {\n        if (code === 1) {\n            return 'permission_denied'\n        }\n        if (code === 3) {\n            return 'timeout'\n        }\n        return 'position_unavailable'\n    }\n\n    onMounted(() => {\n        if (state.value !== 'input-available') {\n            return\n        }\n\n        if (!navigator.geolocation) {\n            emit('result', { error: 'position_unavailable' })\n            return\n        }\n\n        navigator.geolocation.getCurrentPosition(\n            async (position) => {\n                const { latitude, longitude, accuracy } = position.coords\n                const city = props.reverseGeocode\n                    ? await props\n                          .reverseGeocode(latitude, longitude)\n                          .catch(() => undefined)\n                    : undefined\n                emit('result', { latitude, longitude, accuracy, city })\n            },\n            (error) => {\n                emit('result', { error: mapGeolocationError(error.code) })\n            },\n            { timeout: 15000 },\n        )\n    })\n</script>\n\n<template>\n    <div\n        class=\"flex items-center gap-6 text-12 text-word-3 border border-surface-3 rounded-xl px-sm py-10\">\n        <!-- Loading state -->\n        <template v-if=\"!isOutputAvailable\">\n            <VvIcon name=\"line-md:loading-loop\" class=\"text-16\" />\n            <span>{{ $t('messagePart.requestGeolocation') }}</span>\n        </template>\n\n        <!-- Success state -->\n        <template v-else-if=\"successOutput\">\n            <VvIcon name=\"ri:map-pin-line\" class=\"text-16\" />\n            <span>\n                {{\n                    $n(successOutput.latitude, {\n                        style: 'decimal',\n                        minimumFractionDigits: 5,\n                        maximumFractionDigits: 5,\n                    })\n                }},\n                {{\n                    $n(successOutput.longitude, {\n                        style: 'decimal',\n                        minimumFractionDigits: 5,\n                        maximumFractionDigits: 5,\n                    })\n                }}\n                <template v-if=\"successOutput.accuracy !== undefined\">\n                    (±{{\n                        $n(successOutput.accuracy, {\n                            style: 'unit',\n                            unit: 'meter',\n                        })\n                    }})\n                </template>\n            </span>\n        </template>\n\n        <!-- Error state -->\n        <template v-else-if=\"errorOutput\">\n            <span class=\"i-vv-alert-circle text-16 shrink-0 text-danger\" />\n            <span>\n                {{\n                    errorOutput.error === 'permission_denied'\n                        ? $t('message.geolocationPermissionDenied')\n                        : $t('message.geolocationUnavailable')\n                }}\n            </span>\n        </template>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, onMounted } from 'vue'\n    import { useI18n } from 'vue-i18n'\n\n    import type { ReverseGeocodeFn } from 'utils/src/device-context'\n\n    type GeolocationOutput =\n        | {\n              latitude: number\n              longitude: number\n              accuracy?: number\n              city?: string\n          }\n        | { error: 'permission_denied' | 'position_unavailable' | 'timeout' }\n\n    const props = defineProps<{\n        part: unknown\n        reverseGeocode?: ReverseGeocodeFn\n    }>()\n\n    const emit = defineEmits<{\n        result: [output: GeolocationOutput]\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const toolPart = computed(() => {\n        return props.part as {\n            state?: string\n            input?: { reason?: string }\n            output?: GeolocationOutput\n        }\n    })\n\n    const state = computed(() => toolPart.value.state ?? 'unknown')\n\n    const isOutputAvailable = computed(() => state.value === 'output-available')\n\n    const successOutput = computed(() => {\n        const out = toolPart.value.output\n        if (!out || 'error' in out) {\n            return undefined\n        }\n        return out\n    })\n\n    const errorOutput = computed(() => {\n        const out = toolPart.value.output\n        if (!out || !('error' in out)) {\n            return undefined\n        }\n        return out\n    })\n\n    /** Maps GeolocationPositionError.code to a typed string */\n    function mapGeolocationError(\n        code: number,\n    ): 'permission_denied' | 'position_unavailable' | 'timeout' {\n        if (code === 1) {\n            return 'permission_denied'\n        }\n        if (code === 3) {\n            return 'timeout'\n        }\n        return 'position_unavailable'\n    }\n\n    onMounted(() => {\n        if (state.value !== 'input-available') {\n            return\n        }\n\n        if (!navigator.geolocation) {\n            emit('result', { error: 'position_unavailable' })\n            return\n        }\n\n        navigator.geolocation.getCurrentPosition(\n            async (position) => {\n                const { latitude, longitude, accuracy } = position.coords\n                const city = props.reverseGeocode\n                    ? await props\n                          .reverseGeocode(latitude, longitude)\n                          .catch(() => undefined)\n                    : undefined\n                emit('result', { latitude, longitude, accuracy, city })\n            },\n            (error) => {\n                emit('result', { error: mapGeolocationError(error.code) })\n            },\n            { timeout: 15000 },\n        )\n    })\n</script>\n\n<template>\n    <div\n        class=\"flex items-center gap-6 text-12 text-word-3 border border-surface-3 rounded-xl px-sm py-10\">\n        <!-- Loading state -->\n        <template v-if=\"!isOutputAvailable\">\n            <VvIcon name=\"line-md:loading-loop\" class=\"text-16\" />\n            <span>{{ $t('messagePart.requestGeolocation') }}</span>\n        </template>\n\n        <!-- Success state -->\n        <template v-else-if=\"successOutput\">\n            <VvIcon name=\"ri:map-pin-line\" class=\"text-16\" />\n            <span>\n                {{\n                    $n(successOutput.latitude, {\n                        style: 'decimal',\n                        minimumFractionDigits: 5,\n                        maximumFractionDigits: 5,\n                    })\n                }},\n                {{\n                    $n(successOutput.longitude, {\n                        style: 'decimal',\n                        minimumFractionDigits: 5,\n                        maximumFractionDigits: 5,\n                    })\n                }}\n                <template v-if=\"successOutput.accuracy !== undefined\">\n                    (±{{\n                        $n(successOutput.accuracy, {\n                            style: 'unit',\n                            unit: 'meter',\n                        })\n                    }})\n                </template>\n            </span>\n        </template>\n\n        <!-- Error state -->\n        <template v-else-if=\"errorOutput\">\n            <span class=\"i-vv-alert-circle text-16 shrink-0 text-danger\" />\n            <span>\n                {{\n                    errorOutput.error === 'permission_denied'\n                        ? $t('message.geolocationPermissionDenied')\n                        : $t('message.geolocationUnavailable')\n                }}\n            </span>\n        </template>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, useTemplateRef } from 'vue'\n    import { useDropZone } from '@vueuse/core'\n    import { storeToRefs } from 'pinia'\n    import PkChatbotMessages from './PkChatbotMessages.vue'\n    import PkChatbotInput from './PkChatbotInput.vue'\n    import PkToolShowMultipleChoice from './PkToolShowMultipleChoice.vue'\n    import PkToolShowContactForm from './PkToolShowContactForm.vue'\n    import PkToolShowSuggestedReply from './PkToolShowSuggestedReply.vue'\n    import PkToolShowSources from './PkToolShowSources.vue'\n    import PkToolRequestGeolocation from './PkToolRequestGeolocation.vue'\n    import PkToolShowLocation from './PkToolShowLocation.vue'\n    import { useLocalizedString } from '../composables/useLocalizedString'\n    import { useChatbotStore } from 'composables'\n    import type { UIChatMessage } from 'models'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const emit = defineEmits<{\n        'show-info': [message: UIChatMessage]\n        revise: [message: UIChatMessage]\n    }>()\n\n    const store = useChatbotStore(props.agentId)\n\n    const {\n        name,\n        agentInterface,\n        agentFileUpload,\n        actions,\n        revisedAnswers,\n        messages,\n        chat,\n        messageFeedbacks,\n        feedbackDialogMessage,\n        isFeedbackSubmitting,\n        isFeedbackSubmitted,\n        feedbackSubmitError,\n        isLeadSubmitted,\n        isLoadingSubmitLead,\n        submitLeadError,\n        input,\n        inputMessagePlaceholder,\n        isConversationBlocked,\n        baseUrl,\n        pendingAttachments,\n        apiClient,\n    } = storeToRefs(store)\n\n    const {\n        handleSubmit: storeHandleSubmit,\n        stopGeneration,\n        regenerate,\n        onUpvote,\n        onDownvote,\n        onFeedback,\n        onFeedbackSubmit,\n        onLeadSubmit,\n        startNewChat,\n        addToolOutput,\n        handleFileSelect,\n    } = store\n\n    const dismissableNotice = useLocalizedString(\n        () => agentInterface.value?.dismissableNotice,\n    )\n\n    const chatViewEl = useTemplateRef<HTMLDivElement>('chatViewEl')\n\n    const handleExpandSourceContext = async (payload: {\n        documentId: string\n        chunkIndex: number\n    }) => {\n        const result = await apiClient.value.expandSourceContext(\n            props.agentId,\n            payload.documentId,\n            payload.chunkIndex,\n        )\n        return result.content\n    }\n\n    const handleDownloadSource = async (documentId: string) => {\n        const result = await apiClient.value.downloadSourceDocument(\n            props.agentId,\n            documentId,\n        )\n        window.open(result.downloadUrl, '_blank')\n    }\n\n    const handleFileDrop = (files: File[] | null) => {\n        if (!agentFileUpload.value?.enabled || !files) {\n            return\n        }\n        for (const file of files) {\n            handleFileSelect(file)\n        }\n    }\n\n    const { isOverDropZone } = useDropZone(chatViewEl, {\n        dataTypes: computed(\n            () => agentFileUpload.value?.allowedMimeTypes ?? [],\n        ),\n        onDrop: handleFileDrop,\n    })\n</script>\n\n<template>\n    <div\n        ref=\"chatViewEl\"\n        class=\"pk-chatbot-view-chat\"\n        :class=\"{\n            'pk-chatbot-view-chat--dragover':\n                isOverDropZone && agentFileUpload?.enabled,\n        }\">\n        <!-- #region messages -->\n        <PkChatbotMessages\n            class=\"flex flex-col flex-1 min-h-0 p-md overflow-y-auto\"\n            :name=\"name\"\n            :messages=\"messages\"\n            :status=\"chat.status\"\n            :error=\"chat.error\"\n            :main-color=\"agentInterface?.mainColor\"\n            :text-color=\"agentInterface?.textColor\"\n            :revised-answers=\"revisedAnswers\"\n            :actions=\"actions\"\n            :logo=\"agentInterface?.logo\"\n            :message-feedbacks=\"messageFeedbacks\"\n            :feedback-message-id=\"feedbackDialogMessage?.id\"\n            :feedback-loading=\"isFeedbackSubmitting\"\n            :feedback-submitted=\"isFeedbackSubmitted\"\n            :feedback-error=\"feedbackSubmitError\"\n            @feedback-submit=\"onFeedbackSubmit($event)\"\n            @feedback-close=\"feedbackDialogMessage = undefined\"\n            @regenerate=\"regenerate\"\n            @auto-retry=\"regenerate\"\n            @reset-chat=\"startNewChat\"\n            @show-info=\"emit('show-info', $event)\"\n            @revise=\"emit('revise', $event)\"\n            @upvote=\"onUpvote\"\n            @downvote=\"onDownvote\"\n            @feedback=\"onFeedback\">\n            <template #tool-showContactForm=\"{ part }\">\n                <PkToolShowContactForm\n                    :part\n                    :readonly=\"!baseUrl\"\n                    :submitted=\"isLeadSubmitted\"\n                    :loading=\"isLoadingSubmitLead\"\n                    :error=\"submitLeadError\"\n                    :privacy-policy-notice=\"agentInterface?.privacyPolicyNotice\"\n                    @submit=\"onLeadSubmit\" />\n            </template>\n            <template #tool-showSuggestedReply=\"{ part }\">\n                <PkToolShowSuggestedReply\n                    :part\n                    @select=\"\n                        ($event) => {\n                            input = $event\n                            storeHandleSubmit()\n                        }\n                    \" />\n            </template>\n            <template #tool-showSources=\"{ part }\">\n                <PkToolShowSources\n                    :part\n                    :on-expand-context=\"handleExpandSourceContext\"\n                    :on-download=\"handleDownloadSource\" />\n            </template>\n            <template #tool-showMultipleChoice=\"{ part }\">\n                <transition mode=\"out-in\">\n                    <PkToolShowMultipleChoice\n                        :part\n                        @select=\"\n                            addToolOutput({\n                                tool: 'showMultipleChoice',\n                                toolCallId: (part as any).toolCallId,\n                                output: $event,\n                            })\n                        \" />\n                </transition>\n            </template>\n            <template #tool-requestGeolocation=\"{ part }\">\n                <PkToolRequestGeolocation\n                    :part\n                    :reverse-geocode=\"\n                        (lat: number, lon: number) =>\n                            apiClient.reverseGeocode(lat, lon)\n                    \"\n                    @result=\"\n                        addToolOutput({\n                            tool: 'requestGeolocation',\n                            toolCallId: (part as any).toolCallId,\n                            output: $event,\n                        })\n                    \" />\n            </template>\n            <template #tool-showLocation=\"{ part }\">\n                <PkToolShowLocation\n                    :part\n                    :forward-geocode=\"\n                        (query: string, lang?: string) =>\n                            apiClient.forwardGeocode(query, lang)\n                    \" />\n            </template>\n        </PkChatbotMessages>\n        <!-- #endregion -->\n\n        <!-- #region input -->\n        <div\n            v-if=\"isConversationBlocked\"\n            class=\"p-md border-t border-surface-3 text-center text-12 text-danger-darken-2 bg-surface-danger\">\n            {{ $t('message.chatErrorConversationBlocked') }}\n        </div>\n        <PkChatbotInput\n            v-else\n            v-model=\"input\"\n            v-model:pending-attachments=\"pendingAttachments\"\n            :placeholder=\"inputMessagePlaceholder\"\n            :dismissable-notice=\"\n                dismissableNotice && chat.messages.length <= 1\n                    ? dismissableNotice\n                    : undefined\n            \"\n            :status=\"chat.status\"\n            :max-message-length=\"agentInterface?.maxMessageLength\"\n            :file-upload=\"agentFileUpload\"\n            @stop-generation=\"stopGeneration\"\n            @submit=\"storeHandleSubmit\"\n            @file-select=\"handleFileSelect\" />\n        <!-- #endregion -->\n        <Transition>\n            <div\n                v-if=\"isOverDropZone && agentFileUpload?.enabled\"\n                class=\"pk-chatbot-view-chat__drop-overlay\">\n                <VvIcon\n                    name=\"ri:upload-cloud-2-line\"\n                    class=\"pk-chatbot-view-chat__drop-overlay-icon\" />\n                <span>{{ $t('action.dropFile') }}</span>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-view-chat {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        min-height: 0;\n\n        &__drop-overlay {\n            position: absolute;\n            inset: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)\n                var(--spacing-sm);\n            z-index: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: var(--spacing-xs);\n            background-color: color-mix(\n                in srgb,\n                var(--color-surface) 85%,\n                transparent\n            );\n            border-radius: var(--rounded-xl);\n            border: var(--spacing-2) dashed var(--color-surface-5);\n            pointer-events: none;\n            color: var(--color-word-3);\n\n            &-icon {\n                font-size: var(--spacing-32);\n            }\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, useTemplateRef } from 'vue'\n    import { useDropZone } from '@vueuse/core'\n    import { storeToRefs } from 'pinia'\n    import PkChatbotMessages from './PkChatbotMessages.vue'\n    import PkChatbotInput from './PkChatbotInput.vue'\n    import PkToolShowMultipleChoice from './PkToolShowMultipleChoice.vue'\n    import PkToolShowContactForm from './PkToolShowContactForm.vue'\n    import PkToolShowSuggestedReply from './PkToolShowSuggestedReply.vue'\n    import PkToolShowSources from './PkToolShowSources.vue'\n    import PkToolRequestGeolocation from './PkToolRequestGeolocation.vue'\n    import PkToolShowLocation from './PkToolShowLocation.vue'\n    import { useLocalizedString } from '../composables/useLocalizedString'\n    import { useChatbotStore } from 'composables'\n    import type { UIChatMessage } from 'models'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const emit = defineEmits<{\n        'show-info': [message: UIChatMessage]\n        revise: [message: UIChatMessage]\n    }>()\n\n    const store = useChatbotStore(props.agentId)\n\n    const {\n        name,\n        agentInterface,\n        agentFileUpload,\n        actions,\n        revisedAnswers,\n        messages,\n        chat,\n        messageFeedbacks,\n        feedbackDialogMessage,\n        isFeedbackSubmitting,\n        isFeedbackSubmitted,\n        feedbackSubmitError,\n        isLeadSubmitted,\n        isLoadingSubmitLead,\n        submitLeadError,\n        input,\n        inputMessagePlaceholder,\n        isConversationBlocked,\n        baseUrl,\n        pendingAttachments,\n        apiClient,\n    } = storeToRefs(store)\n\n    const {\n        handleSubmit: storeHandleSubmit,\n        stopGeneration,\n        regenerate,\n        onUpvote,\n        onDownvote,\n        onFeedback,\n        onFeedbackSubmit,\n        onLeadSubmit,\n        startNewChat,\n        addToolOutput,\n        handleFileSelect,\n    } = store\n\n    const dismissableNotice = useLocalizedString(\n        () => agentInterface.value?.dismissableNotice,\n    )\n\n    const chatViewEl = useTemplateRef<HTMLDivElement>('chatViewEl')\n\n    const handleExpandSourceContext = async (payload: {\n        documentId: string\n        chunkIndex: number\n    }) => {\n        const result = await apiClient.value.expandSourceContext(\n            props.agentId,\n            payload.documentId,\n            payload.chunkIndex,\n        )\n        return result.content\n    }\n\n    const handleDownloadSource = async (documentId: string) => {\n        const result = await apiClient.value.downloadSourceDocument(\n            props.agentId,\n            documentId,\n        )\n        window.open(result.downloadUrl, '_blank')\n    }\n\n    const handleFileDrop = (files: File[] | null) => {\n        if (!agentFileUpload.value?.enabled || !files) {\n            return\n        }\n        for (const file of files) {\n            handleFileSelect(file)\n        }\n    }\n\n    const { isOverDropZone } = useDropZone(chatViewEl, {\n        dataTypes: computed(\n            () => agentFileUpload.value?.allowedMimeTypes ?? [],\n        ),\n        onDrop: handleFileDrop,\n    })\n</script>\n\n<template>\n    <div\n        ref=\"chatViewEl\"\n        class=\"pk-chatbot-view-chat\"\n        :class=\"{\n            'pk-chatbot-view-chat--dragover':\n                isOverDropZone && agentFileUpload?.enabled,\n        }\">\n        <!-- #region messages -->\n        <PkChatbotMessages\n            class=\"flex flex-col flex-1 min-h-0 p-md overflow-y-auto\"\n            :name=\"name\"\n            :messages=\"messages\"\n            :status=\"chat.status\"\n            :error=\"chat.error\"\n            :main-color=\"agentInterface?.mainColor\"\n            :text-color=\"agentInterface?.textColor\"\n            :revised-answers=\"revisedAnswers\"\n            :actions=\"actions\"\n            :logo=\"agentInterface?.logo\"\n            :message-feedbacks=\"messageFeedbacks\"\n            :feedback-message-id=\"feedbackDialogMessage?.id\"\n            :feedback-loading=\"isFeedbackSubmitting\"\n            :feedback-submitted=\"isFeedbackSubmitted\"\n            :feedback-error=\"feedbackSubmitError\"\n            @feedback-submit=\"onFeedbackSubmit($event)\"\n            @feedback-close=\"feedbackDialogMessage = undefined\"\n            @regenerate=\"regenerate\"\n            @auto-retry=\"regenerate\"\n            @reset-chat=\"startNewChat\"\n            @show-info=\"emit('show-info', $event)\"\n            @revise=\"emit('revise', $event)\"\n            @upvote=\"onUpvote\"\n            @downvote=\"onDownvote\"\n            @feedback=\"onFeedback\">\n            <template #tool-showContactForm=\"{ part }\">\n                <PkToolShowContactForm\n                    :part\n                    :readonly=\"!baseUrl\"\n                    :submitted=\"isLeadSubmitted\"\n                    :loading=\"isLoadingSubmitLead\"\n                    :error=\"submitLeadError\"\n                    :privacy-policy-notice=\"agentInterface?.privacyPolicyNotice\"\n                    @submit=\"onLeadSubmit\" />\n            </template>\n            <template #tool-showSuggestedReply=\"{ part }\">\n                <PkToolShowSuggestedReply\n                    :part\n                    @select=\"\n                        ($event) => {\n                            input = $event\n                            storeHandleSubmit()\n                        }\n                    \" />\n            </template>\n            <template #tool-showSources=\"{ part }\">\n                <PkToolShowSources\n                    :part\n                    :on-expand-context=\"handleExpandSourceContext\"\n                    :on-download=\"handleDownloadSource\" />\n            </template>\n            <template #tool-showMultipleChoice=\"{ part }\">\n                <transition mode=\"out-in\">\n                    <PkToolShowMultipleChoice\n                        :part\n                        @select=\"\n                            addToolOutput({\n                                tool: 'showMultipleChoice',\n                                toolCallId: (part as any).toolCallId,\n                                output: $event,\n                            })\n                        \" />\n                </transition>\n            </template>\n            <template #tool-requestGeolocation=\"{ part }\">\n                <PkToolRequestGeolocation\n                    :part\n                    :reverse-geocode=\"\n                        (lat: number, lon: number) =>\n                            apiClient.reverseGeocode(lat, lon)\n                    \"\n                    @result=\"\n                        addToolOutput({\n                            tool: 'requestGeolocation',\n                            toolCallId: (part as any).toolCallId,\n                            output: $event,\n                        })\n                    \" />\n            </template>\n            <template #tool-showLocation=\"{ part }\">\n                <PkToolShowLocation\n                    :part\n                    :forward-geocode=\"\n                        (query: string, lang?: string) =>\n                            apiClient.forwardGeocode(query, lang)\n                    \" />\n            </template>\n        </PkChatbotMessages>\n        <!-- #endregion -->\n\n        <!-- #region input -->\n        <div\n            v-if=\"isConversationBlocked\"\n            class=\"p-md border-t border-surface-3 text-center text-12 text-danger-darken-2 bg-surface-danger\">\n            {{ $t('message.chatErrorConversationBlocked') }}\n        </div>\n        <PkChatbotInput\n            v-else\n            v-model=\"input\"\n            v-model:pending-attachments=\"pendingAttachments\"\n            :placeholder=\"inputMessagePlaceholder\"\n            :dismissable-notice=\"\n                dismissableNotice && chat.messages.length <= 1\n                    ? dismissableNotice\n                    : undefined\n            \"\n            :status=\"chat.status\"\n            :max-message-length=\"agentInterface?.maxMessageLength\"\n            :file-upload=\"agentFileUpload\"\n            @stop-generation=\"stopGeneration\"\n            @submit=\"storeHandleSubmit\"\n            @file-select=\"handleFileSelect\" />\n        <!-- #endregion -->\n        <Transition>\n            <div\n                v-if=\"isOverDropZone && agentFileUpload?.enabled\"\n                class=\"pk-chatbot-view-chat__drop-overlay\">\n                <VvIcon\n                    name=\"ri:upload-cloud-2-line\"\n                    class=\"pk-chatbot-view-chat__drop-overlay-icon\" />\n                <span>{{ $t('action.dropFile') }}</span>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-view-chat {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        min-height: 0;\n\n        &__drop-overlay {\n            position: absolute;\n            inset: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)\n                var(--spacing-sm);\n            z-index: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: var(--spacing-xs);\n            background-color: color-mix(\n                in srgb,\n                var(--color-surface) 85%,\n                transparent\n            );\n            border-radius: var(--rounded-xl);\n            border: var(--spacing-2) dashed var(--color-surface-5);\n            pointer-events: none;\n            color: var(--color-word-3);\n\n            &-icon {\n                font-size: var(--spacing-32);\n            }\n        }\n    }\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"PkChatbotViewChat-wLCypxNG.js","names":["$n","$t"],"sources":["../../../../packages/components/src/chat/PkToolRequestGeolocation.vue","../../../../packages/components/src/chat/PkToolRequestGeolocation.vue","../../../../packages/components/src/chat/PkChatbotViewChat.vue","../../../../packages/components/src/chat/PkChatbotViewChat.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, onMounted } from 'vue'\n    import { useI18n } from 'vue-i18n'\n\n    import type { ReverseGeocodeFn } from 'utils/src/device-context'\n\n    type GeolocationOutput =\n        | {\n              latitude: number\n              longitude: number\n              accuracy?: number\n              city?: string\n          }\n        | { error: 'permission_denied' | 'position_unavailable' | 'timeout' }\n\n    const props = defineProps<{\n        part: unknown\n        reverseGeocode?: ReverseGeocodeFn\n    }>()\n\n    const emit = defineEmits<{\n        result: [output: GeolocationOutput]\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const toolPart = computed(() => {\n        return props.part as {\n            state?: string\n            input?: { reason?: string }\n            output?: GeolocationOutput\n        }\n    })\n\n    const state = computed(() => toolPart.value.state ?? 'unknown')\n\n    const isOutputAvailable = computed(() => state.value === 'output-available')\n\n    const successOutput = computed(() => {\n        const out = toolPart.value.output\n        if (!out || 'error' in out) {\n            return undefined\n        }\n        return out\n    })\n\n    const errorOutput = computed(() => {\n        const out = toolPart.value.output\n        if (!out || !('error' in out)) {\n            return undefined\n        }\n        return out\n    })\n\n    /** Maps GeolocationPositionError.code to a typed string */\n    function mapGeolocationError(\n        code: number,\n    ): 'permission_denied' | 'position_unavailable' | 'timeout' {\n        if (code === 1) {\n            return 'permission_denied'\n        }\n        if (code === 3) {\n            return 'timeout'\n        }\n        return 'position_unavailable'\n    }\n\n    onMounted(() => {\n        if (state.value !== 'input-available') {\n            return\n        }\n\n        if (!navigator.geolocation) {\n            emit('result', { error: 'position_unavailable' })\n            return\n        }\n\n        navigator.geolocation.getCurrentPosition(\n            async (position) => {\n                const { latitude, longitude, accuracy } = position.coords\n                const city = props.reverseGeocode\n                    ? await props\n                          .reverseGeocode(latitude, longitude)\n                          .catch(() => undefined)\n                    : undefined\n                emit('result', { latitude, longitude, accuracy, city })\n            },\n            (error) => {\n                emit('result', { error: mapGeolocationError(error.code) })\n            },\n            { timeout: 15000 },\n        )\n    })\n</script>\n\n<template>\n    <div\n        class=\"flex items-center gap-6 text-12 text-word-3 border border-surface-3 rounded-xl px-sm py-10\">\n        <!-- Loading state -->\n        <template v-if=\"!isOutputAvailable\">\n            <VvIcon name=\"line-md:loading-loop\" class=\"text-16\" />\n            <span>{{ $t('messagePart.requestGeolocation') }}</span>\n        </template>\n\n        <!-- Success state -->\n        <template v-else-if=\"successOutput\">\n            <VvIcon name=\"ri:map-pin-line\" class=\"text-16\" />\n            <span>\n                {{\n                    $n(successOutput.latitude, {\n                        style: 'decimal',\n                        minimumFractionDigits: 5,\n                        maximumFractionDigits: 5,\n                    })\n                }},\n                {{\n                    $n(successOutput.longitude, {\n                        style: 'decimal',\n                        minimumFractionDigits: 5,\n                        maximumFractionDigits: 5,\n                    })\n                }}\n                <template v-if=\"successOutput.accuracy !== undefined\">\n                    (±{{\n                        $n(successOutput.accuracy, {\n                            style: 'unit',\n                            unit: 'meter',\n                        })\n                    }})\n                </template>\n            </span>\n        </template>\n\n        <!-- Error state -->\n        <template v-else-if=\"errorOutput\">\n            <span class=\"i-vv-alert-circle text-16 shrink-0 text-danger\" />\n            <span>\n                {{\n                    errorOutput.error === 'permission_denied'\n                        ? $t('message.geolocationPermissionDenied')\n                        : $t('message.geolocationUnavailable')\n                }}\n            </span>\n        </template>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, onMounted } from 'vue'\n    import { useI18n } from 'vue-i18n'\n\n    import type { ReverseGeocodeFn } from 'utils/src/device-context'\n\n    type GeolocationOutput =\n        | {\n              latitude: number\n              longitude: number\n              accuracy?: number\n              city?: string\n          }\n        | { error: 'permission_denied' | 'position_unavailable' | 'timeout' }\n\n    const props = defineProps<{\n        part: unknown\n        reverseGeocode?: ReverseGeocodeFn\n    }>()\n\n    const emit = defineEmits<{\n        result: [output: GeolocationOutput]\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const toolPart = computed(() => {\n        return props.part as {\n            state?: string\n            input?: { reason?: string }\n            output?: GeolocationOutput\n        }\n    })\n\n    const state = computed(() => toolPart.value.state ?? 'unknown')\n\n    const isOutputAvailable = computed(() => state.value === 'output-available')\n\n    const successOutput = computed(() => {\n        const out = toolPart.value.output\n        if (!out || 'error' in out) {\n            return undefined\n        }\n        return out\n    })\n\n    const errorOutput = computed(() => {\n        const out = toolPart.value.output\n        if (!out || !('error' in out)) {\n            return undefined\n        }\n        return out\n    })\n\n    /** Maps GeolocationPositionError.code to a typed string */\n    function mapGeolocationError(\n        code: number,\n    ): 'permission_denied' | 'position_unavailable' | 'timeout' {\n        if (code === 1) {\n            return 'permission_denied'\n        }\n        if (code === 3) {\n            return 'timeout'\n        }\n        return 'position_unavailable'\n    }\n\n    onMounted(() => {\n        if (state.value !== 'input-available') {\n            return\n        }\n\n        if (!navigator.geolocation) {\n            emit('result', { error: 'position_unavailable' })\n            return\n        }\n\n        navigator.geolocation.getCurrentPosition(\n            async (position) => {\n                const { latitude, longitude, accuracy } = position.coords\n                const city = props.reverseGeocode\n                    ? await props\n                          .reverseGeocode(latitude, longitude)\n                          .catch(() => undefined)\n                    : undefined\n                emit('result', { latitude, longitude, accuracy, city })\n            },\n            (error) => {\n                emit('result', { error: mapGeolocationError(error.code) })\n            },\n            { timeout: 15000 },\n        )\n    })\n</script>\n\n<template>\n    <div\n        class=\"flex items-center gap-6 text-12 text-word-3 border border-surface-3 rounded-xl px-sm py-10\">\n        <!-- Loading state -->\n        <template v-if=\"!isOutputAvailable\">\n            <VvIcon name=\"line-md:loading-loop\" class=\"text-16\" />\n            <span>{{ $t('messagePart.requestGeolocation') }}</span>\n        </template>\n\n        <!-- Success state -->\n        <template v-else-if=\"successOutput\">\n            <VvIcon name=\"ri:map-pin-line\" class=\"text-16\" />\n            <span>\n                {{\n                    $n(successOutput.latitude, {\n                        style: 'decimal',\n                        minimumFractionDigits: 5,\n                        maximumFractionDigits: 5,\n                    })\n                }},\n                {{\n                    $n(successOutput.longitude, {\n                        style: 'decimal',\n                        minimumFractionDigits: 5,\n                        maximumFractionDigits: 5,\n                    })\n                }}\n                <template v-if=\"successOutput.accuracy !== undefined\">\n                    (±{{\n                        $n(successOutput.accuracy, {\n                            style: 'unit',\n                            unit: 'meter',\n                        })\n                    }})\n                </template>\n            </span>\n        </template>\n\n        <!-- Error state -->\n        <template v-else-if=\"errorOutput\">\n            <span class=\"i-vv-alert-circle text-16 shrink-0 text-danger\" />\n            <span>\n                {{\n                    errorOutput.error === 'permission_denied'\n                        ? $t('message.geolocationPermissionDenied')\n                        : $t('message.geolocationUnavailable')\n                }}\n            </span>\n        </template>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, useTemplateRef } from 'vue'\n    import { useDropZone } from '@vueuse/core'\n    import { storeToRefs } from 'pinia'\n    import PkChatbotMessages from './PkChatbotMessages.vue'\n    import PkChatbotInput from './PkChatbotInput.vue'\n    import PkToolShowMultipleChoice from './PkToolShowMultipleChoice.vue'\n    import PkToolShowContactForm from './PkToolShowContactForm.vue'\n    import PkToolShowSuggestedReply from './PkToolShowSuggestedReply.vue'\n    import PkToolShowSources from './PkToolShowSources.vue'\n    import PkToolRequestGeolocation from './PkToolRequestGeolocation.vue'\n    import PkToolShowLocation from './PkToolShowLocation.vue'\n    import { useLocalizedString } from '../composables/useLocalizedString'\n    import { useChatbotStore } from 'composables'\n    import type { UIChatMessage } from 'models'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const emit = defineEmits<{\n        'show-info': [message: UIChatMessage]\n        revise: [message: UIChatMessage]\n    }>()\n\n    const store = useChatbotStore(props.agentId)\n\n    const {\n        name,\n        agentInterface,\n        agentFileUpload,\n        actions,\n        revisedAnswers,\n        messages,\n        chat,\n        messageFeedbacks,\n        feedbackDialogMessage,\n        isFeedbackSubmitting,\n        isFeedbackSubmitted,\n        feedbackSubmitError,\n        isLeadSubmitted,\n        isLoadingSubmitLead,\n        submitLeadError,\n        input,\n        inputMessagePlaceholder,\n        isConversationBlocked,\n        baseUrl,\n        pendingAttachments,\n        apiClient,\n    } = storeToRefs(store)\n\n    const {\n        handleSubmit: storeHandleSubmit,\n        stopGeneration,\n        regenerate,\n        onUpvote,\n        onDownvote,\n        onFeedback,\n        onFeedbackSubmit,\n        onLeadSubmit,\n        startNewChat,\n        addToolOutput,\n        handleFileSelect,\n    } = store\n\n    const dismissableNotice = useLocalizedString(\n        () => agentInterface.value?.dismissableNotice,\n    )\n\n    const chatViewEl = useTemplateRef<HTMLDivElement>('chatViewEl')\n\n    const handleExpandSourceContext = async (payload: {\n        documentId: string\n        chunkIndex: number\n    }) => {\n        const result = await apiClient.value.expandSourceContext(\n            props.agentId,\n            payload.documentId,\n            payload.chunkIndex,\n        )\n        return result.content\n    }\n\n    const handleDownloadSource = async (documentId: string) => {\n        const result = await apiClient.value.downloadSourceDocument(\n            props.agentId,\n            documentId,\n        )\n        window.open(result.downloadUrl, '_blank')\n    }\n\n    const handleFileDrop = (files: File[] | null) => {\n        if (!agentFileUpload.value?.enabled || !files) {\n            return\n        }\n        for (const file of files) {\n            handleFileSelect(file)\n        }\n    }\n\n    const { isOverDropZone } = useDropZone(chatViewEl, {\n        dataTypes: computed(\n            () => agentFileUpload.value?.allowedMimeTypes ?? [],\n        ),\n        onDrop: handleFileDrop,\n    })\n</script>\n\n<template>\n    <div\n        ref=\"chatViewEl\"\n        class=\"pk-chatbot-view-chat\"\n        :class=\"{\n            'pk-chatbot-view-chat--dragover':\n                isOverDropZone && agentFileUpload?.enabled,\n        }\">\n        <!-- #region messages -->\n        <PkChatbotMessages\n            class=\"flex flex-col flex-1 min-h-0 p-md overflow-y-auto\"\n            :name=\"name\"\n            :messages=\"messages\"\n            :status=\"chat.status\"\n            :error=\"chat.error\"\n            :main-color=\"agentInterface?.mainColor\"\n            :text-color=\"agentInterface?.textColor\"\n            :revised-answers=\"revisedAnswers\"\n            :actions=\"actions\"\n            :logo=\"agentInterface?.logo\"\n            :message-feedbacks=\"messageFeedbacks\"\n            :feedback-message-id=\"feedbackDialogMessage?.id\"\n            :feedback-loading=\"isFeedbackSubmitting\"\n            :feedback-submitted=\"isFeedbackSubmitted\"\n            :feedback-error=\"feedbackSubmitError\"\n            @feedback-submit=\"onFeedbackSubmit($event)\"\n            @feedback-close=\"feedbackDialogMessage = undefined\"\n            @regenerate=\"regenerate\"\n            @auto-retry=\"regenerate\"\n            @reset-chat=\"startNewChat\"\n            @show-info=\"emit('show-info', $event)\"\n            @revise=\"emit('revise', $event)\"\n            @upvote=\"onUpvote\"\n            @downvote=\"onDownvote\"\n            @feedback=\"onFeedback\">\n            <template #tool-showContactForm=\"{ part }\">\n                <PkToolShowContactForm\n                    :part\n                    :readonly=\"!baseUrl\"\n                    :submitted=\"isLeadSubmitted\"\n                    :loading=\"isLoadingSubmitLead\"\n                    :error=\"submitLeadError\"\n                    :privacy-policy-notice=\"agentInterface?.privacyPolicyNotice\"\n                    @submit=\"onLeadSubmit\" />\n            </template>\n            <template #tool-showSuggestedReply=\"{ part }\">\n                <PkToolShowSuggestedReply\n                    :part\n                    @select=\"\n                        ($event) => {\n                            input = $event\n                            storeHandleSubmit()\n                        }\n                    \" />\n            </template>\n            <template #tool-showSources=\"{ part }\">\n                <PkToolShowSources\n                    :part\n                    :on-expand-context=\"handleExpandSourceContext\"\n                    :on-download=\"handleDownloadSource\" />\n            </template>\n            <template #tool-showMultipleChoice=\"{ part }\">\n                <transition mode=\"out-in\">\n                    <PkToolShowMultipleChoice\n                        :part\n                        @select=\"\n                            addToolOutput({\n                                tool: 'showMultipleChoice',\n                                toolCallId: (part as any).toolCallId,\n                                output: $event,\n                            })\n                        \" />\n                </transition>\n            </template>\n            <template #tool-requestGeolocation=\"{ part }\">\n                <PkToolRequestGeolocation\n                    :part\n                    :reverse-geocode=\"\n                        (lat: number, lon: number) =>\n                            apiClient.reverseGeocode(lat, lon)\n                    \"\n                    @result=\"\n                        addToolOutput({\n                            tool: 'requestGeolocation',\n                            toolCallId: (part as any).toolCallId,\n                            output: $event,\n                        })\n                    \" />\n            </template>\n            <template #tool-showLocation=\"{ part }\">\n                <PkToolShowLocation\n                    :part\n                    :forward-geocode=\"\n                        (query: string, lang?: string) =>\n                            apiClient.forwardGeocode(query, lang)\n                    \" />\n            </template>\n        </PkChatbotMessages>\n        <!-- #endregion -->\n\n        <!-- #region input -->\n        <div\n            v-if=\"isConversationBlocked\"\n            class=\"p-md border-t border-surface-3 text-center text-12 text-danger-darken-2 bg-surface-danger\">\n            {{ $t('message.chatErrorConversationBlocked') }}\n        </div>\n        <PkChatbotInput\n            v-else\n            v-model=\"input\"\n            v-model:pending-attachments=\"pendingAttachments\"\n            :placeholder=\"inputMessagePlaceholder\"\n            :dismissable-notice=\"\n                dismissableNotice && chat.messages.length <= 1\n                    ? dismissableNotice\n                    : undefined\n            \"\n            :status=\"chat.status\"\n            :max-message-length=\"agentInterface?.maxMessageLength\"\n            :file-upload=\"agentFileUpload\"\n            @stop-generation=\"stopGeneration\"\n            @submit=\"storeHandleSubmit\"\n            @file-select=\"handleFileSelect\" />\n        <!-- #endregion -->\n        <Transition>\n            <div\n                v-if=\"isOverDropZone && agentFileUpload?.enabled\"\n                class=\"pk-chatbot-view-chat__drop-overlay\">\n                <VvIcon\n                    name=\"ri:upload-cloud-2-line\"\n                    class=\"pk-chatbot-view-chat__drop-overlay-icon\" />\n                <span>{{ $t('action.dropFile') }}</span>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-view-chat {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        min-height: 0;\n\n        &__drop-overlay {\n            position: absolute;\n            inset: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)\n                var(--spacing-sm);\n            z-index: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: var(--spacing-xs);\n            background-color: color-mix(\n                in srgb,\n                var(--color-surface) 85%,\n                transparent\n            );\n            border-radius: var(--rounded-xl);\n            border: var(--spacing-2) dashed var(--color-surface-5);\n            pointer-events: none;\n            color: var(--color-word-3);\n\n            &-icon {\n                font-size: var(--spacing-32);\n            }\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, useTemplateRef } from 'vue'\n    import { useDropZone } from '@vueuse/core'\n    import { storeToRefs } from 'pinia'\n    import PkChatbotMessages from './PkChatbotMessages.vue'\n    import PkChatbotInput from './PkChatbotInput.vue'\n    import PkToolShowMultipleChoice from './PkToolShowMultipleChoice.vue'\n    import PkToolShowContactForm from './PkToolShowContactForm.vue'\n    import PkToolShowSuggestedReply from './PkToolShowSuggestedReply.vue'\n    import PkToolShowSources from './PkToolShowSources.vue'\n    import PkToolRequestGeolocation from './PkToolRequestGeolocation.vue'\n    import PkToolShowLocation from './PkToolShowLocation.vue'\n    import { useLocalizedString } from '../composables/useLocalizedString'\n    import { useChatbotStore } from 'composables'\n    import type { UIChatMessage } from 'models'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const emit = defineEmits<{\n        'show-info': [message: UIChatMessage]\n        revise: [message: UIChatMessage]\n    }>()\n\n    const store = useChatbotStore(props.agentId)\n\n    const {\n        name,\n        agentInterface,\n        agentFileUpload,\n        actions,\n        revisedAnswers,\n        messages,\n        chat,\n        messageFeedbacks,\n        feedbackDialogMessage,\n        isFeedbackSubmitting,\n        isFeedbackSubmitted,\n        feedbackSubmitError,\n        isLeadSubmitted,\n        isLoadingSubmitLead,\n        submitLeadError,\n        input,\n        inputMessagePlaceholder,\n        isConversationBlocked,\n        baseUrl,\n        pendingAttachments,\n        apiClient,\n    } = storeToRefs(store)\n\n    const {\n        handleSubmit: storeHandleSubmit,\n        stopGeneration,\n        regenerate,\n        onUpvote,\n        onDownvote,\n        onFeedback,\n        onFeedbackSubmit,\n        onLeadSubmit,\n        startNewChat,\n        addToolOutput,\n        handleFileSelect,\n    } = store\n\n    const dismissableNotice = useLocalizedString(\n        () => agentInterface.value?.dismissableNotice,\n    )\n\n    const chatViewEl = useTemplateRef<HTMLDivElement>('chatViewEl')\n\n    const handleExpandSourceContext = async (payload: {\n        documentId: string\n        chunkIndex: number\n    }) => {\n        const result = await apiClient.value.expandSourceContext(\n            props.agentId,\n            payload.documentId,\n            payload.chunkIndex,\n        )\n        return result.content\n    }\n\n    const handleDownloadSource = async (documentId: string) => {\n        const result = await apiClient.value.downloadSourceDocument(\n            props.agentId,\n            documentId,\n        )\n        window.open(result.downloadUrl, '_blank')\n    }\n\n    const handleFileDrop = (files: File[] | null) => {\n        if (!agentFileUpload.value?.enabled || !files) {\n            return\n        }\n        for (const file of files) {\n            handleFileSelect(file)\n        }\n    }\n\n    const { isOverDropZone } = useDropZone(chatViewEl, {\n        dataTypes: computed(\n            () => agentFileUpload.value?.allowedMimeTypes ?? [],\n        ),\n        onDrop: handleFileDrop,\n    })\n</script>\n\n<template>\n    <div\n        ref=\"chatViewEl\"\n        class=\"pk-chatbot-view-chat\"\n        :class=\"{\n            'pk-chatbot-view-chat--dragover':\n                isOverDropZone && agentFileUpload?.enabled,\n        }\">\n        <!-- #region messages -->\n        <PkChatbotMessages\n            class=\"flex flex-col flex-1 min-h-0 p-md overflow-y-auto\"\n            :name=\"name\"\n            :messages=\"messages\"\n            :status=\"chat.status\"\n            :error=\"chat.error\"\n            :main-color=\"agentInterface?.mainColor\"\n            :text-color=\"agentInterface?.textColor\"\n            :revised-answers=\"revisedAnswers\"\n            :actions=\"actions\"\n            :logo=\"agentInterface?.logo\"\n            :message-feedbacks=\"messageFeedbacks\"\n            :feedback-message-id=\"feedbackDialogMessage?.id\"\n            :feedback-loading=\"isFeedbackSubmitting\"\n            :feedback-submitted=\"isFeedbackSubmitted\"\n            :feedback-error=\"feedbackSubmitError\"\n            @feedback-submit=\"onFeedbackSubmit($event)\"\n            @feedback-close=\"feedbackDialogMessage = undefined\"\n            @regenerate=\"regenerate\"\n            @auto-retry=\"regenerate\"\n            @reset-chat=\"startNewChat\"\n            @show-info=\"emit('show-info', $event)\"\n            @revise=\"emit('revise', $event)\"\n            @upvote=\"onUpvote\"\n            @downvote=\"onDownvote\"\n            @feedback=\"onFeedback\">\n            <template #tool-showContactForm=\"{ part }\">\n                <PkToolShowContactForm\n                    :part\n                    :readonly=\"!baseUrl\"\n                    :submitted=\"isLeadSubmitted\"\n                    :loading=\"isLoadingSubmitLead\"\n                    :error=\"submitLeadError\"\n                    :privacy-policy-notice=\"agentInterface?.privacyPolicyNotice\"\n                    @submit=\"onLeadSubmit\" />\n            </template>\n            <template #tool-showSuggestedReply=\"{ part }\">\n                <PkToolShowSuggestedReply\n                    :part\n                    @select=\"\n                        ($event) => {\n                            input = $event\n                            storeHandleSubmit()\n                        }\n                    \" />\n            </template>\n            <template #tool-showSources=\"{ part }\">\n                <PkToolShowSources\n                    :part\n                    :on-expand-context=\"handleExpandSourceContext\"\n                    :on-download=\"handleDownloadSource\" />\n            </template>\n            <template #tool-showMultipleChoice=\"{ part }\">\n                <transition mode=\"out-in\">\n                    <PkToolShowMultipleChoice\n                        :part\n                        @select=\"\n                            addToolOutput({\n                                tool: 'showMultipleChoice',\n                                toolCallId: (part as any).toolCallId,\n                                output: $event,\n                            })\n                        \" />\n                </transition>\n            </template>\n            <template #tool-requestGeolocation=\"{ part }\">\n                <PkToolRequestGeolocation\n                    :part\n                    :reverse-geocode=\"\n                        (lat: number, lon: number) =>\n                            apiClient.reverseGeocode(lat, lon)\n                    \"\n                    @result=\"\n                        addToolOutput({\n                            tool: 'requestGeolocation',\n                            toolCallId: (part as any).toolCallId,\n                            output: $event,\n                        })\n                    \" />\n            </template>\n            <template #tool-showLocation=\"{ part }\">\n                <PkToolShowLocation\n                    :part\n                    :forward-geocode=\"\n                        (query: string, lang?: string) =>\n                            apiClient.forwardGeocode(query, lang)\n                    \" />\n            </template>\n        </PkChatbotMessages>\n        <!-- #endregion -->\n\n        <!-- #region input -->\n        <div\n            v-if=\"isConversationBlocked\"\n            class=\"p-md border-t border-surface-3 text-center text-12 text-danger-darken-2 bg-surface-danger\">\n            {{ $t('message.chatErrorConversationBlocked') }}\n        </div>\n        <PkChatbotInput\n            v-else\n            v-model=\"input\"\n            v-model:pending-attachments=\"pendingAttachments\"\n            :placeholder=\"inputMessagePlaceholder\"\n            :dismissable-notice=\"\n                dismissableNotice && chat.messages.length <= 1\n                    ? dismissableNotice\n                    : undefined\n            \"\n            :status=\"chat.status\"\n            :max-message-length=\"agentInterface?.maxMessageLength\"\n            :file-upload=\"agentFileUpload\"\n            @stop-generation=\"stopGeneration\"\n            @submit=\"storeHandleSubmit\"\n            @file-select=\"handleFileSelect\" />\n        <!-- #endregion -->\n        <Transition>\n            <div\n                v-if=\"isOverDropZone && agentFileUpload?.enabled\"\n                class=\"pk-chatbot-view-chat__drop-overlay\">\n                <VvIcon\n                    name=\"ri:upload-cloud-2-line\"\n                    class=\"pk-chatbot-view-chat__drop-overlay-icon\" />\n                <span>{{ $t('action.dropFile') }}</span>\n            </div>\n        </Transition>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-view-chat {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        flex: 1;\n        min-height: 0;\n\n        &__drop-overlay {\n            position: absolute;\n            inset: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm)\n                var(--spacing-sm);\n            z-index: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: var(--spacing-xs);\n            background-color: color-mix(\n                in srgb,\n                var(--color-surface) 85%,\n                transparent\n            );\n            border-radius: var(--rounded-xl);\n            border: var(--spacing-2) dashed var(--color-surface-5);\n            pointer-events: none;\n            color: var(--color-word-3);\n\n            &-icon {\n                font-size: var(--spacing-32);\n            }\n        }\n    }\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAeI,IAAM,IAAQ,GAKR,IAAO,GAIP,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,UAAU,CAAA,EAE1C,IAAW,QACN,EAAM,KAKhB,EAEK,IAAQ,QAAe,EAAS,MAAM,SAAS,UAAS,EAExD,IAAoB,QAAe,EAAM,UAAU,mBAAkB,EAErE,IAAgB,QAAe;GACjC,IAAM,IAAM,EAAS,MAAM;AACvB,UAAC,KAAO,WAAW,GAGvB,QAAO;IACV,EAEK,IAAc,QAAe;GAC/B,IAAM,IAAM,EAAS,MAAM;AACvB,UAAC,KAAO,EAAE,WAAW,IAGzB,QAAO;IACV;EAGD,SAAS,EACL,GACwD;AAOxD,UANI,MAAS,IACF,sBAEP,MAAS,IACF,YAEJ;;SAGX,QAAgB;AACR,SAAM,UAAU,mBAIpB;QAAI,CAAC,UAAU,aAAa;AACxB,OAAK,UAAU,EAAE,OAAO,wBAAwB,CAAA;AAChD;;AAGJ,cAAU,YAAY,mBAClB,OAAO,MAAa;KAChB,IAAM,EAAE,aAAU,cAAW,gBAAa,EAAS;AAMnD,OAAK,UAAU;MAAE;MAAU;MAAW;MAAU,MALnC,EAAM,iBACb,MAAM,EACD,eAAe,GAAU,EAAS,CAClC,YAAY,KAAA,EAAS,GAC1B,KAAA;MACgD,CAAA;QAEzD,MAAU;AACP,OAAK,UAAU,EAAE,OAAO,EAAoB,EAAM,KAAK,EAAE,CAAA;OAE7D,EAAE,SAAS,MAAO,CACtB;;IACH;;eAID,EAgDM,OAhDN,GAgDM,CA7Ce,EAAA,QAMI,EAAA,SAAA,GAAA,EAArB,EA0BW,GAAA,EAAA,KAAA,GAAA,EAAA,CAzBP,EAAiD,GAAA;IAAzC,MAAK;IAAkB,OAAM;OACrC,EAuBO,QAAA,MAAA,CAAA,EAAA,EArBCA,EAAAA,GAAG,EAAA,MAAc,UAAQ;;;;SAK3B,OACF,EACIA,EAAAA,GAAG,EAAA,MAAc,WAAS;;;;SAK5B,KACF,EAAA,EAAgB,EAAA,MAAc,aAAa,KAAA,IAO3C,EAAA,IAAA,GAAA,IAP2C,GAAA,EAA3C,EAOW,GAAA,EAAA,KAAA,GAAA,EAAA,CAAA,EAP2C,QAChD,EACEA,EAAAA,GAAG,EAAA,MAAc,UAAQ;;;SAI3B,MACN,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,EAAA,GAAA,IAKa,EAAA,SAAA,GAAA,EAArB,EASW,GAAA,EAAA,KAAA,GAAA,EAAA,CAAA,AAAA,EAAA,OARP,EAA+D,QAAA,EAAzD,OAAM,kDAAgD,EAAA,MAAA,GAAA,EAC5D,EAMO,QAAA,MAAA,EAJC,EAAA,MAAY,UAAK,sBAAmD,EAAA,EAAE,CAAA,sCAAA,GAAkE,EAAA,EAAE,CAAA,iCAAA,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,IAAA,EAAA,IAAA,GAAA,IAvCrI,GAAA,EAAjB,EAGW,GAAA,EAAA,KAAA,GAAA,EAAA,CAFP,EAAsD,GAAA;IAA9C,MAAK;IAAuB,OAAM;OAC1C,EAAuD,QAAA,MAAA,EAA9C,EAAA,EAAE,CAAA,iCAAA,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,EAqCuI,CAAA;;;;;;;;;;;;;;EE1H1J,IAAM,IAAQ,GAER,IAAO,GAKP,IAAQ,EAAgB,EAAM,QAAO,EAErC,EACF,SACA,mBACA,oBACA,aACA,oBACA,cACA,SACA,sBACA,0BACA,yBACA,wBACA,wBACA,oBACA,wBACA,oBACA,UACA,4BACA,0BACA,YACA,uBACA,iBACA,GAAY,EAAK,EAEf,EACF,cAAc,GACd,oBACA,eACA,cACA,gBACA,eACA,sBACA,kBACA,kBACA,kBACA,wBACA,GAEE,IAAoB,QAChB,EAAe,OAAO,kBAChC,EAEM,IAAa,GAA+B,aAAY,EAExD,KAA4B,OAAO,OAS9B,MALc,EAAU,MAAM,oBACjC,EAAM,SACN,EAAQ,YACR,EAAQ,WACZ,EACc,SAGZ,KAAuB,OAAO,MAAuB;GACvD,IAAM,IAAS,MAAM,EAAU,MAAM,uBACjC,EAAM,SACN,EACJ;AACA,UAAO,KAAK,EAAO,aAAa,SAAQ;KAYtC,EAAE,sBAAmB,GAAY,GAAY;GAC/C,WAAW,QACD,EAAgB,OAAO,oBAAoB,EAAE,CACtD;GACD,SAboB,MAAyB;AACzC,WAAC,EAAgB,OAAO,WAAW,CAAC,GAGxC,MAAK,IAAM,KAAQ,EACf,GAAiB,EAAI;;GAS5B,CAAA;;;eAID,EAoIM,OAAA;aAnIE;IAAJ,KAAI;IACJ,OAAK,GAAA,CAAC,wBAAsB,EAAA,kCAC4C,EAAA,EAAc,IAAI,EAAA,EAAe,EAAE,SAAA,CAAA,CAAA;;IAK3G,EAwFoB,GAAA;KAvFhB,OAAM;KACL,MAAM,EAAA,EAAI;KACV,UAAU,EAAA,GAAQ;KAClB,QAAQ,EAAA,EAAI,CAAC;KACb,OAAO,EAAA,EAAI,CAAC;KACZ,cAAY,EAAA,EAAc,EAAE;KAC5B,cAAY,EAAA,EAAc,EAAE;KAC5B,mBAAiB,EAAA,GAAc;KAC/B,SAAS,EAAA,GAAO;KAChB,MAAM,EAAA,EAAc,EAAE;KACtB,qBAAmB,EAAA,GAAgB;KACnC,uBAAqB,EAAA,EAAqB,EAAE;KAC5C,oBAAkB,EAAA,EAAoB;KACtC,sBAAoB,EAAA,EAAmB;KACvC,kBAAgB,EAAA,EAAmB;KACnC,kBAAe,AAAA,EAAA,QAAA,MAAE,EAAA,GAAgB,CAAC,EAAM;KACxC,iBAAc,AAAA,EAAA,QAAA,MAAE,EAAA,QAAwB,KAAA;KACxC,cAAY,EAAA,EAAU;KACtB,aAAY,EAAA,EAAU;KACtB,aAAY,EAAA,GAAY;KACxB,YAAS,AAAA,EAAA,QAAA,MAAE,EAAI,aAAc,EAAM;KACnC,UAAM,AAAA,EAAA,QAAA,MAAE,EAAI,UAAW,EAAM;KAC7B,UAAQ,EAAA,GAAQ;KAChB,YAAU,EAAA,GAAU;KACpB,YAAU,EAAA,EAAA;;KACA,wBAAoB,GAQE,EARE,cAAI,CACnC,EAO6B,GAAA;MANxB;MACA,UAAQ,CAAG,EAAA,EAAO;MAClB,WAAW,EAAA,EAAe;MAC1B,SAAS,EAAA,EAAmB;MAC5B,OAAO,EAAA,EAAe;MACtB,yBAAuB,EAAA,EAAc,EAAE;MACvC,UAAQ,EAAA,GAAA;;;;;;;;;;KAEN,2BAAuB,GAQtB,EAR0B,cAAI,CACtC,EAOQ,GAAA;MANH;MACA,UAAM,AAAA,EAAA,QAA4B,MAAM;AAA8E,OAA3C,EAAA,QAAQ,GAAmC,EAAA,EAAiB,EAAA;;;KAOrI,oBAAgB,GAImB,EAJf,cAAI,CAC/B,EAG0C,GAAA;MAFrC;MACA,qBAAmB;MACnB,eAAa;;KAEX,2BAAuB,GAWjB,EAXqB,cAAI,CACtC,EAUa,GAAA,EAVD,MAAK,UAAQ,EAAA;uBASb,CARR,EAQQ,GAAA;OAPH;OACA,WAAM,MAA+B,EAAA,EAAa,CAAA;;oBAA4G,EAAa;gBAAoD;;;;;KASjO,2BAAuB,GAatB,EAb0B,cAAI,CACtC,EAYQ,GAAA;MAXH;MACA,oBAA2C,GAAa,MAA4C,EAAA,EAAS,CAAC,eAAe,GAAK,EAAG;MAIrI,WAAM,MAA2B,EAAA,EAAa,CAAA;;mBAAoG,EAAa;eAAgD;;;;;;;KAQ7M,qBAAiB,GAMhB,EANoB,cAAI,CAChC,EAKQ,GAAA;MAJH;MACA,oBAA2C,GAAe,MAA8C,EAAA,EAAS,CAAC,eAAe,GAAO,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;IAU3I,EAAA,EAAqB,IAAA,GAAA,EAD/B,EAIM,OAJN,GAIM,EADCC,EAAAA,GAAE,uCAAA,CAAA,EAAA,EAAA,KAAA,GAAA,EAET,EAesC,GAAA;;iBAbzB,EAAA,EAAK;qDAAA,QAAA,IAAA;KACN,uBAAqB,EAAA,EAAkB;6DAAA,QAAA,IAAA;KAC9C,aAAa,EAAA,EAAuB;KACpC,sBAAqC,EAAA,EAAiB,IAAI,EAAA,EAAI,CAAC,SAAS,UAAM,IAA4B,EAAA,EAAiB,GAAuB,KAAA;KAKlJ,QAAQ,EAAA,EAAI,CAAC;KACb,sBAAoB,EAAA,EAAc,EAAE;KACpC,eAAa,EAAA,EAAe;KAC5B,kBAAiB,EAAA,GAAc;KAC/B,UAAQ,EAAA,EAAiB;KACzB,cAAa,EAAA,EAAA;;;;;;;;;;;;;IAElB,EASa,GAAA,MAAA;sBADH,CANI,EAAA,EAAc,IAAI,EAAA,EAAe,EAAE,WAAA,GAAA,EAD7C,EAOM,OAPN,IAOM,CAJF,EAEsD,GAAA;MADlD,MAAK;MACL,OAAM;SACV,EAAwC,QAAA,MAAA,EAA/BA,EAAAA,GAAE,kBAAA,CAAA,EAAA,EAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA"}

package/dist-vue/_chunks/{PkChatbotViewConversations--vd3MWYy.js → PkChatbotViewConversations-B5qBiqo4.js}

@@ -1,5 +1,5 @@
 import { m as e, s as t } from "./src-EtGd6cRz.js";
-import { t as n } from "./useChatbotStore-BNGyIqjI.js";
+import { t as n } from "./useChatbotStore-Im8Xjwte.js";
 import { t as r } from "./PkRelativeTime-jP41qAJ5.js";
 import { Fragment as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderList as d, toDisplayString as f, unref as p, withModifiers as m } from "vue";
 import { VvButton as h } from "@volverjs/ui-vue/components";
@@ -37,4 +37,4 @@ var v = { class: "flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-sm relat
 //#endregion
 export { D as t };
 
-//# sourceMappingURL=PkChatbotViewConversations--vd3MWYy.js.map
+//# sourceMappingURL=PkChatbotViewConversations-B5qBiqo4.js.map

package/dist-vue/_chunks/{PkChatbotViewConversations--vd3MWYy.js.map → PkChatbotViewConversations-B5qBiqo4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewConversations--vd3MWYy.js","names":[],"sources":["../../../../packages/components/src/chat/PkChatbotViewConversations.vue","../../../../packages/components/src/chat/PkChatbotViewConversations.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type { Chat as Conversation, UIChatMessage } from 'models'\n    import { stripMarkdown, getTextPart } from 'utils'\n    import { useChatbotStore } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { conversations, localChatId } = storeToRefs(store)\n    const { navigate, startNewChat } = store\n\n    const openConversation = (id: string) => {\n        localChatId.value = id\n        navigate('chat')\n    }\n\n    const isCurrentConversation = (conversation: Conversation) => {\n        return localChatId.value === conversation.id\n    }\n\n    const getLastMessage = (\n        messages: UIChatMessage[],\n        role: 'user' | 'assistant',\n    ) => {\n        return stripMarkdown(\n            getTextPart(messages.filter((m) => m.role === role).slice(-1)[0]) ||\n                '',\n        )\n    }\n</script>\n\n<template>\n    <div\n        class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-sm relative\">\n        <div\n            v-if=\"conversations.length === 0\"\n            class=\"flex justify-center p-lg text-word-3 text-sm\">\n            {{ $t('message.noConversations') }}\n        </div>\n        <ul\n            v-else\n            class=\"flex flex-col min-h-0 gap-8 overflow-auto px-8 pb-8 light-scrollbar pb-64\">\n            <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n                <button\n                    type=\"button\"\n                    class=\"rounded-md border p-10 cursor-pointer block w-full transition-colors text-14 leading-relaxed border-b border-surface-3 hover:border-surface-5 hover:bg-surface-1\"\n                    :class=\"{\n                        'bg-surface-2 border-surface-5':\n                            isCurrentConversation(conversation),\n                    }\"\n                    @click=\"openConversation(conversation.id)\">\n                    <div class=\"flex items-center gap-16\">\n                        <strong class=\"font-bold truncate block flex-1\">\n                            {{\n                                stripMarkdown(conversation.title) ||\n                                getLastMessage(\n                                    conversation.messages,\n                                    'assistant',\n                                )\n                            }}\n                        </strong>\n                        <span class=\"text-word-4 text-smaller shrink-0\">\n                            <PkRelativeTime :date=\"conversation.updatedAt\" />\n                        </span>\n                    </div>\n                    <span class=\"text-12 text-word-4 line-clamp-2\">\n                        {{\n                            stripMarkdown(conversation.summary) ||\n                            getLastMessage(conversation.messages, 'user')\n                        }}\n                    </span>\n                </button>\n            </li>\n        </ul>\n        <div\n            class=\"absolute bottom-0 left-0 right-0 flex justify-center px-16 pb-16 pt-32 bg-gradient-to-t\">\n            <VvButton\n                class=\"text-14\"\n                modifiers=\"rounded\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type { Chat as Conversation, UIChatMessage } from 'models'\n    import { stripMarkdown, getTextPart } from 'utils'\n    import { useChatbotStore } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { conversations, localChatId } = storeToRefs(store)\n    const { navigate, startNewChat } = store\n\n    const openConversation = (id: string) => {\n        localChatId.value = id\n        navigate('chat')\n    }\n\n    const isCurrentConversation = (conversation: Conversation) => {\n        return localChatId.value === conversation.id\n    }\n\n    const getLastMessage = (\n        messages: UIChatMessage[],\n        role: 'user' | 'assistant',\n    ) => {\n        return stripMarkdown(\n            getTextPart(messages.filter((m) => m.role === role).slice(-1)[0]) ||\n                '',\n        )\n    }\n</script>\n\n<template>\n    <div\n        class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-sm relative\">\n        <div\n            v-if=\"conversations.length === 0\"\n            class=\"flex justify-center p-lg text-word-3 text-sm\">\n            {{ $t('message.noConversations') }}\n        </div>\n        <ul\n            v-else\n            class=\"flex flex-col min-h-0 gap-8 overflow-auto px-8 pb-8 light-scrollbar pb-64\">\n            <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n                <button\n                    type=\"button\"\n                    class=\"rounded-md border p-10 cursor-pointer block w-full transition-colors text-14 leading-relaxed border-b border-surface-3 hover:border-surface-5 hover:bg-surface-1\"\n                    :class=\"{\n                        'bg-surface-2 border-surface-5':\n                            isCurrentConversation(conversation),\n                    }\"\n                    @click=\"openConversation(conversation.id)\">\n                    <div class=\"flex items-center gap-16\">\n                        <strong class=\"font-bold truncate block flex-1\">\n                            {{\n                                stripMarkdown(conversation.title) ||\n                                getLastMessage(\n                                    conversation.messages,\n                                    'assistant',\n                                )\n                            }}\n                        </strong>\n                        <span class=\"text-word-4 text-smaller shrink-0\">\n                            <PkRelativeTime :date=\"conversation.updatedAt\" />\n                        </span>\n                    </div>\n                    <span class=\"text-12 text-word-4 line-clamp-2\">\n                        {{\n                            stripMarkdown(conversation.summary) ||\n                            getLastMessage(conversation.messages, 'user')\n                        }}\n                    </span>\n                </button>\n            </li>\n        </ul>\n        <div\n            class=\"absolute bottom-0 left-0 right-0 flex justify-center px-16 pb-16 pt-32 bg-gradient-to-t\">\n            <VvButton\n                class=\"text-14\"\n                modifiers=\"rounded\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAQI,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,UAAU,CAAA,EAE1C,IAAQ,EAAgB,EAAM,QAAO,EACrC,EAAE,kBAAe,mBAAgB,EAAY,EAAK,EAClD,EAAE,aAAU,oBAAiB,GAE7B,KAAoB,MAAe;AAErC,GADA,EAAY,QAAQ,GACpB,EAAS,OAAM;KAGb,KAAyB,MACpB,EAAY,UAAU,EAAa,IAGxC,KACF,GACA,MAEO,EACH,EAAY,EAAS,QAAQ,MAAM,EAAE,SAAS,EAAK,CAAC,MAAM,GAAG,CAAC,GAAG,IAC7D,GACR;;;eAKJ,EAkDM,OAlDN,GAkDM,CA/CQ,EAAA,EAAa,CAAC,WAAM,KAAA,GAAA,EAD9B,EAIM,OAJN,GAIM,EADC,EAAA,EAAE,CAAA,0BAAA,CAAA,EAAA,EAAA,KAAA,GAAA,EAET,EAkCK,MAlCL,GAkCK,EAAA,EAAA,GAAA,EA/BD,EA8BK,GAAA,MAAA,EA9BsB,EAAA,EAAa,GAA7B,YAAX,EA8BK,MAAA,EA9BsC,KAAK,EAAa,IAAA,EAAA,CACzD,EA4BS,UAAA;IA3BL,MAAK;IACL,OAAK,EAAA,CAAC,oKAAkK,EAAA,iCACzE,EAAsB,EAAY,EAAA,CAAA,CAAA;IAIhI,UAAK,MAAE,EAAiB,EAAa,GAAA;OACtC,EAaM,OAbN,GAaM,CAZF,EAQS,UART,GAQS,EAND,EAAA,EAAa,CAAC,EAAa,MAAK,IAAqC,EAAoD,EAAa,UAAA,YAAA,CAAA,EAAA,EAAA,EAO9I,EAEO,QAFP,GAEO,CADH,EAAiD,GAAA,EAAhC,MAAM,EAAa,WAAA,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAG5C,EAKO,QALP,GAKO,EAHC,EAAA,EAAa,CAAC,EAAa,QAAO,IAAiC,EAAe,EAAa,UAAQ,OAAA,CAAA,EAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAA,cAO3H,EAOM,OAPN,GAOM,CALF,EAImC,GAAA;IAH/B,OAAM;IACN,WAAU;IACT,OAAO,EAAA,EAAE,CAAA,sBAAA;IACT,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAA,EAAY,EAAA,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"PkChatbotViewConversations-B5qBiqo4.js","names":[],"sources":["../../../../packages/components/src/chat/PkChatbotViewConversations.vue","../../../../packages/components/src/chat/PkChatbotViewConversations.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type { Chat as Conversation, UIChatMessage } from 'models'\n    import { stripMarkdown, getTextPart } from 'utils'\n    import { useChatbotStore } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { conversations, localChatId } = storeToRefs(store)\n    const { navigate, startNewChat } = store\n\n    const openConversation = (id: string) => {\n        localChatId.value = id\n        navigate('chat')\n    }\n\n    const isCurrentConversation = (conversation: Conversation) => {\n        return localChatId.value === conversation.id\n    }\n\n    const getLastMessage = (\n        messages: UIChatMessage[],\n        role: 'user' | 'assistant',\n    ) => {\n        return stripMarkdown(\n            getTextPart(messages.filter((m) => m.role === role).slice(-1)[0]) ||\n                '',\n        )\n    }\n</script>\n\n<template>\n    <div\n        class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-sm relative\">\n        <div\n            v-if=\"conversations.length === 0\"\n            class=\"flex justify-center p-lg text-word-3 text-sm\">\n            {{ $t('message.noConversations') }}\n        </div>\n        <ul\n            v-else\n            class=\"flex flex-col min-h-0 gap-8 overflow-auto px-8 pb-8 light-scrollbar pb-64\">\n            <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n                <button\n                    type=\"button\"\n                    class=\"rounded-md border p-10 cursor-pointer block w-full transition-colors text-14 leading-relaxed border-b border-surface-3 hover:border-surface-5 hover:bg-surface-1\"\n                    :class=\"{\n                        'bg-surface-2 border-surface-5':\n                            isCurrentConversation(conversation),\n                    }\"\n                    @click=\"openConversation(conversation.id)\">\n                    <div class=\"flex items-center gap-16\">\n                        <strong class=\"font-bold truncate block flex-1\">\n                            {{\n                                stripMarkdown(conversation.title) ||\n                                getLastMessage(\n                                    conversation.messages,\n                                    'assistant',\n                                )\n                            }}\n                        </strong>\n                        <span class=\"text-word-4 text-smaller shrink-0\">\n                            <PkRelativeTime :date=\"conversation.updatedAt\" />\n                        </span>\n                    </div>\n                    <span class=\"text-12 text-word-4 line-clamp-2\">\n                        {{\n                            stripMarkdown(conversation.summary) ||\n                            getLastMessage(conversation.messages, 'user')\n                        }}\n                    </span>\n                </button>\n            </li>\n        </ul>\n        <div\n            class=\"absolute bottom-0 left-0 right-0 flex justify-center px-16 pb-16 pt-32 bg-gradient-to-t\">\n            <VvButton\n                class=\"text-14\"\n                modifiers=\"rounded\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type { Chat as Conversation, UIChatMessage } from 'models'\n    import { stripMarkdown, getTextPart } from 'utils'\n    import { useChatbotStore } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { conversations, localChatId } = storeToRefs(store)\n    const { navigate, startNewChat } = store\n\n    const openConversation = (id: string) => {\n        localChatId.value = id\n        navigate('chat')\n    }\n\n    const isCurrentConversation = (conversation: Conversation) => {\n        return localChatId.value === conversation.id\n    }\n\n    const getLastMessage = (\n        messages: UIChatMessage[],\n        role: 'user' | 'assistant',\n    ) => {\n        return stripMarkdown(\n            getTextPart(messages.filter((m) => m.role === role).slice(-1)[0]) ||\n                '',\n        )\n    }\n</script>\n\n<template>\n    <div\n        class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-sm relative\">\n        <div\n            v-if=\"conversations.length === 0\"\n            class=\"flex justify-center p-lg text-word-3 text-sm\">\n            {{ $t('message.noConversations') }}\n        </div>\n        <ul\n            v-else\n            class=\"flex flex-col min-h-0 gap-8 overflow-auto px-8 pb-8 light-scrollbar pb-64\">\n            <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n                <button\n                    type=\"button\"\n                    class=\"rounded-md border p-10 cursor-pointer block w-full transition-colors text-14 leading-relaxed border-b border-surface-3 hover:border-surface-5 hover:bg-surface-1\"\n                    :class=\"{\n                        'bg-surface-2 border-surface-5':\n                            isCurrentConversation(conversation),\n                    }\"\n                    @click=\"openConversation(conversation.id)\">\n                    <div class=\"flex items-center gap-16\">\n                        <strong class=\"font-bold truncate block flex-1\">\n                            {{\n                                stripMarkdown(conversation.title) ||\n                                getLastMessage(\n                                    conversation.messages,\n                                    'assistant',\n                                )\n                            }}\n                        </strong>\n                        <span class=\"text-word-4 text-smaller shrink-0\">\n                            <PkRelativeTime :date=\"conversation.updatedAt\" />\n                        </span>\n                    </div>\n                    <span class=\"text-12 text-word-4 line-clamp-2\">\n                        {{\n                            stripMarkdown(conversation.summary) ||\n                            getLastMessage(conversation.messages, 'user')\n                        }}\n                    </span>\n                </button>\n            </li>\n        </ul>\n        <div\n            class=\"absolute bottom-0 left-0 right-0 flex justify-center px-16 pb-16 pt-32 bg-gradient-to-t\">\n            <VvButton\n                class=\"text-14\"\n                modifiers=\"rounded\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAQI,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,UAAU,CAAA,EAE1C,IAAQ,EAAgB,EAAM,QAAO,EACrC,EAAE,kBAAe,mBAAgB,EAAY,EAAK,EAClD,EAAE,aAAU,oBAAiB,GAE7B,KAAoB,MAAe;AAErC,GADA,EAAY,QAAQ,GACpB,EAAS,OAAM;KAGb,KAAyB,MACpB,EAAY,UAAU,EAAa,IAGxC,KACF,GACA,MAEO,EACH,EAAY,EAAS,QAAQ,MAAM,EAAE,SAAS,EAAK,CAAC,MAAM,GAAG,CAAC,GAAG,IAC7D,GACR;;;eAKJ,EAkDM,OAlDN,GAkDM,CA/CQ,EAAA,EAAa,CAAC,WAAM,KAAA,GAAA,EAD9B,EAIM,OAJN,GAIM,EADC,EAAA,EAAE,CAAA,0BAAA,CAAA,EAAA,EAAA,KAAA,GAAA,EAET,EAkCK,MAlCL,GAkCK,EAAA,EAAA,GAAA,EA/BD,EA8BK,GAAA,MAAA,EA9BsB,EAAA,EAAa,GAA7B,YAAX,EA8BK,MAAA,EA9BsC,KAAK,EAAa,IAAA,EAAA,CACzD,EA4BS,UAAA;IA3BL,MAAK;IACL,OAAK,EAAA,CAAC,oKAAkK,EAAA,iCACzE,EAAsB,EAAY,EAAA,CAAA,CAAA;IAIhI,UAAK,MAAE,EAAiB,EAAa,GAAA;OACtC,EAaM,OAbN,GAaM,CAZF,EAQS,UART,GAQS,EAND,EAAA,EAAa,CAAC,EAAa,MAAK,IAAqC,EAAoD,EAAa,UAAA,YAAA,CAAA,EAAA,EAAA,EAO9I,EAEO,QAFP,GAEO,CADH,EAAiD,GAAA,EAAhC,MAAM,EAAa,WAAA,EAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAG5C,EAKO,QALP,GAKO,EAHC,EAAA,EAAa,CAAC,EAAa,QAAO,IAAiC,EAAe,EAAa,UAAQ,OAAA,CAAA,EAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,CAAA,cAO3H,EAOM,OAPN,GAOM,CALF,EAImC,GAAA;IAH/B,OAAM;IACN,WAAU;IACT,OAAO,EAAA,EAAE,CAAA,sBAAA;IACT,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAA,EAAY,EAAA,EAAA,CAAA,OAAA,CAAA"}

package/dist-vue/_chunks/{PkChatbotViewProfile-Cafl_Jf8.js → PkChatbotViewProfile-CXmmVXrD.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useChatbotStore-BNGyIqjI.js";
+import { t as e } from "./useChatbotStore-Im8Xjwte.js";
 import { createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createSlots as a, createTextVNode as o, createVNode as s, defineComponent as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
 import { VvAvatar as m } from "@volverjs/ui-vue/components";
 import { useI18n as h } from "vue-i18n";
@@ -49,4 +49,4 @@ var _ = /* @__PURE__ */ c({
 //#endregion
 export { _ as n, S as t };
 
-//# sourceMappingURL=PkChatbotViewProfile-Cafl_Jf8.js.map
+//# sourceMappingURL=PkChatbotViewProfile-CXmmVXrD.js.map

package/dist-vue/_chunks/{PkChatbotViewProfile-Cafl_Jf8.js.map → PkChatbotViewProfile-CXmmVXrD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewProfile-Cafl_Jf8.js","names":[],"sources":["../../../../packages/components/src/chat/PkAvatar.vue","../../../../packages/components/src/chat/PkAvatar.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n","<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import PkAvatar from './PkAvatar.vue'\n    import { useChatbotStore } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { name, agentInterface } = storeToRefs(store)\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-md\">\n        <p class=\"text-sm font-semibold text-word-2\">\n            {{ $t('label.profile') }}\n        </p>\n\n        <div class=\"flex flex-col items-center gap-sm p-lg\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-48 h-48\"\n                :name=\"name\"\n                :img-src=\"agentInterface?.logo\" />\n            <strong v-if=\"name\" class=\"text-base font-semibold text-word-1\">\n                {{ name }}\n            </strong>\n        </div>\n\n        <slot />\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import PkAvatar from './PkAvatar.vue'\n    import { useChatbotStore } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { name, agentInterface } = storeToRefs(store)\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-md\">\n        <p class=\"text-sm font-semibold text-word-2\">\n            {{ $t('label.profile') }}\n        </p>\n\n        <div class=\"flex flex-col items-center gap-sm p-lg\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-48 h-48\"\n                :name=\"name\"\n                :img-src=\"agentInterface?.logo\" />\n            <strong v-if=\"name\" class=\"text-base font-semibold text-word-1\">\n                {{ name }}\n            </strong>\n        </div>\n\n        <slot />\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAMI,IAAM,KAAe,MACZ,IAGE,EACF,MAAM,IAAG,CACT,MAAM,GAAG,EAAC,CACV,KAAK,MAAM,EAAE,OAAO,EAAE,CAAC,aAAa,CAAA,CACpC,KAAK,GAAE,GAND;;;eAWf,EAMW,GAAA;IALN,WAAS,EAAA,SAAS,EAAA,SAAS,KAAA;IAC3B,WAAS,WAAc,EAAA,SAAkB,gBAAT,EAAA;mBACjB,EAAA,QAAI,CAAK,EAAA,SAAA;UAAS;gBACP,CAAA,EAAA,EAApB,EAAY,EAAA,KAAI,CAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;EEjB3B,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,UAAU,CAAA,EAG1C,EAAE,SAAM,sBAAmB,EADnB,EAAgB,EAAM,QACS,CAAK;yBAIlD,EAiBM,OAjBN,GAiBM;GAhBF,EAEI,KAFJ,GAEI,EADG,EAAA,EAAE,CAAA,gBAAA,CAAA,EAAA,EAAA;GAGT,EASM,OATN,GASM,CARF,EAIsC,GAAA;IAHlC,WAAU;IACV,OAAM;IACL,MAAM,EAAA,EAAI;IACV,WAAS,EAAA,EAAc,EAAE;qCAChB,EAAA,EAAI,IAAA,GAAA,EAAlB,EAES,UAFT,GAES,EADF,EAAA,EAAI,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAIf,EAAQ,EAAA,QAAA,UAAA"}
+{"version":3,"file":"PkChatbotViewProfile-CXmmVXrD.js","names":[],"sources":["../../../../packages/components/src/chat/PkAvatar.vue","../../../../packages/components/src/chat/PkAvatar.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n","<script setup lang=\"ts\">\n    defineProps<{\n        name?: string\n        imgSrc?: string | null\n        modifiers?: string\n    }>()\n    const getInitials = (name?: string) => {\n        if (!name) {\n            return ''\n        }\n        return name\n            .split(' ')\n            .slice(0, 2)\n            .map((n) => n.charAt(0).toUpperCase())\n            .join('')\n    }\n</script>\n\n<template>\n    <VvAvatar\n        :img-src=\"imgSrc ? imgSrc : undefined\"\n        :modifiers=\"`rounded ${!imgSrc ? modifiers : 'transparent'}`\">\n        <template v-if=\"name && !imgSrc\" #default>\n            {{ getInitials(name) }}\n        </template>\n    </VvAvatar>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import PkAvatar from './PkAvatar.vue'\n    import { useChatbotStore } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { name, agentInterface } = storeToRefs(store)\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-md\">\n        <p class=\"text-sm font-semibold text-word-2\">\n            {{ $t('label.profile') }}\n        </p>\n\n        <div class=\"flex flex-col items-center gap-sm p-lg\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-48 h-48\"\n                :name=\"name\"\n                :img-src=\"agentInterface?.logo\" />\n            <strong v-if=\"name\" class=\"text-base font-semibold text-word-1\">\n                {{ name }}\n            </strong>\n        </div>\n\n        <slot />\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import PkAvatar from './PkAvatar.vue'\n    import { useChatbotStore } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { name, agentInterface } = storeToRefs(store)\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-md\">\n        <p class=\"text-sm font-semibold text-word-2\">\n            {{ $t('label.profile') }}\n        </p>\n\n        <div class=\"flex flex-col items-center gap-sm p-lg\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-48 h-48\"\n                :name=\"name\"\n                :img-src=\"agentInterface?.logo\" />\n            <strong v-if=\"name\" class=\"text-base font-semibold text-word-1\">\n                {{ name }}\n            </strong>\n        </div>\n\n        <slot />\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAMI,IAAM,KAAe,MACZ,IAGE,EACF,MAAM,IAAG,CACT,MAAM,GAAG,EAAC,CACV,KAAK,MAAM,EAAE,OAAO,EAAE,CAAC,aAAa,CAAA,CACpC,KAAK,GAAE,GAND;;;eAWf,EAMW,GAAA;IALN,WAAS,EAAA,SAAS,EAAA,SAAS,KAAA;IAC3B,WAAS,WAAc,EAAA,SAAkB,gBAAT,EAAA;mBACjB,EAAA,QAAI,CAAK,EAAA,SAAA;UAAS;gBACP,CAAA,EAAA,EAApB,EAAY,EAAA,KAAI,CAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;;;EEjB3B,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,UAAU,CAAA,EAG1C,EAAE,SAAM,sBAAmB,EADnB,EAAgB,EAAM,QACS,CAAK;yBAIlD,EAiBM,OAjBN,GAiBM;GAhBF,EAEI,KAFJ,GAEI,EADG,EAAA,EAAE,CAAA,gBAAA,CAAA,EAAA,EAAA;GAGT,EASM,OATN,GASM,CARF,EAIsC,GAAA;IAHlC,WAAU;IACV,OAAM;IACL,MAAM,EAAA,EAAI;IACV,WAAS,EAAA,EAAc,EAAE;qCAChB,EAAA,EAAI,IAAA,GAAA,EAAlB,EAES,UAFT,GAES,EADF,EAAA,EAAI,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;GAIf,EAAQ,EAAA,QAAA,UAAA"}

package/dist-vue/_chunks/{PkToolShowSources-BXeGRm4D.js → PkToolShowSources-D5cBZxwQ.js}

@@ -17,7 +17,9 @@ var L = t(i({
 	headers: L.nullish(),
 	aiDescriptionModel: c().optional(),
 	aiDescriptionPrompt: c().max(5e3).optional(),
-	language: c().optional()
+	language: c().optional(),
+	forceOcr: o().default(!1),
+	pages: c().max(100).regex(/^\d+(\s*-\s*\d+)?(\s*,\s*\d+(\s*-\s*\d+)?)*$/).optional()
 }), z = i({
 	source: i({
 		url: c(),
@@ -50,6 +52,11 @@ var L = t(i({
 	wordCount: s().optional(),
 	paragraphCount: s().optional(),
 	readingTime: s().optional(),
+	ocrUsed: o().optional(),
+	ocrProvider: c().optional(),
+	ocrModel: c().optional(),
+	ocrPages: c().optional(),
+	ocrError: c().optional(),
 	conversionOptions: R.optional()
 }).loose(), B = /* @__PURE__ */ function(e) {
 	return e.File = "file", e.Url = "url", e.RevisedAnswer = "revised-answer", e.PlainText = "plain-text", e;
@@ -108,7 +115,9 @@ i({
 	browserEngine: a(p).optional(),
 	headers: L.nullish().default([]),
 	aiDescriptionModel: c().optional(),
-	aiDescriptionPrompt: c().max(5e3).optional()
+	aiDescriptionPrompt: c().max(5e3).optional(),
+	forceOcr: o().default(!1),
+	pages: c().max(100).regex(/^\d+(\s*-\s*\d+)?(\s*,\s*\d+(\s*-\s*\d+)?)*$/).optional()
 }).superRefine((e, t) => {
 	if (e.type === B.File && !e.media) {
 		t.addIssue({
@@ -406,4 +415,4 @@ var V = (e) => {
 //#endregion
 export { H as a, G as i, ye as n, X as r, $ as t };
 
-//# sourceMappingURL=PkToolShowSources-BXeGRm4D.js.map
+//# sourceMappingURL=PkToolShowSources-D5cBZxwQ.js.map

package/dist-vue/_chunks/PkToolShowSources-D5cBZxwQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkToolShowSources-D5cBZxwQ.js","names":["$t"],"sources":["../../../../packages/models/src/schema/Header.ts","../../../../packages/models/src/schema/Document.ts","../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkToolShowSources.vue","../../../../packages/components/src/chat/PkToolShowSources.vue"],"sourcesContent":["import * as z from 'zod'\n\nexport const HeaderSchema = z.object({\n    key: z.string().optional(),\n    value: z.string().optional(),\n})\n\nexport const HeadesSchema = z.array(HeaderSchema).transform((headers) => {\n    return headers?.filter(\n        (header) => header.key?.trim() && header.value?.trim(),\n    ) as Array<{ key: string; value: string }>\n})\n\nexport type Header = z.infer<typeof HeaderSchema>\nexport type Headers = z.infer<typeof HeadesSchema>\n","import * as z from 'zod'\nimport { zodQs } from '../utils'\nimport {\n    SupportedLanguage,\n    ExtractionStrategy,\n    BrowserEngine,\n} from './constants'\nimport { MediaSchema } from './Media'\nimport { HeadesSchema } from './Header'\n\n/**\n * Processing status for document indexing and embedding generation\n */\nexport enum IndexStatus {\n    Pending = 'pending',\n    Processing = 'processing',\n    Success = 'success',\n    Failed = 'failed',\n}\n\n// ===== Document Source Types =====\n\n/**\n * Conversion options for document processing\n * Used when creating or reprocessing documents\n */\nexport const ConversionOptionsSchema = z.object({\n    extractionStrategy: z.enum(ExtractionStrategy).optional(),\n    browserEngine: z.enum(BrowserEngine).optional(),\n    headers: HeadesSchema.nullish(),\n    aiDescriptionModel: z.string().optional(),\n    aiDescriptionPrompt: z.string().max(5000).optional(),\n    language: z.string().optional(),\n    forceOcr: z.boolean().default(false),\n    pages: z\n        .string()\n        .max(100)\n        .regex(/^\\d+(\\s*-\\s*\\d+)?(\\s*,\\s*\\d+(\\s*-\\s*\\d+)?)*$/)\n        .optional(),\n})\n\nexport type ConversionOptions = z.infer<typeof ConversionOptionsSchema>\n\n/**\n * Metadata structure for document.metadata column\n * Consolidates all metadata from converters and source info\n */\nexport const DocumentMetadataSchema = z\n    .object({\n        // === Source Info (URL documents only) ===\n        source: z\n            .object({\n                url: z.string(),\n                lastScrapedAt: z.string(),\n            })\n            .optional(),\n\n        // === Media Info (File documents only) ===\n        media: MediaSchema.optional(),\n\n        // === Common Fields (all document types) ===\n        title: z.string().optional(),\n        author: z.string().optional(),\n        description: z.string().optional(),\n        summary: z.string().optional(),\n        keywords: z.array(z.string()).optional(),\n\n        // === PDF Specific ===\n        subject: z.string().optional(),\n        creator: z.string().optional(), // Original application\n        producer: z.string().optional(), // PDF generator software\n        creationDate: z.string().optional(),\n        modificationDate: z.string().optional(),\n        pageCount: z\n            .union([z.number(), z.array(z.unknown())])\n            .transform((val) => (Array.isArray(val) ? val.length : val))\n            .optional(),\n        encrypted: z.boolean().optional(),\n\n        // === DOCX Specific ===\n        characterCount: z.number().optional(),\n        lineCount: z.number().optional(),\n\n        // === URL Specific ===\n        siteName: z.string().optional(),\n        canonicalUrl: z.url().optional(),\n        imageUrl: z.url().optional(),\n        favicon: z.url().optional(),\n        type: z.string().optional(), // og:type (article, website, etc.)\n        locale: z.string().optional(),\n        tags: z.array(z.string()).optional(),\n        publishedTime: z.string().optional(),\n        modifiedTime: z.string().optional(),\n\n        // === Metrics (all document types) ===\n        wordCount: z.number().optional(),\n        paragraphCount: z.number().optional(),\n        readingTime: z.number().optional(), // in minutes\n\n        // === OCR (PDF documents) ===\n        ocrUsed: z.boolean().optional(),\n        ocrProvider: z.string().optional(),\n        ocrModel: z.string().optional(),\n        ocrPages: z.string().optional(),\n        ocrError: z.string().optional(),\n\n        // === Conversion Options (for reprocessing) ===\n        conversionOptions: ConversionOptionsSchema.optional(),\n    })\n    .loose() // Allow additional custom fields\n\nexport type DocumentMetadata = z.infer<typeof DocumentMetadataSchema>\n\n/**\n * Document type enum\n *\n * - 'file': Document created from uploaded file (PDF, DOCX)\n * - 'url': Document created from web scraping\n * - 'revised-answer': Document created from revised AI answer\n * - 'plain-text': Document created from plain text input\n */\nexport enum DocumentType {\n    File = 'file',\n    Url = 'url',\n    RevisedAnswer = 'revised-answer',\n    PlainText = 'plain-text',\n}\n\n// ===== Schemas =====\n\n/**\n * Full document schema from database\n * Extended with computed field chunksCount\n */\nconst BaseDocumentSchema = z.object({\n    id: z.string(),\n    externalId: z.string().nullable(),\n    name: z.string(),\n    content: z.string(),\n    type: z.string(),\n    language: z.string(),\n    metadata: z.record(z.string(), z.unknown()),\n    indexStatus: z.string(),\n    processedAt: z.coerce.date().nullable(),\n    createdAt: z.coerce.date(),\n    createdBy: z.string(),\n    updatedAt: z.coerce.date(),\n    updatedBy: z.string(),\n    deleted: z.boolean(),\n    deletedAt: z.coerce.date().nullable(),\n    deletedBy: z.string().nullable(),\n    organizationId: z.string(),\n})\n\nexport const DocumentSchema = BaseDocumentSchema.extend({\n    type: z.enum(DocumentType),\n    indexStatus: z.enum(IndexStatus),\n    metadata: DocumentMetadataSchema,\n    // Add computed field for chunks count (populated by service layer)\n    chunksCount: z.number().optional(),\n})\n\n/**\n * Query parameters for listing documents with pagination, sorting, and filters\n */\nexport const DocumentQuerystringSchema = z.object({\n    ...zodQs.pagination(),\n    ...zodQs.sort(['id', 'updatedAt', 'createdAt', 'name']),\n    ...zodQs.filters(['type', 'language', 'agentId', 'indexStatus']),\n    ...zodQs.fullText(),\n    ...zodQs.ids(),\n    'filter[similarity]': z.string().optional(),\n})\n\n/**\n * Document creation schema for POST /documents endpoint\n *\n * Supports three types:\n * - 'file': Requires media object with uploaded file info\n * - 'url': Requires url string for web scraping\n * - 'revised-answer': Requires content (created from revisedAnswer service)\n */\nexport const DocumentCreateDtoSchema = z\n    .object({\n        type: z.enum(DocumentType).default(DocumentType.File),\n        name: z.string().min(1).max(255).optional(),\n        language: z.enum(SupportedLanguage).optional(),\n        organizationId: z.string(),\n        agentIds: z.array(z.string()).min(1, 'At least one agent is required'),\n        media: MediaSchema.optional(),\n        url: z.url().optional(),\n        content: z.string().optional(),\n        metadata: z.record(z.string(), z.unknown()).optional(),\n        extractionStrategy: z.enum(ExtractionStrategy).optional(),\n        browserEngine: z.enum(BrowserEngine).optional(),\n        headers: HeadesSchema.nullish().default([]),\n        aiDescriptionModel: z.string().optional(),\n        aiDescriptionPrompt: z.string().max(5000).optional(),\n        forceOcr: z.boolean().default(false),\n        pages: z\n            .string()\n            .max(100)\n            .regex(/^\\d+(\\s*-\\s*\\d+)?(\\s*,\\s*\\d+(\\s*-\\s*\\d+)?)*$/)\n            .optional(),\n    })\n    .superRefine((data, ctx) => {\n        if (data.type === DocumentType.File && !data.media) {\n            ctx.addIssue({\n                code: 'custom',\n                params: {\n                    i18n: 'errors.required',\n                },\n                path: ['media'],\n            })\n            return\n        }\n        if (data.type === DocumentType.Url && !data.url) {\n            ctx.addIssue({\n                code: 'custom',\n                params: {\n                    i18n: 'errors.required',\n                },\n                path: ['url'],\n            })\n        }\n        if (\n            data.type === DocumentType.PlainText &&\n            !(data.name || data.language)\n        ) {\n            if (!data.name) {\n                ctx.addIssue({\n                    code: 'custom',\n                    params: {\n                        i18n: 'errors.required',\n                    },\n                    path: ['name'],\n                })\n            }\n            if (!data.language) {\n                ctx.addIssue({\n                    code: 'custom',\n                    params: {\n                        i18n: 'errors.required',\n                    },\n                    path: ['language'],\n                })\n            }\n        }\n    })\n\n/**\n * Document update schema for PUT /documents/:id endpoint\n *\n * All fields are optional, but at least one must be provided\n */\nexport const DocumentUpdateDtoSchema = z.object({\n    id: z.string(),\n    organizationId: z.string(),\n    content: z.string().optional(),\n    name: z.string().min(1).max(255).optional(),\n    language: z.enum(SupportedLanguage).optional(),\n    agentIds: z.array(z.string()).min(1).optional(),\n    metadata: z.record(z.string(), z.unknown()).optional(),\n})\n\n// ===== Type Exports =====\n\nexport type Document = z.infer<typeof DocumentSchema>\nexport type DocumentQuerystring = z.infer<typeof DocumentQuerystringSchema>\nexport type DocumentCreateDto = z.infer<typeof DocumentCreateDtoSchema>\nexport type DocumentUpdateDto = z.infer<typeof DocumentUpdateDtoSchema>\n\n// ===== Helper Functions =====\n\nexport const getStatusColor = (status: IndexStatus) => {\n    switch (status) {\n        case IndexStatus.Success:\n            return 'success'\n        case IndexStatus.Failed:\n            return 'danger'\n        case IndexStatus.Processing:\n            return 'warning'\n        default:\n            return 'info'\n    }\n}\n\nexport const getStatusIcon = (status: IndexStatus) => {\n    switch (status) {\n        case IndexStatus.Success:\n            return 'ri:check-line'\n        case IndexStatus.Failed:\n            return 'ri:error-warning-line'\n        case IndexStatus.Processing:\n            return 'ri:hourglass-line'\n        default:\n            return 'ri:time-line'\n    }\n}\n\nexport const getTypeIcon = (type: DocumentType) => {\n    switch (type) {\n        case DocumentType.File:\n            return 'ri:file-line'\n        case DocumentType.Url:\n            return 'ri:link'\n        case DocumentType.RevisedAnswer:\n            return 'ri:feedback-line'\n        default:\n            return 'ri:input-method-line'\n    }\n}\n\nexport const getFileIcon = (extension: string) => {\n    const ext = (\n        extension.startsWith('.') ? extension.slice(1) : extension\n    ).toLowerCase()\n    switch (ext) {\n        case 'pdf':\n            return 'ri:file-pdf-2-line'\n        case 'doc':\n        case 'docx':\n            return 'ri:file-word-line'\n        case 'xls':\n        case 'xlsx':\n            return 'ri:file-excel-line'\n        case 'ppt':\n        case 'pptx':\n            return 'ri:file-ppt-line'\n        case 'txt':\n            return 'ri:file-text-line'\n        case 'mp3':\n        case 'wav':\n        case 'ogg':\n            return 'ri:file-music-line'\n        case 'mp4':\n        case 'avi':\n        case 'mkv':\n            return 'ri:file-video-line'\n        case 'jpg':\n        case 'jpeg':\n        case 'png':\n        case 'gif':\n        case 'bmp':\n        case 'svg':\n            return 'ri:file-image-line'\n        case 'zip':\n        case 'rar':\n        case '7z':\n            return 'ri:file-zip-line'\n        default:\n            return 'ri:file-line'\n    }\n}\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-lg overflow-hidden\">\n                <!-- Document header -->\n                <button\n                    class=\"flex items-center gap-8 p-8 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                    @click=\"toggleDocument(group.document.documentId)\">\n                    <PkDocumentHeader\n                        :type=\"group.document.documentType\"\n                        :name=\"group.document.documentName\"\n                        :url=\"group.document.sourceUrl\"\n                        :filename=\"group.document.sourceFilename\" />\n                    <div class=\"flex items-center gap-4 shrink-0\">\n                        <span\n                            v-if=\"group.chunks.length > 1\"\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                            {{ group.chunks.length }}\n                        </span>\n                        <span\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                            {{ group.document.language }}\n                        </span>\n                        <VvIcon\n                            :name=\"\n                                expandedDocuments.has(group.document.documentId)\n                                    ? 'ri:arrow-up-s-line'\n                                    : 'ri:arrow-down-s-line'\n                            \"\n                            class=\"text-16 text-word-3\" />\n                    </div>\n                </button>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'line-md:loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-lg overflow-hidden\">\n                <!-- Document header -->\n                <button\n                    class=\"flex items-center gap-8 p-8 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                    @click=\"toggleDocument(group.document.documentId)\">\n                    <PkDocumentHeader\n                        :type=\"group.document.documentType\"\n                        :name=\"group.document.documentName\"\n                        :url=\"group.document.sourceUrl\"\n                        :filename=\"group.document.sourceFilename\" />\n                    <div class=\"flex items-center gap-4 shrink-0\">\n                        <span\n                            v-if=\"group.chunks.length > 1\"\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                            {{ group.chunks.length }}\n                        </span>\n                        <span\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                            {{ group.document.language }}\n                        </span>\n                        <VvIcon\n                            :name=\"\n                                expandedDocuments.has(group.document.documentId)\n                                    ? 'ri:arrow-up-s-line'\n                                    : 'ri:arrow-down-s-line'\n                            \"\n                            class=\"text-16 text-word-3\" />\n                    </div>\n                </button>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'line-md:loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/{createChatbotApiClient-OA7JscBS.js → createChatbotApiClient-2ynLWELM.js}

@@ -236,7 +236,7 @@ var R = /* @__PURE__ */ function(e) {
 	privacyPolicyNotice: G.optional(),
 	welcomePopup: o().optional().default(!1),
 	floatingButtonPosition: a(["left", "right"]).optional().default("right"),
-	maxMessageLength: r((e) => e === "" || e === null || e === 0 ? void 0 : e, s().int().positive().optional()),
+	maxMessageLength: s().int().positive().optional(),
 	widgetUrl: l().default(K),
 	loadDelay: s().int().min(0).max(3e4).optional().default(0),
 	loaderStrategy: a(q).optional().default(q.InlineModule),
@@ -486,4 +486,4 @@ function ke(e) {
 //#endregion
 export { H as a, q as i, W as n, K as o, Y as r, R as s, ke as t };
 
-//# sourceMappingURL=createChatbotApiClient-OA7JscBS.js.map
+//# sourceMappingURL=createChatbotApiClient-2ynLWELM.js.map