@8wave/ai-elements 0.71.0 → 0.74.0

package/README.md

@@ -211,21 +211,25 @@ import PkChatbot from '@8wave/ai-elements/vue/PkChatbot'
 
 ### `PkChatbot` props
 
-| Prop            | Type                         | Required | Description                                                    |
-| --------------- | ---------------------------- | -------- | -------------------------------------------------------------- |
-| `baseUrl`       | `string`                     | ✅       | Base URL of the Eight Wave backend API.                             |
-| `agentId`       | `string`                     | ✅       | Unique identifier of the AI agent.                             |
-| `agentType`     | `'chat' \| 'reasoning'`      | ❌       | Enables reasoning mode (hides feedback actions).               |
-| `userId`        | `string`                     | ❌       | Optional user identifier forwarded to the backend.             |
-| `name`          | `string`                     | ❌       | Display name shown in the chat header.                         |
-| `model`         | `string`                     | ❌       | Override the default language model.                           |
-| `agentModel`    | `AgentModel`                 | ❌       | Full model configuration object.                               |
-| `agentTools`    | `AgentTools`                 | ❌       | Tool configuration exposed to the agent.                       |
-| `agentInterface`| `AgentInterface`             | ❌       | Interface customization (colors, placeholder text, etc.).      |
-| `actions`       | `ChatMessageActions[]`       | ❌       | Actions available on each message (`'upvote'`, `'downvote'`, `'copy'`, `'feedback'`, …). |
-| `revisedAnswers`| `RevisedAnswer[]`            | ❌       | List of revised answers to display inline.                     |
-| `headers`       | `Record<string, string>`     | ❌       | Extra HTTP headers forwarded to every API request.             |
-| `systemTheme`   | `'light' \| 'dark'`          | ❌       | Override the OS color scheme preference.                       |
+| Prop              | Type                                  | Required | Description                                                    |
+| ----------------- | ------------------------------------- | -------- | -------------------------------------------------------------- |
+| `baseUrl`         | `string`                              | ✅       | Base URL of the Eight Wave backend API.                             |
+| `basePath`        | `string`                              | ❌       | Path prefix appended to `baseUrl` for all API requests.        |
+| `agentId`         | `string`                              | ✅       | Unique identifier of the AI agent.                             |
+| `agentType`       | `'chat' \| 'reasoning'`              | ❌       | Enables reasoning mode (hides feedback actions).               |
+| `userId`          | `string`                              | ❌       | Optional user identifier forwarded to the backend.             |
+| `name`            | `string`                              | ❌       | Display name shown in the chat header.                         |
+| `model`           | `string`                              | ❌       | Override the default language model.                           |
+| `agentModel`      | `AgentModel`                          | ❌       | Full model configuration object.                               |
+| `agentTools`      | `AgentTools`                          | ❌       | Tool configuration exposed to the agent.                       |
+| `agentInterface`  | `AgentInterface`                      | ❌       | Interface customization (colors, placeholder text, etc.).      |
+| `actions`         | `ChatMessageActions[]`                | ❌       | Actions available on each message (`'upvote'`, `'downvote'`, `'copy'`, `'feedback'`, …). |
+| `revisedAnswers`  | `RevisedAnswer[]`                     | ❌       | List of revised answers to display inline.                     |
+| `headers`         | `Record<string, string>`              | ❌       | Extra HTTP headers forwarded to every API request.             |
+| `systemTheme`     | `'light' \| 'dark'`                  | ❌       | Override the OS color scheme preference.                       |
+| `agentFileUpload` | `AgentFileUpload`                     | ❌       | File upload configuration (accepted types, size limits).       |
+| `fallbackModels`  | `string[]`                            | ❌       | Ordered list of fallback model identifiers.                    |
+| `gatewayOptions`  | `Partial<AgentGatewayOptions>`        | ❌       | Gateway-level options (routing, caching, etc.).                |
 
 ### `PkChatbot` v-model
 
@@ -430,6 +434,12 @@ const agent = await client.getAgent('my-org', 'my-agent-id')
 // Fetch an existing conversation
 const chat = await client.getChat('my-agent-id', 'my-chat-id')
 
