@8wave/ai-elements 0.111.0-beta.3 → 0.111.0-beta.7

package/dist-vue/_chunks/{PkChatbotViewConversations-C787v5ll.js → PkChatbotViewConversations-3LaZPFyw.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./useChatbotStore-9Cw_oR6J.js";
+import { n as e } from "./useChatbotStore-BzfqjiYz.js";
 import "./src-DT8FLE4_.js";
 import { t } from "./markdown-CCMpGUA7.js";
 import { n } from "./message-RohfrdWS.js";
@@ -192,4 +192,4 @@ var oe = { class: "flex flex-col flex-1 min-h-0 relative" }, se = {
 //#endregion
 export { O as n, k as r, V as t };
 
-//# sourceMappingURL=PkChatbotViewConversations-C787v5ll.js.map
+//# sourceMappingURL=PkChatbotViewConversations-3LaZPFyw.js.map

package/dist-vue/_chunks/{PkChatbotViewConversations-C787v5ll.js.map → PkChatbotViewConversations-3LaZPFyw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewConversations-C787v5ll.js","names":[],"sources":["../../../../packages/composable/src/chatbot/useConversationActions.ts","../../../../packages/components/src/chat/PkChatbotViewConversations.vue","../../../../packages/components/src/chat/PkChatbotViewConversations.vue"],"sourcesContent":["import { ref } from 'vue'\nimport type { Chat as Conversation } from 'models'\nimport { getTextPart, stripMarkdown } from 'utils'\nimport { useDialogConfirm } from '../useDialogConfirm'\n\n/**\n * Single-line preview for a conversation: explicit title, otherwise the\n * first user message. Used as list label and as search haystack.\n */\nexport function getConversationPreview(conversation: Conversation): string {\n    return (\n        stripMarkdown(conversation.title) ||\n        stripMarkdown(\n            getTextPart(\n                // The list endpoint isn't Zod-parsed: don't trust the\n                // declared types at runtime\n                conversation.messages?.find(\n                    (message) => message.role === 'user',\n                ),\n            ),\n        ) ||\n        ''\n    )\n}\n\n/**\n * Inline-rename and delete-with-confirm state shared by the conversation\n * lists (PkChatbotViewConversations, PkChatSidebar). Renames are optimistic:\n * on failure the next conversations load reconciles with the server state.\n */\nexport function useConversationActions(actions: {\n    renameChatTitle: (chatId: string, title: string) => Promise<unknown>\n    deleteChat: (chatId: string) => Promise<unknown>\n}) {\n    const editingId = ref<string | null>(null)\n    const editingTitle = ref('')\n\n    const startEdit = (conversation: Conversation, fallbackTitle = '') => {\n        editingId.value = conversation.id\n        editingTitle.value = stripMarkdown(conversation.title) || fallbackTitle\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 actions.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 onRenameKeydown = (event: KeyboardEvent, id: string) => {\n        if (event.key === 'Enter') {\n            event.preventDefault()\n            confirmEdit(id)\n        } else if (event.key === 'Escape') {\n            event.preventDefault()\n            cancelEdit()\n        }\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n    const requestDelete = async (id: string) => {\n        try {\n            const proceed = await openDialogConfirm()\n            if (!proceed) {\n                return\n            }\n            await actions.deleteChat(id)\n        } catch {\n            // Silently fail: next load will reconcile\n        }\n    }\n\n    return {\n        editingId,\n        editingTitle,\n        startEdit,\n        confirmEdit,\n        cancelEdit,\n        onRenameKeydown,\n        requestDelete,\n    }\n}\n","<script setup lang=\"ts\">\n    import { computed, inject, ref } 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 {\n        useChatbotStore,\n        useConversationActions,\n        useDialogConfirm,\n    } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\n    import { ChatbotProfileContextKey } from './chatbotProfileContext'\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, isLoadingConversations, localChatId } =\n        storeToRefs(store)\n    const { navigate, startNewChat, renameChatTitle, deleteChat } = store\n\n    const {\n        editingId,\n        editingTitle,\n        startEdit: startEditConversation,\n        confirmEdit,\n        cancelEdit,\n        onRenameKeydown,\n        requestDelete: handleDelete,\n    } = useConversationActions({ renameChatTitle, deleteChat })\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        startEditConversation(\n            conversation,\n            getLastMessage(conversation.messages, 'assistant'),\n        )\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n\n    // GDPR B.3 — bulk \"delete my conversations\", available to anonymous\n    // sessions too (the host wires the endpoint through the profile context).\n    // Hidden when the host application owns the session (external token or\n    // host-session mode): the endpoint erases ALL conversations of the\n    // session's user platform-wide, an account-scoped action that belongs to\n    // the host, not to an embedded widget. Same gating as sign-out and\n    // manage-profile in PkChatbotViewProfile.\n    const profile = inject(ChatbotProfileContextKey, undefined)\n    const canEraseConversations = computed(\n        () =>\n            !!profile?.eraseConversations &&\n            !(profile.isExternalAuth?.value ?? false),\n    )\n    const isErasingConversations = ref(false)\n    const handleEraseAll = async () => {\n        const eraseConversations = profile?.eraseConversations\n        if (!eraseConversations || !canEraseConversations.value) {\n            return\n        }\n        const proceed = await openDialogConfirm({\n            title: $t('confirmTitle.deleteMyConversations'),\n            questionLabel: $t('message.deleteMyConversationsConfirm'),\n        })\n        if (!proceed) {\n            return\n        }\n        isErasingConversations.value = true\n        try {\n            await eraseConversations()\n            conversations.value = []\n            startNewChat()\n        } catch {\n            // Same policy as single delete: fail silently and reconcile\n            // with the server state\n            store.loadConversations(props.agentId)\n        } finally {\n            isErasingConversations.value = false\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 relative\">\n        <!-- Loading skeleton -->\n        <div\n            v-if=\"isLoadingConversations && conversations.length === 0\"\n            class=\"u-pick-list__list u-pick-list__list--fill\">\n            <div\n                v-for=\"i in 5\"\n                :key=\"i\"\n                class=\"u-pick-list__row u-pick-list__row--skeleton\">\n                <div class=\"u-pick-list__entry u-pick-list__entry--roomy\">\n                    <div class=\"flex flex-col gap-6 flex-1 min-w-0\">\n                        <div\n                            class=\"vv-skeleton h-16 rounded\"\n                            :class=\"i % 2 ? 'w-192' : 'w-128'\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                        <div class=\"vv-skeleton h-12 rounded\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                        <div class=\"vv-skeleton h-12 rounded w-160\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Empty state -->\n        <div\n            v-else-if=\"conversations.length === 0\"\n            class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n            <div\n                class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n                <VvIcon name=\"ri:chat-3-line\" class=\"w-28 h-28 text-word-4\" />\n            </div>\n            <div class=\"flex flex-col gap-4\">\n                <strong class=\"text-16 font-semibold text-word-1\">\n                    {{ $t('message.noConversations') }}\n                </strong>\n                <span class=\"text-14 text-word-3 leading-relaxed\">\n                    {{ $t('message.noConversationsHint') }}\n                </span>\n            </div>\n            <VvButton\n                modifiers=\"primary rounded\"\n                icon=\"ri:add-line\"\n                class=\"mt-8\"\n                :label=\"$t('action.startNewChat')\"\n                @click=\"startNewChat()\" />\n        </div>\n\n        <!-- Conversation list. The row is a container, not a button: the menu\n             and the rename field are siblings of the entry, because a button\n             cannot legally contain other controls (Firefox and Safari drop\n             them from the accessibility tree). -->\n        <ul\n            v-else\n            class=\"u-pick-list__list u-pick-list__list--fill overflow-y-auto pb-64 light-scrollbar\">\n            <li\n                v-for=\"conversation in conversations\"\n                :key=\"conversation.id\"\n                class=\"u-pick-list__row\"\n                :class=\"{\n                    'u-pick-list__row--current':\n                        isCurrentConversation(conversation),\n                }\">\n                <div\n                    v-if=\"editingId === conversation.id\"\n                    class=\"flex flex-1 items-center gap-8 min-w-0 px-md py-12\">\n                    <VvInputText\n                        v-model=\"editingTitle\"\n                        class=\"flex-1 mb-0\"\n                        modifiers=\"compact\"\n                        autofocus\n                        select-on-focus\n                        :maxlength=\"255\"\n                        :placeholder=\"$t('placeholder.insert')\"\n                        @keydown=\"onRenameKeydown($event, conversation.id)\" />\n                    <VvButtonGroup modifiers=\"compact\">\n                        <VvButton\n                            icon=\"ri:save-line\"\n                            :title=\"$t('action.save')\"\n                            modifiers=\"action-quiet-small\"\n                            @click=\"confirmEdit(conversation.id)\" />\n                        <VvButton\n                            icon=\"ri:close-line\"\n                            :title=\"$t('action.cancel')\"\n                            modifiers=\"action-quiet-small\"\n                            @click=\"cancelEdit()\" />\n                    </VvButtonGroup>\n                </div>\n                <template v-else>\n                    <button\n                        type=\"button\"\n                        class=\"u-pick-list__entry u-pick-list__entry--roomy leading-relaxed\"\n                        :aria-current=\"\n                            isCurrentConversation(conversation)\n                                ? 'true'\n                                : undefined\n                        \"\n                        @click=\"openConversation(conversation.id)\">\n                        <div class=\"min-w-0 flex-1\">\n                            <div class=\"flex items-center gap-8\">\n                                <strong\n                                    class=\"u-pick-list__label font-medium 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>\n                            <span class=\"text-12 text-word-4 line-clamp-2\">\n                                {{\n                                    stripMarkdown(conversation.summary) ||\n                                    getLastMessage(\n                                        conversation.messages,\n                                        'user',\n                                    )\n                                }}\n                            </span>\n                        </div>\n                    </button>\n                    <div class=\"u-pick-list__actions\">\n                        <VvDropdown\n                            v-bind=\"{\n                                placement: 'bottom-end',\n                                modifiers: 'menu',\n                                flip: true,\n                                offset: 3,\n                                strategy: 'fixed',\n                            }\">\n                            <VvButton\n                                icon=\"ri: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=\"handleDelete(conversation.id)\">\n                                    <VvIcon name=\"ri:delete-bin-line\" />\n                                    {{ $t('action.delete') }}\n                                </VvDropdownAction>\n                            </template>\n                        </VvDropdown>\n                    </div>\n                </template>\n            </li>\n        </ul>\n\n        <!-- Sticky \"new chat\" CTA (hidden on empty state, which has its own CTA) -->\n        <div\n            v-if=\"conversations.length > 0\"\n            class=\"absolute bottom-0 left-0 right-0 flex flex-col items-center gap-4 px-16 pb-16 pt-32 pointer-events-none\"\n            :style=\"{\n                background:\n                    'linear-gradient(to top, var(--color-surface) 55%, transparent)',\n            }\">\n            <VvButton\n                class=\"text-14 pointer-events-auto\"\n                modifiers=\"primary rounded\"\n                icon=\"ri:add-line\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n            <VvButton\n                v-if=\"canEraseConversations\"\n                class=\"text-12 pointer-events-auto\"\n                modifiers=\"action-quiet-danger\"\n                icon=\"ri:delete-bin-line\"\n                :loading=\"isErasingConversations\"\n                :disabled=\"isErasingConversations\"\n                :label=\"$t('action.deleteMyConversations')\"\n                @click.stop=\"handleEraseAll()\" />\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, inject, ref } 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 {\n        useChatbotStore,\n        useConversationActions,\n        useDialogConfirm,\n    } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\n    import { ChatbotProfileContextKey } from './chatbotProfileContext'\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, isLoadingConversations, localChatId } =\n        storeToRefs(store)\n    const { navigate, startNewChat, renameChatTitle, deleteChat } = store\n\n    const {\n        editingId,\n        editingTitle,\n        startEdit: startEditConversation,\n        confirmEdit,\n        cancelEdit,\n        onRenameKeydown,\n        requestDelete: handleDelete,\n    } = useConversationActions({ renameChatTitle, deleteChat })\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        startEditConversation(\n            conversation,\n            getLastMessage(conversation.messages, 'assistant'),\n        )\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n\n    // GDPR B.3 — bulk \"delete my conversations\", available to anonymous\n    // sessions too (the host wires the endpoint through the profile context).\n    // Hidden when the host application owns the session (external token or\n    // host-session mode): the endpoint erases ALL conversations of the\n    // session's user platform-wide, an account-scoped action that belongs to\n    // the host, not to an embedded widget. Same gating as sign-out and\n    // manage-profile in PkChatbotViewProfile.\n    const profile = inject(ChatbotProfileContextKey, undefined)\n    const canEraseConversations = computed(\n        () =>\n            !!profile?.eraseConversations &&\n            !(profile.isExternalAuth?.value ?? false),\n    )\n    const isErasingConversations = ref(false)\n    const handleEraseAll = async () => {\n        const eraseConversations = profile?.eraseConversations\n        if (!eraseConversations || !canEraseConversations.value) {\n            return\n        }\n        const proceed = await openDialogConfirm({\n            title: $t('confirmTitle.deleteMyConversations'),\n            questionLabel: $t('message.deleteMyConversationsConfirm'),\n        })\n        if (!proceed) {\n            return\n        }\n        isErasingConversations.value = true\n        try {\n            await eraseConversations()\n            conversations.value = []\n            startNewChat()\n        } catch {\n            // Same policy as single delete: fail silently and reconcile\n            // with the server state\n            store.loadConversations(props.agentId)\n        } finally {\n            isErasingConversations.value = false\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 relative\">\n        <!-- Loading skeleton -->\n        <div\n            v-if=\"isLoadingConversations && conversations.length === 0\"\n            class=\"u-pick-list__list u-pick-list__list--fill\">\n            <div\n                v-for=\"i in 5\"\n                :key=\"i\"\n                class=\"u-pick-list__row u-pick-list__row--skeleton\">\n                <div class=\"u-pick-list__entry u-pick-list__entry--roomy\">\n                    <div class=\"flex flex-col gap-6 flex-1 min-w-0\">\n                        <div\n                            class=\"vv-skeleton h-16 rounded\"\n                            :class=\"i % 2 ? 'w-192' : 'w-128'\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                        <div class=\"vv-skeleton h-12 rounded\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                        <div class=\"vv-skeleton h-12 rounded w-160\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Empty state -->\n        <div\n            v-else-if=\"conversations.length === 0\"\n            class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n            <div\n                class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n                <VvIcon name=\"ri:chat-3-line\" class=\"w-28 h-28 text-word-4\" />\n            </div>\n            <div class=\"flex flex-col gap-4\">\n                <strong class=\"text-16 font-semibold text-word-1\">\n                    {{ $t('message.noConversations') }}\n                </strong>\n                <span class=\"text-14 text-word-3 leading-relaxed\">\n                    {{ $t('message.noConversationsHint') }}\n                </span>\n            </div>\n            <VvButton\n                modifiers=\"primary rounded\"\n                icon=\"ri:add-line\"\n                class=\"mt-8\"\n                :label=\"$t('action.startNewChat')\"\n                @click=\"startNewChat()\" />\n        </div>\n\n        <!-- Conversation list. The row is a container, not a button: the menu\n             and the rename field are siblings of the entry, because a button\n             cannot legally contain other controls (Firefox and Safari drop\n             them from the accessibility tree). -->\n        <ul\n            v-else\n            class=\"u-pick-list__list u-pick-list__list--fill overflow-y-auto pb-64 light-scrollbar\">\n            <li\n                v-for=\"conversation in conversations\"\n                :key=\"conversation.id\"\n                class=\"u-pick-list__row\"\n                :class=\"{\n                    'u-pick-list__row--current':\n                        isCurrentConversation(conversation),\n                }\">\n                <div\n                    v-if=\"editingId === conversation.id\"\n                    class=\"flex flex-1 items-center gap-8 min-w-0 px-md py-12\">\n                    <VvInputText\n                        v-model=\"editingTitle\"\n                        class=\"flex-1 mb-0\"\n                        modifiers=\"compact\"\n                        autofocus\n                        select-on-focus\n                        :maxlength=\"255\"\n                        :placeholder=\"$t('placeholder.insert')\"\n                        @keydown=\"onRenameKeydown($event, conversation.id)\" />\n                    <VvButtonGroup modifiers=\"compact\">\n                        <VvButton\n                            icon=\"ri:save-line\"\n                            :title=\"$t('action.save')\"\n                            modifiers=\"action-quiet-small\"\n                            @click=\"confirmEdit(conversation.id)\" />\n                        <VvButton\n                            icon=\"ri:close-line\"\n                            :title=\"$t('action.cancel')\"\n                            modifiers=\"action-quiet-small\"\n                            @click=\"cancelEdit()\" />\n                    </VvButtonGroup>\n                </div>\n                <template v-else>\n                    <button\n                        type=\"button\"\n                        class=\"u-pick-list__entry u-pick-list__entry--roomy leading-relaxed\"\n                        :aria-current=\"\n                            isCurrentConversation(conversation)\n                                ? 'true'\n                                : undefined\n                        \"\n                        @click=\"openConversation(conversation.id)\">\n                        <div class=\"min-w-0 flex-1\">\n                            <div class=\"flex items-center gap-8\">\n                                <strong\n                                    class=\"u-pick-list__label font-medium 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>\n                            <span class=\"text-12 text-word-4 line-clamp-2\">\n                                {{\n                                    stripMarkdown(conversation.summary) ||\n                                    getLastMessage(\n                                        conversation.messages,\n                                        'user',\n                                    )\n                                }}\n                            </span>\n                        </div>\n                    </button>\n                    <div class=\"u-pick-list__actions\">\n                        <VvDropdown\n                            v-bind=\"{\n                                placement: 'bottom-end',\n                                modifiers: 'menu',\n                                flip: true,\n                                offset: 3,\n                                strategy: 'fixed',\n                            }\">\n                            <VvButton\n                                icon=\"ri: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=\"handleDelete(conversation.id)\">\n                                    <VvIcon name=\"ri:delete-bin-line\" />\n                                    {{ $t('action.delete') }}\n                                </VvDropdownAction>\n                            </template>\n                        </VvDropdown>\n                    </div>\n                </template>\n            </li>\n        </ul>\n\n        <!-- Sticky \"new chat\" CTA (hidden on empty state, which has its own CTA) -->\n        <div\n            v-if=\"conversations.length > 0\"\n            class=\"absolute bottom-0 left-0 right-0 flex flex-col items-center gap-4 px-16 pb-16 pt-32 pointer-events-none\"\n            :style=\"{\n                background:\n                    'linear-gradient(to top, var(--color-surface) 55%, transparent)',\n            }\">\n            <VvButton\n                class=\"text-14 pointer-events-auto\"\n                modifiers=\"primary rounded\"\n                icon=\"ri:add-line\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n            <VvButton\n                v-if=\"canEraseConversations\"\n                class=\"text-12 pointer-events-auto\"\n                modifiers=\"action-quiet-danger\"\n                icon=\"ri:delete-bin-line\"\n                :loading=\"isErasingConversations\"\n                :disabled=\"isErasingConversations\"\n                :label=\"$t('action.deleteMyConversations')\"\n                @click.stop=\"handleEraseAll()\" />\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkChatbotViewConversations-3LaZPFyw.js","names":[],"sources":["../../../../packages/composable/src/chatbot/useConversationActions.ts","../../../../packages/components/src/chat/PkChatbotViewConversations.vue","../../../../packages/components/src/chat/PkChatbotViewConversations.vue"],"sourcesContent":["import { ref } from 'vue'\nimport type { Chat as Conversation } from 'models'\nimport { getTextPart, stripMarkdown } from 'utils'\nimport { useDialogConfirm } from '../useDialogConfirm'\n\n/**\n * Single-line preview for a conversation: explicit title, otherwise the\n * first user message. Used as list label and as search haystack.\n */\nexport function getConversationPreview(conversation: Conversation): string {\n    return (\n        stripMarkdown(conversation.title) ||\n        stripMarkdown(\n            getTextPart(\n                // The list endpoint isn't Zod-parsed: don't trust the\n                // declared types at runtime\n                conversation.messages?.find(\n                    (message) => message.role === 'user',\n                ),\n            ),\n        ) ||\n        ''\n    )\n}\n\n/**\n * Inline-rename and delete-with-confirm state shared by the conversation\n * lists (PkChatbotViewConversations, PkChatSidebar). Renames are optimistic:\n * on failure the next conversations load reconciles with the server state.\n */\nexport function useConversationActions(actions: {\n    renameChatTitle: (chatId: string, title: string) => Promise<unknown>\n    deleteChat: (chatId: string) => Promise<unknown>\n}) {\n    const editingId = ref<string | null>(null)\n    const editingTitle = ref('')\n\n    const startEdit = (conversation: Conversation, fallbackTitle = '') => {\n        editingId.value = conversation.id\n        editingTitle.value = stripMarkdown(conversation.title) || fallbackTitle\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 actions.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 onRenameKeydown = (event: KeyboardEvent, id: string) => {\n        if (event.key === 'Enter') {\n            event.preventDefault()\n            confirmEdit(id)\n        } else if (event.key === 'Escape') {\n            event.preventDefault()\n            cancelEdit()\n        }\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n    const requestDelete = async (id: string) => {\n        try {\n            const proceed = await openDialogConfirm()\n            if (!proceed) {\n                return\n            }\n            await actions.deleteChat(id)\n        } catch {\n            // Silently fail: next load will reconcile\n        }\n    }\n\n    return {\n        editingId,\n        editingTitle,\n        startEdit,\n        confirmEdit,\n        cancelEdit,\n        onRenameKeydown,\n        requestDelete,\n    }\n}\n","<script setup lang=\"ts\">\n    import { computed, inject, ref } 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 {\n        useChatbotStore,\n        useConversationActions,\n        useDialogConfirm,\n    } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\n    import { ChatbotProfileContextKey } from './chatbotProfileContext'\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, isLoadingConversations, localChatId } =\n        storeToRefs(store)\n    const { navigate, startNewChat, renameChatTitle, deleteChat } = store\n\n    const {\n        editingId,\n        editingTitle,\n        startEdit: startEditConversation,\n        confirmEdit,\n        cancelEdit,\n        onRenameKeydown,\n        requestDelete: handleDelete,\n    } = useConversationActions({ renameChatTitle, deleteChat })\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        startEditConversation(\n            conversation,\n            getLastMessage(conversation.messages, 'assistant'),\n        )\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n\n    // GDPR B.3 — bulk \"delete my conversations\", available to anonymous\n    // sessions too (the host wires the endpoint through the profile context).\n    // Hidden when the host application owns the session (external token or\n    // host-session mode): the endpoint erases ALL conversations of the\n    // session's user platform-wide, an account-scoped action that belongs to\n    // the host, not to an embedded widget. Same gating as sign-out and\n    // manage-profile in PkChatbotViewProfile.\n    const profile = inject(ChatbotProfileContextKey, undefined)\n    const canEraseConversations = computed(\n        () =>\n            !!profile?.eraseConversations &&\n            !(profile.isExternalAuth?.value ?? false),\n    )\n    const isErasingConversations = ref(false)\n    const handleEraseAll = async () => {\n        const eraseConversations = profile?.eraseConversations\n        if (!eraseConversations || !canEraseConversations.value) {\n            return\n        }\n        const proceed = await openDialogConfirm({\n            title: $t('confirmTitle.deleteMyConversations'),\n            questionLabel: $t('message.deleteMyConversationsConfirm'),\n        })\n        if (!proceed) {\n            return\n        }\n        isErasingConversations.value = true\n        try {\n            await eraseConversations()\n            conversations.value = []\n            startNewChat()\n        } catch {\n            // Same policy as single delete: fail silently and reconcile\n            // with the server state\n            store.loadConversations(props.agentId)\n        } finally {\n            isErasingConversations.value = false\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 relative\">\n        <!-- Loading skeleton -->\n        <div\n            v-if=\"isLoadingConversations && conversations.length === 0\"\n            class=\"u-pick-list__list u-pick-list__list--fill\">\n            <div\n                v-for=\"i in 5\"\n                :key=\"i\"\n                class=\"u-pick-list__row u-pick-list__row--skeleton\">\n                <div class=\"u-pick-list__entry u-pick-list__entry--roomy\">\n                    <div class=\"flex flex-col gap-6 flex-1 min-w-0\">\n                        <div\n                            class=\"vv-skeleton h-16 rounded\"\n                            :class=\"i % 2 ? 'w-192' : 'w-128'\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                        <div class=\"vv-skeleton h-12 rounded\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                        <div class=\"vv-skeleton h-12 rounded w-160\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Empty state -->\n        <div\n            v-else-if=\"conversations.length === 0\"\n            class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n            <div\n                class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n                <VvIcon name=\"ri:chat-3-line\" class=\"w-28 h-28 text-word-4\" />\n            </div>\n            <div class=\"flex flex-col gap-4\">\n                <strong class=\"text-16 font-semibold text-word-1\">\n                    {{ $t('message.noConversations') }}\n                </strong>\n                <span class=\"text-14 text-word-3 leading-relaxed\">\n                    {{ $t('message.noConversationsHint') }}\n                </span>\n            </div>\n            <VvButton\n                modifiers=\"primary rounded\"\n                icon=\"ri:add-line\"\n                class=\"mt-8\"\n                :label=\"$t('action.startNewChat')\"\n                @click=\"startNewChat()\" />\n        </div>\n\n        <!-- Conversation list. The row is a container, not a button: the menu\n             and the rename field are siblings of the entry, because a button\n             cannot legally contain other controls (Firefox and Safari drop\n             them from the accessibility tree). -->\n        <ul\n            v-else\n            class=\"u-pick-list__list u-pick-list__list--fill overflow-y-auto pb-64 light-scrollbar\">\n            <li\n                v-for=\"conversation in conversations\"\n                :key=\"conversation.id\"\n                class=\"u-pick-list__row\"\n                :class=\"{\n                    'u-pick-list__row--current':\n                        isCurrentConversation(conversation),\n                }\">\n                <div\n                    v-if=\"editingId === conversation.id\"\n                    class=\"flex flex-1 items-center gap-8 min-w-0 px-md py-12\">\n                    <VvInputText\n                        v-model=\"editingTitle\"\n                        class=\"flex-1 mb-0\"\n                        modifiers=\"compact\"\n                        autofocus\n                        select-on-focus\n                        :maxlength=\"255\"\n                        :placeholder=\"$t('placeholder.insert')\"\n                        @keydown=\"onRenameKeydown($event, conversation.id)\" />\n                    <VvButtonGroup modifiers=\"compact\">\n                        <VvButton\n                            icon=\"ri:save-line\"\n                            :title=\"$t('action.save')\"\n                            modifiers=\"action-quiet-small\"\n                            @click=\"confirmEdit(conversation.id)\" />\n                        <VvButton\n                            icon=\"ri:close-line\"\n                            :title=\"$t('action.cancel')\"\n                            modifiers=\"action-quiet-small\"\n                            @click=\"cancelEdit()\" />\n                    </VvButtonGroup>\n                </div>\n                <template v-else>\n                    <button\n                        type=\"button\"\n                        class=\"u-pick-list__entry u-pick-list__entry--roomy leading-relaxed\"\n                        :aria-current=\"\n                            isCurrentConversation(conversation)\n                                ? 'true'\n                                : undefined\n                        \"\n                        @click=\"openConversation(conversation.id)\">\n                        <div class=\"min-w-0 flex-1\">\n                            <div class=\"flex items-center gap-8\">\n                                <strong\n                                    class=\"u-pick-list__label font-medium 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>\n                            <span class=\"text-12 text-word-4 line-clamp-2\">\n                                {{\n                                    stripMarkdown(conversation.summary) ||\n                                    getLastMessage(\n                                        conversation.messages,\n                                        'user',\n                                    )\n                                }}\n                            </span>\n                        </div>\n                    </button>\n                    <div class=\"u-pick-list__actions\">\n                        <VvDropdown\n                            v-bind=\"{\n                                placement: 'bottom-end',\n                                modifiers: 'menu',\n                                flip: true,\n                                offset: 3,\n                                strategy: 'fixed',\n                            }\">\n                            <VvButton\n                                icon=\"ri: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=\"handleDelete(conversation.id)\">\n                                    <VvIcon name=\"ri:delete-bin-line\" />\n                                    {{ $t('action.delete') }}\n                                </VvDropdownAction>\n                            </template>\n                        </VvDropdown>\n                    </div>\n                </template>\n            </li>\n        </ul>\n\n        <!-- Sticky \"new chat\" CTA (hidden on empty state, which has its own CTA) -->\n        <div\n            v-if=\"conversations.length > 0\"\n            class=\"absolute bottom-0 left-0 right-0 flex flex-col items-center gap-4 px-16 pb-16 pt-32 pointer-events-none\"\n            :style=\"{\n                background:\n                    'linear-gradient(to top, var(--color-surface) 55%, transparent)',\n            }\">\n            <VvButton\n                class=\"text-14 pointer-events-auto\"\n                modifiers=\"primary rounded\"\n                icon=\"ri:add-line\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n            <VvButton\n                v-if=\"canEraseConversations\"\n                class=\"text-12 pointer-events-auto\"\n                modifiers=\"action-quiet-danger\"\n                icon=\"ri:delete-bin-line\"\n                :loading=\"isErasingConversations\"\n                :disabled=\"isErasingConversations\"\n                :label=\"$t('action.deleteMyConversations')\"\n                @click.stop=\"handleEraseAll()\" />\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, inject, ref } 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 {\n        useChatbotStore,\n        useConversationActions,\n        useDialogConfirm,\n    } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\n    import { ChatbotProfileContextKey } from './chatbotProfileContext'\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, isLoadingConversations, localChatId } =\n        storeToRefs(store)\n    const { navigate, startNewChat, renameChatTitle, deleteChat } = store\n\n    const {\n        editingId,\n        editingTitle,\n        startEdit: startEditConversation,\n        confirmEdit,\n        cancelEdit,\n        onRenameKeydown,\n        requestDelete: handleDelete,\n    } = useConversationActions({ renameChatTitle, deleteChat })\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        startEditConversation(\n            conversation,\n            getLastMessage(conversation.messages, 'assistant'),\n        )\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n\n    // GDPR B.3 — bulk \"delete my conversations\", available to anonymous\n    // sessions too (the host wires the endpoint through the profile context).\n    // Hidden when the host application owns the session (external token or\n    // host-session mode): the endpoint erases ALL conversations of the\n    // session's user platform-wide, an account-scoped action that belongs to\n    // the host, not to an embedded widget. Same gating as sign-out and\n    // manage-profile in PkChatbotViewProfile.\n    const profile = inject(ChatbotProfileContextKey, undefined)\n    const canEraseConversations = computed(\n        () =>\n            !!profile?.eraseConversations &&\n            !(profile.isExternalAuth?.value ?? false),\n    )\n    const isErasingConversations = ref(false)\n    const handleEraseAll = async () => {\n        const eraseConversations = profile?.eraseConversations\n        if (!eraseConversations || !canEraseConversations.value) {\n            return\n        }\n        const proceed = await openDialogConfirm({\n            title: $t('confirmTitle.deleteMyConversations'),\n            questionLabel: $t('message.deleteMyConversationsConfirm'),\n        })\n        if (!proceed) {\n            return\n        }\n        isErasingConversations.value = true\n        try {\n            await eraseConversations()\n            conversations.value = []\n            startNewChat()\n        } catch {\n            // Same policy as single delete: fail silently and reconcile\n            // with the server state\n            store.loadConversations(props.agentId)\n        } finally {\n            isErasingConversations.value = false\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 relative\">\n        <!-- Loading skeleton -->\n        <div\n            v-if=\"isLoadingConversations && conversations.length === 0\"\n            class=\"u-pick-list__list u-pick-list__list--fill\">\n            <div\n                v-for=\"i in 5\"\n                :key=\"i\"\n                class=\"u-pick-list__row u-pick-list__row--skeleton\">\n                <div class=\"u-pick-list__entry u-pick-list__entry--roomy\">\n                    <div class=\"flex flex-col gap-6 flex-1 min-w-0\">\n                        <div\n                            class=\"vv-skeleton h-16 rounded\"\n                            :class=\"i % 2 ? 'w-192' : 'w-128'\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                        <div class=\"vv-skeleton h-12 rounded\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                        <div class=\"vv-skeleton h-12 rounded w-160\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Empty state -->\n        <div\n            v-else-if=\"conversations.length === 0\"\n            class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n            <div\n                class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n                <VvIcon name=\"ri:chat-3-line\" class=\"w-28 h-28 text-word-4\" />\n            </div>\n            <div class=\"flex flex-col gap-4\">\n                <strong class=\"text-16 font-semibold text-word-1\">\n                    {{ $t('message.noConversations') }}\n                </strong>\n                <span class=\"text-14 text-word-3 leading-relaxed\">\n                    {{ $t('message.noConversationsHint') }}\n                </span>\n            </div>\n            <VvButton\n                modifiers=\"primary rounded\"\n                icon=\"ri:add-line\"\n                class=\"mt-8\"\n                :label=\"$t('action.startNewChat')\"\n                @click=\"startNewChat()\" />\n        </div>\n\n        <!-- Conversation list. The row is a container, not a button: the menu\n             and the rename field are siblings of the entry, because a button\n             cannot legally contain other controls (Firefox and Safari drop\n             them from the accessibility tree). -->\n        <ul\n            v-else\n            class=\"u-pick-list__list u-pick-list__list--fill overflow-y-auto pb-64 light-scrollbar\">\n            <li\n                v-for=\"conversation in conversations\"\n                :key=\"conversation.id\"\n                class=\"u-pick-list__row\"\n                :class=\"{\n                    'u-pick-list__row--current':\n                        isCurrentConversation(conversation),\n                }\">\n                <div\n                    v-if=\"editingId === conversation.id\"\n                    class=\"flex flex-1 items-center gap-8 min-w-0 px-md py-12\">\n                    <VvInputText\n                        v-model=\"editingTitle\"\n                        class=\"flex-1 mb-0\"\n                        modifiers=\"compact\"\n                        autofocus\n                        select-on-focus\n                        :maxlength=\"255\"\n                        :placeholder=\"$t('placeholder.insert')\"\n                        @keydown=\"onRenameKeydown($event, conversation.id)\" />\n                    <VvButtonGroup modifiers=\"compact\">\n                        <VvButton\n                            icon=\"ri:save-line\"\n                            :title=\"$t('action.save')\"\n                            modifiers=\"action-quiet-small\"\n                            @click=\"confirmEdit(conversation.id)\" />\n                        <VvButton\n                            icon=\"ri:close-line\"\n                            :title=\"$t('action.cancel')\"\n                            modifiers=\"action-quiet-small\"\n                            @click=\"cancelEdit()\" />\n                    </VvButtonGroup>\n                </div>\n                <template v-else>\n                    <button\n                        type=\"button\"\n                        class=\"u-pick-list__entry u-pick-list__entry--roomy leading-relaxed\"\n                        :aria-current=\"\n                            isCurrentConversation(conversation)\n                                ? 'true'\n                                : undefined\n                        \"\n                        @click=\"openConversation(conversation.id)\">\n                        <div class=\"min-w-0 flex-1\">\n                            <div class=\"flex items-center gap-8\">\n                                <strong\n                                    class=\"u-pick-list__label font-medium 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>\n                            <span class=\"text-12 text-word-4 line-clamp-2\">\n                                {{\n                                    stripMarkdown(conversation.summary) ||\n                                    getLastMessage(\n                                        conversation.messages,\n                                        'user',\n                                    )\n                                }}\n                            </span>\n                        </div>\n                    </button>\n                    <div class=\"u-pick-list__actions\">\n                        <VvDropdown\n                            v-bind=\"{\n                                placement: 'bottom-end',\n                                modifiers: 'menu',\n                                flip: true,\n                                offset: 3,\n                                strategy: 'fixed',\n                            }\">\n                            <VvButton\n                                icon=\"ri: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=\"handleDelete(conversation.id)\">\n                                    <VvIcon name=\"ri:delete-bin-line\" />\n                                    {{ $t('action.delete') }}\n                                </VvDropdownAction>\n                            </template>\n                        </VvDropdown>\n                    </div>\n                </template>\n            </li>\n        </ul>\n\n        <!-- Sticky \"new chat\" CTA (hidden on empty state, which has its own CTA) -->\n        <div\n            v-if=\"conversations.length > 0\"\n            class=\"absolute bottom-0 left-0 right-0 flex flex-col items-center gap-4 px-16 pb-16 pt-32 pointer-events-none\"\n            :style=\"{\n                background:\n                    'linear-gradient(to top, var(--color-surface) 55%, transparent)',\n            }\">\n            <VvButton\n                class=\"text-14 pointer-events-auto\"\n                modifiers=\"primary rounded\"\n                icon=\"ri:add-line\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n            <VvButton\n                v-if=\"canEraseConversations\"\n                class=\"text-12 pointer-events-auto\"\n                modifiers=\"action-quiet-danger\"\n                icon=\"ri:delete-bin-line\"\n                :loading=\"isErasingConversations\"\n                :disabled=\"isErasingConversations\"\n                :label=\"$t('action.deleteMyConversations')\"\n                @click.stop=\"handleEraseAll()\" />\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkChatbotViewFiles-CNFLt8YO.js → PkChatbotViewFiles-CTqnbsCj.js}

@@ -1,5 +1,5 @@
-import { a as e, n as t, o as n } from "./Document-CaUfI_SZ.js";
-import { n as r } from "./useChatbotStore-9Cw_oR6J.js";
+import { a as e, n as t, o as n } from "./Document-8umjeTVS.js";
+import { n as r } from "./useChatbotStore-BzfqjiYz.js";
 import { t as i } from "./useDialogConfirm-KWz0ohCQ.js";
 import { t as a } from "./useImageFallback-5vQIO0pC.js";
 import { VvButton as o, VvIcon as s } from "@volverjs/ui-vue/components";
@@ -108,4 +108,4 @@ var C = { class: "flex flex-col flex-1 min-h-0 relative" }, w = {
 //#endregion
 export { R as t };
 
-//# sourceMappingURL=PkChatbotViewFiles-CNFLt8YO.js.map
+//# sourceMappingURL=PkChatbotViewFiles-CTqnbsCj.js.map

package/dist-vue/_chunks/{PkChatbotViewFiles-CNFLt8YO.js.map → PkChatbotViewFiles-CTqnbsCj.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewFiles-CNFLt8YO.js","names":[],"sources":["../../../../packages/composable/src/useFileRow.ts","../../../../packages/components/src/chat/PkChatbotViewFiles.vue","../../../../packages/components/src/chat/PkChatbotViewFiles.vue"],"sourcesContent":["import { useI18n } from 'vue-i18n'\nimport { isImageMime, isInlineViewable } from 'models'\nimport { useImageFallback } from './useImageFallback'\n\n/** Minimal shape a file-list row needs for the shared display helpers. */\nexport interface FileRowLike {\n    documentId: string\n    mimeType: string | null\n}\n\n/**\n * Shared display logic for the user-files list rows, used by both the in-app\n * table (PjUserFilesTable) and the embedded widget (PkChatbotViewFiles). The two\n * surfaces differ only in how they build URLs (authenticated store vs widget API\n * client), so the URL builders are injected.\n *\n * - `view(id, inline)` → opens/downloads the original file.\n * - `preview(id)`      → small resized blob for the row thumbnail.\n */\nexport function useFileRow(urls: {\n    view: (documentId: string, inline: boolean) => string\n    preview: (documentId: string) => string\n}) {\n    const { locale } = useI18n({ useScope: 'global' })\n\n    // Image rows show a thumbnail; if it fails to load (auth/redirect, or the\n    // preview isn't generated yet) we fall back to the file-type icon.\n    const { canShowImage, onImageError } = useImageFallback()\n    const thumbUrl = (file: FileRowLike): string =>\n        urls.preview(file.documentId)\n    const showThumb = (file: FileRowLike): boolean =>\n        isImageMime(file.mimeType) && canShowImage(thumbUrl(file))\n    const onThumbError = (file: FileRowLike): void => {\n        onImageError(thumbUrl(file))\n    }\n\n    // Name click previews images/PDF inline; an explicit download forces an\n    // attachment (inline=false → download SAS).\n    const openFile = (file: FileRowLike, download = false): void => {\n        const inline = !download && isInlineViewable(file.mimeType)\n        window.open(urls.view(file.documentId, inline), '_blank', 'noopener')\n    }\n\n    const formatDate = (iso: string): string =>\n        new Date(iso).toLocaleDateString(locale.value, {\n            year: 'numeric',\n            month: 'short',\n            day: 'numeric',\n        })\n\n    return { showThumb, thumbUrl, onThumbError, openFile, formatDate }\n}\n","<script setup lang=\"ts\">\n    import { ref } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import { fileIconForMime } from 'models'\n    import {\n        useChatbotStore,\n        useDialogConfirm,\n        useFileRow,\n        type ChatbotFile,\n    } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n    const { openDialogConfirm } = useDialogConfirm()\n\n    const store = useChatbotStore(props.agentId)\n    const { chatFiles, isLoadingChatFiles } = storeToRefs(store)\n    const { showThumb, thumbUrl, onThumbError, openFile, formatDate } =\n        useFileRow({\n            view: store.getChatFileUrl,\n            preview: store.getChatFilePreviewUrl,\n        })\n\n    const deletingId = ref<string | null>(null)\n\n    const handleExclude = async (file: ChatbotFile) => {\n        const proceed = await openDialogConfirm({\n            title: $t('confirmTitle.excludeUserFile'),\n            questionLabel: $t('userFiles.excludeConfirm'),\n        })\n        if (!proceed) {\n            return\n        }\n        deletingId.value = file.documentId\n        try {\n            await store.deleteChatFile(file.documentId)\n        } catch {\n            // surfaced by the host's error handling\n        } finally {\n            deletingId.value = null\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 relative\">\n        <!-- Loading skeleton, shaped like the rows it replaces -->\n        <div\n            v-if=\"isLoadingChatFiles && chatFiles.length === 0\"\n            class=\"u-pick-list__list u-pick-list__list--fill\">\n            <div\n                v-for=\"i in 4\"\n                :key=\"i\"\n                class=\"u-pick-list__row u-pick-list__row--skeleton\">\n                <div class=\"u-pick-list__entry u-pick-list__entry--roomy\">\n                    <div class=\"vv-skeleton w-36 h-36 shrink-0 rounded-md\">\n                        <div class=\"vv-skeleton__item\" />\n                    </div>\n                    <div class=\"flex flex-col gap-6 flex-1 min-w-0\">\n                        <div\n                            class=\"vv-skeleton h-14 rounded\"\n                            :class=\"i % 2 ? 'w-192' : 'w-128'\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                        <div class=\"vv-skeleton h-12 rounded w-96\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Empty state -->\n        <div\n            v-else-if=\"chatFiles.length === 0\"\n            class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n            <div\n                class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n                <VvIcon\n                    name=\"ri:folder-open-line\"\n                    class=\"w-28 h-28 text-word-4\" />\n            </div>\n            <span class=\"text-14 text-word-3 leading-relaxed\">\n                {{ $t('userFiles.chatFilesEmpty') }}\n            </span>\n        </div>\n\n        <!-- File list -->\n        <ul\n            v-else\n            class=\"pk-chatbot-files u-pick-list__list u-pick-list__list--fill overflow-y-auto light-scrollbar\">\n            <li\n                v-for=\"file in chatFiles\"\n                :key=\"file.documentId\"\n                class=\"u-pick-list__row\">\n                <button\n                    type=\"button\"\n                    class=\"u-pick-list__entry u-pick-list__entry--roomy\"\n                    :title=\"$t('userFiles.open')\"\n                    @click=\"openFile(file)\">\n                    <span class=\"pk-chatbot-files__icon\">\n                        <img\n                            v-if=\"showThumb(file)\"\n                            :src=\"thumbUrl(file)\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                            alt=\"\"\n                            class=\"pk-chatbot-files__thumb\"\n                            @error=\"onThumbError(file)\" />\n                        <VvIcon v-else :name=\"fileIconForMime(file.mimeType)\" />\n                    </span>\n                    <span class=\"flex flex-col min-w-0 flex-1\">\n                        <span class=\"u-pick-list__label\">\n                            {{ file.name || $t('userFiles.untitled') }}\n                        </span>\n                        <span class=\"text-12 text-word-3\">\n                            {{ formatDate(file.createdAt) }}\n                        </span>\n                    </span>\n                </button>\n                <div class=\"u-pick-list__actions pk-chatbot-files__actions\">\n                    <VvButton\n                        modifiers=\"action-quiet-small\"\n                        icon=\"ri:download-line\"\n                        :title=\"$t('action.download')\"\n                        @click=\"openFile(file, true)\" />\n                    <VvButton\n                        modifiers=\"action-quiet-small\"\n                        icon=\"ri:delete-bin-line\"\n                        :title=\"$t('userFiles.exclude')\"\n                        :loading=\"deletingId === file.documentId\"\n                        :disabled=\"deletingId === file.documentId\"\n                        @click=\"handleExclude(file)\" />\n                </div>\n            </li>\n        </ul>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    // The frame, the rows and the label come from `u-pick-list`; what is left\n    // here is the file tile and the pair of row actions.\n    .pk-chatbot-files {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n\n        // The box exists to clip a thumbnail and to keep the labels of rows\n        // with and without one on the same left edge: with a file icon in it\n        // there is nothing to draw, so it stays transparent.\n        &__icon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: var(--spacing-36);\n            height: var(--spacing-36);\n            flex-shrink: 0;\n            border-radius: var(--rounded-md);\n            color: var(--color-word-3);\n            overflow: hidden;\n\n            svg {\n                width: var(--spacing-20);\n                height: var(--spacing-20);\n            }\n        }\n\n        &__thumb {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        &__actions {\n            gap: var(--spacing-2);\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { ref } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import { fileIconForMime } from 'models'\n    import {\n        useChatbotStore,\n        useDialogConfirm,\n        useFileRow,\n        type ChatbotFile,\n    } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n    const { openDialogConfirm } = useDialogConfirm()\n\n    const store = useChatbotStore(props.agentId)\n    const { chatFiles, isLoadingChatFiles } = storeToRefs(store)\n    const { showThumb, thumbUrl, onThumbError, openFile, formatDate } =\n        useFileRow({\n            view: store.getChatFileUrl,\n            preview: store.getChatFilePreviewUrl,\n        })\n\n    const deletingId = ref<string | null>(null)\n\n    const handleExclude = async (file: ChatbotFile) => {\n        const proceed = await openDialogConfirm({\n            title: $t('confirmTitle.excludeUserFile'),\n            questionLabel: $t('userFiles.excludeConfirm'),\n        })\n        if (!proceed) {\n            return\n        }\n        deletingId.value = file.documentId\n        try {\n            await store.deleteChatFile(file.documentId)\n        } catch {\n            // surfaced by the host's error handling\n        } finally {\n            deletingId.value = null\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 relative\">\n        <!-- Loading skeleton, shaped like the rows it replaces -->\n        <div\n            v-if=\"isLoadingChatFiles && chatFiles.length === 0\"\n            class=\"u-pick-list__list u-pick-list__list--fill\">\n            <div\n                v-for=\"i in 4\"\n                :key=\"i\"\n                class=\"u-pick-list__row u-pick-list__row--skeleton\">\n                <div class=\"u-pick-list__entry u-pick-list__entry--roomy\">\n                    <div class=\"vv-skeleton w-36 h-36 shrink-0 rounded-md\">\n                        <div class=\"vv-skeleton__item\" />\n                    </div>\n                    <div class=\"flex flex-col gap-6 flex-1 min-w-0\">\n                        <div\n                            class=\"vv-skeleton h-14 rounded\"\n                            :class=\"i % 2 ? 'w-192' : 'w-128'\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                        <div class=\"vv-skeleton h-12 rounded w-96\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Empty state -->\n        <div\n            v-else-if=\"chatFiles.length === 0\"\n            class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n            <div\n                class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n                <VvIcon\n                    name=\"ri:folder-open-line\"\n                    class=\"w-28 h-28 text-word-4\" />\n            </div>\n            <span class=\"text-14 text-word-3 leading-relaxed\">\n                {{ $t('userFiles.chatFilesEmpty') }}\n            </span>\n        </div>\n\n        <!-- File list -->\n        <ul\n            v-else\n            class=\"pk-chatbot-files u-pick-list__list u-pick-list__list--fill overflow-y-auto light-scrollbar\">\n            <li\n                v-for=\"file in chatFiles\"\n                :key=\"file.documentId\"\n                class=\"u-pick-list__row\">\n                <button\n                    type=\"button\"\n                    class=\"u-pick-list__entry u-pick-list__entry--roomy\"\n                    :title=\"$t('userFiles.open')\"\n                    @click=\"openFile(file)\">\n                    <span class=\"pk-chatbot-files__icon\">\n                        <img\n                            v-if=\"showThumb(file)\"\n                            :src=\"thumbUrl(file)\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                            alt=\"\"\n                            class=\"pk-chatbot-files__thumb\"\n                            @error=\"onThumbError(file)\" />\n                        <VvIcon v-else :name=\"fileIconForMime(file.mimeType)\" />\n                    </span>\n                    <span class=\"flex flex-col min-w-0 flex-1\">\n                        <span class=\"u-pick-list__label\">\n                            {{ file.name || $t('userFiles.untitled') }}\n                        </span>\n                        <span class=\"text-12 text-word-3\">\n                            {{ formatDate(file.createdAt) }}\n                        </span>\n                    </span>\n                </button>\n                <div class=\"u-pick-list__actions pk-chatbot-files__actions\">\n                    <VvButton\n                        modifiers=\"action-quiet-small\"\n                        icon=\"ri:download-line\"\n                        :title=\"$t('action.download')\"\n                        @click=\"openFile(file, true)\" />\n                    <VvButton\n                        modifiers=\"action-quiet-small\"\n                        icon=\"ri:delete-bin-line\"\n                        :title=\"$t('userFiles.exclude')\"\n                        :loading=\"deletingId === file.documentId\"\n                        :disabled=\"deletingId === file.documentId\"\n                        @click=\"handleExclude(file)\" />\n                </div>\n            </li>\n        </ul>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    // The frame, the rows and the label come from `u-pick-list`; what is left\n    // here is the file tile and the pair of row actions.\n    .pk-chatbot-files {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n\n        // The box exists to clip a thumbnail and to keep the labels of rows\n        // with and without one on the same left edge: with a file icon in it\n        // there is nothing to draw, so it stays transparent.\n        &__icon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: var(--spacing-36);\n            height: var(--spacing-36);\n            flex-shrink: 0;\n            border-radius: var(--rounded-md);\n            color: var(--color-word-3);\n            overflow: hidden;\n\n            svg {\n                width: var(--spacing-20);\n                height: var(--spacing-20);\n            }\n        }\n\n        &__thumb {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        &__actions {\n            gap: var(--spacing-2);\n        }\n    }\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"PkChatbotViewFiles-CTqnbsCj.js","names":[],"sources":["../../../../packages/composable/src/useFileRow.ts","../../../../packages/components/src/chat/PkChatbotViewFiles.vue","../../../../packages/components/src/chat/PkChatbotViewFiles.vue"],"sourcesContent":["import { useI18n } from 'vue-i18n'\nimport { isImageMime, isInlineViewable } from 'models'\nimport { useImageFallback } from './useImageFallback'\n\n/** Minimal shape a file-list row needs for the shared display helpers. */\nexport interface FileRowLike {\n    documentId: string\n    mimeType: string | null\n}\n\n/**\n * Shared display logic for the user-files list rows, used by both the in-app\n * table (PjUserFilesTable) and the embedded widget (PkChatbotViewFiles). The two\n * surfaces differ only in how they build URLs (authenticated store vs widget API\n * client), so the URL builders are injected.\n *\n * - `view(id, inline)` → opens/downloads the original file.\n * - `preview(id)`      → small resized blob for the row thumbnail.\n */\nexport function useFileRow(urls: {\n    view: (documentId: string, inline: boolean) => string\n    preview: (documentId: string) => string\n}) {\n    const { locale } = useI18n({ useScope: 'global' })\n\n    // Image rows show a thumbnail; if it fails to load (auth/redirect, or the\n    // preview isn't generated yet) we fall back to the file-type icon.\n    const { canShowImage, onImageError } = useImageFallback()\n    const thumbUrl = (file: FileRowLike): string =>\n        urls.preview(file.documentId)\n    const showThumb = (file: FileRowLike): boolean =>\n        isImageMime(file.mimeType) && canShowImage(thumbUrl(file))\n    const onThumbError = (file: FileRowLike): void => {\n        onImageError(thumbUrl(file))\n    }\n\n    // Name click previews images/PDF inline; an explicit download forces an\n    // attachment (inline=false → download SAS).\n    const openFile = (file: FileRowLike, download = false): void => {\n        const inline = !download && isInlineViewable(file.mimeType)\n        window.open(urls.view(file.documentId, inline), '_blank', 'noopener')\n    }\n\n    const formatDate = (iso: string): string =>\n        new Date(iso).toLocaleDateString(locale.value, {\n            year: 'numeric',\n            month: 'short',\n            day: 'numeric',\n        })\n\n    return { showThumb, thumbUrl, onThumbError, openFile, formatDate }\n}\n","<script setup lang=\"ts\">\n    import { ref } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import { fileIconForMime } from 'models'\n    import {\n        useChatbotStore,\n        useDialogConfirm,\n        useFileRow,\n        type ChatbotFile,\n    } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n    const { openDialogConfirm } = useDialogConfirm()\n\n    const store = useChatbotStore(props.agentId)\n    const { chatFiles, isLoadingChatFiles } = storeToRefs(store)\n    const { showThumb, thumbUrl, onThumbError, openFile, formatDate } =\n        useFileRow({\n            view: store.getChatFileUrl,\n            preview: store.getChatFilePreviewUrl,\n        })\n\n    const deletingId = ref<string | null>(null)\n\n    const handleExclude = async (file: ChatbotFile) => {\n        const proceed = await openDialogConfirm({\n            title: $t('confirmTitle.excludeUserFile'),\n            questionLabel: $t('userFiles.excludeConfirm'),\n        })\n        if (!proceed) {\n            return\n        }\n        deletingId.value = file.documentId\n        try {\n            await store.deleteChatFile(file.documentId)\n        } catch {\n            // surfaced by the host's error handling\n        } finally {\n            deletingId.value = null\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 relative\">\n        <!-- Loading skeleton, shaped like the rows it replaces -->\n        <div\n            v-if=\"isLoadingChatFiles && chatFiles.length === 0\"\n            class=\"u-pick-list__list u-pick-list__list--fill\">\n            <div\n                v-for=\"i in 4\"\n                :key=\"i\"\n                class=\"u-pick-list__row u-pick-list__row--skeleton\">\n                <div class=\"u-pick-list__entry u-pick-list__entry--roomy\">\n                    <div class=\"vv-skeleton w-36 h-36 shrink-0 rounded-md\">\n                        <div class=\"vv-skeleton__item\" />\n                    </div>\n                    <div class=\"flex flex-col gap-6 flex-1 min-w-0\">\n                        <div\n                            class=\"vv-skeleton h-14 rounded\"\n                            :class=\"i % 2 ? 'w-192' : 'w-128'\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                        <div class=\"vv-skeleton h-12 rounded w-96\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Empty state -->\n        <div\n            v-else-if=\"chatFiles.length === 0\"\n            class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n            <div\n                class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n                <VvIcon\n                    name=\"ri:folder-open-line\"\n                    class=\"w-28 h-28 text-word-4\" />\n            </div>\n            <span class=\"text-14 text-word-3 leading-relaxed\">\n                {{ $t('userFiles.chatFilesEmpty') }}\n            </span>\n        </div>\n\n        <!-- File list -->\n        <ul\n            v-else\n            class=\"pk-chatbot-files u-pick-list__list u-pick-list__list--fill overflow-y-auto light-scrollbar\">\n            <li\n                v-for=\"file in chatFiles\"\n                :key=\"file.documentId\"\n                class=\"u-pick-list__row\">\n                <button\n                    type=\"button\"\n                    class=\"u-pick-list__entry u-pick-list__entry--roomy\"\n                    :title=\"$t('userFiles.open')\"\n                    @click=\"openFile(file)\">\n                    <span class=\"pk-chatbot-files__icon\">\n                        <img\n                            v-if=\"showThumb(file)\"\n                            :src=\"thumbUrl(file)\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                            alt=\"\"\n                            class=\"pk-chatbot-files__thumb\"\n                            @error=\"onThumbError(file)\" />\n                        <VvIcon v-else :name=\"fileIconForMime(file.mimeType)\" />\n                    </span>\n                    <span class=\"flex flex-col min-w-0 flex-1\">\n                        <span class=\"u-pick-list__label\">\n                            {{ file.name || $t('userFiles.untitled') }}\n                        </span>\n                        <span class=\"text-12 text-word-3\">\n                            {{ formatDate(file.createdAt) }}\n                        </span>\n                    </span>\n                </button>\n                <div class=\"u-pick-list__actions pk-chatbot-files__actions\">\n                    <VvButton\n                        modifiers=\"action-quiet-small\"\n                        icon=\"ri:download-line\"\n                        :title=\"$t('action.download')\"\n                        @click=\"openFile(file, true)\" />\n                    <VvButton\n                        modifiers=\"action-quiet-small\"\n                        icon=\"ri:delete-bin-line\"\n                        :title=\"$t('userFiles.exclude')\"\n                        :loading=\"deletingId === file.documentId\"\n                        :disabled=\"deletingId === file.documentId\"\n                        @click=\"handleExclude(file)\" />\n                </div>\n            </li>\n        </ul>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    // The frame, the rows and the label come from `u-pick-list`; what is left\n    // here is the file tile and the pair of row actions.\n    .pk-chatbot-files {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n\n        // The box exists to clip a thumbnail and to keep the labels of rows\n        // with and without one on the same left edge: with a file icon in it\n        // there is nothing to draw, so it stays transparent.\n        &__icon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: var(--spacing-36);\n            height: var(--spacing-36);\n            flex-shrink: 0;\n            border-radius: var(--rounded-md);\n            color: var(--color-word-3);\n            overflow: hidden;\n\n            svg {\n                width: var(--spacing-20);\n                height: var(--spacing-20);\n            }\n        }\n\n        &__thumb {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        &__actions {\n            gap: var(--spacing-2);\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { ref } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import { fileIconForMime } from 'models'\n    import {\n        useChatbotStore,\n        useDialogConfirm,\n        useFileRow,\n        type ChatbotFile,\n    } from 'composables'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n    const { openDialogConfirm } = useDialogConfirm()\n\n    const store = useChatbotStore(props.agentId)\n    const { chatFiles, isLoadingChatFiles } = storeToRefs(store)\n    const { showThumb, thumbUrl, onThumbError, openFile, formatDate } =\n        useFileRow({\n            view: store.getChatFileUrl,\n            preview: store.getChatFilePreviewUrl,\n        })\n\n    const deletingId = ref<string | null>(null)\n\n    const handleExclude = async (file: ChatbotFile) => {\n        const proceed = await openDialogConfirm({\n            title: $t('confirmTitle.excludeUserFile'),\n            questionLabel: $t('userFiles.excludeConfirm'),\n        })\n        if (!proceed) {\n            return\n        }\n        deletingId.value = file.documentId\n        try {\n            await store.deleteChatFile(file.documentId)\n        } catch {\n            // surfaced by the host's error handling\n        } finally {\n            deletingId.value = null\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 relative\">\n        <!-- Loading skeleton, shaped like the rows it replaces -->\n        <div\n            v-if=\"isLoadingChatFiles && chatFiles.length === 0\"\n            class=\"u-pick-list__list u-pick-list__list--fill\">\n            <div\n                v-for=\"i in 4\"\n                :key=\"i\"\n                class=\"u-pick-list__row u-pick-list__row--skeleton\">\n                <div class=\"u-pick-list__entry u-pick-list__entry--roomy\">\n                    <div class=\"vv-skeleton w-36 h-36 shrink-0 rounded-md\">\n                        <div class=\"vv-skeleton__item\" />\n                    </div>\n                    <div class=\"flex flex-col gap-6 flex-1 min-w-0\">\n                        <div\n                            class=\"vv-skeleton h-14 rounded\"\n                            :class=\"i % 2 ? 'w-192' : 'w-128'\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                        <div class=\"vv-skeleton h-12 rounded w-96\">\n                            <div class=\"vv-skeleton__item\" />\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Empty state -->\n        <div\n            v-else-if=\"chatFiles.length === 0\"\n            class=\"flex flex-col flex-1 items-center justify-center gap-12 p-24 text-center\">\n            <div\n                class=\"w-64 h-64 rounded-full bg-surface-1 border border-surface-3 flex items-center justify-center\">\n                <VvIcon\n                    name=\"ri:folder-open-line\"\n                    class=\"w-28 h-28 text-word-4\" />\n            </div>\n            <span class=\"text-14 text-word-3 leading-relaxed\">\n                {{ $t('userFiles.chatFilesEmpty') }}\n            </span>\n        </div>\n\n        <!-- File list -->\n        <ul\n            v-else\n            class=\"pk-chatbot-files u-pick-list__list u-pick-list__list--fill overflow-y-auto light-scrollbar\">\n            <li\n                v-for=\"file in chatFiles\"\n                :key=\"file.documentId\"\n                class=\"u-pick-list__row\">\n                <button\n                    type=\"button\"\n                    class=\"u-pick-list__entry u-pick-list__entry--roomy\"\n                    :title=\"$t('userFiles.open')\"\n                    @click=\"openFile(file)\">\n                    <span class=\"pk-chatbot-files__icon\">\n                        <img\n                            v-if=\"showThumb(file)\"\n                            :src=\"thumbUrl(file)\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                            alt=\"\"\n                            class=\"pk-chatbot-files__thumb\"\n                            @error=\"onThumbError(file)\" />\n                        <VvIcon v-else :name=\"fileIconForMime(file.mimeType)\" />\n                    </span>\n                    <span class=\"flex flex-col min-w-0 flex-1\">\n                        <span class=\"u-pick-list__label\">\n                            {{ file.name || $t('userFiles.untitled') }}\n                        </span>\n                        <span class=\"text-12 text-word-3\">\n                            {{ formatDate(file.createdAt) }}\n                        </span>\n                    </span>\n                </button>\n                <div class=\"u-pick-list__actions pk-chatbot-files__actions\">\n                    <VvButton\n                        modifiers=\"action-quiet-small\"\n                        icon=\"ri:download-line\"\n                        :title=\"$t('action.download')\"\n                        @click=\"openFile(file, true)\" />\n                    <VvButton\n                        modifiers=\"action-quiet-small\"\n                        icon=\"ri:delete-bin-line\"\n                        :title=\"$t('userFiles.exclude')\"\n                        :loading=\"deletingId === file.documentId\"\n                        :disabled=\"deletingId === file.documentId\"\n                        @click=\"handleExclude(file)\" />\n                </div>\n            </li>\n        </ul>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    // The frame, the rows and the label come from `u-pick-list`; what is left\n    // here is the file tile and the pair of row actions.\n    .pk-chatbot-files {\n        list-style: none;\n        margin: 0;\n        padding: 0;\n\n        // The box exists to clip a thumbnail and to keep the labels of rows\n        // with and without one on the same left edge: with a file icon in it\n        // there is nothing to draw, so it stays transparent.\n        &__icon {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: var(--spacing-36);\n            height: var(--spacing-36);\n            flex-shrink: 0;\n            border-radius: var(--rounded-md);\n            color: var(--color-word-3);\n            overflow: hidden;\n\n            svg {\n                width: var(--spacing-20);\n                height: var(--spacing-20);\n            }\n        }\n\n        &__thumb {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        &__actions {\n            gap: var(--spacing-2);\n        }\n    }\n</style>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkChatbotViewProfile-7p0ci3qm.js → PkChatbotViewProfile-B-Mp1jGQ.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./useChatbotStore-9Cw_oR6J.js";
+import { n as e } from "./useChatbotStore-BzfqjiYz.js";
 import { t } from "./PkAvatar-paEJByEA.js";
 import { t as n } from "./chatbotProfileContext-CgnFhNPn.js";
 import { VvAlert as r, VvButton as i, VvIcon as a } from "@volverjs/ui-vue/components";
@@ -83,4 +83,4 @@ var x = { class: "flex flex-col flex-1 min-h-0 overflow-y-auto" }, S = { class:
 //#endregion
 export { N as t };
 
-//# sourceMappingURL=PkChatbotViewProfile-7p0ci3qm.js.map
+//# sourceMappingURL=PkChatbotViewProfile-B-Mp1jGQ.js.map

package/dist-vue/_chunks/{PkChatbotViewProfile-7p0ci3qm.js.map → PkChatbotViewProfile-B-Mp1jGQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewProfile-7p0ci3qm.js","names":[],"sources":["../../../../packages/components/src/chat/PkChatbotViewProfile.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, inject, ref } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import { useChatbotStore } from 'composables'\n    import PkAvatar from './PkAvatar.vue'\n    import { ChatbotProfileContextKey } from './chatbotProfileContext'\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: agentName, agentInterface } = storeToRefs(store)\n\n    const profile = inject(ChatbotProfileContextKey, undefined)\n    const user = computed(() => profile?.user.value ?? null)\n    const canManage = computed(() => profile?.canManageProfile.value ?? false)\n    const profileUrl = computed(() => profile?.profileUrl.value)\n    // External token mode: the host owns the auth lifecycle, so the widget\n    // offers no sign-out nor profile management (the main site is not\n    // accessible to externally authenticated users).\n    const isExternalAuth = computed(\n        () => profile?.isExternalAuth?.value ?? false,\n    )\n\n    const isSigningOut = ref(false)\n    const errorMessage = ref<string>()\n\n    async function onSignOut() {\n        if (!profile) {\n            return\n        }\n        isSigningOut.value = true\n        try {\n            await profile.signOut()\n        } catch (error) {\n            errorMessage.value =\n                error instanceof Error ? error.message : $t('message.error')\n        } finally {\n            isSigningOut.value = false\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto\">\n        <!-- Hero: user identity -->\n        <div\n            class=\"flex flex-col items-center gap-sm pt-lg px-lg pb-md bg-surface-1 border-b border-surface-3\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-64 h-64\"\n                :name=\"user?.name ?? agentName\"\n                :img-src=\"user?.image ?? agentInterface?.logo\" />\n            <div class=\"flex flex-col items-center gap-6 text-center\">\n                <strong\n                    v-if=\"user?.name ?? agentName\"\n                    class=\"text-16 font-semibold text-word-1 leading-tight\">\n                    {{ user?.name ?? agentName }}\n                </strong>\n                <span\n                    v-if=\"user?.email\"\n                    class=\"text-12 text-word-3 leading-none\">\n                    {{ user.email }}\n                </span>\n            </div>\n        </div>\n\n        <!-- Actions -->\n        <div class=\"flex flex-col gap-sm p-md flex-1\">\n            <VvAlert\n                v-if=\"errorMessage\"\n                modifiers=\"danger\"\n                :content=\"errorMessage\" />\n\n            <!-- Manage profile link card -->\n            <a\n                v-if=\"canManage && profileUrl && !isExternalAuth\"\n                :href=\"profileUrl\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                class=\"flex items-center gap-12 p-12 rounded-lg border border-surface-3 hover:border-surface-5 hover:bg-surface-1 transition-colors cursor-pointer no-underline\">\n                <div\n                    class=\"w-40 h-40 rounded-lg bg-surface-2 border border-surface-3 flex items-center justify-center shrink-0\">\n                    <VvIcon\n                        name=\"ri:user-settings-line\"\n                        class=\"w-20 h-20 text-word-2\" />\n                </div>\n                <div class=\"flex flex-col flex-1 min-w-0 gap-1\">\n                    <span class=\"text-14 font-medium text-word-1 leading-tight\">\n                        {{ $t('action.manageProfile') }}\n                    </span>\n                    <span class=\"text-12 text-word-3 leading-tight\">\n                        {{ $t('label.manageProfileDescription') }}\n                    </span>\n                </div>\n                <VvIcon\n                    name=\"ri:arrow-right-s-line\"\n                    class=\"w-16 h-16 text-word-4 shrink-0\" />\n            </a>\n        </div>\n\n        <!-- Footer: sign out -->\n        <div v-if=\"!isExternalAuth\" class=\"px-md py-sm\">\n            <VvButton\n                modifiers=\"secondary-danger\"\n                class=\"w-full\"\n                icon=\"ri:logout-box-line\"\n                :loading=\"isSigningOut\"\n                :disabled=\"isSigningOut\"\n                :label=\"$t('action.signOut')\"\n                @click=\"onSignOut\" />\n        </div>\n\n        <slot />\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, inject, ref } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import { useChatbotStore } from 'composables'\n    import PkAvatar from './PkAvatar.vue'\n    import { ChatbotProfileContextKey } from './chatbotProfileContext'\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: agentName, agentInterface } = storeToRefs(store)\n\n    const profile = inject(ChatbotProfileContextKey, undefined)\n    const user = computed(() => profile?.user.value ?? null)\n    const canManage = computed(() => profile?.canManageProfile.value ?? false)\n    const profileUrl = computed(() => profile?.profileUrl.value)\n    // External token mode: the host owns the auth lifecycle, so the widget\n    // offers no sign-out nor profile management (the main site is not\n    // accessible to externally authenticated users).\n    const isExternalAuth = computed(\n        () => profile?.isExternalAuth?.value ?? false,\n    )\n\n    const isSigningOut = ref(false)\n    const errorMessage = ref<string>()\n\n    async function onSignOut() {\n        if (!profile) {\n            return\n        }\n        isSigningOut.value = true\n        try {\n            await profile.signOut()\n        } catch (error) {\n            errorMessage.value =\n                error instanceof Error ? error.message : $t('message.error')\n        } finally {\n            isSigningOut.value = false\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto\">\n        <!-- Hero: user identity -->\n        <div\n            class=\"flex flex-col items-center gap-sm pt-lg px-lg pb-md bg-surface-1 border-b border-surface-3\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-64 h-64\"\n                :name=\"user?.name ?? agentName\"\n                :img-src=\"user?.image ?? agentInterface?.logo\" />\n            <div class=\"flex flex-col items-center gap-6 text-center\">\n                <strong\n                    v-if=\"user?.name ?? agentName\"\n                    class=\"text-16 font-semibold text-word-1 leading-tight\">\n                    {{ user?.name ?? agentName }}\n                </strong>\n                <span\n                    v-if=\"user?.email\"\n                    class=\"text-12 text-word-3 leading-none\">\n                    {{ user.email }}\n                </span>\n            </div>\n        </div>\n\n        <!-- Actions -->\n        <div class=\"flex flex-col gap-sm p-md flex-1\">\n            <VvAlert\n                v-if=\"errorMessage\"\n                modifiers=\"danger\"\n                :content=\"errorMessage\" />\n\n            <!-- Manage profile link card -->\n            <a\n                v-if=\"canManage && profileUrl && !isExternalAuth\"\n                :href=\"profileUrl\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                class=\"flex items-center gap-12 p-12 rounded-lg border border-surface-3 hover:border-surface-5 hover:bg-surface-1 transition-colors cursor-pointer no-underline\">\n                <div\n                    class=\"w-40 h-40 rounded-lg bg-surface-2 border border-surface-3 flex items-center justify-center shrink-0\">\n                    <VvIcon\n                        name=\"ri:user-settings-line\"\n                        class=\"w-20 h-20 text-word-2\" />\n                </div>\n                <div class=\"flex flex-col flex-1 min-w-0 gap-1\">\n                    <span class=\"text-14 font-medium text-word-1 leading-tight\">\n                        {{ $t('action.manageProfile') }}\n                    </span>\n                    <span class=\"text-12 text-word-3 leading-tight\">\n                        {{ $t('label.manageProfileDescription') }}\n                    </span>\n                </div>\n                <VvIcon\n                    name=\"ri:arrow-right-s-line\"\n                    class=\"w-16 h-16 text-word-4 shrink-0\" />\n            </a>\n        </div>\n\n        <!-- Footer: sign out -->\n        <div v-if=\"!isExternalAuth\" class=\"px-md py-sm\">\n            <VvButton\n                modifiers=\"secondary-danger\"\n                class=\"w-full\"\n                icon=\"ri:logout-box-line\"\n                :loading=\"isSigningOut\"\n                :disabled=\"isSigningOut\"\n                :label=\"$t('action.signOut')\"\n                @click=\"onSignOut\" />\n        </div>\n\n        <slot />\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAQI,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,SAAS,CAAC,GAE1C,IAAQ,EAAgB,EAAM,OAAO,GACrC,EAAE,MAAM,GAAW,sBAAmB,EAAY,CAAK,GAEvD,IAAU,EAAO,GAA0B,KAAA,CAAS,GACpD,IAAO,QAAe,GAAS,KAAK,SAAS,IAAI,GACjD,IAAY,QAAe,GAAS,iBAAiB,SAAS,EAAK,GACnE,IAAa,QAAe,GAAS,WAAW,KAAK,GAIrD,IAAiB,QACb,GAAS,gBAAgB,SAAS,EAC5C,GAEM,IAAe,EAAI,EAAK,GACxB,IAAe,EAAY;EAEjC,eAAe,IAAY;GAClB,OAGL;MAAa,QAAQ;IACrB,IAAI;KACA,MAAM,EAAQ,QAAQ;IAC1B,SAAS,GAAO;KACZ,EAAa,QACT,aAAiB,QAAQ,EAAM,UAAU,EAAG,eAAe;IACnE,UAAU;KACN,EAAa,QAAQ;IACzB;GARqB;EASzB;;;GAIA,OAAA,EAAA,GAAA,EAsEM,OAtEN,GAsEM;IApEF,EAmBM,OAnBN,GAmBM,CAjBF,EAIqD,GAAA;KAHjD,WAAU;KACV,OAAM;KACL,MAAM,EAAA,OAAM,QAAQ,EAAA,CAAA;KACpB,WAAS,EAAA,OAAM,SAAS,EAAA,CAAA,CAAc,EAAE;IAC7C,GAAA,MAAA,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,EAWM,OAXN,GAWM,CATQ,EAAA,OAAM,QAAQ,EAAA,CAAA,KADxB,EAAA,GAAA,EAIS,UAJT,GAIS,EADF,EAAA,OAAM,QAAQ,EAAA,CAAA,CAAS,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAGpB,EAAA,OAAM,SADhB,EAAA,GAAA,EAIO,QAJP,GAIO,EADA,EAAA,MAAK,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA;IAMzB,EA+BM,OA/BN,GA+BM,CA7BQ,EAAA,SADV,EAAA,GAAA,EAG8B,GAAA;;KAD1B,WAAU;KACT,SAAS,EAAA;IAIJ,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAAA,EAAA,SAAa,EAAA,SAAU,CAAK,EAAA,SADtC,EAAA,GAAA,EAuBI,KAAA;;KArBC,MAAM,EAAA;KACP,QAAO;KACP,KAAI;KACJ,OAAM;;KACN,EAKM,OALN,GAKM,CAHF,EAEoC,GAAA;MADhC,MAAK;MACL,OAAM;;KAEd,EAOM,OAPN,GAOM,CANF,EAEO,QAFP,GAEO,EADA,EAAA,CAAA,CAAE,CAAA,sBAAA,CAAA,GAAA,CAAA,GAET,EAEO,QAFP,GAEO,EADA,EAAA,CAAA,CAAE,CAAA,gCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;KAGb,EAE6C,GAAA;MADzC,MAAK;MACL,OAAM;;;IAKN,EAAA,qBAAZ,EAAA,GAAA,EASM,OATN,GASM,CARF,EAOyB,GAAA;KANrB,WAAU;KACV,OAAM;KACN,MAAK;KACJ,SAAS,EAAA;KACT,UAAU,EAAA;KACV,OAAO,EAAA,CAAA,CAAE,CAAA,gBAAA;KACT,SAAO;;;;;;IAGhB,EAAQ,EAAA,QAAA,SAAA"}
+{"version":3,"file":"PkChatbotViewProfile-B-Mp1jGQ.js","names":[],"sources":["../../../../packages/components/src/chat/PkChatbotViewProfile.vue","../../../../packages/components/src/chat/PkChatbotViewProfile.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, inject, ref } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import { useChatbotStore } from 'composables'\n    import PkAvatar from './PkAvatar.vue'\n    import { ChatbotProfileContextKey } from './chatbotProfileContext'\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: agentName, agentInterface } = storeToRefs(store)\n\n    const profile = inject(ChatbotProfileContextKey, undefined)\n    const user = computed(() => profile?.user.value ?? null)\n    const canManage = computed(() => profile?.canManageProfile.value ?? false)\n    const profileUrl = computed(() => profile?.profileUrl.value)\n    // External token mode: the host owns the auth lifecycle, so the widget\n    // offers no sign-out nor profile management (the main site is not\n    // accessible to externally authenticated users).\n    const isExternalAuth = computed(\n        () => profile?.isExternalAuth?.value ?? false,\n    )\n\n    const isSigningOut = ref(false)\n    const errorMessage = ref<string>()\n\n    async function onSignOut() {\n        if (!profile) {\n            return\n        }\n        isSigningOut.value = true\n        try {\n            await profile.signOut()\n        } catch (error) {\n            errorMessage.value =\n                error instanceof Error ? error.message : $t('message.error')\n        } finally {\n            isSigningOut.value = false\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto\">\n        <!-- Hero: user identity -->\n        <div\n            class=\"flex flex-col items-center gap-sm pt-lg px-lg pb-md bg-surface-1 border-b border-surface-3\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-64 h-64\"\n                :name=\"user?.name ?? agentName\"\n                :img-src=\"user?.image ?? agentInterface?.logo\" />\n            <div class=\"flex flex-col items-center gap-6 text-center\">\n                <strong\n                    v-if=\"user?.name ?? agentName\"\n                    class=\"text-16 font-semibold text-word-1 leading-tight\">\n                    {{ user?.name ?? agentName }}\n                </strong>\n                <span\n                    v-if=\"user?.email\"\n                    class=\"text-12 text-word-3 leading-none\">\n                    {{ user.email }}\n                </span>\n            </div>\n        </div>\n\n        <!-- Actions -->\n        <div class=\"flex flex-col gap-sm p-md flex-1\">\n            <VvAlert\n                v-if=\"errorMessage\"\n                modifiers=\"danger\"\n                :content=\"errorMessage\" />\n\n            <!-- Manage profile link card -->\n            <a\n                v-if=\"canManage && profileUrl && !isExternalAuth\"\n                :href=\"profileUrl\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                class=\"flex items-center gap-12 p-12 rounded-lg border border-surface-3 hover:border-surface-5 hover:bg-surface-1 transition-colors cursor-pointer no-underline\">\n                <div\n                    class=\"w-40 h-40 rounded-lg bg-surface-2 border border-surface-3 flex items-center justify-center shrink-0\">\n                    <VvIcon\n                        name=\"ri:user-settings-line\"\n                        class=\"w-20 h-20 text-word-2\" />\n                </div>\n                <div class=\"flex flex-col flex-1 min-w-0 gap-1\">\n                    <span class=\"text-14 font-medium text-word-1 leading-tight\">\n                        {{ $t('action.manageProfile') }}\n                    </span>\n                    <span class=\"text-12 text-word-3 leading-tight\">\n                        {{ $t('label.manageProfileDescription') }}\n                    </span>\n                </div>\n                <VvIcon\n                    name=\"ri:arrow-right-s-line\"\n                    class=\"w-16 h-16 text-word-4 shrink-0\" />\n            </a>\n        </div>\n\n        <!-- Footer: sign out -->\n        <div v-if=\"!isExternalAuth\" class=\"px-md py-sm\">\n            <VvButton\n                modifiers=\"secondary-danger\"\n                class=\"w-full\"\n                icon=\"ri:logout-box-line\"\n                :loading=\"isSigningOut\"\n                :disabled=\"isSigningOut\"\n                :label=\"$t('action.signOut')\"\n                @click=\"onSignOut\" />\n        </div>\n\n        <slot />\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, inject, ref } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import { useChatbotStore } from 'composables'\n    import PkAvatar from './PkAvatar.vue'\n    import { ChatbotProfileContextKey } from './chatbotProfileContext'\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: agentName, agentInterface } = storeToRefs(store)\n\n    const profile = inject(ChatbotProfileContextKey, undefined)\n    const user = computed(() => profile?.user.value ?? null)\n    const canManage = computed(() => profile?.canManageProfile.value ?? false)\n    const profileUrl = computed(() => profile?.profileUrl.value)\n    // External token mode: the host owns the auth lifecycle, so the widget\n    // offers no sign-out nor profile management (the main site is not\n    // accessible to externally authenticated users).\n    const isExternalAuth = computed(\n        () => profile?.isExternalAuth?.value ?? false,\n    )\n\n    const isSigningOut = ref(false)\n    const errorMessage = ref<string>()\n\n    async function onSignOut() {\n        if (!profile) {\n            return\n        }\n        isSigningOut.value = true\n        try {\n            await profile.signOut()\n        } catch (error) {\n            errorMessage.value =\n                error instanceof Error ? error.message : $t('message.error')\n        } finally {\n            isSigningOut.value = false\n        }\n    }\n</script>\n\n<template>\n    <div class=\"flex flex-col flex-1 min-h-0 overflow-y-auto\">\n        <!-- Hero: user identity -->\n        <div\n            class=\"flex flex-col items-center gap-sm pt-lg px-lg pb-md bg-surface-1 border-b border-surface-3\">\n            <PkAvatar\n                modifiers=\"surface ring\"\n                class=\"w-64 h-64\"\n                :name=\"user?.name ?? agentName\"\n                :img-src=\"user?.image ?? agentInterface?.logo\" />\n            <div class=\"flex flex-col items-center gap-6 text-center\">\n                <strong\n                    v-if=\"user?.name ?? agentName\"\n                    class=\"text-16 font-semibold text-word-1 leading-tight\">\n                    {{ user?.name ?? agentName }}\n                </strong>\n                <span\n                    v-if=\"user?.email\"\n                    class=\"text-12 text-word-3 leading-none\">\n                    {{ user.email }}\n                </span>\n            </div>\n        </div>\n\n        <!-- Actions -->\n        <div class=\"flex flex-col gap-sm p-md flex-1\">\n            <VvAlert\n                v-if=\"errorMessage\"\n                modifiers=\"danger\"\n                :content=\"errorMessage\" />\n\n            <!-- Manage profile link card -->\n            <a\n                v-if=\"canManage && profileUrl && !isExternalAuth\"\n                :href=\"profileUrl\"\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                class=\"flex items-center gap-12 p-12 rounded-lg border border-surface-3 hover:border-surface-5 hover:bg-surface-1 transition-colors cursor-pointer no-underline\">\n                <div\n                    class=\"w-40 h-40 rounded-lg bg-surface-2 border border-surface-3 flex items-center justify-center shrink-0\">\n                    <VvIcon\n                        name=\"ri:user-settings-line\"\n                        class=\"w-20 h-20 text-word-2\" />\n                </div>\n                <div class=\"flex flex-col flex-1 min-w-0 gap-1\">\n                    <span class=\"text-14 font-medium text-word-1 leading-tight\">\n                        {{ $t('action.manageProfile') }}\n                    </span>\n                    <span class=\"text-12 text-word-3 leading-tight\">\n                        {{ $t('label.manageProfileDescription') }}\n                    </span>\n                </div>\n                <VvIcon\n                    name=\"ri:arrow-right-s-line\"\n                    class=\"w-16 h-16 text-word-4 shrink-0\" />\n            </a>\n        </div>\n\n        <!-- Footer: sign out -->\n        <div v-if=\"!isExternalAuth\" class=\"px-md py-sm\">\n            <VvButton\n                modifiers=\"secondary-danger\"\n                class=\"w-full\"\n                icon=\"ri:logout-box-line\"\n                :loading=\"isSigningOut\"\n                :disabled=\"isSigningOut\"\n                :label=\"$t('action.signOut')\"\n                @click=\"onSignOut\" />\n        </div>\n\n        <slot />\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAQI,IAAM,IAAQ,GAER,EAAE,GAAG,MAAO,EAAQ,EAAE,UAAU,SAAS,CAAC,GAE1C,IAAQ,EAAgB,EAAM,OAAO,GACrC,EAAE,MAAM,GAAW,sBAAmB,EAAY,CAAK,GAEvD,IAAU,EAAO,GAA0B,KAAA,CAAS,GACpD,IAAO,QAAe,GAAS,KAAK,SAAS,IAAI,GACjD,IAAY,QAAe,GAAS,iBAAiB,SAAS,EAAK,GACnE,IAAa,QAAe,GAAS,WAAW,KAAK,GAIrD,IAAiB,QACb,GAAS,gBAAgB,SAAS,EAC5C,GAEM,IAAe,EAAI,EAAK,GACxB,IAAe,EAAY;EAEjC,eAAe,IAAY;GAClB,OAGL;MAAa,QAAQ;IACrB,IAAI;KACA,MAAM,EAAQ,QAAQ;IAC1B,SAAS,GAAO;KACZ,EAAa,QACT,aAAiB,QAAQ,EAAM,UAAU,EAAG,eAAe;IACnE,UAAU;KACN,EAAa,QAAQ;IACzB;GARqB;EASzB;;;GAIA,OAAA,EAAA,GAAA,EAsEM,OAtEN,GAsEM;IApEF,EAmBM,OAnBN,GAmBM,CAjBF,EAIqD,GAAA;KAHjD,WAAU;KACV,OAAM;KACL,MAAM,EAAA,OAAM,QAAQ,EAAA,CAAA;KACpB,WAAS,EAAA,OAAM,SAAS,EAAA,CAAA,CAAc,EAAE;IAC7C,GAAA,MAAA,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,EAWM,OAXN,GAWM,CATQ,EAAA,OAAM,QAAQ,EAAA,CAAA,KADxB,EAAA,GAAA,EAIS,UAJT,GAIS,EADF,EAAA,OAAM,QAAQ,EAAA,CAAA,CAAS,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAGpB,EAAA,OAAM,SADhB,EAAA,GAAA,EAIO,QAJP,GAIO,EADA,EAAA,MAAK,KAAK,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,CAAA;IAMzB,EA+BM,OA/BN,GA+BM,CA7BQ,EAAA,SADV,EAAA,GAAA,EAG8B,GAAA;;KAD1B,WAAU;KACT,SAAS,EAAA;IAIJ,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAAA,EAAA,SAAa,EAAA,SAAU,CAAK,EAAA,SADtC,EAAA,GAAA,EAuBI,KAAA;;KArBC,MAAM,EAAA;KACP,QAAO;KACP,KAAI;KACJ,OAAM;;KACN,EAKM,OALN,GAKM,CAHF,EAEoC,GAAA;MADhC,MAAK;MACL,OAAM;;KAEd,EAOM,OAPN,GAOM,CANF,EAEO,QAFP,GAEO,EADA,EAAA,CAAA,CAAE,CAAA,sBAAA,CAAA,GAAA,CAAA,GAET,EAEO,QAFP,GAEO,EADA,EAAA,CAAA,CAAE,CAAA,gCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;KAGb,EAE6C,GAAA;MADzC,MAAK;MACL,OAAM;;;IAKN,EAAA,qBAAZ,EAAA,GAAA,EASM,OATN,GASM,CARF,EAOyB,GAAA;KANrB,WAAU;KACV,OAAM;KACN,MAAK;KACJ,SAAS,EAAA;KACT,UAAU,EAAA;KACV,OAAO,EAAA,CAAA,CAAE,CAAA,gBAAA;KACT,SAAO;;;;;;IAGhB,EAAQ,EAAA,QAAA,SAAA"}

package/dist-vue/_chunks/PkRelativeTime--1cIphlA.js.map

@@ -1 +1 @@
-{"version":3,"file":"PkRelativeTime--1cIphlA.js","names":[],"sources":["../../../../packages/composable/src/useTime.ts","../../../../packages/components/src/PkRelativeTime.vue","../../../../packages/components/src/PkRelativeTime.vue"],"sourcesContent":["import { useI18n } from 'vue-i18n'\n\nexport const useTime = () => {\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const formatDelta = (delta?: number) => {\n        if (!delta)\n            return {\n                value: 0,\n                unit: $t('time.unit.second', 0),\n            }\n        const seconds = Math.floor(delta / 1000)\n        const minutes = Math.floor(delta / (1000 * 60))\n        const hours = Math.floor(delta / (1000 * 60 * 60))\n        const days = Math.floor(delta / (1000 * 60 * 60 * 24))\n\n        if (seconds < 60) {\n            return {\n                value: seconds,\n                unit: $t('time.unit.second', seconds),\n            }\n        }\n\n        if (minutes < 60) {\n            return {\n                value: minutes,\n                unit: $t('time.unit.minute', minutes),\n            }\n        }\n\n        if (hours < 24) {\n            return {\n                value: hours,\n                unit: $t('time.unit.hour', hours),\n            }\n        }\n\n        return {\n            value: days,\n            unit: $t('time.unit.day', days),\n        }\n    }\n\n    const formatDeltaToString = (delta?: number) => {\n        const { value, unit } = formatDelta(delta)\n        return `${value} ${unit}`\n    }\n\n    return {\n        formatDelta,\n        formatDeltaToString,\n    }\n}\n","<script setup lang=\"ts\">\n    import { computed, onMounted, onUnmounted, ref } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useTime } from 'composables/src/useTime'\n\n    const props = withDefaults(\n        defineProps<{\n            date: Date | string | number\n            endDate?: Date | string | number\n            autoUpdate?: boolean\n            updateInterval?: number\n        }>(),\n        {\n            endDate: undefined,\n            autoUpdate: true,\n            updateInterval: 1000,\n        },\n    )\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    // Server timestamps can be a few seconds ahead of the client clock. Without\n    // a tolerance a just-updated item reads as \"in 22 seconds\" instead of \"ago\".\n    const CLOCK_SKEW_TOLERANCE_MS = 60_000\n\n    const now = ref(Date.now())\n    let intervalId: ReturnType<typeof setTimeout> | null = null\n\n    const targetDate = computed(() => {\n        if (props.date instanceof Date) {\n            return props.date.getTime()\n        }\n        if (typeof props.date === 'string') {\n            return new Date(props.date).getTime()\n        }\n        return props.date\n    })\n\n    const targetEndDate = computed(() => {\n        if (props.endDate === undefined) {\n            return null\n        }\n        if (props.endDate instanceof Date) {\n            return props.endDate.getTime()\n        }\n        if (typeof props.endDate === 'string') {\n            return new Date(props.endDate).getTime()\n        }\n        return props.endDate\n    })\n\n    const deltaMs = computed(() => {\n        const reference = targetEndDate.value ?? now.value\n        return targetDate.value - reference\n    })\n\n    const isInFuture = computed(() => {\n        // With an explicit endDate the delta is a real range, so trust its sign;\n        // otherwise absorb clock skew so near-now timestamps read as \"ago\".\n        if (props.endDate) {\n            return deltaMs.value > 0\n        }\n        return deltaMs.value > CLOCK_SKEW_TOLERANCE_MS\n    })\n\n    const absoluteDelta = computed(() => {\n        return Math.abs(deltaMs.value)\n    })\n\n    const { formatDelta } = useTime()\n    const formattedTime = computed(() => {\n        const delta = absoluteDelta.value\n        return formatDelta(delta)\n    })\n\n    const displayText = computed(() => {\n        const { value, unit } = formattedTime.value\n\n        if (props.endDate) {\n            return `${value} ${unit}`\n        }\n\n        if (isInFuture.value) {\n            return `${$t('time.future')} ${value} ${unit}`\n        }\n\n        return `${value} ${unit} ${$t('time.past')}`\n    })\n\n    const dateTimeAttribute = computed(() => {\n        return new Date(targetDate.value).toISOString()\n    })\n\n    const getAdaptiveInterval = () => {\n        const delta = Math.abs(Date.now() - targetDate.value)\n        if (delta < 60_000) {\n            return props.updateInterval\n        }\n        if (delta < 3_600_000) {\n            return 60_000\n        }\n        return 3_600_000\n    }\n\n    const updateNow = () => {\n        now.value = Date.now()\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    }\n\n    onMounted(() => {\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    })\n\n    onUnmounted(() => {\n        if (intervalId) {\n            clearTimeout(intervalId)\n        }\n    })\n</script>\n\n<template>\n    <time :datetime=\"dateTimeAttribute\">\n        {{ displayText }}\n    </time>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, onMounted, onUnmounted, ref } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useTime } from 'composables/src/useTime'\n\n    const props = withDefaults(\n        defineProps<{\n            date: Date | string | number\n            endDate?: Date | string | number\n            autoUpdate?: boolean\n            updateInterval?: number\n        }>(),\n        {\n            endDate: undefined,\n            autoUpdate: true,\n            updateInterval: 1000,\n        },\n    )\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    // Server timestamps can be a few seconds ahead of the client clock. Without\n    // a tolerance a just-updated item reads as \"in 22 seconds\" instead of \"ago\".\n    const CLOCK_SKEW_TOLERANCE_MS = 60_000\n\n    const now = ref(Date.now())\n    let intervalId: ReturnType<typeof setTimeout> | null = null\n\n    const targetDate = computed(() => {\n        if (props.date instanceof Date) {\n            return props.date.getTime()\n        }\n        if (typeof props.date === 'string') {\n            return new Date(props.date).getTime()\n        }\n        return props.date\n    })\n\n    const targetEndDate = computed(() => {\n        if (props.endDate === undefined) {\n            return null\n        }\n        if (props.endDate instanceof Date) {\n            return props.endDate.getTime()\n        }\n        if (typeof props.endDate === 'string') {\n            return new Date(props.endDate).getTime()\n        }\n        return props.endDate\n    })\n\n    const deltaMs = computed(() => {\n        const reference = targetEndDate.value ?? now.value\n        return targetDate.value - reference\n    })\n\n    const isInFuture = computed(() => {\n        // With an explicit endDate the delta is a real range, so trust its sign;\n        // otherwise absorb clock skew so near-now timestamps read as \"ago\".\n        if (props.endDate) {\n            return deltaMs.value > 0\n        }\n        return deltaMs.value > CLOCK_SKEW_TOLERANCE_MS\n    })\n\n    const absoluteDelta = computed(() => {\n        return Math.abs(deltaMs.value)\n    })\n\n    const { formatDelta } = useTime()\n    const formattedTime = computed(() => {\n        const delta = absoluteDelta.value\n        return formatDelta(delta)\n    })\n\n    const displayText = computed(() => {\n        const { value, unit } = formattedTime.value\n\n        if (props.endDate) {\n            return `${value} ${unit}`\n        }\n\n        if (isInFuture.value) {\n            return `${$t('time.future')} ${value} ${unit}`\n        }\n\n        return `${value} ${unit} ${$t('time.past')}`\n    })\n\n    const dateTimeAttribute = computed(() => {\n        return new Date(targetDate.value).toISOString()\n    })\n\n    const getAdaptiveInterval = () => {\n        const delta = Math.abs(Date.now() - targetDate.value)\n        if (delta < 60_000) {\n            return props.updateInterval\n        }\n        if (delta < 3_600_000) {\n            return 60_000\n        }\n        return 3_600_000\n    }\n\n    const updateNow = () => {\n        now.value = Date.now()\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    }\n\n    onMounted(() => {\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    })\n\n    onUnmounted(() => {\n        if (intervalId) {\n            clearTimeout(intervalId)\n        }\n    })\n</script>\n\n<template>\n    <time :datetime=\"dateTimeAttribute\">\n        {{ displayText }}\n    </time>\n</template>\n"],"mappings":";;;AAEA,IAAa,UAAgB;CACzB,IAAM,EAAE,GAAG,MAAO,EAAQ,EACtB,UAAU,SACd,CAAC,GAEK,KAAe,MAAmB;EACpC,IAAI,CAAC,GACD,OAAO;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,CAAC;EAClC;EACJ,IAAM,IAAU,KAAK,MAAM,IAAQ,GAAI,GACjC,IAAU,KAAK,MAAM,IAAS,GAAU,GACxC,IAAQ,KAAK,MAAM,IAAS,IAAe,GAC3C,IAAO,KAAK,MAAM,IAAS,KAAoB;EAuBrD,OArBI,IAAU,KACH;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,CAAO;EACxC,IAGA,IAAU,KACH;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,CAAO;EACxC,IAGA,IAAQ,KACD;GACH,OAAO;GACP,MAAM,EAAG,kBAAkB,CAAK;EACpC,IAGG;GACH,OAAO;GACP,MAAM,EAAG,iBAAiB,CAAI;EAClC;CACJ;CAOA,OAAO;EACH;EACA,sBAPyB,MAAmB;GAC5C,IAAM,EAAE,UAAO,YAAS,EAAY,CAAK;GACzC,OAAO,GAAG,EAAM,GAAG;EACvB;CAKA;AACJ,qBC7BU,IAA0B;;;;;;;;;;;;EApBhC,IAAM,IAAQ,GAcR,EAAE,GAAG,MAAO,EAAQ,EACtB,UAAU,SACd,CAAC,GAMK,IAAM,EAAI,KAAK,IAAI,CAAC,GACtB,IAAmD,MAEjD,IAAa,QACX,EAAM,gBAAgB,OACf,EAAM,KAAK,QAAQ,IAE1B,OAAO,EAAM,QAAS,WACf,IAAI,KAAK,EAAM,IAAI,CAAC,CAAC,QAAQ,IAEjC,EAAM,IAChB,GAEK,IAAgB,QACd,EAAM,YAAY,KAAA,IACX,OAEP,EAAM,mBAAmB,OAClB,EAAM,QAAQ,QAAQ,IAE7B,OAAO,EAAM,WAAY,WAClB,IAAI,KAAK,EAAM,OAAO,CAAC,CAAC,QAAQ,IAEpC,EAAM,OAChB,GAEK,IAAU,QAAe;GAC3B,IAAM,IAAY,EAAc,SAAS,EAAI;GAC7C,OAAO,EAAW,QAAQ;EAC9B,CAAC,GAEK,IAAa,QAGX,EAAM,UACC,EAAQ,QAAQ,IAEpB,EAAQ,QAAQ,CAC1B,GAEK,IAAgB,QACX,KAAK,IAAI,EAAQ,KAAK,CAChC,GAEK,EAAE,mBAAgB,EAAQ,GAC1B,IAAgB,QAAe;GACjC,IAAM,IAAQ,EAAc;GAC5B,OAAO,EAAY,CAAK;EAC5B,CAAC,GAEK,IAAc,QAAe;GAC/B,IAAM,EAAE,UAAO,YAAS,EAAc;GAUtC,OARI,EAAM,UACC,GAAG,EAAM,GAAG,MAGnB,EAAW,QACJ,GAAG,EAAG,aAAa,EAAE,GAAG,EAAM,GAAG,MAGrC,GAAG,EAAM,GAAG,EAAK,GAAG,EAAG,WAAW;EAC7C,CAAC,GAEK,IAAoB,QACf,IAAI,KAAK,EAAW,KAAK,CAAC,CAAC,YAAY,CACjD,GAEK,UAA4B;GAC9B,IAAM,IAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,EAAW,KAAK;GAOpD,OANI,IAAQ,MACD,EAAM,iBAEb,IAAQ,OACD,MAEJ;EACX,GAEM,UAAkB;GAEpB,AADA,EAAI,QAAQ,KAAK,IAAI,GACjB,EAAM,cAAc,CAAC,EAAM,YAC3B,IAAa,WAAW,GAAW,EAAoB,CAAC;EAEhE;SAEA,QAAgB;GACZ,AAAI,EAAM,cAAc,CAAC,EAAM,YAC3B,IAAa,WAAW,GAAW,EAAoB,CAAC;EAEhE,CAAC,GAED,QAAkB;GACd,AAAI,KACA,aAAa,CAAU;EAE/B,CAAC,cAID,EAAA,GAAA,EAEO,QAAA,EAFA,UAAU,EAAA,MAAiB,GAAA,EAC3B,EAAA,KAAW,GAAA,GAAA,CAAA"}
+{"version":3,"file":"PkRelativeTime--1cIphlA.js","names":[],"sources":["../../../../packages/composable/src/useTime.ts","../../../../packages/components/src/PkRelativeTime.vue","../../../../packages/components/src/PkRelativeTime.vue"],"sourcesContent":["import { useI18n } from 'vue-i18n'\n\nexport const useTime = () => {\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const formatDelta = (delta?: number) => {\n        if (!delta) {\n            return {\n                value: 0,\n                unit: $t('time.unit.second', 0),\n            }\n        }\n        const seconds = Math.floor(delta / 1000)\n        const minutes = Math.floor(delta / (1000 * 60))\n        const hours = Math.floor(delta / (1000 * 60 * 60))\n        const days = Math.floor(delta / (1000 * 60 * 60 * 24))\n\n        if (seconds < 60) {\n            return {\n                value: seconds,\n                unit: $t('time.unit.second', seconds),\n            }\n        }\n\n        if (minutes < 60) {\n            return {\n                value: minutes,\n                unit: $t('time.unit.minute', minutes),\n            }\n        }\n\n        if (hours < 24) {\n            return {\n                value: hours,\n                unit: $t('time.unit.hour', hours),\n            }\n        }\n\n        return {\n            value: days,\n            unit: $t('time.unit.day', days),\n        }\n    }\n\n    const formatDeltaToString = (delta?: number) => {\n        const { value, unit } = formatDelta(delta)\n        return `${value} ${unit}`\n    }\n\n    return {\n        formatDelta,\n        formatDeltaToString,\n    }\n}\n","<script setup lang=\"ts\">\n    import { computed, onMounted, onUnmounted, ref } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useTime } from 'composables/src/useTime'\n\n    const props = withDefaults(\n        defineProps<{\n            date: Date | string | number\n            endDate?: Date | string | number\n            autoUpdate?: boolean\n            updateInterval?: number\n        }>(),\n        {\n            endDate: undefined,\n            autoUpdate: true,\n            updateInterval: 1000,\n        },\n    )\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    // Server timestamps can be a few seconds ahead of the client clock. Without\n    // a tolerance a just-updated item reads as \"in 22 seconds\" instead of \"ago\".\n    const CLOCK_SKEW_TOLERANCE_MS = 60_000\n\n    const now = ref(Date.now())\n    let intervalId: ReturnType<typeof setTimeout> | null = null\n\n    const targetDate = computed(() => {\n        if (props.date instanceof Date) {\n            return props.date.getTime()\n        }\n        if (typeof props.date === 'string') {\n            return new Date(props.date).getTime()\n        }\n        return props.date\n    })\n\n    const targetEndDate = computed(() => {\n        if (props.endDate === undefined) {\n            return null\n        }\n        if (props.endDate instanceof Date) {\n            return props.endDate.getTime()\n        }\n        if (typeof props.endDate === 'string') {\n            return new Date(props.endDate).getTime()\n        }\n        return props.endDate\n    })\n\n    const deltaMs = computed(() => {\n        const reference = targetEndDate.value ?? now.value\n        return targetDate.value - reference\n    })\n\n    const isInFuture = computed(() => {\n        // With an explicit endDate the delta is a real range, so trust its sign;\n        // otherwise absorb clock skew so near-now timestamps read as \"ago\".\n        if (props.endDate) {\n            return deltaMs.value > 0\n        }\n        return deltaMs.value > CLOCK_SKEW_TOLERANCE_MS\n    })\n\n    const absoluteDelta = computed(() => {\n        return Math.abs(deltaMs.value)\n    })\n\n    const { formatDelta } = useTime()\n    const formattedTime = computed(() => {\n        const delta = absoluteDelta.value\n        return formatDelta(delta)\n    })\n\n    const displayText = computed(() => {\n        const { value, unit } = formattedTime.value\n\n        if (props.endDate) {\n            return `${value} ${unit}`\n        }\n\n        if (isInFuture.value) {\n            return `${$t('time.future')} ${value} ${unit}`\n        }\n\n        return `${value} ${unit} ${$t('time.past')}`\n    })\n\n    const dateTimeAttribute = computed(() => {\n        return new Date(targetDate.value).toISOString()\n    })\n\n    const getAdaptiveInterval = () => {\n        const delta = Math.abs(Date.now() - targetDate.value)\n        if (delta < 60_000) {\n            return props.updateInterval\n        }\n        if (delta < 3_600_000) {\n            return 60_000\n        }\n        return 3_600_000\n    }\n\n    const updateNow = () => {\n        now.value = Date.now()\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    }\n\n    onMounted(() => {\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    })\n\n    onUnmounted(() => {\n        if (intervalId) {\n            clearTimeout(intervalId)\n        }\n    })\n</script>\n\n<template>\n    <time :datetime=\"dateTimeAttribute\">\n        {{ displayText }}\n    </time>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, onMounted, onUnmounted, ref } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useTime } from 'composables/src/useTime'\n\n    const props = withDefaults(\n        defineProps<{\n            date: Date | string | number\n            endDate?: Date | string | number\n            autoUpdate?: boolean\n            updateInterval?: number\n        }>(),\n        {\n            endDate: undefined,\n            autoUpdate: true,\n            updateInterval: 1000,\n        },\n    )\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    // Server timestamps can be a few seconds ahead of the client clock. Without\n    // a tolerance a just-updated item reads as \"in 22 seconds\" instead of \"ago\".\n    const CLOCK_SKEW_TOLERANCE_MS = 60_000\n\n    const now = ref(Date.now())\n    let intervalId: ReturnType<typeof setTimeout> | null = null\n\n    const targetDate = computed(() => {\n        if (props.date instanceof Date) {\n            return props.date.getTime()\n        }\n        if (typeof props.date === 'string') {\n            return new Date(props.date).getTime()\n        }\n        return props.date\n    })\n\n    const targetEndDate = computed(() => {\n        if (props.endDate === undefined) {\n            return null\n        }\n        if (props.endDate instanceof Date) {\n            return props.endDate.getTime()\n        }\n        if (typeof props.endDate === 'string') {\n            return new Date(props.endDate).getTime()\n        }\n        return props.endDate\n    })\n\n    const deltaMs = computed(() => {\n        const reference = targetEndDate.value ?? now.value\n        return targetDate.value - reference\n    })\n\n    const isInFuture = computed(() => {\n        // With an explicit endDate the delta is a real range, so trust its sign;\n        // otherwise absorb clock skew so near-now timestamps read as \"ago\".\n        if (props.endDate) {\n            return deltaMs.value > 0\n        }\n        return deltaMs.value > CLOCK_SKEW_TOLERANCE_MS\n    })\n\n    const absoluteDelta = computed(() => {\n        return Math.abs(deltaMs.value)\n    })\n\n    const { formatDelta } = useTime()\n    const formattedTime = computed(() => {\n        const delta = absoluteDelta.value\n        return formatDelta(delta)\n    })\n\n    const displayText = computed(() => {\n        const { value, unit } = formattedTime.value\n\n        if (props.endDate) {\n            return `${value} ${unit}`\n        }\n\n        if (isInFuture.value) {\n            return `${$t('time.future')} ${value} ${unit}`\n        }\n\n        return `${value} ${unit} ${$t('time.past')}`\n    })\n\n    const dateTimeAttribute = computed(() => {\n        return new Date(targetDate.value).toISOString()\n    })\n\n    const getAdaptiveInterval = () => {\n        const delta = Math.abs(Date.now() - targetDate.value)\n        if (delta < 60_000) {\n            return props.updateInterval\n        }\n        if (delta < 3_600_000) {\n            return 60_000\n        }\n        return 3_600_000\n    }\n\n    const updateNow = () => {\n        now.value = Date.now()\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    }\n\n    onMounted(() => {\n        if (props.autoUpdate && !props.endDate) {\n            intervalId = setTimeout(updateNow, getAdaptiveInterval())\n        }\n    })\n\n    onUnmounted(() => {\n        if (intervalId) {\n            clearTimeout(intervalId)\n        }\n    })\n</script>\n\n<template>\n    <time :datetime=\"dateTimeAttribute\">\n        {{ displayText }}\n    </time>\n</template>\n"],"mappings":";;;AAEA,IAAa,UAAgB;CACzB,IAAM,EAAE,GAAG,MAAO,EAAQ,EACtB,UAAU,SACd,CAAC,GAEK,KAAe,MAAmB;EACpC,IAAI,CAAC,GACD,OAAO;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,CAAC;EAClC;EAEJ,IAAM,IAAU,KAAK,MAAM,IAAQ,GAAI,GACjC,IAAU,KAAK,MAAM,IAAS,GAAU,GACxC,IAAQ,KAAK,MAAM,IAAS,IAAe,GAC3C,IAAO,KAAK,MAAM,IAAS,KAAoB;EAuBrD,OArBI,IAAU,KACH;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,CAAO;EACxC,IAGA,IAAU,KACH;GACH,OAAO;GACP,MAAM,EAAG,oBAAoB,CAAO;EACxC,IAGA,IAAQ,KACD;GACH,OAAO;GACP,MAAM,EAAG,kBAAkB,CAAK;EACpC,IAGG;GACH,OAAO;GACP,MAAM,EAAG,iBAAiB,CAAI;EAClC;CACJ;CAOA,OAAO;EACH;EACA,sBAPyB,MAAmB;GAC5C,IAAM,EAAE,UAAO,YAAS,EAAY,CAAK;GACzC,OAAO,GAAG,EAAM,GAAG;EACvB;CAKA;AACJ,qBC9BU,IAA0B;;;;;;;;;;;;EApBhC,IAAM,IAAQ,GAcR,EAAE,GAAG,MAAO,EAAQ,EACtB,UAAU,SACd,CAAC,GAMK,IAAM,EAAI,KAAK,IAAI,CAAC,GACtB,IAAmD,MAEjD,IAAa,QACX,EAAM,gBAAgB,OACf,EAAM,KAAK,QAAQ,IAE1B,OAAO,EAAM,QAAS,WACf,IAAI,KAAK,EAAM,IAAI,CAAC,CAAC,QAAQ,IAEjC,EAAM,IAChB,GAEK,IAAgB,QACd,EAAM,YAAY,KAAA,IACX,OAEP,EAAM,mBAAmB,OAClB,EAAM,QAAQ,QAAQ,IAE7B,OAAO,EAAM,WAAY,WAClB,IAAI,KAAK,EAAM,OAAO,CAAC,CAAC,QAAQ,IAEpC,EAAM,OAChB,GAEK,IAAU,QAAe;GAC3B,IAAM,IAAY,EAAc,SAAS,EAAI;GAC7C,OAAO,EAAW,QAAQ;EAC9B,CAAC,GAEK,IAAa,QAGX,EAAM,UACC,EAAQ,QAAQ,IAEpB,EAAQ,QAAQ,CAC1B,GAEK,IAAgB,QACX,KAAK,IAAI,EAAQ,KAAK,CAChC,GAEK,EAAE,mBAAgB,EAAQ,GAC1B,IAAgB,QAAe;GACjC,IAAM,IAAQ,EAAc;GAC5B,OAAO,EAAY,CAAK;EAC5B,CAAC,GAEK,IAAc,QAAe;GAC/B,IAAM,EAAE,UAAO,YAAS,EAAc;GAUtC,OARI,EAAM,UACC,GAAG,EAAM,GAAG,MAGnB,EAAW,QACJ,GAAG,EAAG,aAAa,EAAE,GAAG,EAAM,GAAG,MAGrC,GAAG,EAAM,GAAG,EAAK,GAAG,EAAG,WAAW;EAC7C,CAAC,GAEK,IAAoB,QACf,IAAI,KAAK,EAAW,KAAK,CAAC,CAAC,YAAY,CACjD,GAEK,UAA4B;GAC9B,IAAM,IAAQ,KAAK,IAAI,KAAK,IAAI,IAAI,EAAW,KAAK;GAOpD,OANI,IAAQ,MACD,EAAM,iBAEb,IAAQ,OACD,MAEJ;EACX,GAEM,UAAkB;GAEpB,AADA,EAAI,QAAQ,KAAK,IAAI,GACjB,EAAM,cAAc,CAAC,EAAM,YAC3B,IAAa,WAAW,GAAW,EAAoB,CAAC;EAEhE;SAEA,QAAgB;GACZ,AAAI,EAAM,cAAc,CAAC,EAAM,YAC3B,IAAa,WAAW,GAAW,EAAoB,CAAC;EAEhE,CAAC,GAED,QAAkB;GACd,AAAI,KACA,aAAa,CAAU;EAE/B,CAAC,cAID,EAAA,GAAA,EAEO,QAAA,EAFA,UAAU,EAAA,MAAiB,GAAA,EAC3B,EAAA,KAAW,GAAA,GAAA,CAAA"}