@8wave/ai-elements 0.84.0 → 0.85.0

package/dist-vue/_chunks/{PkChatbotViewConversations-kIc1reZT.js.map → PkChatbotViewConversations-B9KC-0ir.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotViewConversations-kIc1reZT.js","names":[],"sources":["../../../../packages/composable/src/useDialog.ts","../../../../packages/composable/src/useDialogConfirm.ts","../../../../packages/components/src/chat/PkChatbotViewConversations.vue","../../../../packages/components/src/chat/PkChatbotViewConversations.vue"],"sourcesContent":["import { VvDialog } from '@volverjs/ui-vue/components'\nimport { defineComponent, h, nextTick, ref, type VNode } from 'vue'\n\ntype DialogProps = {\n    title?: string\n    transition?: string\n    size?: 'small' | 'standard' | 'fullscreen'\n    role?: 'alert' | 'alertdialog'\n    keepOpen?: boolean\n}\n\ntype DialogSlots = {\n    footer?: () => VNode | string\n    header?: () => VNode | string\n    default?: () => VNode | string | VNode[] | string[]\n}\n\nconst isOpen = ref(false)\nconst title = ref<DialogProps['title']>()\nconst transition = ref<DialogProps['transition']>()\nconst size = ref<DialogProps['size']>()\nconst keepOpen = ref<DialogProps['keepOpen']>(false)\nconst role = ref<DialogProps['role']>()\nconst slots = ref<DialogSlots>()\n\nexport const useDialog = () => {\n    const onUpdateModelValue = (value: boolean) => {\n        isOpen.value = value\n    }\n\n    const onAfterLeave = () => {\n        title.value = undefined\n        transition.value = undefined\n        size.value = undefined\n        keepOpen.value = undefined\n        role.value = undefined\n        slots.value = undefined\n    }\n\n    const PkGlobalDialog = defineComponent({\n        name: 'PkGlobalDialog',\n        render: () =>\n            h(\n                VvDialog,\n                {\n                    modelValue: isOpen.value,\n                    title: title.value,\n                    transition: transition.value,\n                    size: size.value,\n                    keepOpen: keepOpen.value,\n                    role: role.value,\n                    'onUpdate:modelValue': onUpdateModelValue,\n                    onAfterLeave: onAfterLeave,\n                },\n                slots.value,\n            ),\n    })\n\n    const openDialog = (newProps: DialogProps, newSlots?: DialogSlots) => {\n        title.value = newProps?.title\n        transition.value = newProps?.transition\n        size.value = newProps?.size\n        keepOpen.value = newProps?.keepOpen ?? false\n        role.value = newProps?.role\n        slots.value = newSlots\n        nextTick(() => {\n            isOpen.value = true\n        })\n        return isOpen\n    }\n\n    return { PkGlobalDialog, openDialog, isOpen }\n}\n","import { h, ref, VNode } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n    VvButton,\n    VvButtonGroup,\n    VvInputText,\n} from '@volverjs/ui-vue/components'\nimport { useDialog } from './useDialog'\n\nexport const useDialogConfirm = () => {\n    const { openDialog } = useDialog()\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const openDialogConfirm = ({\n        emitReject = false,\n        confirmLabel,\n        cancelLabel,\n        questionLabel,\n        onlyConfirm = false,\n        passphrase,\n        passphraseLabel,\n        passphraseHint,\n        title,\n    }: {\n        emitReject?: boolean\n        confirmLabel?: string\n        cancelLabel?: string\n        questionLabel?: string\n        onlyConfirm?: boolean\n        passphrase?: string\n        passphraseLabel?: string\n        passphraseHint?: string\n        title?: string\n    } = {}) => {\n        return new Promise<boolean>((resolve, reject) => {\n            const passphraseText = ref<string>()\n            const isOpen = openDialog(\n                {\n                    role: 'alertdialog',\n                    size: 'small',\n                    keepOpen: true,\n                    title,\n                },\n                {\n                    default: () =>\n                        h('div', [\n                            h(\n                                'div',\n                                {\n                                    class: 'mb-sm',\n                                    style: 'white-space: pre-line',\n                                },\n                                questionLabel ?? $t('message.confirm'),\n                            ),\n                            passphrase\n                                ? h(VvInputText, {\n                                      modelValue: passphraseText.value,\n                                      'onUpdate:modelValue': (\n                                          value: string,\n                                      ) => {\n                                          passphraseText.value = value\n                                      },\n                                      type: 'text',\n                                      name: 'passphrase',\n                                      class: 'mb-0',\n                                      floating: true,\n                                      label:\n                                          passphraseLabel ??\n                                          $t('label.passphrase'),\n                                      hintLabel:\n                                          passphraseHint ??\n                                          $t('hint.passphrase', { passphrase }),\n                                  })\n                                : undefined,\n                        ]),\n                    footer: () =>\n                        h(VvButtonGroup, () => {\n                            const toReturn: VNode[] = []\n                            if (!onlyConfirm) {\n                                toReturn.push(\n                                    h(VvButton, {\n                                        label:\n                                            cancelLabel ?? $t('action.cancel'),\n                                        modifiers: 'ghost',\n                                        onClick: () => {\n                                            if (emitReject) {\n                                                reject()\n                                            }\n                                            resolve(false)\n                                            isOpen.value = false\n                                        },\n                                    }),\n                                )\n                            }\n                            toReturn.push(\n                                h(VvButton, {\n                                    label: confirmLabel ?? $t('action.proceed'),\n                                    disabled: passphrase\n                                        ? passphrase !== passphraseText.value\n                                        : false,\n                                    onClick: () => {\n                                        resolve(true)\n                                        isOpen.value = false\n                                    },\n                                }),\n                            )\n                            return toReturn\n                        }),\n                },\n            )\n        })\n    }\n\n    return { openDialogConfirm }\n}\n","<script setup lang=\"ts\">\n    import { ref, nextTick } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type { Chat as Conversation, UIChatMessage } from 'models'\n    import { stripMarkdown, getTextPart } from 'utils'\n    import { useChatbotStore, useDialogConfirm } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { conversations, localChatId } = storeToRefs(store)\n    const { navigate, startNewChat, renameChatTitle, deleteChat } = store\n\n    const editingId = ref<string | null>(null)\n    const editingTitle = ref('')\n    const renameInputEl = ref<HTMLInputElement[]>()\n\n    const openConversation = (id: string) => {\n        if (editingId.value) {\n            return\n        }\n        localChatId.value = id\n        navigate('chat')\n    }\n\n    const isCurrentConversation = (conversation: Conversation) => {\n        return localChatId.value === conversation.id\n    }\n\n    const getLastMessage = (\n        messages: UIChatMessage[],\n        role: 'user' | 'assistant',\n    ) => {\n        return stripMarkdown(\n            getTextPart(messages.filter((m) => m.role === role).slice(-1)[0]) ||\n                '',\n        )\n    }\n\n    const startEdit = (conversation: Conversation) => {\n        editingId.value = conversation.id\n        editingTitle.value =\n            stripMarkdown(conversation.title) ||\n            getLastMessage(conversation.messages, 'assistant') ||\n            ''\n        nextTick(() => {\n            if (renameInputEl.value?.[0]) {\n                renameInputEl.value?.[0]?.focus()\n                renameInputEl.value?.[0]?.select()\n            }\n        })\n    }\n\n    const confirmEdit = async (id: string) => {\n        const trimmed = editingTitle.value.trim()\n        editingId.value = null\n        if (trimmed && trimmed.length <= 255) {\n            try {\n                await renameChatTitle(id, trimmed)\n            } catch {\n                // Revert optimistically: reload will pick up server state\n            }\n        }\n    }\n\n    const cancelEdit = () => {\n        editingId.value = null\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n    const handleDelete = async (id: string) => {\n        try {\n            const proceed = await openDialogConfirm()\n            if (!proceed) {\n                return\n            }\n            await deleteChat(id)\n        } catch {\n            // Silently fail: next load will reconcile\n        }\n    }\n</script>\n\n<template>\n    <div\n        class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-sm relative\">\n        <div\n            v-if=\"conversations.length === 0\"\n            class=\"flex justify-center p-lg text-word-3 text-sm\">\n            {{ $t('message.noConversations') }}\n        </div>\n        <ul\n            v-else\n            class=\"flex flex-col min-h-0 gap-8 overflow-auto px-8 pb-8 light-scrollbar pb-64\">\n            <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n                <button\n                    type=\"button\"\n                    class=\"rounded-md border p-10 cursor-pointer block w-full transition-colors text-14 leading-relaxed border-b border-surface-3 hover:border-surface-5 hover:bg-surface-1 focus-within:border-word\"\n                    :class=\"{\n                        'bg-surface-2 border-surface-5':\n                            isCurrentConversation(conversation),\n                    }\"\n                    @click=\"openConversation(conversation.id)\">\n                    <div class=\"flex items-center gap-8\">\n                        <template v-if=\"editingId === conversation.id\">\n                            <input\n                                ref=\"renameInputEl\"\n                                v-model=\"editingTitle\"\n                                class=\"flex-1 placeholder:text-word-4 leading-none\"\n                                :placeholder=\"$t('placeholder.insert')\"\n                                :maxlength=\"255\"\n                                @click.stop\n                                @keydown.enter.prevent=\"\n                                    confirmEdit(conversation.id)\n                                \"\n                                @keydown.esc.prevent=\"cancelEdit()\" />\n                            <VvButton\n                                icon=\"ri:save-line\"\n                                :label=\"$t('action.save')\"\n                                modifiers=\"action-small\"\n                                @click.stop=\"confirmEdit(conversation.id)\" />\n                        </template>\n                        <template v-else>\n                            <strong class=\"font-bold truncate block flex-1\">\n                                {{\n                                    stripMarkdown(conversation.title) ||\n                                    getLastMessage(\n                                        conversation.messages,\n                                        'assistant',\n                                    )\n                                }}\n                            </strong>\n                            <PkRelativeTime\n                                class=\"text-word-4 text-smaller shrink-0\"\n                                :date=\"conversation.lastMessageAt\" />\n                            <div @click.stop>\n                                <VvDropdown\n                                    v-bind=\"{\n                                        placement: 'bottom-end',\n                                        modifiers: 'menu',\n                                        flip: true,\n                                        offset: 3,\n                                        strategy: 'fixed',\n                                    }\">\n                                    <VvButton\n                                        icon=\"ri:more-2-fill\"\n                                        :title=\"$t('action.moreActions')\"\n                                        modifiers=\"action-quiet-small\" />\n                                    <template #items>\n                                        <VvDropdownAction\n                                            @click=\"startEdit(conversation)\">\n                                            <VvIcon name=\"ri:pencil-line\" />\n                                            {{ $t('action.renameChat') }}\n                                        </VvDropdownAction>\n                                        <VvDropdownAction\n                                            @click=\"\n                                                handleDelete(conversation.id)\n                                            \">\n                                            <VvIcon name=\"ri:delete-bin-line\" />\n                                            {{ $t('action.delete') }}\n                                        </VvDropdownAction>\n                                    </template>\n                                </VvDropdown>\n                            </div>\n                        </template>\n                    </div>\n                    <span\n                        v-if=\"editingId !== conversation.id\"\n                        class=\"text-12 text-word-4 line-clamp-2\">\n                        {{\n                            stripMarkdown(conversation.summary) ||\n                            getLastMessage(conversation.messages, 'user')\n                        }}\n                    </span>\n                </button>\n            </li>\n        </ul>\n        <div\n            class=\"absolute bottom-0 left-0 right-0 flex justify-center px-16 pb-16 pt-32 bg-gradient-to-t\">\n            <VvButton\n                class=\"text-14\"\n                modifiers=\"rounded\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { ref, nextTick } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type { Chat as Conversation, UIChatMessage } from 'models'\n    import { stripMarkdown, getTextPart } from 'utils'\n    import { useChatbotStore, useDialogConfirm } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { conversations, localChatId } = storeToRefs(store)\n    const { navigate, startNewChat, renameChatTitle, deleteChat } = store\n\n    const editingId = ref<string | null>(null)\n    const editingTitle = ref('')\n    const renameInputEl = ref<HTMLInputElement[]>()\n\n    const openConversation = (id: string) => {\n        if (editingId.value) {\n            return\n        }\n        localChatId.value = id\n        navigate('chat')\n    }\n\n    const isCurrentConversation = (conversation: Conversation) => {\n        return localChatId.value === conversation.id\n    }\n\n    const getLastMessage = (\n        messages: UIChatMessage[],\n        role: 'user' | 'assistant',\n    ) => {\n        return stripMarkdown(\n            getTextPart(messages.filter((m) => m.role === role).slice(-1)[0]) ||\n                '',\n        )\n    }\n\n    const startEdit = (conversation: Conversation) => {\n        editingId.value = conversation.id\n        editingTitle.value =\n            stripMarkdown(conversation.title) ||\n            getLastMessage(conversation.messages, 'assistant') ||\n            ''\n        nextTick(() => {\n            if (renameInputEl.value?.[0]) {\n                renameInputEl.value?.[0]?.focus()\n                renameInputEl.value?.[0]?.select()\n            }\n        })\n    }\n\n    const confirmEdit = async (id: string) => {\n        const trimmed = editingTitle.value.trim()\n        editingId.value = null\n        if (trimmed && trimmed.length <= 255) {\n            try {\n                await renameChatTitle(id, trimmed)\n            } catch {\n                // Revert optimistically: reload will pick up server state\n            }\n        }\n    }\n\n    const cancelEdit = () => {\n        editingId.value = null\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n    const handleDelete = async (id: string) => {\n        try {\n            const proceed = await openDialogConfirm()\n            if (!proceed) {\n                return\n            }\n            await deleteChat(id)\n        } catch {\n            // Silently fail: next load will reconcile\n        }\n    }\n</script>\n\n<template>\n    <div\n        class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-sm relative\">\n        <div\n            v-if=\"conversations.length === 0\"\n            class=\"flex justify-center p-lg text-word-3 text-sm\">\n            {{ $t('message.noConversations') }}\n        </div>\n        <ul\n            v-else\n            class=\"flex flex-col min-h-0 gap-8 overflow-auto px-8 pb-8 light-scrollbar pb-64\">\n            <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n                <button\n                    type=\"button\"\n                    class=\"rounded-md border p-10 cursor-pointer block w-full transition-colors text-14 leading-relaxed border-b border-surface-3 hover:border-surface-5 hover:bg-surface-1 focus-within:border-word\"\n                    :class=\"{\n                        'bg-surface-2 border-surface-5':\n                            isCurrentConversation(conversation),\n                    }\"\n                    @click=\"openConversation(conversation.id)\">\n                    <div class=\"flex items-center gap-8\">\n                        <template v-if=\"editingId === conversation.id\">\n                            <input\n                                ref=\"renameInputEl\"\n                                v-model=\"editingTitle\"\n                                class=\"flex-1 placeholder:text-word-4 leading-none\"\n                                :placeholder=\"$t('placeholder.insert')\"\n                                :maxlength=\"255\"\n                                @click.stop\n                                @keydown.enter.prevent=\"\n                                    confirmEdit(conversation.id)\n                                \"\n                                @keydown.esc.prevent=\"cancelEdit()\" />\n                            <VvButton\n                                icon=\"ri:save-line\"\n                                :label=\"$t('action.save')\"\n                                modifiers=\"action-small\"\n                                @click.stop=\"confirmEdit(conversation.id)\" />\n                        </template>\n                        <template v-else>\n                            <strong class=\"font-bold truncate block flex-1\">\n                                {{\n                                    stripMarkdown(conversation.title) ||\n                                    getLastMessage(\n                                        conversation.messages,\n                                        'assistant',\n                                    )\n                                }}\n                            </strong>\n                            <PkRelativeTime\n                                class=\"text-word-4 text-smaller shrink-0\"\n                                :date=\"conversation.lastMessageAt\" />\n                            <div @click.stop>\n                                <VvDropdown\n                                    v-bind=\"{\n                                        placement: 'bottom-end',\n                                        modifiers: 'menu',\n                                        flip: true,\n                                        offset: 3,\n                                        strategy: 'fixed',\n                                    }\">\n                                    <VvButton\n                                        icon=\"ri:more-2-fill\"\n                                        :title=\"$t('action.moreActions')\"\n                                        modifiers=\"action-quiet-small\" />\n                                    <template #items>\n                                        <VvDropdownAction\n                                            @click=\"startEdit(conversation)\">\n                                            <VvIcon name=\"ri:pencil-line\" />\n                                            {{ $t('action.renameChat') }}\n                                        </VvDropdownAction>\n                                        <VvDropdownAction\n                                            @click=\"\n                                                handleDelete(conversation.id)\n                                            \">\n                                            <VvIcon name=\"ri:delete-bin-line\" />\n                                            {{ $t('action.delete') }}\n                                        </VvDropdownAction>\n                                    </template>\n                                </VvDropdown>\n                            </div>\n                        </template>\n                    </div>\n                    <span\n                        v-if=\"editingId !== conversation.id\"\n                        class=\"text-12 text-word-4 line-clamp-2\">\n                        {{\n                            stripMarkdown(conversation.summary) ||\n                            getLastMessage(conversation.messages, 'user')\n                        }}\n                    </span>\n                </button>\n            </li>\n        </ul>\n        <div\n            class=\"absolute bottom-0 left-0 right-0 flex justify-center px-16 pb-16 pt-32 bg-gradient-to-t\">\n            <VvButton\n                class=\"text-14\"\n                modifiers=\"rounded\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkChatbotViewConversations-B9KC-0ir.js","names":[],"sources":["../../../../packages/composable/src/useDialog.ts","../../../../packages/composable/src/useDialogConfirm.ts","../../../../packages/components/src/chat/PkChatbotViewConversations.vue","../../../../packages/components/src/chat/PkChatbotViewConversations.vue"],"sourcesContent":["import { VvDialog } from '@volverjs/ui-vue/components'\nimport { defineComponent, h, nextTick, ref, type VNode } from 'vue'\n\ntype DialogProps = {\n    title?: string\n    transition?: string\n    size?: 'small' | 'standard' | 'fullscreen'\n    role?: 'alert' | 'alertdialog'\n    keepOpen?: boolean\n}\n\ntype DialogSlots = {\n    footer?: () => VNode | string\n    header?: () => VNode | string\n    default?: () => VNode | string | VNode[] | string[]\n}\n\nconst isOpen = ref(false)\nconst title = ref<DialogProps['title']>()\nconst transition = ref<DialogProps['transition']>()\nconst size = ref<DialogProps['size']>()\nconst keepOpen = ref<DialogProps['keepOpen']>(false)\nconst role = ref<DialogProps['role']>()\nconst slots = ref<DialogSlots>()\n\nexport const useDialog = () => {\n    const onUpdateModelValue = (value: boolean) => {\n        isOpen.value = value\n    }\n\n    const onAfterLeave = () => {\n        title.value = undefined\n        transition.value = undefined\n        size.value = undefined\n        keepOpen.value = undefined\n        role.value = undefined\n        slots.value = undefined\n    }\n\n    const PkGlobalDialog = defineComponent({\n        name: 'PkGlobalDialog',\n        render: () =>\n            h(\n                VvDialog,\n                {\n                    modelValue: isOpen.value,\n                    title: title.value,\n                    transition: transition.value,\n                    size: size.value,\n                    keepOpen: keepOpen.value,\n                    role: role.value,\n                    'onUpdate:modelValue': onUpdateModelValue,\n                    onAfterLeave: onAfterLeave,\n                },\n                slots.value,\n            ),\n    })\n\n    const openDialog = (newProps: DialogProps, newSlots?: DialogSlots) => {\n        title.value = newProps?.title\n        transition.value = newProps?.transition\n        size.value = newProps?.size\n        keepOpen.value = newProps?.keepOpen ?? false\n        role.value = newProps?.role\n        slots.value = newSlots\n        nextTick(() => {\n            isOpen.value = true\n        })\n        return isOpen\n    }\n\n    return { PkGlobalDialog, openDialog, isOpen }\n}\n","import { h, ref, VNode } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport {\n    VvButton,\n    VvButtonGroup,\n    VvInputText,\n} from '@volverjs/ui-vue/components'\nimport { useDialog } from './useDialog'\n\nexport const useDialogConfirm = () => {\n    const { openDialog } = useDialog()\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    const openDialogConfirm = ({\n        emitReject = false,\n        confirmLabel,\n        cancelLabel,\n        questionLabel,\n        onlyConfirm = false,\n        passphrase,\n        passphraseLabel,\n        passphraseHint,\n        title,\n    }: {\n        emitReject?: boolean\n        confirmLabel?: string\n        cancelLabel?: string\n        questionLabel?: string\n        onlyConfirm?: boolean\n        passphrase?: string\n        passphraseLabel?: string\n        passphraseHint?: string\n        title?: string\n    } = {}) => {\n        return new Promise<boolean>((resolve, reject) => {\n            const passphraseText = ref<string>()\n            const isOpen = openDialog(\n                {\n                    role: 'alertdialog',\n                    size: 'small',\n                    keepOpen: true,\n                    title,\n                },\n                {\n                    default: () =>\n                        h('div', [\n                            h(\n                                'div',\n                                {\n                                    class: 'mb-sm',\n                                    style: 'white-space: pre-line',\n                                },\n                                questionLabel ?? $t('message.confirm'),\n                            ),\n                            passphrase\n                                ? h(VvInputText, {\n                                      modelValue: passphraseText.value,\n                                      'onUpdate:modelValue': (\n                                          value: string,\n                                      ) => {\n                                          passphraseText.value = value\n                                      },\n                                      type: 'text',\n                                      name: 'passphrase',\n                                      class: 'mb-0',\n                                      floating: true,\n                                      label:\n                                          passphraseLabel ??\n                                          $t('label.passphrase'),\n                                      hintLabel:\n                                          passphraseHint ??\n                                          $t('hint.passphrase', { passphrase }),\n                                  })\n                                : undefined,\n                        ]),\n                    footer: () =>\n                        h(VvButtonGroup, () => {\n                            const toReturn: VNode[] = []\n                            if (!onlyConfirm) {\n                                toReturn.push(\n                                    h(VvButton, {\n                                        label:\n                                            cancelLabel ?? $t('action.cancel'),\n                                        modifiers: 'ghost',\n                                        onClick: () => {\n                                            if (emitReject) {\n                                                reject()\n                                            }\n                                            resolve(false)\n                                            isOpen.value = false\n                                        },\n                                    }),\n                                )\n                            }\n                            toReturn.push(\n                                h(VvButton, {\n                                    label: confirmLabel ?? $t('action.proceed'),\n                                    disabled: passphrase\n                                        ? passphrase !== passphraseText.value\n                                        : false,\n                                    onClick: () => {\n                                        resolve(true)\n                                        isOpen.value = false\n                                    },\n                                }),\n                            )\n                            return toReturn\n                        }),\n                },\n            )\n        })\n    }\n\n    return { openDialogConfirm }\n}\n","<script setup lang=\"ts\">\n    import { ref, nextTick } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type { Chat as Conversation, UIChatMessage } from 'models'\n    import { stripMarkdown, getTextPart } from 'utils'\n    import { useChatbotStore, useDialogConfirm } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { conversations, localChatId } = storeToRefs(store)\n    const { navigate, startNewChat, renameChatTitle, deleteChat } = store\n\n    const editingId = ref<string | null>(null)\n    const editingTitle = ref('')\n    const renameInputEl = ref<HTMLInputElement[]>()\n\n    const openConversation = (id: string) => {\n        if (editingId.value) {\n            return\n        }\n        localChatId.value = id\n        navigate('chat')\n    }\n\n    const isCurrentConversation = (conversation: Conversation) => {\n        return localChatId.value === conversation.id\n    }\n\n    const getLastMessage = (\n        messages: UIChatMessage[],\n        role: 'user' | 'assistant',\n    ) => {\n        return stripMarkdown(\n            getTextPart(messages.filter((m) => m.role === role).slice(-1)[0]) ||\n                '',\n        )\n    }\n\n    const startEdit = (conversation: Conversation) => {\n        editingId.value = conversation.id\n        editingTitle.value =\n            stripMarkdown(conversation.title) ||\n            getLastMessage(conversation.messages, 'assistant') ||\n            ''\n        nextTick(() => {\n            if (renameInputEl.value?.[0]) {\n                renameInputEl.value?.[0]?.focus()\n                renameInputEl.value?.[0]?.select()\n            }\n        })\n    }\n\n    const confirmEdit = async (id: string) => {\n        const trimmed = editingTitle.value.trim()\n        editingId.value = null\n        if (trimmed && trimmed.length <= 255) {\n            try {\n                await renameChatTitle(id, trimmed)\n            } catch {\n                // Revert optimistically: reload will pick up server state\n            }\n        }\n    }\n\n    const cancelEdit = () => {\n        editingId.value = null\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n    const handleDelete = async (id: string) => {\n        try {\n            const proceed = await openDialogConfirm()\n            if (!proceed) {\n                return\n            }\n            await deleteChat(id)\n        } catch {\n            // Silently fail: next load will reconcile\n        }\n    }\n</script>\n\n<template>\n    <div\n        class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-sm relative\">\n        <div\n            v-if=\"conversations.length === 0\"\n            class=\"flex justify-center p-lg text-word-3 text-sm\">\n            {{ $t('message.noConversations') }}\n        </div>\n        <ul\n            v-else\n            class=\"flex flex-col min-h-0 gap-8 overflow-auto px-8 pb-8 light-scrollbar pb-64\">\n            <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n                <button\n                    type=\"button\"\n                    class=\"rounded-md border p-10 cursor-pointer block w-full transition-colors text-14 leading-relaxed border-b border-surface-3 hover:border-surface-5 hover:bg-surface-1 focus-within:border-word\"\n                    :class=\"{\n                        'bg-surface-2 border-surface-5':\n                            isCurrentConversation(conversation),\n                    }\"\n                    @click=\"openConversation(conversation.id)\">\n                    <div class=\"flex items-center gap-8\">\n                        <template v-if=\"editingId === conversation.id\">\n                            <input\n                                ref=\"renameInputEl\"\n                                v-model=\"editingTitle\"\n                                class=\"flex-1 placeholder:text-word-4 leading-none\"\n                                :placeholder=\"$t('placeholder.insert')\"\n                                :maxlength=\"255\"\n                                @click.stop\n                                @keydown.enter.prevent=\"\n                                    confirmEdit(conversation.id)\n                                \"\n                                @keydown.esc.prevent=\"cancelEdit()\" />\n                            <VvButton\n                                icon=\"ri:save-line\"\n                                :label=\"$t('action.save')\"\n                                modifiers=\"action-small\"\n                                @click.stop=\"confirmEdit(conversation.id)\" />\n                        </template>\n                        <template v-else>\n                            <strong class=\"font-bold truncate block flex-1\">\n                                {{\n                                    stripMarkdown(conversation.title) ||\n                                    getLastMessage(\n                                        conversation.messages,\n                                        'assistant',\n                                    )\n                                }}\n                            </strong>\n                            <PkRelativeTime\n                                class=\"text-word-4 text-smaller shrink-0\"\n                                :date=\"conversation.lastMessageAt\" />\n                            <div @click.stop>\n                                <VvDropdown\n                                    v-bind=\"{\n                                        placement: 'bottom-end',\n                                        modifiers: 'menu',\n                                        flip: true,\n                                        offset: 3,\n                                        strategy: 'fixed',\n                                    }\">\n                                    <VvButton\n                                        icon=\"ri:more-2-fill\"\n                                        :title=\"$t('action.moreActions')\"\n                                        modifiers=\"action-quiet-small\" />\n                                    <template #items>\n                                        <VvDropdownAction\n                                            @click=\"startEdit(conversation)\">\n                                            <VvIcon name=\"ri:pencil-line\" />\n                                            {{ $t('action.renameChat') }}\n                                        </VvDropdownAction>\n                                        <VvDropdownAction\n                                            @click=\"\n                                                handleDelete(conversation.id)\n                                            \">\n                                            <VvIcon name=\"ri:delete-bin-line\" />\n                                            {{ $t('action.delete') }}\n                                        </VvDropdownAction>\n                                    </template>\n                                </VvDropdown>\n                            </div>\n                        </template>\n                    </div>\n                    <span\n                        v-if=\"editingId !== conversation.id\"\n                        class=\"text-12 text-word-4 line-clamp-2\">\n                        {{\n                            stripMarkdown(conversation.summary) ||\n                            getLastMessage(conversation.messages, 'user')\n                        }}\n                    </span>\n                </button>\n            </li>\n        </ul>\n        <div\n            class=\"absolute bottom-0 left-0 right-0 flex justify-center px-16 pb-16 pt-32 bg-gradient-to-t\">\n            <VvButton\n                class=\"text-14\"\n                modifiers=\"rounded\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { ref, nextTick } from 'vue'\n    import { storeToRefs } from 'pinia'\n    import { useI18n } from 'vue-i18n'\n    import type { Chat as Conversation, UIChatMessage } from 'models'\n    import { stripMarkdown, getTextPart } from 'utils'\n    import { useChatbotStore, useDialogConfirm } from 'composables'\n    import PkRelativeTime from '../PkRelativeTime.vue'\n\n    const props = defineProps<{ agentId: string }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const store = useChatbotStore(props.agentId)\n    const { conversations, localChatId } = storeToRefs(store)\n    const { navigate, startNewChat, renameChatTitle, deleteChat } = store\n\n    const editingId = ref<string | null>(null)\n    const editingTitle = ref('')\n    const renameInputEl = ref<HTMLInputElement[]>()\n\n    const openConversation = (id: string) => {\n        if (editingId.value) {\n            return\n        }\n        localChatId.value = id\n        navigate('chat')\n    }\n\n    const isCurrentConversation = (conversation: Conversation) => {\n        return localChatId.value === conversation.id\n    }\n\n    const getLastMessage = (\n        messages: UIChatMessage[],\n        role: 'user' | 'assistant',\n    ) => {\n        return stripMarkdown(\n            getTextPart(messages.filter((m) => m.role === role).slice(-1)[0]) ||\n                '',\n        )\n    }\n\n    const startEdit = (conversation: Conversation) => {\n        editingId.value = conversation.id\n        editingTitle.value =\n            stripMarkdown(conversation.title) ||\n            getLastMessage(conversation.messages, 'assistant') ||\n            ''\n        nextTick(() => {\n            if (renameInputEl.value?.[0]) {\n                renameInputEl.value?.[0]?.focus()\n                renameInputEl.value?.[0]?.select()\n            }\n        })\n    }\n\n    const confirmEdit = async (id: string) => {\n        const trimmed = editingTitle.value.trim()\n        editingId.value = null\n        if (trimmed && trimmed.length <= 255) {\n            try {\n                await renameChatTitle(id, trimmed)\n            } catch {\n                // Revert optimistically: reload will pick up server state\n            }\n        }\n    }\n\n    const cancelEdit = () => {\n        editingId.value = null\n    }\n\n    const { openDialogConfirm } = useDialogConfirm()\n    const handleDelete = async (id: string) => {\n        try {\n            const proceed = await openDialogConfirm()\n            if (!proceed) {\n                return\n            }\n            await deleteChat(id)\n        } catch {\n            // Silently fail: next load will reconcile\n        }\n    }\n</script>\n\n<template>\n    <div\n        class=\"flex flex-col flex-1 min-h-0 overflow-y-auto p-md gap-sm relative\">\n        <div\n            v-if=\"conversations.length === 0\"\n            class=\"flex justify-center p-lg text-word-3 text-sm\">\n            {{ $t('message.noConversations') }}\n        </div>\n        <ul\n            v-else\n            class=\"flex flex-col min-h-0 gap-8 overflow-auto px-8 pb-8 light-scrollbar pb-64\">\n            <li v-for=\"conversation in conversations\" :key=\"conversation.id\">\n                <button\n                    type=\"button\"\n                    class=\"rounded-md border p-10 cursor-pointer block w-full transition-colors text-14 leading-relaxed border-b border-surface-3 hover:border-surface-5 hover:bg-surface-1 focus-within:border-word\"\n                    :class=\"{\n                        'bg-surface-2 border-surface-5':\n                            isCurrentConversation(conversation),\n                    }\"\n                    @click=\"openConversation(conversation.id)\">\n                    <div class=\"flex items-center gap-8\">\n                        <template v-if=\"editingId === conversation.id\">\n                            <input\n                                ref=\"renameInputEl\"\n                                v-model=\"editingTitle\"\n                                class=\"flex-1 placeholder:text-word-4 leading-none\"\n                                :placeholder=\"$t('placeholder.insert')\"\n                                :maxlength=\"255\"\n                                @click.stop\n                                @keydown.enter.prevent=\"\n                                    confirmEdit(conversation.id)\n                                \"\n                                @keydown.esc.prevent=\"cancelEdit()\" />\n                            <VvButton\n                                icon=\"ri:save-line\"\n                                :label=\"$t('action.save')\"\n                                modifiers=\"action-small\"\n                                @click.stop=\"confirmEdit(conversation.id)\" />\n                        </template>\n                        <template v-else>\n                            <strong class=\"font-bold truncate block flex-1\">\n                                {{\n                                    stripMarkdown(conversation.title) ||\n                                    getLastMessage(\n                                        conversation.messages,\n                                        'assistant',\n                                    )\n                                }}\n                            </strong>\n                            <PkRelativeTime\n                                class=\"text-word-4 text-smaller shrink-0\"\n                                :date=\"conversation.lastMessageAt\" />\n                            <div @click.stop>\n                                <VvDropdown\n                                    v-bind=\"{\n                                        placement: 'bottom-end',\n                                        modifiers: 'menu',\n                                        flip: true,\n                                        offset: 3,\n                                        strategy: 'fixed',\n                                    }\">\n                                    <VvButton\n                                        icon=\"ri:more-2-fill\"\n                                        :title=\"$t('action.moreActions')\"\n                                        modifiers=\"action-quiet-small\" />\n                                    <template #items>\n                                        <VvDropdownAction\n                                            @click=\"startEdit(conversation)\">\n                                            <VvIcon name=\"ri:pencil-line\" />\n                                            {{ $t('action.renameChat') }}\n                                        </VvDropdownAction>\n                                        <VvDropdownAction\n                                            @click=\"\n                                                handleDelete(conversation.id)\n                                            \">\n                                            <VvIcon name=\"ri:delete-bin-line\" />\n                                            {{ $t('action.delete') }}\n                                        </VvDropdownAction>\n                                    </template>\n                                </VvDropdown>\n                            </div>\n                        </template>\n                    </div>\n                    <span\n                        v-if=\"editingId !== conversation.id\"\n                        class=\"text-12 text-word-4 line-clamp-2\">\n                        {{\n                            stripMarkdown(conversation.summary) ||\n                            getLastMessage(conversation.messages, 'user')\n                        }}\n                    </span>\n                </button>\n            </li>\n        </ul>\n        <div\n            class=\"absolute bottom-0 left-0 right-0 flex justify-center px-16 pb-16 pt-32 bg-gradient-to-t\">\n            <VvButton\n                class=\"text-14\"\n                modifiers=\"rounded\"\n                :label=\"$t('action.startNewChat')\"\n                @click.stop=\"startNewChat()\" />\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkChatbotViewProfile-pSKOgtIR.js → PkChatbotViewProfile-C0q898hz.js}

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

package/dist-vue/_chunks/{PkChatbotViewProfile-pSKOgtIR.js.map → PkChatbotViewProfile-C0q898hz.js.map}

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