+// Rename a conversation
+await client.updateChatTitle('my-agent-id', 'my-chat-id', 'New Title')
+
+// Delete a conversation
+await client.deleteChat('my-agent-id', 'my-chat-id')
+
 // Submit a message feedback
 await client.submitMessageFeedback({
     messageId: 'msg-123',
@@ -461,6 +471,8 @@ const endpoint = client.getChatEndpoint('my-agent-id')
 | `getAgent`              | `(orgSlug, agentId) => Promise<AgentPublic>`                              | Fetches the public agent configuration.                            |
 | `getConversations`      | `(agentId, userId?) => Promise<Chat[]>`                                   | Returns the last 100 conversations for the given agent / user.     |
 | `getChat`               | `(agentId, chatId) => Promise<Chat \| null>`                              | Fetches a single conversation. Returns `null` when not found (204).  |
+| `updateChatTitle`       | `(agentId, chatId, title) => Promise<Chat>`                               | Updates the title of a conversation.                               |
+| `deleteChat`            | `(agentId, chatId) => Promise<void>`                                      | Deletes (soft-deletes) a conversation.                             |
 | `getMessageFeedbacks`   | `(chatId) => Promise<MessageFeedback[]>`                                  | Returns all feedback entries for a conversation.                   |
 | `submitMessageFeedback` | `(payload: SubmitFeedbackPayload) => Promise<MessageFeedback>`            | Creates or updates a feedback entry for a message.                 |
 | `submitLead`            | `(payload: SubmitLeadPayload) => Promise<void>`                           | Submits a lead form associated with the current conversation.      |
@@ -468,6 +480,10 @@ const endpoint = client.getChatEndpoint('my-agent-id')
 | `uploadMedia`           | `(agentId, chatId, file: File) => Promise<MediaSource>`                   | Uploads a file to a conversation and returns its media source metadata.   |
 | `getMediaUrl`           | `(agentId, chatId, storedFileName) => string`                             | Returns the authenticated URL for viewing an uploaded media file.         |
 | `appendAuthToken`       | `(url) => string`                                                         | Appends the current Bearer token as a `token` query parameter to a URL.  |
+| `expandSourceContext`   | `(agentId, documentId, chunkIndex, windowSize?) => Promise<{ content: string }>` | Fetches expanded context around a source chunk.               |
+| `downloadSourceDocument`| `(agentId, documentId) => Promise<{ downloadUrl, filename, mimeType }>`   | Returns a download URL for a source document.                      |
+| `reverseGeocode`        | `(lat, lon, lang?) => Promise<string \| undefined>`                       | Resolves coordinates to a display name.                            |
+| `forwardGeocode`        | `(query, lang?) => Promise<{ latitude, longitude, displayName } \| undefined>` | Resolves a text query to coordinates.                         |
 
 ---
 
@@ -520,6 +536,12 @@ await store.initialize('my-agent-id', store.localChatId)
 store.input = 'Hello!'
 await store.handleSubmit()
 
+// Rename a conversation
+await store.renameChatTitle('chat-id', 'New Title')
+
+// Delete a conversation
+await store.deleteChat('chat-id')
+
 // Navigate between views
 store.navigate('conversations')
 ```
@@ -535,7 +557,32 @@ store.navigate('conversations')
 | `localChatId`          | `WritableComputedRef<string>`   | Active conversation ID, persisted to `localStorage`.              |
 | `input`                | `Ref<string>`                   | Current value of the text input.                                  |
 | `activeView`           | `Ref<'chat' \| 'conversations' \| 'profile'>` | Currently visible view.                           |
+| `pendingAttachments`   | `Ref<PendingAttachment[]>`      | Files queued for upload or already uploaded.                       |
+| `isConversationBlocked`| `Ref<boolean>`                  | Whether the current conversation is blocked.                      |
+| `chatError`            | `Ref<Error \| undefined>`      | Latest chat error, if any.                                        |
 | `isLeadSubmitted`      | `Ref<boolean>`                  | Whether the lead form was submitted successfully.                 |
 | `messageFeedbacks`     | `Ref<MessageFeedback[]>`        | Feedback entries for the current conversation.                    |
 
+### Store actions
+
+| Action                 | Signature                                        | Description                                                       |
+| ---------------------- | ------------------------------------------------ | ----------------------------------------------------------------- |
+| `initialize`           | `(agentId, chatId) => Promise<void>`             | Loads conversation, feedbacks, and agent config.                  |
+| `loadConversations`    | `(agentId) => Promise<void>`                     | Fetches the conversation list for the agent.                      |
+| `handleSubmit`         | `(options?) => Promise<void>`                    | Sends the current input as a message.                             |
+| `stopGeneration`       | `() => Promise<void>`                            | Aborts the current streaming response.                            |
+| `startNewChat`         | `() => Promise<string>`                          | Clears state and generates a new chat ID.                         |
+| `regenerate`           | `(options?) => Promise<void>`                    | Regenerates the last assistant response.                          |
+| `addToolOutput`        | `(params) => void`                               | Provides output for a pending tool call.                          |
+| `handleFileSelect`     | `(file: File) => Promise<void>`                  | Uploads a file and adds it to pending attachments.                |
+| `clearPendingAttachments` | `(revoke?) => void`                           | Removes all pending attachments.                                  |
+| `onUpvote`             | `(message) => Promise<void>`                     | Submits an upvote for a message.                                  |
+| `onDownvote`           | `(message) => Promise<void>`                     | Submits a downvote for a message.                                 |
+| `onFeedback`           | `(message) => void`                              | Opens the feedback dialog for a message.                          |
+| `onFeedbackSubmit`     | `(comment) => Promise<void>`                     | Submits feedback with a comment.                                  |
+| `onLeadSubmit`         | `(data) => Promise<void>`                        | Submits a lead form.                                              |
+| `navigate`             | `(view) => void`                                 | Switches the active view.                                         |
+| `renameChatTitle`      | `(chatId, title) => Promise<void>`               | Updates the title of a conversation.                              |
+| `deleteChat`           | `(chatId) => Promise<void>`                      | Deletes a conversation and navigates to a new chat if needed.     |
+
 > **Note:** `agentId` is immutable per component lifecycle. If you need to switch agents, use `:key="agentId"` on the parent component to force a remount and a fresh store instance.

package/dist/_chunks/{PkToolShowArtifact-D-dU41VG.js → PkToolShowArtifact-c_vCWUpQ.js}

@@ -1,6 +1,6 @@
 import { Bt as e, C as t, E as n, Gt as r, Z as i, _ as a, ft as o, v as s, w as c, x as l, y as u, yt as d, z as f } from "./vue.runtime.esm-bundler-BmggS4HU.js";
 import { i as p } from "./dist-DtF6poRc.js";
-import { o as m } from "./index.es-Z3Hu-QIb.js";
+import { c as m } from "./index.es-BGFmj59S.js";
 import { t as h } from "./PkStreamingMarkdown-orhL2kzD.js";
 //#region ../../packages/components/src/chat/PkCode.vue?vue&type=script&setup=true&lang.ts
 var g = ["innerHTML"], _ = /* @__PURE__ */ n({
@@ -87,4 +87,4 @@ var g = ["innerHTML"], _ = /* @__PURE__ */ n({
 //#endregion
 export { C as default };
 
-//# sourceMappingURL=PkToolShowArtifact-D-dU41VG.js.map
+//# sourceMappingURL=PkToolShowArtifact-c_vCWUpQ.js.map

package/dist/_chunks/{PkToolShowArtifact-D-dU41VG.js.map → PkToolShowArtifact-c_vCWUpQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowArtifact-D-dU41VG.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\">\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            >\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\">\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            >\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowArtifact-c_vCWUpQ.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\">\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            >\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\">\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            >\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist/_chunks/{PkToolShowCalendarEvent-B33fWbkk.js → PkToolShowCalendarEvent-D2VHu1V3.js}

@@ -1,7 +1,7 @@
 import { $ as e, C as t, E as n, Gt as r, O as i, Vt as a, _ as o, b as s, v as c, w as l, x as u, yt as d, z as f } from "./vue.runtime.esm-bundler-BmggS4HU.js";
 import { n as p } from "./vue-i18n-KvYvoek4.js";
 import { i as m } from "./dist-DtF6poRc.js";
-import { a as h, i as g, n as _, o as v, r as y } from "./index.es-Z3Hu-QIb.js";
+import { c as h, n as g, o as _, r as v, s as y } from "./index.es-BGFmj59S.js";
 import { n as b } from "./src-C_wl-KYN.js";
 //#region ../../packages/components/src/chat/PkToolShowCalendarEvent.vue?vue&type=script&setup=true&lang.ts
 var x = {
@@ -70,7 +70,7 @@ var x = {
 			e.location && t.push(e.location), e.additionalInfo && t.push(e.additionalInfo), L(t.join("\n"));
 		};
 		return (n, o) => {
-			let p = g, m = v, I = y, L = h, z = _;
+			let p = _, m = h, I = v, L = y, z = g;
 			return B.value?.input ? (f(), u("div", x, [c("div", S, [
 				l(p, {
 					name: "ri:calendar-event-line",
@@ -142,4 +142,4 @@ var x = {
 //#endregion
 export { I as default };
 
-//# sourceMappingURL=PkToolShowCalendarEvent-B33fWbkk.js.map
+//# sourceMappingURL=PkToolShowCalendarEvent-D2VHu1V3.js.map

package/dist/_chunks/{PkToolShowCalendarEvent-B33fWbkk.js.map → PkToolShowCalendarEvent-D2VHu1V3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowCalendarEvent-B33fWbkk.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowCalendarEvent.vue","../../../../packages/components/src/chat/PkToolShowCalendarEvent.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useClipboard } from '@vueuse/core'\n    import { isSameSite } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n    const { d } = useI18n()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                startDate: string\n                endDate: string\n                location?: string\n                additionalInfo?: string\n                allDay?: boolean\n            }\n        }\n        return part\n    })\n\n    const dateDisplay = computed(() => {\n        const input = toolPart.value.input\n        if (!input) {\n            return ''\n        }\n        const { startDate, endDate, allDay } = input\n        const start = new Date(startDate)\n        const end = new Date(endDate)\n        const startDay = startDate.slice(0, 10)\n        const endDay = endDate.slice(0, 10)\n        if (allDay) {\n            if (startDay === endDay) {\n                return d(start, 'date-medium')\n            }\n            return `${d(start, 'date-medium')} - ${d(end, 'date-medium')}`\n        }\n        if (startDay === endDay) {\n            return `${d(start, 'date-time-medium')} - ${d(end, 'time')}`\n        }\n        return `${d(start, 'date-time-medium')} - ${d(end, 'date-time-medium')}`\n    })\n\n    const calendarStart = computed(() =>\n        toolPart.value.input ? new Date(toolPart.value.input.startDate) : null,\n    )\n\n    const calendarDay = computed(\n        () => calendarStart.value?.getDate().toString() ?? '',\n    )\n\n    const calendarMonth = computed(() =>\n        calendarStart.value ? d(calendarStart.value, 'month-short') : '',\n    )\n\n    // Floating time: remove dashes/colons without converting to UTC\n    const toIcsDateTime = (iso: string) =>\n        iso.replace(/[-:]/g, '').replace(/\\.\\d{3}$/, '')\n\n    const escapeIcs = (str: string) =>\n        str\n            .replace(/\\\\/g, '\\\\\\\\')\n            .replace(/;/g, '\\\\;')\n            .replace(/,/g, '\\\\,')\n            .replace(/\\n/g, '\\\\n')\n\n    const generateIcs = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const ics = [\n            'BEGIN:VCALENDAR',\n            'VERSION:2.0',\n            'PRODID:-//8wave//8bot//EN',\n            'BEGIN:VEVENT',\n            `DTSTART:${toIcsDateTime(startDate)}`,\n            `DTEND:${toIcsDateTime(endDate)}`,\n            `SUMMARY:${escapeIcs(title)}`,\n            location ? `LOCATION:${escapeIcs(location)}` : '',\n            additionalInfo ? `DESCRIPTION:${escapeIcs(additionalInfo)}` : '',\n            `DTSTAMP:${new Date()\n                .toISOString()\n                .replace(/[-:]/g, '')\n                .replace(/\\.\\d{3}/, '')}`,\n            `UID:${crypto.randomUUID()}@8bot.ai`,\n            'END:VEVENT',\n            'END:VCALENDAR',\n        ]\n            .filter(Boolean)\n            .join('\\r\\n')\n\n        const blob = new Blob([ics], { type: 'text/calendar;charset=utf-8' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = `${title.replace(/[^a-zA-Z0-9\\s-]/g, '')}.ics`\n        a.click()\n        URL.revokeObjectURL(url)\n    }\n\n    const openGoogleCalendar = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const start = toIcsDateTime(startDate)\n        const end = toIcsDateTime(endDate)\n        const params = new URLSearchParams({\n            action: 'TEMPLATE',\n            text: title,\n            dates: `${start}/${end}`,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('details', additionalInfo)\n        }\n        window.open(\n            `https://calendar.google.com/calendar/render?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const openOutlook = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const params = new URLSearchParams({\n            subject: title,\n            startdt: startDate,\n            enddt: endDate,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('body', additionalInfo)\n        }\n        window.open(\n            `https://outlook.office.com/calendar/0/action/compose?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const copyEvent = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const lines = [input.title, dateDisplay.value]\n        if (input.location) {\n            lines.push(input.location)\n        }\n        if (input.additionalInfo) {\n            lines.push(input.additionalInfo)\n        }\n        copy(lines.join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:calendar-event-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.calendarEvent') }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyEvent\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:calendar-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.addToCalendar')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleCalendar\">\n                            <VvIcon name=\"ri:google-line\" />\n                            Google Calendar\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openOutlook\">\n                            <VvIcon name=\"ri:microsoft-line\" />\n                            Outlook\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"generateIcs\">\n                            <VvIcon name=\"ri:download-line\" />\n                            {{ $t('action.downloadIcs') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex gap-sm items-start\">\n            <div\n                class=\"shrink-0 w-44 rounded-lg overflow-hidden border border-surface-3 text-center select-none\">\n                <div\n                    class=\"bg-brand px-8 py-2 text-white text-10 font-bold uppercase tracking-wide\">\n                    {{ calendarMonth }}\n                </div>\n                <div\n                    class=\"bg-surface-1 py-4 text-word-1 text-24 font-bold leading-none\">\n                    {{ calendarDay }}\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 min-w-0\">\n                <p class=\"font-semibold text-word-1 text-14\">\n                    {{ toolPart.input.title }}\n                </p>\n                <div class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:time-line\" class=\"text-14 shrink-0\" />\n                    <time :datetime=\"toolPart.input.startDate\">{{\n                        dateDisplay\n                    }}</time>\n                </div>\n                <div\n                    v-if=\"toolPart.input.location\"\n                    class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:map-pin-line\" class=\"text-14 shrink-0\" />\n                    <a\n                        v-if=\"toolPart.input.location.startsWith('http')\"\n                        :href=\"toolPart.input.location\"\n                        :target=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : '_blank'\n                        \"\n                        :rel=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : 'noopener noreferrer'\n                        \"\n                        class=\"underline truncate\">\n                        {{ toolPart.input.location }}\n                    </a>\n                    <span v-else>{{ toolPart.input.location }}</span>\n                </div>\n                <div\n                    v-if=\"toolPart.input.additionalInfo\"\n                    class=\"flex items-start gap-8 text-12 text-word-3\">\n                    <VvIcon\n                        name=\"ri:sticky-note-line\"\n                        class=\"text-14 shrink-0 mt-1\" />\n                    <span>{{ toolPart.input.additionalInfo }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useClipboard } from '@vueuse/core'\n    import { isSameSite } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n    const { d } = useI18n()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                startDate: string\n                endDate: string\n                location?: string\n                additionalInfo?: string\n                allDay?: boolean\n            }\n        }\n        return part\n    })\n\n    const dateDisplay = computed(() => {\n        const input = toolPart.value.input\n        if (!input) {\n            return ''\n        }\n        const { startDate, endDate, allDay } = input\n        const start = new Date(startDate)\n        const end = new Date(endDate)\n        const startDay = startDate.slice(0, 10)\n        const endDay = endDate.slice(0, 10)\n        if (allDay) {\n            if (startDay === endDay) {\n                return d(start, 'date-medium')\n            }\n            return `${d(start, 'date-medium')} - ${d(end, 'date-medium')}`\n        }\n        if (startDay === endDay) {\n            return `${d(start, 'date-time-medium')} - ${d(end, 'time')}`\n        }\n        return `${d(start, 'date-time-medium')} - ${d(end, 'date-time-medium')}`\n    })\n\n    const calendarStart = computed(() =>\n        toolPart.value.input ? new Date(toolPart.value.input.startDate) : null,\n    )\n\n    const calendarDay = computed(\n        () => calendarStart.value?.getDate().toString() ?? '',\n    )\n\n    const calendarMonth = computed(() =>\n        calendarStart.value ? d(calendarStart.value, 'month-short') : '',\n    )\n\n    // Floating time: remove dashes/colons without converting to UTC\n    const toIcsDateTime = (iso: string) =>\n        iso.replace(/[-:]/g, '').replace(/\\.\\d{3}$/, '')\n\n    const escapeIcs = (str: string) =>\n        str\n            .replace(/\\\\/g, '\\\\\\\\')\n            .replace(/;/g, '\\\\;')\n            .replace(/,/g, '\\\\,')\n            .replace(/\\n/g, '\\\\n')\n\n    const generateIcs = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const ics = [\n            'BEGIN:VCALENDAR',\n            'VERSION:2.0',\n            'PRODID:-//8wave//8bot//EN',\n            'BEGIN:VEVENT',\n            `DTSTART:${toIcsDateTime(startDate)}`,\n            `DTEND:${toIcsDateTime(endDate)}`,\n            `SUMMARY:${escapeIcs(title)}`,\n            location ? `LOCATION:${escapeIcs(location)}` : '',\n            additionalInfo ? `DESCRIPTION:${escapeIcs(additionalInfo)}` : '',\n            `DTSTAMP:${new Date()\n                .toISOString()\n                .replace(/[-:]/g, '')\n                .replace(/\\.\\d{3}/, '')}`,\n            `UID:${crypto.randomUUID()}@8bot.ai`,\n            'END:VEVENT',\n            'END:VCALENDAR',\n        ]\n            .filter(Boolean)\n            .join('\\r\\n')\n\n        const blob = new Blob([ics], { type: 'text/calendar;charset=utf-8' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = `${title.replace(/[^a-zA-Z0-9\\s-]/g, '')}.ics`\n        a.click()\n        URL.revokeObjectURL(url)\n    }\n\n    const openGoogleCalendar = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const start = toIcsDateTime(startDate)\n        const end = toIcsDateTime(endDate)\n        const params = new URLSearchParams({\n            action: 'TEMPLATE',\n            text: title,\n            dates: `${start}/${end}`,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('details', additionalInfo)\n        }\n        window.open(\n            `https://calendar.google.com/calendar/render?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const openOutlook = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const params = new URLSearchParams({\n            subject: title,\n            startdt: startDate,\n            enddt: endDate,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('body', additionalInfo)\n        }\n        window.open(\n            `https://outlook.office.com/calendar/0/action/compose?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const copyEvent = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const lines = [input.title, dateDisplay.value]\n        if (input.location) {\n            lines.push(input.location)\n        }\n        if (input.additionalInfo) {\n            lines.push(input.additionalInfo)\n        }\n        copy(lines.join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:calendar-event-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.calendarEvent') }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyEvent\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:calendar-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.addToCalendar')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleCalendar\">\n                            <VvIcon name=\"ri:google-line\" />\n                            Google Calendar\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openOutlook\">\n                            <VvIcon name=\"ri:microsoft-line\" />\n                            Outlook\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"generateIcs\">\n                            <VvIcon name=\"ri:download-line\" />\n                            {{ $t('action.downloadIcs') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex gap-sm items-start\">\n            <div\n                class=\"shrink-0 w-44 rounded-lg overflow-hidden border border-surface-3 text-center select-none\">\n                <div\n                    class=\"bg-brand px-8 py-2 text-white text-10 font-bold uppercase tracking-wide\">\n                    {{ calendarMonth }}\n                </div>\n                <div\n                    class=\"bg-surface-1 py-4 text-word-1 text-24 font-bold leading-none\">\n                    {{ calendarDay }}\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 min-w-0\">\n                <p class=\"font-semibold text-word-1 text-14\">\n                    {{ toolPart.input.title }}\n                </p>\n                <div class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:time-line\" class=\"text-14 shrink-0\" />\n                    <time :datetime=\"toolPart.input.startDate\">{{\n                        dateDisplay\n                    }}</time>\n                </div>\n                <div\n                    v-if=\"toolPart.input.location\"\n                    class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:map-pin-line\" class=\"text-14 shrink-0\" />\n                    <a\n                        v-if=\"toolPart.input.location.startsWith('http')\"\n                        :href=\"toolPart.input.location\"\n                        :target=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : '_blank'\n                        \"\n                        :rel=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : 'noopener noreferrer'\n                        \"\n                        class=\"underline truncate\">\n                        {{ toolPart.input.location }}\n                    </a>\n                    <span v-else>{{ toolPart.input.location }}</span>\n                </div>\n                <div\n                    v-if=\"toolPart.input.additionalInfo\"\n                    class=\"flex items-start gap-8 text-12 text-word-3\">\n                    <VvIcon\n                        name=\"ri:sticky-note-line\"\n                        class=\"text-14 shrink-0 mt-1\" />\n                    <span>{{ toolPart.input.additionalInfo }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowCalendarEvent-D2VHu1V3.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowCalendarEvent.vue","../../../../packages/components/src/chat/PkToolShowCalendarEvent.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useClipboard } from '@vueuse/core'\n    import { isSameSite } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n    const { d } = useI18n()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                startDate: string\n                endDate: string\n                location?: string\n                additionalInfo?: string\n                allDay?: boolean\n            }\n        }\n        return part\n    })\n\n    const dateDisplay = computed(() => {\n        const input = toolPart.value.input\n        if (!input) {\n            return ''\n        }\n        const { startDate, endDate, allDay } = input\n        const start = new Date(startDate)\n        const end = new Date(endDate)\n        const startDay = startDate.slice(0, 10)\n        const endDay = endDate.slice(0, 10)\n        if (allDay) {\n            if (startDay === endDay) {\n                return d(start, 'date-medium')\n            }\n            return `${d(start, 'date-medium')} - ${d(end, 'date-medium')}`\n        }\n        if (startDay === endDay) {\n            return `${d(start, 'date-time-medium')} - ${d(end, 'time')}`\n        }\n        return `${d(start, 'date-time-medium')} - ${d(end, 'date-time-medium')}`\n    })\n\n    const calendarStart = computed(() =>\n        toolPart.value.input ? new Date(toolPart.value.input.startDate) : null,\n    )\n\n    const calendarDay = computed(\n        () => calendarStart.value?.getDate().toString() ?? '',\n    )\n\n    const calendarMonth = computed(() =>\n        calendarStart.value ? d(calendarStart.value, 'month-short') : '',\n    )\n\n    // Floating time: remove dashes/colons without converting to UTC\n    const toIcsDateTime = (iso: string) =>\n        iso.replace(/[-:]/g, '').replace(/\\.\\d{3}$/, '')\n\n    const escapeIcs = (str: string) =>\n        str\n            .replace(/\\\\/g, '\\\\\\\\')\n            .replace(/;/g, '\\\\;')\n            .replace(/,/g, '\\\\,')\n            .replace(/\\n/g, '\\\\n')\n\n    const generateIcs = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const ics = [\n            'BEGIN:VCALENDAR',\n            'VERSION:2.0',\n            'PRODID:-//8wave//8bot//EN',\n            'BEGIN:VEVENT',\n            `DTSTART:${toIcsDateTime(startDate)}`,\n            `DTEND:${toIcsDateTime(endDate)}`,\n            `SUMMARY:${escapeIcs(title)}`,\n            location ? `LOCATION:${escapeIcs(location)}` : '',\n            additionalInfo ? `DESCRIPTION:${escapeIcs(additionalInfo)}` : '',\n            `DTSTAMP:${new Date()\n                .toISOString()\n                .replace(/[-:]/g, '')\n                .replace(/\\.\\d{3}/, '')}`,\n            `UID:${crypto.randomUUID()}@8bot.ai`,\n            'END:VEVENT',\n            'END:VCALENDAR',\n        ]\n            .filter(Boolean)\n            .join('\\r\\n')\n\n        const blob = new Blob([ics], { type: 'text/calendar;charset=utf-8' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = `${title.replace(/[^a-zA-Z0-9\\s-]/g, '')}.ics`\n        a.click()\n        URL.revokeObjectURL(url)\n    }\n\n    const openGoogleCalendar = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const start = toIcsDateTime(startDate)\n        const end = toIcsDateTime(endDate)\n        const params = new URLSearchParams({\n            action: 'TEMPLATE',\n            text: title,\n            dates: `${start}/${end}`,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('details', additionalInfo)\n        }\n        window.open(\n            `https://calendar.google.com/calendar/render?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const openOutlook = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const params = new URLSearchParams({\n            subject: title,\n            startdt: startDate,\n            enddt: endDate,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('body', additionalInfo)\n        }\n        window.open(\n            `https://outlook.office.com/calendar/0/action/compose?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const copyEvent = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const lines = [input.title, dateDisplay.value]\n        if (input.location) {\n            lines.push(input.location)\n        }\n        if (input.additionalInfo) {\n            lines.push(input.additionalInfo)\n        }\n        copy(lines.join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:calendar-event-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.calendarEvent') }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyEvent\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:calendar-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.addToCalendar')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleCalendar\">\n                            <VvIcon name=\"ri:google-line\" />\n                            Google Calendar\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openOutlook\">\n                            <VvIcon name=\"ri:microsoft-line\" />\n                            Outlook\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"generateIcs\">\n                            <VvIcon name=\"ri:download-line\" />\n                            {{ $t('action.downloadIcs') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex gap-sm items-start\">\n            <div\n                class=\"shrink-0 w-44 rounded-lg overflow-hidden border border-surface-3 text-center select-none\">\n                <div\n                    class=\"bg-brand px-8 py-2 text-white text-10 font-bold uppercase tracking-wide\">\n                    {{ calendarMonth }}\n                </div>\n                <div\n                    class=\"bg-surface-1 py-4 text-word-1 text-24 font-bold leading-none\">\n                    {{ calendarDay }}\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 min-w-0\">\n                <p class=\"font-semibold text-word-1 text-14\">\n                    {{ toolPart.input.title }}\n                </p>\n                <div class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:time-line\" class=\"text-14 shrink-0\" />\n                    <time :datetime=\"toolPart.input.startDate\">{{\n                        dateDisplay\n                    }}</time>\n                </div>\n                <div\n                    v-if=\"toolPart.input.location\"\n                    class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:map-pin-line\" class=\"text-14 shrink-0\" />\n                    <a\n                        v-if=\"toolPart.input.location.startsWith('http')\"\n                        :href=\"toolPart.input.location\"\n                        :target=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : '_blank'\n                        \"\n                        :rel=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : 'noopener noreferrer'\n                        \"\n                        class=\"underline truncate\">\n                        {{ toolPart.input.location }}\n                    </a>\n                    <span v-else>{{ toolPart.input.location }}</span>\n                </div>\n                <div\n                    v-if=\"toolPart.input.additionalInfo\"\n                    class=\"flex items-start gap-8 text-12 text-word-3\">\n                    <VvIcon\n                        name=\"ri:sticky-note-line\"\n                        class=\"text-14 shrink-0 mt-1\" />\n                    <span>{{ toolPart.input.additionalInfo }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useClipboard } from '@vueuse/core'\n    import { isSameSite } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n    const { d } = useI18n()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title: string\n                startDate: string\n                endDate: string\n                location?: string\n                additionalInfo?: string\n                allDay?: boolean\n            }\n        }\n        return part\n    })\n\n    const dateDisplay = computed(() => {\n        const input = toolPart.value.input\n        if (!input) {\n            return ''\n        }\n        const { startDate, endDate, allDay } = input\n        const start = new Date(startDate)\n        const end = new Date(endDate)\n        const startDay = startDate.slice(0, 10)\n        const endDay = endDate.slice(0, 10)\n        if (allDay) {\n            if (startDay === endDay) {\n                return d(start, 'date-medium')\n            }\n            return `${d(start, 'date-medium')} - ${d(end, 'date-medium')}`\n        }\n        if (startDay === endDay) {\n            return `${d(start, 'date-time-medium')} - ${d(end, 'time')}`\n        }\n        return `${d(start, 'date-time-medium')} - ${d(end, 'date-time-medium')}`\n    })\n\n    const calendarStart = computed(() =>\n        toolPart.value.input ? new Date(toolPart.value.input.startDate) : null,\n    )\n\n    const calendarDay = computed(\n        () => calendarStart.value?.getDate().toString() ?? '',\n    )\n\n    const calendarMonth = computed(() =>\n        calendarStart.value ? d(calendarStart.value, 'month-short') : '',\n    )\n\n    // Floating time: remove dashes/colons without converting to UTC\n    const toIcsDateTime = (iso: string) =>\n        iso.replace(/[-:]/g, '').replace(/\\.\\d{3}$/, '')\n\n    const escapeIcs = (str: string) =>\n        str\n            .replace(/\\\\/g, '\\\\\\\\')\n            .replace(/;/g, '\\\\;')\n            .replace(/,/g, '\\\\,')\n            .replace(/\\n/g, '\\\\n')\n\n    const generateIcs = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const ics = [\n            'BEGIN:VCALENDAR',\n            'VERSION:2.0',\n            'PRODID:-//8wave//8bot//EN',\n            'BEGIN:VEVENT',\n            `DTSTART:${toIcsDateTime(startDate)}`,\n            `DTEND:${toIcsDateTime(endDate)}`,\n            `SUMMARY:${escapeIcs(title)}`,\n            location ? `LOCATION:${escapeIcs(location)}` : '',\n            additionalInfo ? `DESCRIPTION:${escapeIcs(additionalInfo)}` : '',\n            `DTSTAMP:${new Date()\n                .toISOString()\n                .replace(/[-:]/g, '')\n                .replace(/\\.\\d{3}/, '')}`,\n            `UID:${crypto.randomUUID()}@8bot.ai`,\n            'END:VEVENT',\n            'END:VCALENDAR',\n        ]\n            .filter(Boolean)\n            .join('\\r\\n')\n\n        const blob = new Blob([ics], { type: 'text/calendar;charset=utf-8' })\n        const url = URL.createObjectURL(blob)\n        const a = document.createElement('a')\n        a.href = url\n        a.download = `${title.replace(/[^a-zA-Z0-9\\s-]/g, '')}.ics`\n        a.click()\n        URL.revokeObjectURL(url)\n    }\n\n    const openGoogleCalendar = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const start = toIcsDateTime(startDate)\n        const end = toIcsDateTime(endDate)\n        const params = new URLSearchParams({\n            action: 'TEMPLATE',\n            text: title,\n            dates: `${start}/${end}`,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('details', additionalInfo)\n        }\n        window.open(\n            `https://calendar.google.com/calendar/render?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const openOutlook = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const { title, startDate, endDate, location, additionalInfo } = input\n        const params = new URLSearchParams({\n            subject: title,\n            startdt: startDate,\n            enddt: endDate,\n        })\n        if (location) {\n            params.set('location', location)\n        }\n        if (additionalInfo) {\n            params.set('body', additionalInfo)\n        }\n        window.open(\n            `https://outlook.office.com/calendar/0/action/compose?${params.toString()}`,\n            '_blank',\n        )\n    }\n\n    const copyEvent = () => {\n        const input = toolPart.value.input\n        if (!input) {\n            return\n        }\n        const lines = [input.title, dateDisplay.value]\n        if (input.location) {\n            lines.push(input.location)\n        }\n        if (input.additionalInfo) {\n            lines.push(input.additionalInfo)\n        }\n        copy(lines.join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:calendar-event-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.calendarEvent') }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyEvent\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                    }\">\n                    <VvButton\n                        icon=\"ri:calendar-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.addToCalendar')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openGoogleCalendar\">\n                            <VvIcon name=\"ri:google-line\" />\n                            Google Calendar\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openOutlook\">\n                            <VvIcon name=\"ri:microsoft-line\" />\n                            Outlook\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"generateIcs\">\n                            <VvIcon name=\"ri:download-line\" />\n                            {{ $t('action.downloadIcs') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"p-sm flex gap-sm items-start\">\n            <div\n                class=\"shrink-0 w-44 rounded-lg overflow-hidden border border-surface-3 text-center select-none\">\n                <div\n                    class=\"bg-brand px-8 py-2 text-white text-10 font-bold uppercase tracking-wide\">\n                    {{ calendarMonth }}\n                </div>\n                <div\n                    class=\"bg-surface-1 py-4 text-word-1 text-24 font-bold leading-none\">\n                    {{ calendarDay }}\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 min-w-0\">\n                <p class=\"font-semibold text-word-1 text-14\">\n                    {{ toolPart.input.title }}\n                </p>\n                <div class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:time-line\" class=\"text-14 shrink-0\" />\n                    <time :datetime=\"toolPart.input.startDate\">{{\n                        dateDisplay\n                    }}</time>\n                </div>\n                <div\n                    v-if=\"toolPart.input.location\"\n                    class=\"flex items-center gap-8 text-12 text-word-3\">\n                    <VvIcon name=\"ri:map-pin-line\" class=\"text-14 shrink-0\" />\n                    <a\n                        v-if=\"toolPart.input.location.startsWith('http')\"\n                        :href=\"toolPart.input.location\"\n                        :target=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : '_blank'\n                        \"\n                        :rel=\"\n                            isSameSite(toolPart.input.location)\n                                ? undefined\n                                : 'noopener noreferrer'\n                        \"\n                        class=\"underline truncate\">\n                        {{ toolPart.input.location }}\n                    </a>\n                    <span v-else>{{ toolPart.input.location }}</span>\n                </div>\n                <div\n                    v-if=\"toolPart.input.additionalInfo\"\n                    class=\"flex items-start gap-8 text-12 text-word-3\">\n                    <VvIcon\n                        name=\"ri:sticky-note-line\"\n                        class=\"text-14 shrink-0 mt-1\" />\n                    <span>{{ toolPart.input.additionalInfo }}</span>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist/_chunks/{PkToolShowComparison-CcKHsr36.js → PkToolShowComparison-C2ZUH0w4.js}

@@ -1,6 +1,6 @@
 import { $ as e, Bt as t, C as n, E as r, Gt as i, V as a, _ as o, b as s, h as c, v as l, w as u, x as d, yt as f, z as p } from "./vue.runtime.esm-bundler-BmggS4HU.js";
 import { i as m } from "./dist-DtF6poRc.js";
-import { i as h, n as g, o as _ } from "./index.es-Z3Hu-QIb.js";
+import { c as h, n as g, o as _ } from "./index.es-BGFmj59S.js";
 //#region ../../packages/components/src/chat/PkToolShowComparison.vue?vue&type=script&setup=true&lang.ts
 var v = {
 	key: 0,
@@ -20,7 +20,7 @@ var v = {
 			e && T([["", ...e.map((e) => e.name)].join("	"), ...O.value.map((t) => [t.replace(/_/g, " "), ...e.map((e) => e.values[t] ?? "")].join("	"))].join("\n"));
 		};
 		return (r, o) => {
-			let m = h, w = _, T = g;
+			let m = _, w = h, T = g;
 			return D.value?.input?.items?.length ? (p(), d("div", v, [l("div", y, [
 				u(m, {
 					name: "ri:scales-line",
@@ -61,4 +61,4 @@ var v = {
 //#endregion
 export { w as default };
 
-//# sourceMappingURL=PkToolShowComparison-CcKHsr36.js.map
+//# sourceMappingURL=PkToolShowComparison-C2ZUH0w4.js.map

package/dist/_chunks/{PkToolShowComparison-CcKHsr36.js.map → PkToolShowComparison-C2ZUH0w4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowComparison-CcKHsr36.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowComparison.vue","../../../../packages/components/src/chat/PkToolShowComparison.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title?: string\n                items: Array<{\n                    name: string\n                    values: Record<string, string>\n                    highlighted?: boolean\n                }>\n            }\n        }\n        return part\n    })\n\n    const features = computed(() => {\n        const items = toolPart.value.input?.items\n        if (!items || items.length === 0) {\n            return []\n        }\n        return Object.keys(items[0].values)\n    })\n\n    const copyTable = () => {\n        const items = toolPart.value.input?.items\n        if (!items) {\n            return\n        }\n        const header = ['', ...items.map((i) => i.name)].join('\\t')\n        const rows = features.value.map((f) =>\n            [f.replace(/_/g, ' '), ...items.map((i) => i.values[f] ?? '')].join(\n                '\\t',\n            ),\n        )\n        copy([header, ...rows].join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.items?.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:scales-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{\n                toolPart.input.title ?? $t('label.comparison')\n            }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyTable\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"overflow-x-auto\">\n            <table class=\"w-full text-12 border-collapse\">\n                <thead>\n                    <tr>\n                        <th\n                            class=\"text-left text-word-3 font-medium p-8 border-b border-surface-3 min-w-32\"></th>\n                        <th\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center font-semibold text-word-1 p-8 border-b border-surface-3 min-w-24\"\n                            :class=\"\n                                item.highlighted\n                                    ? 'bg-primary/5 border-primary/20'\n                                    : ''\n                            \">\n                            {{ item.name }}\n                            <span v-if=\"item.highlighted\" class=\"ml-4\">⭐</span>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr\n                        v-for=\"(feature, fIdx) in features\"\n                        :key=\"feature\"\n                        :class=\"{ 'bg-surface-1': fIdx % 2 !== 0 }\">\n                        <td\n                            class=\"text-word-3 font-medium p-8 whitespace-nowrap\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                            }\">\n                            {{ feature.replace(/_/g, ' ') }}\n                        </td>\n                        <td\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center p-8\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                                'bg-surface-info': item.highlighted,\n                                'text-success': item.values[feature] === '✓',\n                                'text-danger':\n                                    item.values[feature] === '\\u2717',\n                                'text-word-2':\n                                    item.values[feature] !== '✓' &&\n                                    item.values[feature] !== '\\u2717',\n                            }\">\n                            {{ item.values[feature] ?? '—' }}\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title?: string\n                items: Array<{\n                    name: string\n                    values: Record<string, string>\n                    highlighted?: boolean\n                }>\n            }\n        }\n        return part\n    })\n\n    const features = computed(() => {\n        const items = toolPart.value.input?.items\n        if (!items || items.length === 0) {\n            return []\n        }\n        return Object.keys(items[0].values)\n    })\n\n    const copyTable = () => {\n        const items = toolPart.value.input?.items\n        if (!items) {\n            return\n        }\n        const header = ['', ...items.map((i) => i.name)].join('\\t')\n        const rows = features.value.map((f) =>\n            [f.replace(/_/g, ' '), ...items.map((i) => i.values[f] ?? '')].join(\n                '\\t',\n            ),\n        )\n        copy([header, ...rows].join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.items?.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:scales-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{\n                toolPart.input.title ?? $t('label.comparison')\n            }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyTable\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"overflow-x-auto\">\n            <table class=\"w-full text-12 border-collapse\">\n                <thead>\n                    <tr>\n                        <th\n                            class=\"text-left text-word-3 font-medium p-8 border-b border-surface-3 min-w-32\"></th>\n                        <th\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center font-semibold text-word-1 p-8 border-b border-surface-3 min-w-24\"\n                            :class=\"\n                                item.highlighted\n                                    ? 'bg-primary/5 border-primary/20'\n                                    : ''\n                            \">\n                            {{ item.name }}\n                            <span v-if=\"item.highlighted\" class=\"ml-4\">⭐</span>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr\n                        v-for=\"(feature, fIdx) in features\"\n                        :key=\"feature\"\n                        :class=\"{ 'bg-surface-1': fIdx % 2 !== 0 }\">\n                        <td\n                            class=\"text-word-3 font-medium p-8 whitespace-nowrap\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                            }\">\n                            {{ feature.replace(/_/g, ' ') }}\n                        </td>\n                        <td\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center p-8\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                                'bg-surface-info': item.highlighted,\n                                'text-success': item.values[feature] === '✓',\n                                'text-danger':\n                                    item.values[feature] === '\\u2717',\n                                'text-word-2':\n                                    item.values[feature] !== '✓' &&\n                                    item.values[feature] !== '\\u2717',\n                            }\">\n                            {{ item.values[feature] ?? '—' }}\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,GAAa,EAEhC,IAAW,QACA,EAAM,KAWtB,EAEK,IAAW,QAAe;GAC5B,IAAM,IAAQ,EAAS,MAAM,OAAO;AAIpC,UAHI,CAAC,KAAS,EAAM,WAAW,IACpB,EAAC,GAEL,OAAO,KAAK,EAAM,GAAG,OAAM;IACrC,EAEK,UAAkB;GACpB,IAAM,IAAQ,EAAS,MAAM,OAAO;AAC/B,QASL,EAAK,CANU,CAAC,IAAI,GAAG,EAAM,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,IAMhD,EAAQ,GALD,EAAS,MAAM,KAAK,MAC7B,CAAC,EAAE,QAAQ,MAAM,IAAI,EAAE,GAAG,EAAM,KAAK,MAAM,EAAE,OAAO,MAAM,GAAG,CAAC,CAAC,KAC3D,IACH,CAEY,CAAK,CAAC,KAAK,KAAK,CAAA;;;;UAM3B,EAAA,OAAU,OAAO,OAAO,UAAA,GAAA,EADlC,EAuEM,OAvEN,GAuEM,CApEF,EAaM,OAbN,GAaM;IAXF,EAAgD,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC,EAEW,UAFX,GAEW,EADP,EAAA,MAAS,MAAM,SAASA,EAAAA,GAAE,mBAAA,CAAA,EAAA,EAAA;IAE9B,EAMgB,GAAA;KAND,WAAU;KAAU,OAAM;;sBAKZ,CAJzB,EAIyB,GAAA;MAHrB,WAAU;MACT,MAAM,EAAA,EAAM,GAAA,kBAAA;MACZ,OAAO,EAAA,EAAM,GAAGA,EAAAA,GAAE,gBAAA,GAAoBA,EAAAA,GAAE,cAAA;MACxC,SAAO;;;;OAGpB,EAqDM,OArDN,GAqDM,CApDF,EAmDQ,SAnDR,GAmDQ,CAlDJ,EAiBQ,SAAA,MAAA,CAhBJ,EAeK,MAAA,MAAA,CAAA,AAAA,EAAA,OAdD,EAC0F,MAAA,EAAtF,OAAM,4EAA0E,EAAA,MAAA,GAAA,GAAA,EAAA,GAAA,EACpF,EAWK,GAAA,MAAA,EAVc,EAAA,MAAS,MAAM,QAAvB,YADX,EAWK,MAAA;IATA,KAAK,EAAK;IACX,OAAK,EAAA,CAAC,gFACmC,EAAK,cAAA,mCAAA,GAAA,CAAA;WAK3C,EAAK,KAAI,GAAG,KACf,EAAA,EAAY,EAAK,eAAA,GAAA,EAAjB,EAAmD,QAAnD,GAA2C,IAAC,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,EAAA,eAIxD,EA+BQ,SAAA,MAAA,EAAA,EAAA,GAAA,EA9BJ,EA6BK,GAAA,MAAA,EA5ByB,EAAA,QAAlB,GAAS,YADrB,EA6BK,MAAA;IA3BA,KAAK;IACL,OAAK,EAAA,EAAA,gBAAoB,IAAI,KAAA,GAAA,CAAA;OAC9B,EAOK,MAAA,EAND,OAAK,EAAA,CAAC,iDAA+C,EAAA,6BACsD,MAAS,EAAA,MAAS,SAAM,GAAA,CAAA,CAAA,EAAA,EAAA,EAIhI,EAAQ,QAAO,MAAA,IAAA,CAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAEtB,EAgBK,GAAA,MAAA,EAfc,EAAA,MAAS,MAAM,QAAvB,YADX,EAgBK,MAAA;IAdA,KAAK,EAAK;IACX,OAAK,EAAA,CAAC,mBAAiB;kCACoF,MAAS,EAAA,MAAS,SAAM;wBAAyD,EAAK;qBAA6D,EAAK,OAAO,OAAO;oBAA8F,EAAK,OAAO,OAAO;oBAAmG,EAAK,OAAO,OAAO,OAAiD,EAAK,OAAO,OAAO;;QAWzjB,EAAK,OAAO,MAAO,IAAA,EAAA,EAAA"}
+{"version":3,"file":"PkToolShowComparison-C2ZUH0w4.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowComparison.vue","../../../../packages/components/src/chat/PkToolShowComparison.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title?: string\n                items: Array<{\n                    name: string\n                    values: Record<string, string>\n                    highlighted?: boolean\n                }>\n            }\n        }\n        return part\n    })\n\n    const features = computed(() => {\n        const items = toolPart.value.input?.items\n        if (!items || items.length === 0) {\n            return []\n        }\n        return Object.keys(items[0].values)\n    })\n\n    const copyTable = () => {\n        const items = toolPart.value.input?.items\n        if (!items) {\n            return\n        }\n        const header = ['', ...items.map((i) => i.name)].join('\\t')\n        const rows = features.value.map((f) =>\n            [f.replace(/_/g, ' '), ...items.map((i) => i.values[f] ?? '')].join(\n                '\\t',\n            ),\n        )\n        copy([header, ...rows].join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.items?.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:scales-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{\n                toolPart.input.title ?? $t('label.comparison')\n            }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyTable\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"overflow-x-auto\">\n            <table class=\"w-full text-12 border-collapse\">\n                <thead>\n                    <tr>\n                        <th\n                            class=\"text-left text-word-3 font-medium p-8 border-b border-surface-3 min-w-32\"></th>\n                        <th\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center font-semibold text-word-1 p-8 border-b border-surface-3 min-w-24\"\n                            :class=\"\n                                item.highlighted\n                                    ? 'bg-primary/5 border-primary/20'\n                                    : ''\n                            \">\n                            {{ item.name }}\n                            <span v-if=\"item.highlighted\" class=\"ml-4\">⭐</span>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr\n                        v-for=\"(feature, fIdx) in features\"\n                        :key=\"feature\"\n                        :class=\"{ 'bg-surface-1': fIdx % 2 !== 0 }\">\n                        <td\n                            class=\"text-word-3 font-medium p-8 whitespace-nowrap\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                            }\">\n                            {{ feature.replace(/_/g, ' ') }}\n                        </td>\n                        <td\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center p-8\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                                'bg-surface-info': item.highlighted,\n                                'text-success': item.values[feature] === '✓',\n                                'text-danger':\n                                    item.values[feature] === '\\u2717',\n                                'text-word-2':\n                                    item.values[feature] !== '✓' &&\n                                    item.values[feature] !== '\\u2717',\n                            }\">\n                            {{ item.values[feature] ?? '—' }}\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { copy, copied } = useClipboard()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                title?: string\n                items: Array<{\n                    name: string\n                    values: Record<string, string>\n                    highlighted?: boolean\n                }>\n            }\n        }\n        return part\n    })\n\n    const features = computed(() => {\n        const items = toolPart.value.input?.items\n        if (!items || items.length === 0) {\n            return []\n        }\n        return Object.keys(items[0].values)\n    })\n\n    const copyTable = () => {\n        const items = toolPart.value.input?.items\n        if (!items) {\n            return\n        }\n        const header = ['', ...items.map((i) => i.name)].join('\\t')\n        const rows = features.value.map((f) =>\n            [f.replace(/_/g, ' '), ...items.map((i) => i.values[f] ?? '')].join(\n                '\\t',\n            ),\n        )\n        copy([header, ...rows].join('\\n'))\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"toolPart?.input?.items?.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8\">\n            <VvIcon name=\"ri:scales-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{\n                toolPart.input.title ?? $t('label.comparison')\n            }}</strong>\n            <VvButtonGroup modifiers=\"compact\" class=\"ml-auto shrink-0\">\n                <VvButton\n                    modifiers=\"action-quiet-small\"\n                    :icon=\"copied ? 'ri:check-line' : 'ri:file-copy-line'\"\n                    :label=\"copied ? $t('action.copied') : $t('action.copy')\"\n                    @click=\"copyTable\" />\n            </VvButtonGroup>\n        </div>\n        <div class=\"overflow-x-auto\">\n            <table class=\"w-full text-12 border-collapse\">\n                <thead>\n                    <tr>\n                        <th\n                            class=\"text-left text-word-3 font-medium p-8 border-b border-surface-3 min-w-32\"></th>\n                        <th\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center font-semibold text-word-1 p-8 border-b border-surface-3 min-w-24\"\n                            :class=\"\n                                item.highlighted\n                                    ? 'bg-primary/5 border-primary/20'\n                                    : ''\n                            \">\n                            {{ item.name }}\n                            <span v-if=\"item.highlighted\" class=\"ml-4\">⭐</span>\n                        </th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr\n                        v-for=\"(feature, fIdx) in features\"\n                        :key=\"feature\"\n                        :class=\"{ 'bg-surface-1': fIdx % 2 !== 0 }\">\n                        <td\n                            class=\"text-word-3 font-medium p-8 whitespace-nowrap\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                            }\">\n                            {{ feature.replace(/_/g, ' ') }}\n                        </td>\n                        <td\n                            v-for=\"item in toolPart.input.items\"\n                            :key=\"item.name\"\n                            class=\"text-center p-8\"\n                            :class=\"{\n                                'border-b border-surface-3':\n                                    fIdx !== features.length - 1,\n                                'bg-surface-info': item.highlighted,\n                                'text-success': item.values[feature] === '✓',\n                                'text-danger':\n                                    item.values[feature] === '\\u2717',\n                                'text-word-2':\n                                    item.values[feature] !== '✓' &&\n                                    item.values[feature] !== '\\u2717',\n                            }\">\n                            {{ item.values[feature] ?? '—' }}\n                        </td>\n                    </tr>\n                </tbody>\n            </table>\n        </div>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAII,IAAM,IAAQ,GAIR,EAAE,SAAM,cAAW,GAAa,EAEhC,IAAW,QACA,EAAM,KAWtB,EAEK,IAAW,QAAe;GAC5B,IAAM,IAAQ,EAAS,MAAM,OAAO;AAIpC,UAHI,CAAC,KAAS,EAAM,WAAW,IACpB,EAAC,GAEL,OAAO,KAAK,EAAM,GAAG,OAAM;IACrC,EAEK,UAAkB;GACpB,IAAM,IAAQ,EAAS,MAAM,OAAO;AAC/B,QASL,EAAK,CANU,CAAC,IAAI,GAAG,EAAM,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,KAAK,IAMhD,EAAQ,GALD,EAAS,MAAM,KAAK,MAC7B,CAAC,EAAE,QAAQ,MAAM,IAAI,EAAE,GAAG,EAAM,KAAK,MAAM,EAAE,OAAO,MAAM,GAAG,CAAC,CAAC,KAC3D,IACH,CAEY,CAAK,CAAC,KAAK,KAAK,CAAA;;;;UAM3B,EAAA,OAAU,OAAO,OAAO,UAAA,GAAA,EADlC,EAuEM,OAvEN,GAuEM,CApEF,EAaM,OAbN,GAaM;IAXF,EAAgD,GAAA;KAAxC,MAAK;KAAiB,OAAM;;IACpC,EAEW,UAFX,GAEW,EADP,EAAA,MAAS,MAAM,SAASA,EAAAA,GAAE,mBAAA,CAAA,EAAA,EAAA;IAE9B,EAMgB,GAAA;KAND,WAAU;KAAU,OAAM;;sBAKZ,CAJzB,EAIyB,GAAA;MAHrB,WAAU;MACT,MAAM,EAAA,EAAM,GAAA,kBAAA;MACZ,OAAO,EAAA,EAAM,GAAGA,EAAAA,GAAE,gBAAA,GAAoBA,EAAAA,GAAE,cAAA;MACxC,SAAO;;;;OAGpB,EAqDM,OArDN,GAqDM,CApDF,EAmDQ,SAnDR,GAmDQ,CAlDJ,EAiBQ,SAAA,MAAA,CAhBJ,EAeK,MAAA,MAAA,CAAA,AAAA,EAAA,OAdD,EAC0F,MAAA,EAAtF,OAAM,4EAA0E,EAAA,MAAA,GAAA,GAAA,EAAA,GAAA,EACpF,EAWK,GAAA,MAAA,EAVc,EAAA,MAAS,MAAM,QAAvB,YADX,EAWK,MAAA;IATA,KAAK,EAAK;IACX,OAAK,EAAA,CAAC,gFACmC,EAAK,cAAA,mCAAA,GAAA,CAAA;WAK3C,EAAK,KAAI,GAAG,KACf,EAAA,EAAY,EAAK,eAAA,GAAA,EAAjB,EAAmD,QAAnD,GAA2C,IAAC,IAAA,EAAA,IAAA,GAAA,CAAA,EAAA,EAAA,eAIxD,EA+BQ,SAAA,MAAA,EAAA,EAAA,GAAA,EA9BJ,EA6BK,GAAA,MAAA,EA5ByB,EAAA,QAAlB,GAAS,YADrB,EA6BK,MAAA;IA3BA,KAAK;IACL,OAAK,EAAA,EAAA,gBAAoB,IAAI,KAAA,GAAA,CAAA;OAC9B,EAOK,MAAA,EAND,OAAK,EAAA,CAAC,iDAA+C,EAAA,6BACsD,MAAS,EAAA,MAAS,SAAM,GAAA,CAAA,CAAA,EAAA,EAAA,EAIhI,EAAQ,QAAO,MAAA,IAAA,CAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAEtB,EAgBK,GAAA,MAAA,EAfc,EAAA,MAAS,MAAM,QAAvB,YADX,EAgBK,MAAA;IAdA,KAAK,EAAK;IACX,OAAK,EAAA,CAAC,mBAAiB;kCACoF,MAAS,EAAA,MAAS,SAAM;wBAAyD,EAAK;qBAA6D,EAAK,OAAO,OAAO;oBAA8F,EAAK,OAAO,OAAO;oBAAmG,EAAK,OAAO,OAAO,OAAiD,EAAK,OAAO,OAAO;;QAWzjB,EAAK,OAAO,MAAO,IAAA,EAAA,EAAA"}

package/dist/_chunks/{PkToolShowContactForm-SmOSbCsp.js → PkToolShowContactForm-6C4uWDtf.js}

@@ -3,7 +3,7 @@ import { $ as t, B as n, D as r, E as i, Gt as a, I as o, L as s, T as c, U as l
 import { n as k } from "./vue-i18n-KvYvoek4.js";
 import { g as A, h as j, u as M } from "./dist-DtF6poRc.js";
 import { n as N, t as P } from "./dot-prop-ByInxMX6.js";
-import { i as F, o as I } from "./index.es-Z3Hu-QIb.js";
+import { c as F, o as I } from "./index.es-BGFmj59S.js";
 import { D as L, E as R, O as z, T as ee, l as te, m as ne, v as B } from "./schemas-Bp3a8tYV.js";
 import { f as re } from "./src-C_wl-KYN.js";
 import { t as ie } from "./PkStreamingMarkdown-orhL2kzD.js";
@@ -1028,7 +1028,7 @@ var Le = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" },
 			});
 		}, v = Ie(() => i.privacyPolicyNotice, "message.defaultPrivacyPolicyNotice");
 		return (n, i) => {
-			let o = F, s = I;
+			let o = I, s = F;
 			return O(), E("div", Le, [C("div", Re, [T(o, {
 				name: "ri:send-plane-2-line",
 				class: "text-16"
@@ -1100,4 +1100,4 @@ var Le = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" },
 //#endregion
 export { W as a, H as c, Fe as i, oe as l, Je as n, U as o, Ie as r, se as s, Ye as t, V as u };
 
-//# sourceMappingURL=PkToolShowContactForm-SmOSbCsp.js.map
+//# sourceMappingURL=PkToolShowContactForm-6C4uWDtf.js.map