@8wave/ai-elements 0.95.0 → 0.97.0-beta.2

package/dist-vue/_chunks/{PkChatbotViewFiles-B_HZ-Gjh.js.map → PkChatbotViewFiles-7dp8BlYW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewFiles-B_HZ-Gjh.js","names":[],"sources":["../../../../packages/composable/src/useFileRow.ts","../../../../packages/components/src/chat/PkChatbotViewFiles.vue","../../../../packages/components/src/chat/PkChatbotViewFiles.vue"],"sourcesContent":["import { reactive } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { isImageMime, isInlineViewable } from 'models'\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 thumbError = reactive(new Set<string>())\n    const showThumb = (file: FileRowLike): boolean =>\n        isImageMime(file.mimeType) && !thumbError.has(file.documentId)\n    const thumbUrl = (file: FileRowLike): string =>\n        urls.preview(file.documentId)\n    const onThumbError = (file: FileRowLike): void => {\n        thumbError.add(file.documentId)\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('userFiles.excludeTitle'),\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 -->\n        <div\n            v-if=\"isLoadingChatFiles && chatFiles.length === 0\"\n            class=\"flex flex-col gap-8 p-16 vv-skeleton\">\n            <div\n                v-for=\"i in 4\"\n                :key=\"i\"\n                class=\"vv-skeleton__item rounded-md h-56\" />\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 v-else class=\"pk-chatbot-files\">\n            <li\n                v-for=\"file in chatFiles\"\n                :key=\"file.documentId\"\n                class=\"pk-chatbot-files__item\">\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                <button\n                    type=\"button\"\n                    class=\"pk-chatbot-files__main\"\n                    :title=\"$t('userFiles.open')\"\n                    @click=\"openFile(file)\">\n                    <span class=\"pk-chatbot-files__name\">\n                        {{ file.name || $t('userFiles.untitled') }}\n                    </span>\n                    <span class=\"pk-chatbot-files__date\">\n                        {{ formatDate(file.createdAt) }}\n                    </span>\n                </button>\n                <div class=\"pk-chatbot-files__actions\">\n                    <VvButton\n                        modifiers=\"action-quiet xs\"\n                        icon=\"ri:download-line\"\n                        :title=\"$t('action.download')\"\n                        @click=\"openFile(file, true)\" />\n                    <VvButton\n                        modifiers=\"action-quiet-danger xs\"\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    .pk-chatbot-files {\n        display: flex;\n        flex-direction: column;\n        list-style: none;\n        margin: 0;\n        padding: var(--spacing-8);\n        overflow-y: auto;\n\n        &__item {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-10);\n            padding: var(--spacing-8) var(--spacing-10);\n            border-radius: var(--rounded-md);\n            transition: var(--transition-colors);\n\n            // Separator between files\n            & + & {\n                border-top: 1px solid var(--color-surface-3);\n            }\n\n            &:hover {\n                background-color: var(--color-surface-2);\n            }\n        }\n\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            background-color: var(--color-surface-1);\n            color: var(--color-word-3);\n            overflow: hidden;\n        }\n\n        &__thumb {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        &__main {\n            display: flex;\n            flex-direction: column;\n            min-width: 0;\n            flex: 1;\n            text-align: left;\n            background: none;\n            border: 0;\n            padding: 0;\n            cursor: pointer;\n        }\n\n        &__name {\n            font-size: var(--text-14);\n            color: var(--color-word-1);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        &__date {\n            font-size: var(--text-12);\n            color: var(--color-word-3);\n        }\n\n        &__actions {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-2);\n            flex-shrink: 0;\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('userFiles.excludeTitle'),\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 -->\n        <div\n            v-if=\"isLoadingChatFiles && chatFiles.length === 0\"\n            class=\"flex flex-col gap-8 p-16 vv-skeleton\">\n            <div\n                v-for=\"i in 4\"\n                :key=\"i\"\n                class=\"vv-skeleton__item rounded-md h-56\" />\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 v-else class=\"pk-chatbot-files\">\n            <li\n                v-for=\"file in chatFiles\"\n                :key=\"file.documentId\"\n                class=\"pk-chatbot-files__item\">\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                <button\n                    type=\"button\"\n                    class=\"pk-chatbot-files__main\"\n                    :title=\"$t('userFiles.open')\"\n                    @click=\"openFile(file)\">\n                    <span class=\"pk-chatbot-files__name\">\n                        {{ file.name || $t('userFiles.untitled') }}\n                    </span>\n                    <span class=\"pk-chatbot-files__date\">\n                        {{ formatDate(file.createdAt) }}\n                    </span>\n                </button>\n                <div class=\"pk-chatbot-files__actions\">\n                    <VvButton\n                        modifiers=\"action-quiet xs\"\n                        icon=\"ri:download-line\"\n                        :title=\"$t('action.download')\"\n                        @click=\"openFile(file, true)\" />\n                    <VvButton\n                        modifiers=\"action-quiet-danger xs\"\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    .pk-chatbot-files {\n        display: flex;\n        flex-direction: column;\n        list-style: none;\n        margin: 0;\n        padding: var(--spacing-8);\n        overflow-y: auto;\n\n        &__item {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-10);\n            padding: var(--spacing-8) var(--spacing-10);\n            border-radius: var(--rounded-md);\n            transition: var(--transition-colors);\n\n            // Separator between files\n            & + & {\n                border-top: 1px solid var(--color-surface-3);\n            }\n\n            &:hover {\n                background-color: var(--color-surface-2);\n            }\n        }\n\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            background-color: var(--color-surface-1);\n            color: var(--color-word-3);\n            overflow: hidden;\n        }\n\n        &__thumb {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        &__main {\n            display: flex;\n            flex-direction: column;\n            min-width: 0;\n            flex: 1;\n            text-align: left;\n            background: none;\n            border: 0;\n            padding: 0;\n            cursor: pointer;\n        }\n\n        &__name {\n            font-size: var(--text-14);\n            color: var(--color-word-1);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        &__date {\n            font-size: var(--text-12);\n            color: var(--color-word-3);\n        }\n\n        &__actions {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-2);\n            flex-shrink: 0;\n        }\n    }\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"PkChatbotViewFiles-7dp8BlYW.js","names":[],"sources":["../../../../packages/composable/src/useFileRow.ts","../../../../packages/components/src/chat/PkChatbotViewFiles.vue","../../../../packages/components/src/chat/PkChatbotViewFiles.vue"],"sourcesContent":["import { reactive } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { isImageMime, isInlineViewable } from 'models'\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 thumbError = reactive(new Set<string>())\n    const showThumb = (file: FileRowLike): boolean =>\n        isImageMime(file.mimeType) && !thumbError.has(file.documentId)\n    const thumbUrl = (file: FileRowLike): string =>\n        urls.preview(file.documentId)\n    const onThumbError = (file: FileRowLike): void => {\n        thumbError.add(file.documentId)\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('userFiles.excludeTitle'),\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 -->\n        <div\n            v-if=\"isLoadingChatFiles && chatFiles.length === 0\"\n            class=\"flex flex-col gap-8 p-16 vv-skeleton\">\n            <div\n                v-for=\"i in 4\"\n                :key=\"i\"\n                class=\"vv-skeleton__item rounded-md h-56\" />\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 v-else class=\"pk-chatbot-files\">\n            <li\n                v-for=\"file in chatFiles\"\n                :key=\"file.documentId\"\n                class=\"pk-chatbot-files__item\">\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                <button\n                    type=\"button\"\n                    class=\"pk-chatbot-files__main\"\n                    :title=\"$t('userFiles.open')\"\n                    @click=\"openFile(file)\">\n                    <span class=\"pk-chatbot-files__name\">\n                        {{ file.name || $t('userFiles.untitled') }}\n                    </span>\n                    <span class=\"pk-chatbot-files__date\">\n                        {{ formatDate(file.createdAt) }}\n                    </span>\n                </button>\n                <div class=\"pk-chatbot-files__actions\">\n                    <VvButton\n                        modifiers=\"action-quiet xs\"\n                        icon=\"ri:download-line\"\n                        :title=\"$t('action.download')\"\n                        @click=\"openFile(file, true)\" />\n                    <VvButton\n                        modifiers=\"action-quiet-danger xs\"\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    .pk-chatbot-files {\n        display: flex;\n        flex-direction: column;\n        list-style: none;\n        margin: 0;\n        padding: var(--spacing-8);\n        overflow-y: auto;\n\n        &__item {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-10);\n            padding: var(--spacing-8) var(--spacing-10);\n            border-radius: var(--rounded-md);\n            transition: var(--transition-colors);\n\n            // Separator between files\n            & + & {\n                border-top: 1px solid var(--color-surface-3);\n            }\n\n            &:hover {\n                background-color: var(--color-surface-2);\n            }\n        }\n\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            background-color: var(--color-surface-1);\n            color: var(--color-word-3);\n            overflow: hidden;\n        }\n\n        &__thumb {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        &__main {\n            display: flex;\n            flex-direction: column;\n            min-width: 0;\n            flex: 1;\n            text-align: left;\n            background: none;\n            border: 0;\n            padding: 0;\n            cursor: pointer;\n        }\n\n        &__name {\n            font-size: var(--text-14);\n            color: var(--color-word-1);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        &__date {\n            font-size: var(--text-12);\n            color: var(--color-word-3);\n        }\n\n        &__actions {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-2);\n            flex-shrink: 0;\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('userFiles.excludeTitle'),\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 -->\n        <div\n            v-if=\"isLoadingChatFiles && chatFiles.length === 0\"\n            class=\"flex flex-col gap-8 p-16 vv-skeleton\">\n            <div\n                v-for=\"i in 4\"\n                :key=\"i\"\n                class=\"vv-skeleton__item rounded-md h-56\" />\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 v-else class=\"pk-chatbot-files\">\n            <li\n                v-for=\"file in chatFiles\"\n                :key=\"file.documentId\"\n                class=\"pk-chatbot-files__item\">\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                <button\n                    type=\"button\"\n                    class=\"pk-chatbot-files__main\"\n                    :title=\"$t('userFiles.open')\"\n                    @click=\"openFile(file)\">\n                    <span class=\"pk-chatbot-files__name\">\n                        {{ file.name || $t('userFiles.untitled') }}\n                    </span>\n                    <span class=\"pk-chatbot-files__date\">\n                        {{ formatDate(file.createdAt) }}\n                    </span>\n                </button>\n                <div class=\"pk-chatbot-files__actions\">\n                    <VvButton\n                        modifiers=\"action-quiet xs\"\n                        icon=\"ri:download-line\"\n                        :title=\"$t('action.download')\"\n                        @click=\"openFile(file, true)\" />\n                    <VvButton\n                        modifiers=\"action-quiet-danger xs\"\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    .pk-chatbot-files {\n        display: flex;\n        flex-direction: column;\n        list-style: none;\n        margin: 0;\n        padding: var(--spacing-8);\n        overflow-y: auto;\n\n        &__item {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-10);\n            padding: var(--spacing-8) var(--spacing-10);\n            border-radius: var(--rounded-md);\n            transition: var(--transition-colors);\n\n            // Separator between files\n            & + & {\n                border-top: 1px solid var(--color-surface-3);\n            }\n\n            &:hover {\n                background-color: var(--color-surface-2);\n            }\n        }\n\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            background-color: var(--color-surface-1);\n            color: var(--color-word-3);\n            overflow: hidden;\n        }\n\n        &__thumb {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        &__main {\n            display: flex;\n            flex-direction: column;\n            min-width: 0;\n            flex: 1;\n            text-align: left;\n            background: none;\n            border: 0;\n            padding: 0;\n            cursor: pointer;\n        }\n\n        &__name {\n            font-size: var(--text-14);\n            color: var(--color-word-1);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        &__date {\n            font-size: var(--text-12);\n            color: var(--color-word-3);\n        }\n\n        &__actions {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-2);\n            flex-shrink: 0;\n        }\n    }\n</style>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkChatbotViewProfile-BglHN7F5.js → PkChatbotViewProfile-BdFkddeC.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useChatbotStore-D6IdQhl-.js";
+import { t as e } from "./useChatbotStore-C7VyUKXU.js";
 import { t } from "./PkAvatar-CyIgsndA.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-BglHN7F5.js.map
+//# sourceMappingURL=PkChatbotViewProfile-BdFkddeC.js.map

package/dist-vue/_chunks/{PkChatbotViewProfile-BglHN7F5.js.map → PkChatbotViewProfile-BdFkddeC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewProfile-BglHN7F5.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-md 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-md 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,GAG1C,EAAE,MAAM,GAAW,sBAAmB,EAD9B,EAAgB,EAAM,OACoB,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;;;eAIA,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;sCAC7C,EAWM,OAXN,GAWM,CATQ,EAAA,OAAM,QAAQ,EAAA,CAAA,KAAA,EAAA,GADxB,EAIS,UAJT,GAIS,EADF,EAAA,OAAM,QAAQ,EAAA,CAAA,CAAS,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAGpB,EAAA,OAAM,SAAA,EAAA,GADhB,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,SAAA,EAAA,GADV,EAG8B,GAAA;;KAD1B,WAAU;KACT,SAAS,EAAA;2CAIJ,EAAA,SAAa,EAAA,SAAU,CAAK,EAAA,SAAA,EAAA,GADtC,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,qBAAA,EAAA,GAAZ,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-BdFkddeC.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-md 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-md 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,GAG1C,EAAE,MAAM,GAAW,sBAAmB,EAD9B,EAAgB,EAAM,OACoB,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;;;eAIA,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;sCAC7C,EAWM,OAXN,GAWM,CATQ,EAAA,OAAM,QAAQ,EAAA,CAAA,KAAA,EAAA,GADxB,EAIS,UAJT,GAIS,EADF,EAAA,OAAM,QAAQ,EAAA,CAAA,CAAS,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAGpB,EAAA,OAAM,SAAA,EAAA,GADhB,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,SAAA,EAAA,GADV,EAG8B,GAAA;;KAD1B,WAAU;KACT,SAAS,EAAA;2CAIJ,EAAA,SAAa,EAAA,SAAU,CAAK,EAAA,SAAA,EAAA,GADtC,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,qBAAA,EAAA,GAAZ,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/{PkToolShowArtifact-BCc4qcf0.js → PkToolShowArtifact-B2ilUNT0.js}

@@ -36,7 +36,7 @@ var _ = ["innerHTML"], v = /* @__PURE__ */ l({
 			r[1] ||= s("\n    ", -1)
 		], 2));
 	}
-}), y = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" }, b = { class: "px-sm py-6 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex justify-between items-center" }, x = { class: "flex flex-col items-start gap-4" }, S = { class: "text-10 opacity-60 font-normal" }, C = { class: "px-sm py-10" }, w = /*@__PURE__*/ l({
+}), y = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" }, b = { class: "px-sm py-6 font-bold bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex justify-between items-center" }, x = { class: "flex flex-col items-start gap-4" }, S = { class: "text-10 opacity-60 font-normal" }, C = { class: "px-sm py-10 bg-surface" }, w = /*@__PURE__*/ l({
 	__name: "PkToolShowArtifact",
 	props: { part: {} },
 	setup(e) {
@@ -89,4 +89,4 @@ var _ = ["innerHTML"], v = /* @__PURE__ */ l({
 //#endregion
 export { T as n, v as r, E as t };
 
-//# sourceMappingURL=PkToolShowArtifact-BCc4qcf0.js.map
+//# sourceMappingURL=PkToolShowArtifact-B2ilUNT0.js.map

package/dist-vue/_chunks/PkToolShowArtifact-B2ilUNT0.js.map

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

package/dist-vue/_chunks/{PkToolShowSources-BxKpqH6r.js → PkToolShowSources-BF2-VGSg.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { i as t } from "./Document--p4dmaUY.js";
+import { i as t } from "./Document-q67u4D3u.js";
 import "./src-8QXYVWIx.js";
 import { t as n } from "./markdown-CCMpGUA7.js";
 import { t as r } from "./PkStreamingMarkdown-CNLdk20r.js";
@@ -239,4 +239,4 @@ var w = ["title"], T = {
 //#endregion
 export { E as i, X as n, j as r, Z as t };
 
-//# sourceMappingURL=PkToolShowSources-BxKpqH6r.js.map
+//# sourceMappingURL=PkToolShowSources-BF2-VGSg.js.map

package/dist-vue/_chunks/{PkToolShowSources-BxKpqH6r.js.map → PkToolShowSources-BF2-VGSg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowSources-BxKpqH6r.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkToolShowSources.vue","../../../../packages/components/src/chat/PkToolShowSources.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-xl overflow-hidden\">\n                <!-- Document header -->\n                <button\n                    class=\"flex items-center gap-8 p-8 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                    @click=\"toggleDocument(group.document.documentId)\">\n                    <PkDocumentHeader\n                        :type=\"group.document.documentType\"\n                        :name=\"group.document.documentName\"\n                        :url=\"group.document.sourceUrl\"\n                        :filename=\"group.document.sourceFilename\" />\n                    <div class=\"flex items-center gap-4 shrink-0\">\n                        <span\n                            v-if=\"group.chunks.length > 1\"\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                            {{ group.chunks.length }}\n                        </span>\n                        <span\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                            {{ group.document.language }}\n                        </span>\n                        <VvIcon\n                            :name=\"\n                                expandedDocuments.has(group.document.documentId)\n                                    ? 'ri:arrow-up-s-line'\n                                    : 'ri:arrow-down-s-line'\n                            \"\n                            class=\"text-16 text-word-3\" />\n                    </div>\n                </button>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'line-md:loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-xl overflow-hidden\">\n                <!-- Document header -->\n                <button\n                    class=\"flex items-center gap-8 p-8 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                    @click=\"toggleDocument(group.document.documentId)\">\n                    <PkDocumentHeader\n                        :type=\"group.document.documentType\"\n                        :name=\"group.document.documentName\"\n                        :url=\"group.document.sourceUrl\"\n                        :filename=\"group.document.sourceFilename\" />\n                    <div class=\"flex items-center gap-4 shrink-0\">\n                        <span\n                            v-if=\"group.chunks.length > 1\"\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                            {{ group.chunks.length }}\n                        </span>\n                        <span\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                            {{ group.document.language }}\n                        </span>\n                        <VvIcon\n                            :name=\"\n                                expandedDocuments.has(group.document.documentId)\n                                    ? 'ri:arrow-up-s-line'\n                                    : 'ri:arrow-down-s-line'\n                            \"\n                            class=\"text-16 text-word-3\" />\n                    </div>\n                </button>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'line-md:loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowSources-BF2-VGSg.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkToolShowSources.vue","../../../../packages/components/src/chat/PkToolShowSources.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-xl overflow-hidden\">\n                <!-- Document header -->\n                <button\n                    class=\"flex items-center gap-8 p-8 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                    @click=\"toggleDocument(group.document.documentId)\">\n                    <PkDocumentHeader\n                        :type=\"group.document.documentType\"\n                        :name=\"group.document.documentName\"\n                        :url=\"group.document.sourceUrl\"\n                        :filename=\"group.document.sourceFilename\" />\n                    <div class=\"flex items-center gap-4 shrink-0\">\n                        <span\n                            v-if=\"group.chunks.length > 1\"\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                            {{ group.chunks.length }}\n                        </span>\n                        <span\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                            {{ group.document.language }}\n                        </span>\n                        <VvIcon\n                            :name=\"\n                                expandedDocuments.has(group.document.documentId)\n                                    ? 'ri:arrow-up-s-line'\n                                    : 'ri:arrow-down-s-line'\n                            \"\n                            class=\"text-16 text-word-3\" />\n                    </div>\n                </button>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'line-md:loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-xl overflow-hidden\">\n                <!-- Document header -->\n                <button\n                    class=\"flex items-center gap-8 p-8 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                    @click=\"toggleDocument(group.document.documentId)\">\n                    <PkDocumentHeader\n                        :type=\"group.document.documentType\"\n                        :name=\"group.document.documentName\"\n                        :url=\"group.document.sourceUrl\"\n                        :filename=\"group.document.sourceFilename\" />\n                    <div class=\"flex items-center gap-4 shrink-0\">\n                        <span\n                            v-if=\"group.chunks.length > 1\"\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                            {{ group.chunks.length }}\n                        </span>\n                        <span\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                            {{ group.document.language }}\n                        </span>\n                        <VvIcon\n                            :name=\"\n                                expandedDocuments.has(group.document.documentId)\n                                    ? 'ri:arrow-up-s-line'\n                                    : 'ri:arrow-down-s-line'\n                            \"\n                            class=\"text-16 text-word-3\" />\n                    </div>\n                </button>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'line-md:loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/PkToolShowVideo-Ox8rFd7j.js

@@ -0,0 +1,122 @@
+import "./src-8QXYVWIx.js";
+import { VvIcon as e } from "@volverjs/ui-vue/components";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, openBlock as c, renderList as l, toDisplayString as u } from "vue";
+//#region ../../packages/utils/src/video-source.ts
+var d = (e) => e.replace(/[^a-zA-Z0-9_-]/g, ""), f = (e, t) => e === t || e.endsWith(`.${t}`), p = (e) => {
+	if (e.hostname.endsWith("youtu.be")) return d(e.pathname.split("/")[1] ?? "") || null;
+	let t = e.searchParams.get("v");
+	if (t) return d(t) || null;
+	let n = e.pathname.match(/^\/(?:shorts|embed|v)\/([^/?#]+)/);
+	return n && d(n[1]) || null;
+}, m = (e) => {
+	let t = e.pathname.match(/(?:^|\/)(\d+)(?:$|[/?#])/);
+	return t ? t[1] : null;
+};
+function h(e, t) {
+	let n;
+	try {
+		n = new URL(e);
+	} catch {
+		return {
+			provider: "file",
+			url: e,
+			embedUrl: e
+		};
+	}
+	let r = n.hostname.toLowerCase();
+	if (f(r, "youtube.com") || f(r, "youtu.be") || f(r, "youtube-nocookie.com")) {
+		let t = p(n);
+		if (t) return {
+			provider: "youtube",
+			url: e,
+			videoId: t,
+			embedUrl: `https://www.youtube-nocookie.com/embed/${t}`,
+			thumbnailUrl: `https://img.youtube.com/vi/${t}/hqdefault.jpg`
+		};
+	}
+	if (f(r, "vimeo.com")) {
+		let t = m(n);
+		if (t) return {
+			provider: "vimeo",
+			url: e,
+			videoId: t,
+			embedUrl: `https://player.vimeo.com/video/${t}`
+		};
+	}
+	return t && t !== "file" ? {
+		provider: t,
+		url: e,
+		embedUrl: e
+	} : {
+		provider: "file",
+		url: e,
+		embedUrl: e
+	};
+}
+//#endregion
+//#region ../../packages/components/src/chat/PkToolShowVideo.vue?vue&type=script&setup=true&lang.ts
+var g = {
+	key: 0,
+	class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-surface"
+}, _ = { class: "px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40" }, v = { class: "font-bold" }, y = { class: "p-sm flex flex-col gap-16" }, b = {
+	key: 0,
+	class: "font-bold text-14 mb-sm"
+}, x = ["src", "poster"], S = ["href"], C = {
+	key: 2,
+	class: "relative w-full overflow-hidden rounded-xl bg-word-1",
+	style: { "aspect-ratio": "16 / 9" }
+}, w = ["src", "title"], T = {
+	key: 3,
+	class: "text-12 text-word-3 mt-sm"
+}, E = "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share", D = /* @__PURE__ */ s({
+	__name: "PkToolShowVideo",
+	props: { part: {} },
+	setup(s) {
+		let d = s, f = n(() => (d.part.input?.videos ?? []).map((e) => ({
+			...e,
+			source: h(e.url, e.provider)
+		})));
+		return (n, s) => {
+			let d = e;
+			return f.value.length ? (c(), i("div", g, [a("div", _, [o(d, {
+				name: "ri:film-line",
+				class: "text-16"
+			}), a("strong", v, u(n.$t("label.video")), 1)]), a("div", y, [(c(!0), i(t, null, l(f.value, (e) => (c(), i("div", {
+				key: e.url,
+				class: "flex flex-col"
+			}, [
+				e.title ? (c(), i("strong", b, u(e.title), 1)) : r("", !0),
+				e.source.provider === "file" ? (c(), i("video", {
+					key: 1,
+					src: e.source.embedUrl,
+					poster: e.poster,
+					controls: "",
+					preload: "metadata",
+					playsinline: "",
+					class: "w-full rounded-xl bg-word-1",
+					style: {
+						"aspect-ratio": "16 / 9",
+						"max-height": "480px"
+					}
+				}, [a("a", {
+					href: e.url,
+					target: "_blank",
+					rel: "noopener noreferrer"
+				}, u(e.title ?? e.url), 9, S)], 8, x)) : (c(), i("div", C, [a("iframe", {
+					src: e.source.embedUrl,
+					title: e.title ?? e.url,
+					loading: "lazy",
+					referrerpolicy: "strict-origin-when-cross-origin",
+					allow: E,
+					allowfullscreen: "",
+					class: "absolute inset-0 w-full h-full border-0"
+				}, null, 8, w)])),
+				e.description ? (c(), i("span", T, u(e.description), 1)) : r("", !0)
+			]))), 128))])])) : r("", !0);
+		};
+	}
+});
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=PkToolShowVideo-Ox8rFd7j.js.map

package/dist-vue/_chunks/PkToolShowVideo-Ox8rFd7j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkToolShowVideo-Ox8rFd7j.js","names":["$t"],"sources":["../../../../packages/utils/src/video-source.ts","../../../../packages/components/src/chat/PkToolShowVideo.vue","../../../../packages/components/src/chat/PkToolShowVideo.vue"],"sourcesContent":["/**\n * Video source parsing shared by the backend platform renderer and the frontend\n * player component, so both classify a video URL the same way.\n *\n * A URL is either a known provider (YouTube/Vimeo), which plays through the\n * provider's iframe embed, or a direct media file (`file`), which plays in a\n * native `<video>` element. Detection is by URL shape; an explicit `hint` is\n * used only as a fallback when the URL alone is inconclusive.\n */\n\nexport type VideoProvider = 'youtube' | 'vimeo' | 'file'\n\nexport interface ParsedVideoSource {\n    provider: VideoProvider\n    /** The original URL, unchanged. */\n    url: string\n    /**\n     * The URL to actually load: the provider iframe embed URL for\n     * YouTube/Vimeo, or the direct file URL for `file`.\n     */\n    embedUrl: string\n    /** The provider video id (providers only). */\n    videoId?: string\n    /**\n     * A preview image URL derived from the provider, when one is available\n     * without an extra API call (currently YouTube only). Lets a link-only\n     * surface (e.g. a Teams card) show a thumbnail instead of a bare link.\n     */\n    thumbnailUrl?: string\n}\n\n/** Keep only characters that are legal in a provider video id. */\nconst sanitizeId = (raw: string): string => raw.replace(/[^a-zA-Z0-9_-]/g, '')\n\n/**\n * True when `host` is exactly `domain` or a subdomain of it. Guards against\n * lookalike hosts (e.g. `notyoutube.com`) that a bare substring check would\n * misclassify.\n */\nconst hostMatches = (host: string, domain: string): boolean =>\n    host === domain || host.endsWith(`.${domain}`)\n\n/** Extract the YouTube video id from any of its URL shapes, or null. */\nconst youtubeId = (u: URL): string | null => {\n    // youtu.be/<id>\n    if (u.hostname.endsWith('youtu.be')) {\n        return sanitizeId(u.pathname.split('/')[1] ?? '') || null\n    }\n    // youtube.com/watch?v=<id>\n    const v = u.searchParams.get('v')\n    if (v) {\n        return sanitizeId(v) || null\n    }\n    // youtube.com/shorts/<id>, /embed/<id>, /v/<id>\n    const m = u.pathname.match(/^\\/(?:shorts|embed|v)\\/([^/?#]+)/)\n    return m ? sanitizeId(m[1]) || null : null\n}\n\n/** Extract the Vimeo (numeric) video id, or null. */\nconst vimeoId = (u: URL): string | null => {\n    // player.vimeo.com/video/<id> or vimeo.com/<id>\n    const m = u.pathname.match(/(?:^|\\/)(\\d+)(?:$|[/?#])/)\n    return m ? m[1] : null\n}\n\n/**\n * Classify a video URL into a provider + a loadable embed/file URL.\n * Falls back to `file` (native `<video>`) for anything not recognized as a\n * supported provider, or when a provider is matched but no id can be extracted.\n */\nexport function parseVideoSource(\n    url: string,\n    hint?: VideoProvider,\n): ParsedVideoSource {\n    let u: URL | undefined\n    try {\n        u = new URL(url)\n    } catch {\n        // Not an absolute URL: treat as a direct file reference.\n        return { provider: 'file', url, embedUrl: url }\n    }\n\n    const host = u.hostname.toLowerCase()\n\n    const isYouTube =\n        hostMatches(host, 'youtube.com') ||\n        hostMatches(host, 'youtu.be') ||\n        hostMatches(host, 'youtube-nocookie.com')\n    if (isYouTube) {\n        const id = youtubeId(u)\n        if (id) {\n            return {\n                provider: 'youtube',\n                url,\n                videoId: id,\n                embedUrl: `https://www.youtube-nocookie.com/embed/${id}`,\n                thumbnailUrl: `https://img.youtube.com/vi/${id}/hqdefault.jpg`,\n            }\n        }\n    }\n\n    if (hostMatches(host, 'vimeo.com')) {\n        const id = vimeoId(u)\n        if (id) {\n            return {\n                provider: 'vimeo',\n                url,\n                videoId: id,\n                embedUrl: `https://player.vimeo.com/video/${id}`,\n            }\n        }\n    }\n\n    // Honor an explicit provider hint only if we could not extract an id from a\n    // provider URL (so a caller-tagged provider link still routes to an iframe\n    // via its original URL rather than a broken native <video>).\n    if (hint && hint !== 'file') {\n        return { provider: hint, url, embedUrl: url }\n    }\n\n    return { provider: 'file', url, embedUrl: url }\n}\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { parseVideoSource, type VideoProvider } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    interface VideoInput {\n        url: string\n        title?: string\n        description?: string\n        poster?: string\n        provider?: VideoProvider\n    }\n\n    // Permissions granted to provider embeds (YouTube/Vimeo players).\n    const IFRAME_ALLOW =\n        'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'\n\n    const videos = computed(() => {\n        const part = props.part as { input?: { videos?: VideoInput[] } }\n        return (part.input?.videos ?? []).map((video) => ({\n            ...video,\n            source: parseVideoSource(video.url, video.provider),\n        }))\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"videos.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:film-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.video') }}\n            </strong>\n        </div>\n        <div class=\"p-sm flex flex-col gap-16\">\n            <div v-for=\"video in videos\" :key=\"video.url\" class=\"flex flex-col\">\n                <strong v-if=\"video.title\" class=\"font-bold text-14 mb-sm\">\n                    {{ video.title }}\n                </strong>\n                <!-- Direct file: native player. Handles MP4/WebM/OGG and works\n                     inside the widget's Shadow DOM without any extra CSS. -->\n                <video\n                    v-if=\"video.source.provider === 'file'\"\n                    :src=\"video.source.embedUrl\"\n                    :poster=\"video.poster\"\n                    controls\n                    preload=\"metadata\"\n                    playsinline\n                    class=\"w-full rounded-xl bg-word-1\"\n                    style=\"aspect-ratio: 16 / 9; max-height: 480px\">\n                    <a\n                        :href=\"video.url\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\">\n                        {{ video.title ?? video.url }}\n                    </a>\n                </video>\n                <!-- Provider (YouTube/Vimeo): iframe embed, 16:9 responsive. -->\n                <div\n                    v-else\n                    class=\"relative w-full overflow-hidden rounded-xl bg-word-1\"\n                    style=\"aspect-ratio: 16 / 9\">\n                    <iframe\n                        :src=\"video.source.embedUrl\"\n                        :title=\"video.title ?? video.url\"\n                        loading=\"lazy\"\n                        referrerpolicy=\"strict-origin-when-cross-origin\"\n                        :allow=\"IFRAME_ALLOW\"\n                        allowfullscreen\n                        class=\"absolute inset-0 w-full h-full border-0\"></iframe>\n                </div>\n                <span\n                    v-if=\"video.description\"\n                    class=\"text-12 text-word-3 mt-sm\">\n                    {{ video.description }}\n                </span>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { parseVideoSource, type VideoProvider } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    interface VideoInput {\n        url: string\n        title?: string\n        description?: string\n        poster?: string\n        provider?: VideoProvider\n    }\n\n    // Permissions granted to provider embeds (YouTube/Vimeo players).\n    const IFRAME_ALLOW =\n        'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'\n\n    const videos = computed(() => {\n        const part = props.part as { input?: { videos?: VideoInput[] } }\n        return (part.input?.videos ?? []).map((video) => ({\n            ...video,\n            source: parseVideoSource(video.url, video.provider),\n        }))\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"videos.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:film-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.video') }}\n            </strong>\n        </div>\n        <div class=\"p-sm flex flex-col gap-16\">\n            <div v-for=\"video in videos\" :key=\"video.url\" class=\"flex flex-col\">\n                <strong v-if=\"video.title\" class=\"font-bold text-14 mb-sm\">\n                    {{ video.title }}\n                </strong>\n                <!-- Direct file: native player. Handles MP4/WebM/OGG and works\n                     inside the widget's Shadow DOM without any extra CSS. -->\n                <video\n                    v-if=\"video.source.provider === 'file'\"\n                    :src=\"video.source.embedUrl\"\n                    :poster=\"video.poster\"\n                    controls\n                    preload=\"metadata\"\n                    playsinline\n                    class=\"w-full rounded-xl bg-word-1\"\n                    style=\"aspect-ratio: 16 / 9; max-height: 480px\">\n                    <a\n                        :href=\"video.url\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\">\n                        {{ video.title ?? video.url }}\n                    </a>\n                </video>\n                <!-- Provider (YouTube/Vimeo): iframe embed, 16:9 responsive. -->\n                <div\n                    v-else\n                    class=\"relative w-full overflow-hidden rounded-xl bg-word-1\"\n                    style=\"aspect-ratio: 16 / 9\">\n                    <iframe\n                        :src=\"video.source.embedUrl\"\n                        :title=\"video.title ?? video.url\"\n                        loading=\"lazy\"\n                        referrerpolicy=\"strict-origin-when-cross-origin\"\n                        :allow=\"IFRAME_ALLOW\"\n                        allowfullscreen\n                        class=\"absolute inset-0 w-full h-full border-0\"></iframe>\n                </div>\n                <span\n                    v-if=\"video.description\"\n                    class=\"text-12 text-word-3 mt-sm\">\n                    {{ video.description }}\n                </span>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}