@8wave/ai-elements 0.75.0 → 0.77.0

package/dist-vue/_chunks/{PkChatbotViewChat-CjoezIyz.js.map → PkChatbotViewChat-C2FuDayB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewChat-CjoezIyz.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-C2FuDayB.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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"}

package/dist-vue/_chunks/{PkChatbotViewConversations-DSQu6vY1.js → PkChatbotViewConversations-2xc0o-fO.js}

@@ -1,5 +1,5 @@
 import { m as e, s as t } from "./src-EtGd6cRz.js";
-import { t as n } from "./useChatbotStore-CJlkoNn7.js";
+import { t as n } from "./useChatbotStore-DMDbzuub.js";
 import { t as r } from "./PkRelativeTime-WZ2aPcp_.js";
 import { Fragment as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, h as d, mergeProps as f, nextTick as p, normalizeClass as m, openBlock as h, ref as g, renderList as _, toDisplayString as v, unref as y, vModelText as ee, withCtx as b, withDirectives as te, withKeys as x, withModifiers as S } from "vue";
 import { VvButton as C, VvButtonGroup as w, VvDialog as T, VvDropdown as E, VvDropdownAction as D, VvIcon as O, VvInputText as k } from "@volverjs/ui-vue/components";
@@ -160,4 +160,4 @@ var M = g(!1), N = g(), P = g(), F = g(), I = g(!1), L = g(), R = g(), z = () =>
 //#endregion
 export { B as n, X as t };
 
-//# sourceMappingURL=PkChatbotViewConversations-DSQu6vY1.js.map
+//# sourceMappingURL=PkChatbotViewConversations-2xc0o-fO.js.map

package/dist-vue/_chunks/{PkChatbotViewConversations-DSQu6vY1.js.map → PkChatbotViewConversations-2xc0o-fO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewConversations-DSQu6vY1.js","names":[],"sources":["../../../../packages/composable/src/useDialog.ts","../../../../packages/composable/src/useDialogConfirm.ts","../../../../packages/components/src/chat/PkChatbotViewConversations.vue","../../../../packages/components/src/chat/PkChatbotViewConversations.vue"],"sourcesContent":["import { VvDialog } from '@volverjs/ui-vue/components'\nimport { defineComponent, h, nextTick, ref, type VNode } from 'vue'\n\ntype DialogProps = {\n    title?: string\n    transition?: string\n    size?: 'small' | 'standard' | 'fullscreen'\n    role?: 'alert' | 'alertdialog'\n    keepOpen?: boolean\n}\n\ntype DialogSlots = {\n    footer?: () => VNode | string\n    header?: () => VNode | string\n    default?: () => VNode | string | VNode[] | string[]\n}\n\nconst isOpen = ref(false)\nconst title = ref<DialogProps['title']>()\nconst transition = ref<DialogProps['transition']>()\nconst size = ref<DialogProps['size']>()\nconst keepOpen = ref<DialogProps['keepOpen']>(false)\nconst role = ref<DialogProps['role']>()\nconst slots = ref<DialogSlots>()\n\nexport const useDialog = () => {\n    const onUpdateModelValue = (value: boolean) => {\n        isOpen.value = value\n    }\n\n    const onAfterLeave = () => {\n        title.value = undefined\n        transition.value = undefined\n        size.value = undefined\n        keepOpen.value = undefined\n        role.value = undefined\n        slots.value = undefined\n    }\n\n    const PkGlobalDialog = defineComponent({\n        name: 'PkGlobalDialog',\n        render: () =>\n            h(\n                VvDialog,\n                {\n                    modelValue: isOpen.value,\n                    title: title.value,\n                    transition: transition.value,\n                    size: size.value,\n                    keepOpen: keepOpen.value,\n                    role: role.value,\n                    'onUpdate:modelValue': onUpdateModelValue,\n                    onAfterLeave: onAfterLeave,\n                },\n                slots.value,\n            ),\n    })\n\n    const openDialog = (newProps: DialogProps, newSlots?: DialogSlots) => {\n        title.value = newProps?.title\n        transition.value = newProps?.transition\n        size.value = newProps?.size\n        keepOpen.value = newProps?.keepOpen ?? false\n        role.value = newProps?.role\n        slots.value = newSlots\n        nextTick(() => {\n            isOpen.value = true\n        })\n        return isOpen\n    }\n\n    return { PkGlobalDialog, openDialog, isOpen }\n}\n","import { h, ref, VNode } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n    VvButton,\n    VvButtonGroup,\n    VvInputText,\n} from '@volverjs/ui-vue/components'\nimport { useDialog } from './useDialog'\n\nexport const useDialogConfirm = () => {\n    const { openDialog } = useDialog()\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const openDialogConfirm = ({\n        emitReject = false,\n        confirmLabel,\n        cancelLabel,\n        questionLabel,\n        onlyConfirm = false,\n        passphrase,\n        passphraseLabel,\n        passphraseHint,\n    }: {\n        emitReject?: boolean\n        confirmLabel?: string\n        cancelLabel?: string\n        questionLabel?: string\n        onlyConfirm?: boolean\n        passphrase?: string\n        passphraseLabel?: string\n        passphraseHint?: string\n    } = {}) => {\n        return new Promise<boolean>((resolve, reject) => {\n            const passphraseText = ref<string>()\n            const isOpen = openDialog(\n                {\n                    role: 'alertdialog',\n                    size: 'small',\n                    keepOpen: true,\n                },\n                {\n                    default: () =>\n                        h('div', [\n                            h(\n                                'div',\n                                { class: 'mb-sm' },\n                                questionLabel ?? $t('message.confirm'),\n                            ),\n                            passphrase\n                                ? h(VvInputText, {\n                                      modelValue: passphraseText.value,\n                                      'onUpdate:modelValue': (\n                                          value: string,\n                                      ) => {\n                                          passphraseText.value = value\n                                      },\n                                      type: 'text',\n                                      name: 'passphrase',\n                                      class: 'mb-0',\n                                      floating: true,\n                                      label:\n                                          passphraseLabel ??\n                                          $t('label.passphrase'),\n                                      hintLabel:\n                                          passphraseHint ??\n                                          $t('hint.passphrase', { passphrase }),\n                                  })\n                                : undefined,\n                        ]),\n                    footer: () =>\n                        h(VvButtonGroup, () => {\n                            const toReturn: VNode[] = []\n                            if (!onlyConfirm) {\n                                toReturn.push(\n                                    h(VvButton, {\n                                        label:\n                                            cancelLabel ?? $t('action.cancel'),\n                                        modifiers: 'ghost',\n                                        onClick: () => {\n                                            if (emitReject) {\n                                                reject()\n                                            }\n                                            resolve(false)\n                                            isOpen.value = false\n                                        },\n                                    }),\n                                )\n                            }\n                            toReturn.push(\n                                h(VvButton, {\n                                    label: confirmLabel ?? $t('action.proceed'),\n                                    disabled: passphrase\n                                        ? passphrase !== passphraseText.value\n                                        : false,\n                                    onClick: () => {\n                                        resolve(true)\n                                        isOpen.value = false\n                                    },\n                                }),\n                            )\n                            return toReturn\n                        }),\n                },\n            )\n        })\n    }\n\n    return { openDialogConfirm }\n}\n","<script setup lang=\"ts\">\n    import { ref, nextTick } from 'vue'\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, useDialogConfirm } 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, renameChatTitle, deleteChat } = store\n\n    const editingId = ref<string | null>(null)\n    const editingTitle = ref('')\n    const renameInputEl = ref<HTMLInputElement[]>()\n\n    const openConversation = (id: string) => {\n        if (editingId.value) {\n            return\n        }\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\n    const startEdit = (conversation: Conversation) => {\n        editingId.value = conversation.id\n        editingTitle.value =\n            stripMarkdown(conversation.title) ||\n            getLastMessage(conversation.messages, 'assistant') ||\n            ''\n        nextTick(() => {\n            if (renameInputEl.value?.[0]) {\n                renameInputEl.value?.[0]?.focus()\n                renameInputEl.value?.[0]?.select()\n            }\n        })\n    }\n\n    const confirmEdit = async (id: string) => {\n        const trimmed = editingTitle.value.trim()\n        editingId.value = null\n        if (trimmed && trimmed.length <= 255) {\n            try {\n                await renameChatTitle(id, trimmed)\n            } catch {\n                // Revert optimistically: reload will pick up server state\n            }\n        }\n    }\n\n    const cancelEdit = () => {\n        editingId.value = null\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n    const handleDelete = async (id: string) => {\n        try {\n            const proceed = await openDialogConfirm()\n            if (!proceed) {\n                return\n            }\n            await deleteChat(id)\n        } catch {\n            // Silently fail: next load will reconcile\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 focus-within:border-word\"\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-8\">\n                        <template v-if=\"editingId === conversation.id\">\n                            <input\n                                ref=\"renameInputEl\"\n                                v-model=\"editingTitle\"\n                                class=\"flex-1 placeholder:text-word-4 leading-none\"\n                                :placeholder=\"$t('placeholder.insert')\"\n                                :maxlength=\"255\"\n                                @click.stop\n                                @keydown.enter.prevent=\"\n                                    confirmEdit(conversation.id)\n                                \"\n                                @keydown.esc.prevent=\"cancelEdit()\" />\n                            <VvButton\n                                icon=\"ri:save-line\"\n                                :label=\"$t('action.save')\"\n                                modifiers=\"action-small\"\n                                @click.stop=\"confirmEdit(conversation.id)\" />\n                        </template>\n                        <template v-else>\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                            <PkRelativeTime\n                                class=\"text-word-4 text-smaller shrink-0\"\n                                :date=\"conversation.lastMessageAt\" />\n                            <div @click.stop>\n                                <VvDropdown\n                                    v-bind=\"{\n                                        placement: 'bottom-end',\n                                        modifiers: 'menu',\n                                        flip: true,\n                                        offset: 3,\n                                    }\">\n                                    <VvButton\n                                        icon=\"ri:more-2-fill\"\n                                        :title=\"$t('action.moreActions')\"\n                                        modifiers=\"action-quiet-small\" />\n                                    <template #items>\n                                        <VvDropdownAction\n                                            @click=\"startEdit(conversation)\">\n                                            <VvIcon name=\"ri:pencil-line\" />\n                                            {{ $t('action.renameChat') }}\n                                        </VvDropdownAction>\n                                        <VvDropdownAction\n                                            @click=\"\n                                                handleDelete(conversation.id)\n                                            \">\n                                            <VvIcon name=\"ri:delete-bin-line\" />\n                                            {{ $t('action.delete') }}\n                                        </VvDropdownAction>\n                                    </template>\n                                </VvDropdown>\n                            </div>\n                        </template>\n                    </div>\n                    <span\n                        v-if=\"editingId !== conversation.id\"\n                        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 { ref, nextTick } from 'vue'\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, useDialogConfirm } 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, renameChatTitle, deleteChat } = store\n\n    const editingId = ref<string | null>(null)\n    const editingTitle = ref('')\n    const renameInputEl = ref<HTMLInputElement[]>()\n\n    const openConversation = (id: string) => {\n        if (editingId.value) {\n            return\n        }\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\n    const startEdit = (conversation: Conversation) => {\n        editingId.value = conversation.id\n        editingTitle.value =\n            stripMarkdown(conversation.title) ||\n            getLastMessage(conversation.messages, 'assistant') ||\n            ''\n        nextTick(() => {\n            if (renameInputEl.value?.[0]) {\n                renameInputEl.value?.[0]?.focus()\n                renameInputEl.value?.[0]?.select()\n            }\n        })\n    }\n\n    const confirmEdit = async (id: string) => {\n        const trimmed = editingTitle.value.trim()\n        editingId.value = null\n        if (trimmed && trimmed.length <= 255) {\n            try {\n                await renameChatTitle(id, trimmed)\n            } catch {\n                // Revert optimistically: reload will pick up server state\n            }\n        }\n    }\n\n    const cancelEdit = () => {\n        editingId.value = null\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n    const handleDelete = async (id: string) => {\n        try {\n            const proceed = await openDialogConfirm()\n            if (!proceed) {\n                return\n            }\n            await deleteChat(id)\n        } catch {\n            // Silently fail: next load will reconcile\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 focus-within:border-word\"\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-8\">\n                        <template v-if=\"editingId === conversation.id\">\n                            <input\n                                ref=\"renameInputEl\"\n                                v-model=\"editingTitle\"\n                                class=\"flex-1 placeholder:text-word-4 leading-none\"\n                                :placeholder=\"$t('placeholder.insert')\"\n                                :maxlength=\"255\"\n                                @click.stop\n                                @keydown.enter.prevent=\"\n                                    confirmEdit(conversation.id)\n                                \"\n                                @keydown.esc.prevent=\"cancelEdit()\" />\n                            <VvButton\n                                icon=\"ri:save-line\"\n                                :label=\"$t('action.save')\"\n                                modifiers=\"action-small\"\n                                @click.stop=\"confirmEdit(conversation.id)\" />\n                        </template>\n                        <template v-else>\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                            <PkRelativeTime\n                                class=\"text-word-4 text-smaller shrink-0\"\n                                :date=\"conversation.lastMessageAt\" />\n                            <div @click.stop>\n                                <VvDropdown\n                                    v-bind=\"{\n                                        placement: 'bottom-end',\n                                        modifiers: 'menu',\n                                        flip: true,\n                                        offset: 3,\n                                    }\">\n                                    <VvButton\n                                        icon=\"ri:more-2-fill\"\n                                        :title=\"$t('action.moreActions')\"\n                                        modifiers=\"action-quiet-small\" />\n                                    <template #items>\n                                        <VvDropdownAction\n                                            @click=\"startEdit(conversation)\">\n                                            <VvIcon name=\"ri:pencil-line\" />\n                                            {{ $t('action.renameChat') }}\n                                        </VvDropdownAction>\n                                        <VvDropdownAction\n                                            @click=\"\n                                                handleDelete(conversation.id)\n                                            \">\n                                            <VvIcon name=\"ri:delete-bin-line\" />\n                                            {{ $t('action.delete') }}\n                                        </VvDropdownAction>\n                                    </template>\n                                </VvDropdown>\n                            </div>\n                        </template>\n                    </div>\n                    <span\n                        v-if=\"editingId !== conversation.id\"\n                        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":"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"}
+{"version":3,"file":"PkChatbotViewConversations-2xc0o-fO.js","names":[],"sources":["../../../../packages/composable/src/useDialog.ts","../../../../packages/composable/src/useDialogConfirm.ts","../../../../packages/components/src/chat/PkChatbotViewConversations.vue","../../../../packages/components/src/chat/PkChatbotViewConversations.vue"],"sourcesContent":["import { VvDialog } from '@volverjs/ui-vue/components'\nimport { defineComponent, h, nextTick, ref, type VNode } from 'vue'\n\ntype DialogProps = {\n    title?: string\n    transition?: string\n    size?: 'small' | 'standard' | 'fullscreen'\n    role?: 'alert' | 'alertdialog'\n    keepOpen?: boolean\n}\n\ntype DialogSlots = {\n    footer?: () => VNode | string\n    header?: () => VNode | string\n    default?: () => VNode | string | VNode[] | string[]\n}\n\nconst isOpen = ref(false)\nconst title = ref<DialogProps['title']>()\nconst transition = ref<DialogProps['transition']>()\nconst size = ref<DialogProps['size']>()\nconst keepOpen = ref<DialogProps['keepOpen']>(false)\nconst role = ref<DialogProps['role']>()\nconst slots = ref<DialogSlots>()\n\nexport const useDialog = () => {\n    const onUpdateModelValue = (value: boolean) => {\n        isOpen.value = value\n    }\n\n    const onAfterLeave = () => {\n        title.value = undefined\n        transition.value = undefined\n        size.value = undefined\n        keepOpen.value = undefined\n        role.value = undefined\n        slots.value = undefined\n    }\n\n    const PkGlobalDialog = defineComponent({\n        name: 'PkGlobalDialog',\n        render: () =>\n            h(\n                VvDialog,\n                {\n                    modelValue: isOpen.value,\n                    title: title.value,\n                    transition: transition.value,\n                    size: size.value,\n                    keepOpen: keepOpen.value,\n                    role: role.value,\n                    'onUpdate:modelValue': onUpdateModelValue,\n                    onAfterLeave: onAfterLeave,\n                },\n                slots.value,\n            ),\n    })\n\n    const openDialog = (newProps: DialogProps, newSlots?: DialogSlots) => {\n        title.value = newProps?.title\n        transition.value = newProps?.transition\n        size.value = newProps?.size\n        keepOpen.value = newProps?.keepOpen ?? false\n        role.value = newProps?.role\n        slots.value = newSlots\n        nextTick(() => {\n            isOpen.value = true\n        })\n        return isOpen\n    }\n\n    return { PkGlobalDialog, openDialog, isOpen }\n}\n","import { h, ref, VNode } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n    VvButton,\n    VvButtonGroup,\n    VvInputText,\n} from '@volverjs/ui-vue/components'\nimport { useDialog } from './useDialog'\n\nexport const useDialogConfirm = () => {\n    const { openDialog } = useDialog()\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const openDialogConfirm = ({\n        emitReject = false,\n        confirmLabel,\n        cancelLabel,\n        questionLabel,\n        onlyConfirm = false,\n        passphrase,\n        passphraseLabel,\n        passphraseHint,\n    }: {\n        emitReject?: boolean\n        confirmLabel?: string\n        cancelLabel?: string\n        questionLabel?: string\n        onlyConfirm?: boolean\n        passphrase?: string\n        passphraseLabel?: string\n        passphraseHint?: string\n    } = {}) => {\n        return new Promise<boolean>((resolve, reject) => {\n            const passphraseText = ref<string>()\n            const isOpen = openDialog(\n                {\n                    role: 'alertdialog',\n                    size: 'small',\n                    keepOpen: true,\n                },\n                {\n                    default: () =>\n                        h('div', [\n                            h(\n                                'div',\n                                { class: 'mb-sm' },\n                                questionLabel ?? $t('message.confirm'),\n                            ),\n                            passphrase\n                                ? h(VvInputText, {\n                                      modelValue: passphraseText.value,\n                                      'onUpdate:modelValue': (\n                                          value: string,\n                                      ) => {\n                                          passphraseText.value = value\n                                      },\n                                      type: 'text',\n                                      name: 'passphrase',\n                                      class: 'mb-0',\n                                      floating: true,\n                                      label:\n                                          passphraseLabel ??\n                                          $t('label.passphrase'),\n                                      hintLabel:\n                                          passphraseHint ??\n                                          $t('hint.passphrase', { passphrase }),\n                                  })\n                                : undefined,\n                        ]),\n                    footer: () =>\n                        h(VvButtonGroup, () => {\n                            const toReturn: VNode[] = []\n                            if (!onlyConfirm) {\n                                toReturn.push(\n                                    h(VvButton, {\n                                        label:\n                                            cancelLabel ?? $t('action.cancel'),\n                                        modifiers: 'ghost',\n                                        onClick: () => {\n                                            if (emitReject) {\n                                                reject()\n                                            }\n                                            resolve(false)\n                                            isOpen.value = false\n                                        },\n                                    }),\n                                )\n                            }\n                            toReturn.push(\n                                h(VvButton, {\n                                    label: confirmLabel ?? $t('action.proceed'),\n                                    disabled: passphrase\n                                        ? passphrase !== passphraseText.value\n                                        : false,\n                                    onClick: () => {\n                                        resolve(true)\n                                        isOpen.value = false\n                                    },\n                                }),\n                            )\n                            return toReturn\n                        }),\n                },\n            )\n        })\n    }\n\n    return { openDialogConfirm }\n}\n","<script setup lang=\"ts\">\n    import { ref, nextTick } from 'vue'\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, useDialogConfirm } 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, renameChatTitle, deleteChat } = store\n\n    const editingId = ref<string | null>(null)\n    const editingTitle = ref('')\n    const renameInputEl = ref<HTMLInputElement[]>()\n\n    const openConversation = (id: string) => {\n        if (editingId.value) {\n            return\n        }\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\n    const startEdit = (conversation: Conversation) => {\n        editingId.value = conversation.id\n        editingTitle.value =\n            stripMarkdown(conversation.title) ||\n            getLastMessage(conversation.messages, 'assistant') ||\n            ''\n        nextTick(() => {\n            if (renameInputEl.value?.[0]) {\n                renameInputEl.value?.[0]?.focus()\n                renameInputEl.value?.[0]?.select()\n            }\n        })\n    }\n\n    const confirmEdit = async (id: string) => {\n        const trimmed = editingTitle.value.trim()\n        editingId.value = null\n        if (trimmed && trimmed.length <= 255) {\n            try {\n                await renameChatTitle(id, trimmed)\n            } catch {\n                // Revert optimistically: reload will pick up server state\n            }\n        }\n    }\n\n    const cancelEdit = () => {\n        editingId.value = null\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n    const handleDelete = async (id: string) => {\n        try {\n            const proceed = await openDialogConfirm()\n            if (!proceed) {\n                return\n            }\n            await deleteChat(id)\n        } catch {\n            // Silently fail: next load will reconcile\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 focus-within:border-word\"\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-8\">\n                        <template v-if=\"editingId === conversation.id\">\n                            <input\n                                ref=\"renameInputEl\"\n                                v-model=\"editingTitle\"\n                                class=\"flex-1 placeholder:text-word-4 leading-none\"\n                                :placeholder=\"$t('placeholder.insert')\"\n                                :maxlength=\"255\"\n                                @click.stop\n                                @keydown.enter.prevent=\"\n                                    confirmEdit(conversation.id)\n                                \"\n                                @keydown.esc.prevent=\"cancelEdit()\" />\n                            <VvButton\n                                icon=\"ri:save-line\"\n                                :label=\"$t('action.save')\"\n                                modifiers=\"action-small\"\n                                @click.stop=\"confirmEdit(conversation.id)\" />\n                        </template>\n                        <template v-else>\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                            <PkRelativeTime\n                                class=\"text-word-4 text-smaller shrink-0\"\n                                :date=\"conversation.lastMessageAt\" />\n                            <div @click.stop>\n                                <VvDropdown\n                                    v-bind=\"{\n                                        placement: 'bottom-end',\n                                        modifiers: 'menu',\n                                        flip: true,\n                                        offset: 3,\n                                    }\">\n                                    <VvButton\n                                        icon=\"ri:more-2-fill\"\n                                        :title=\"$t('action.moreActions')\"\n                                        modifiers=\"action-quiet-small\" />\n                                    <template #items>\n                                        <VvDropdownAction\n                                            @click=\"startEdit(conversation)\">\n                                            <VvIcon name=\"ri:pencil-line\" />\n                                            {{ $t('action.renameChat') }}\n                                        </VvDropdownAction>\n                                        <VvDropdownAction\n                                            @click=\"\n                                                handleDelete(conversation.id)\n                                            \">\n                                            <VvIcon name=\"ri:delete-bin-line\" />\n                                            {{ $t('action.delete') }}\n                                        </VvDropdownAction>\n                                    </template>\n                                </VvDropdown>\n                            </div>\n                        </template>\n                    </div>\n                    <span\n                        v-if=\"editingId !== conversation.id\"\n                        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 { ref, nextTick } from 'vue'\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, useDialogConfirm } 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, renameChatTitle, deleteChat } = store\n\n    const editingId = ref<string | null>(null)\n    const editingTitle = ref('')\n    const renameInputEl = ref<HTMLInputElement[]>()\n\n    const openConversation = (id: string) => {\n        if (editingId.value) {\n            return\n        }\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\n    const startEdit = (conversation: Conversation) => {\n        editingId.value = conversation.id\n        editingTitle.value =\n            stripMarkdown(conversation.title) ||\n            getLastMessage(conversation.messages, 'assistant') ||\n            ''\n        nextTick(() => {\n            if (renameInputEl.value?.[0]) {\n                renameInputEl.value?.[0]?.focus()\n                renameInputEl.value?.[0]?.select()\n            }\n        })\n    }\n\n    const confirmEdit = async (id: string) => {\n        const trimmed = editingTitle.value.trim()\n        editingId.value = null\n        if (trimmed && trimmed.length <= 255) {\n            try {\n                await renameChatTitle(id, trimmed)\n            } catch {\n                // Revert optimistically: reload will pick up server state\n            }\n        }\n    }\n\n    const cancelEdit = () => {\n        editingId.value = null\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n    const handleDelete = async (id: string) => {\n        try {\n            const proceed = await openDialogConfirm()\n            if (!proceed) {\n                return\n            }\n            await deleteChat(id)\n        } catch {\n            // Silently fail: next load will reconcile\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 focus-within:border-word\"\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-8\">\n                        <template v-if=\"editingId === conversation.id\">\n                            <input\n                                ref=\"renameInputEl\"\n                                v-model=\"editingTitle\"\n                                class=\"flex-1 placeholder:text-word-4 leading-none\"\n                                :placeholder=\"$t('placeholder.insert')\"\n                                :maxlength=\"255\"\n                                @click.stop\n                                @keydown.enter.prevent=\"\n                                    confirmEdit(conversation.id)\n                                \"\n                                @keydown.esc.prevent=\"cancelEdit()\" />\n                            <VvButton\n                                icon=\"ri:save-line\"\n                                :label=\"$t('action.save')\"\n                                modifiers=\"action-small\"\n                                @click.stop=\"confirmEdit(conversation.id)\" />\n                        </template>\n                        <template v-else>\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                            <PkRelativeTime\n                                class=\"text-word-4 text-smaller shrink-0\"\n                                :date=\"conversation.lastMessageAt\" />\n                            <div @click.stop>\n                                <VvDropdown\n                                    v-bind=\"{\n                                        placement: 'bottom-end',\n                                        modifiers: 'menu',\n                                        flip: true,\n                                        offset: 3,\n                                    }\">\n                                    <VvButton\n                                        icon=\"ri:more-2-fill\"\n                                        :title=\"$t('action.moreActions')\"\n                                        modifiers=\"action-quiet-small\" />\n                                    <template #items>\n                                        <VvDropdownAction\n                                            @click=\"startEdit(conversation)\">\n                                            <VvIcon name=\"ri:pencil-line\" />\n                                            {{ $t('action.renameChat') }}\n                                        </VvDropdownAction>\n                                        <VvDropdownAction\n                                            @click=\"\n                                                handleDelete(conversation.id)\n                                            \">\n                                            <VvIcon name=\"ri:delete-bin-line\" />\n                                            {{ $t('action.delete') }}\n                                        </VvDropdownAction>\n                                    </template>\n                                </VvDropdown>\n                            </div>\n                        </template>\n                    </div>\n                    <span\n                        v-if=\"editingId !== conversation.id\"\n                        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":"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"}

package/dist-vue/_chunks/{PkChatbotViewProfile-BJJiaG9H.js → PkChatbotViewProfile-CoT1JnMk.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useChatbotStore-CJlkoNn7.js";
+import { t as e } from "./useChatbotStore-DMDbzuub.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-BJJiaG9H.js.map
+//# sourceMappingURL=PkChatbotViewProfile-CoT1JnMk.js.map

package/dist-vue/_chunks/{PkChatbotViewProfile-BJJiaG9H.js.map → PkChatbotViewProfile-CoT1JnMk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewProfile-BJJiaG9H.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-CoT1JnMk.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/{PkToolShowContactForm-r_GgO-ZX.js → PkToolShowContactForm-5H4jfq1F.js}

@@ -2,7 +2,7 @@ import { n as e } from "./rolldown-runtime-D9KsE1-l.js";
 import { l as t, m as n, v as r } from "./schemas-Clx4oKCB.js";
 import { t as i } from "./useSafeLocalStorage-BDPvGrtd.js";
 import { t as a } from "./PkStreamingMarkdown-BAhC3uGK.js";
-import { t as o } from "./index.es-_14zrNZB.js";
+import { t as o } from "./index.es-Dk_HaA08.js";
 import { Transition as s, computed as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, isRef as p, openBlock as m, toDisplayString as h, toValue as g, unref as _, watch as v, withCtx as y } from "vue";
 import { VvButton as b, VvIcon as x } from "@volverjs/ui-vue/components";
 import { useI18n as S } from "vue-i18n";
@@ -127,4 +127,4 @@ var w = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" },
 //#endregion
 export { F as n, C as r, I as t };
 
-//# sourceMappingURL=PkToolShowContactForm-r_GgO-ZX.js.map
+//# sourceMappingURL=PkToolShowContactForm-5H4jfq1F.js.map

package/dist-vue/_chunks/{PkToolShowContactForm-r_GgO-ZX.js.map → PkToolShowContactForm-5H4jfq1F.js.map}

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

package/dist-vue/_chunks/{PkToolShowSources-DK2DCvU3.js → PkToolShowSources-Dv0uuvqS.js}

@@ -1,6 +1,6 @@
 import { n as e } from "./rolldown-runtime-D9KsE1-l.js";
 import { a as t, b as n, g as r, m as i, n as a, o, p as s, v as c, x as l, y as u } from "./schemas-Clx4oKCB.js";
-import { a as d, c as f, i as p, l as m, n as h, s as g } from "./Media-CXQSoKqt.js";
+import { a as d, c as f, i as p, l as m, n as h, s as g } from "./Media-kK7BnZGr.js";
 import { m as _ } from "./src-EtGd6cRz.js";
 import { t as ee } from "./PkUrl-CGbSBfuP.js";
 import { t as v } from "./PkStreamingMarkdown-BAhC3uGK.js";
@@ -416,4 +416,4 @@ var V = (e) => {
 //#endregion
 export { H as a, G as i, ye as n, X as r, $ as t };
 
-//# sourceMappingURL=PkToolShowSources-DK2DCvU3.js.map
+//# sourceMappingURL=PkToolShowSources-Dv0uuvqS.js.map