@8wave/ai-elements 0.117.0-beta.30 → 0.117.0-beta.34

package/dist/_chunks/{PkToolEditSpreadsheet-UjqTauEQ.js → PkToolEditSpreadsheet-y3S5O_ld.js}

@@ -1,7 +1,7 @@
 import { C as e, Ct as t, Dt as n, L as r, O as i, St as a, _ as o, it as s, m as c, v as l, x as u } from "./vue.runtime.esm-bundler-DKVd2gci.js";
 import { r as d } from "./vue-i18n-CooVjJjT.js";
 import { s as f } from "./Agent-DDAyL-4q.js";
-import { t as p } from "./PkChatbotFilePreview-DlOlZm3-.js";
+import { t as p } from "./PkChatbotFilePreview-DAhN8TyL.js";
 //#region ../../packages/components/src/chat/PkToolEditSpreadsheet.vue?vue&type=script&setup=true&lang.ts
 i(), s(), t();
 var m = {
@@ -38,4 +38,4 @@ var m = {
 //#endregion
 export { g as default };
 
-//# sourceMappingURL=PkToolEditSpreadsheet-UjqTauEQ.js.map
+//# sourceMappingURL=PkToolEditSpreadsheet-y3S5O_ld.js.map

package/dist/_chunks/{PkToolEditSpreadsheet-UjqTauEQ.js.map → PkToolEditSpreadsheet-y3S5O_ld.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolEditSpreadsheet-UjqTauEQ.js","names":["_openBlock","_createElementBlock","_createVNode","PkChatbotFilePreview","_unref","_toDisplayString","_createCommentVNode","_sfc_main","defineComponent","init_shared_esm_bundler","toDisplayString","openBlock","init_runtime_core_esm_bundler","unref","createCommentVNode","init_reactivity_esm_bundler","computed","createElementBlock","createVNode","useI18n","SPREADSHEET_MIME_TYPE","PkChatbotFilePreview_default","_hoisted_1","_hoisted_2","PkToolEditSpreadsheet_default","props","__props","$t","version","part"],"sources":["../../../../packages/components/src/chat/PkToolEditSpreadsheet.vue","../../../../packages/components/src/chat/PkToolEditSpreadsheet.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { SPREADSHEET_MIME_TYPE } from 'models'\n    import PkChatbotFilePreview from './PkChatbotFilePreview.vue'\n\n    /** What `editSpreadsheet` returns that the card shows. */\n    type EditedVersion = {\n        storedFileName: string\n        filename?: string\n        sizeBytes?: number\n        changedCells?: number\n    }\n\n    /**\n     * The version an `editSpreadsheet` call wrote, as a file to download.\n     * Drawn once the call has an output: while it runs, the feed's activity\n     * indicator names it, and a refused edit is explained by the answer.\n     */\n    const props = defineProps<{\n        part: unknown\n        /** The authenticated download URL of a file stored in this chat. */\n        fileUrl: (storedFileName: string) => string\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const version = computed(() => {\n        const part = props.part as {\n            state?: string\n            output?: Partial<EditedVersion>\n        }\n        return part.state === 'output-available' && part.output?.storedFileName\n            ? (part.output as EditedVersion)\n            : undefined\n    })\n</script>\n\n<template>\n    <div v-if=\"version\" class=\"pk-tool-edit-spreadsheet\">\n        <PkChatbotFilePreview\n            :media-type=\"SPREADSHEET_MIME_TYPE\"\n            :url=\"fileUrl(version.storedFileName)\"\n            :filename=\"version.filename\"\n            :size=\"version.sizeBytes\"\n            show-download />\n        <p\n            v-if=\"version.changedCells !== undefined\"\n            class=\"text-12 text-word-3 mt-xs mb-0\">\n            {{ $t('messagePart.editSpreadsheetCells', version.changedCells) }}\n        </p>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { SPREADSHEET_MIME_TYPE } from 'models'\n    import PkChatbotFilePreview from './PkChatbotFilePreview.vue'\n\n    /** What `editSpreadsheet` returns that the card shows. */\n    type EditedVersion = {\n        storedFileName: string\n        filename?: string\n        sizeBytes?: number\n        changedCells?: number\n    }\n\n    /**\n     * The version an `editSpreadsheet` call wrote, as a file to download.\n     * Drawn once the call has an output: while it runs, the feed's activity\n     * indicator names it, and a refused edit is explained by the answer.\n     */\n    const props = defineProps<{\n        part: unknown\n        /** The authenticated download URL of a file stored in this chat. */\n        fileUrl: (storedFileName: string) => string\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const version = computed(() => {\n        const part = props.part as {\n            state?: string\n            output?: Partial<EditedVersion>\n        }\n        return part.state === 'output-available' && part.output?.storedFileName\n            ? (part.output as EditedVersion)\n            : undefined\n    })\n</script>\n\n<template>\n    <div v-if=\"version\" class=\"pk-tool-edit-spreadsheet\">\n        <PkChatbotFilePreview\n            :media-type=\"SPREADSHEET_MIME_TYPE\"\n            :url=\"fileUrl(version.storedFileName)\"\n            :filename=\"version.filename\"\n            :size=\"version.sizeBytes\"\n            show-download />\n        <p\n            v-if=\"version.changedCells !== undefined\"\n            class=\"text-12 text-word-3 mt-xs mb-0\">\n            {{ $t('messagePart.editSpreadsheetCells', version.changedCells) }}\n        </p>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAmBI,IAAMyB,IAAQC,GAMR,EAAE,GAAGC,MAAOR,EAAQ,EAAE,UAAU,SAAS,CAAC,GAE1CS,IAAUZ,QAAe;GAC3B,IAAMa,IAAOJ,EAAM;GAInB,OAAOI,EAAK,UAAU,sBAAsBA,EAAK,QAAQ,iBAClDA,EAAK,SACN,KAAA;EACV,CAAC;mBAIUD,EAAA,SAAX5B,EAAA,GAAAC,EAYM,OAZNqB,GAYM,CAXFpB,EAKoBC,GAAA;GAJf,cAAYC,EAAAgB,CAAA;GACZ,KAAKM,EAAA,QAAQE,EAAA,MAAQ,cAAc;GACnC,UAAUA,EAAA,MAAQ;GAClB,MAAMA,EAAA,MAAQ;GACf,iBAAA;;;;;;EAEM,CAAA,GAAAA,EAAA,MAAQ,iBAAiB,KAAA,IAE+Bd,EAAA,IAAA,EAAA,KAHlEd,EAAA,GAAAC,EAII,KAJJsB,GAIIlB,EADGD,EAAAuB,CAAA,CAAE,CAAA,oCAAqCC,EAAA,MAAQ,YAAY,CAAA,GAAA,CAAA,EAAA,CAAA,KAAAd,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PkToolEditSpreadsheet-y3S5O_ld.js","names":["_openBlock","_createElementBlock","_createVNode","PkChatbotFilePreview","_unref","_toDisplayString","_createCommentVNode","_sfc_main","defineComponent","init_shared_esm_bundler","toDisplayString","openBlock","init_runtime_core_esm_bundler","unref","createCommentVNode","init_reactivity_esm_bundler","computed","createElementBlock","createVNode","useI18n","SPREADSHEET_MIME_TYPE","PkChatbotFilePreview_default","_hoisted_1","_hoisted_2","PkToolEditSpreadsheet_default","props","__props","$t","version","part"],"sources":["../../../../packages/components/src/chat/PkToolEditSpreadsheet.vue","../../../../packages/components/src/chat/PkToolEditSpreadsheet.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { SPREADSHEET_MIME_TYPE } from 'models'\n    import PkChatbotFilePreview from './PkChatbotFilePreview.vue'\n\n    /** What `editSpreadsheet` returns that the card shows. */\n    type EditedVersion = {\n        storedFileName: string\n        filename?: string\n        sizeBytes?: number\n        changedCells?: number\n    }\n\n    /**\n     * The version an `editSpreadsheet` call wrote, as a file to download.\n     * Drawn once the call has an output: while it runs, the feed's activity\n     * indicator names it, and a refused edit is explained by the answer.\n     */\n    const props = defineProps<{\n        part: unknown\n        /** The authenticated download URL of a file stored in this chat. */\n        fileUrl: (storedFileName: string) => string\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const version = computed(() => {\n        const part = props.part as {\n            state?: string\n            output?: Partial<EditedVersion>\n        }\n        return part.state === 'output-available' && part.output?.storedFileName\n            ? (part.output as EditedVersion)\n            : undefined\n    })\n</script>\n\n<template>\n    <div v-if=\"version\" class=\"pk-tool-edit-spreadsheet\">\n        <PkChatbotFilePreview\n            :media-type=\"SPREADSHEET_MIME_TYPE\"\n            :url=\"fileUrl(version.storedFileName)\"\n            :filename=\"version.filename\"\n            :size=\"version.sizeBytes\"\n            show-download />\n        <p\n            v-if=\"version.changedCells !== undefined\"\n            class=\"text-12 text-word-3 mt-xs mb-0\">\n            {{ $t('messagePart.editSpreadsheetCells', version.changedCells) }}\n        </p>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { SPREADSHEET_MIME_TYPE } from 'models'\n    import PkChatbotFilePreview from './PkChatbotFilePreview.vue'\n\n    /** What `editSpreadsheet` returns that the card shows. */\n    type EditedVersion = {\n        storedFileName: string\n        filename?: string\n        sizeBytes?: number\n        changedCells?: number\n    }\n\n    /**\n     * The version an `editSpreadsheet` call wrote, as a file to download.\n     * Drawn once the call has an output: while it runs, the feed's activity\n     * indicator names it, and a refused edit is explained by the answer.\n     */\n    const props = defineProps<{\n        part: unknown\n        /** The authenticated download URL of a file stored in this chat. */\n        fileUrl: (storedFileName: string) => string\n    }>()\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const version = computed(() => {\n        const part = props.part as {\n            state?: string\n            output?: Partial<EditedVersion>\n        }\n        return part.state === 'output-available' && part.output?.storedFileName\n            ? (part.output as EditedVersion)\n            : undefined\n    })\n</script>\n\n<template>\n    <div v-if=\"version\" class=\"pk-tool-edit-spreadsheet\">\n        <PkChatbotFilePreview\n            :media-type=\"SPREADSHEET_MIME_TYPE\"\n            :url=\"fileUrl(version.storedFileName)\"\n            :filename=\"version.filename\"\n            :size=\"version.sizeBytes\"\n            show-download />\n        <p\n            v-if=\"version.changedCells !== undefined\"\n            class=\"text-12 text-word-3 mt-xs mb-0\">\n            {{ $t('messagePart.editSpreadsheetCells', version.changedCells) }}\n        </p>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAmBI,IAAMyB,IAAQC,GAMR,EAAE,GAAGC,MAAOR,EAAQ,EAAE,UAAU,SAAS,CAAC,GAE1CS,IAAUZ,QAAe;GAC3B,IAAMa,IAAOJ,EAAM;GAInB,OAAOI,EAAK,UAAU,sBAAsBA,EAAK,QAAQ,iBAClDA,EAAK,SACN,KAAA;EACV,CAAC;mBAIUD,EAAA,SAAX5B,EAAA,GAAAC,EAYM,OAZNqB,GAYM,CAXFpB,EAKoBC,GAAA;GAJf,cAAYC,EAAAgB,CAAA;GACZ,KAAKM,EAAA,QAAQE,EAAA,MAAQ,cAAc;GACnC,UAAUA,EAAA,MAAQ;GAClB,MAAMA,EAAA,MAAQ;GACf,iBAAA;;;;;;EAEM,CAAA,GAAAA,EAAA,MAAQ,iBAAiB,KAAA,IAE+Bd,EAAA,IAAA,EAAA,KAHlEd,EAAA,GAAAC,EAII,KAJJsB,GAIIlB,EADGD,EAAAuB,CAAA,CAAE,CAAA,oCAAqCC,EAAA,MAAQ,YAAY,CAAA,GAAA,CAAA,EAAA,CAAA,KAAAd,EAAA,IAAA,EAAA"}

package/dist/_chunks/{PkToolShowArtifact-Cc7F5Uep.js → PkToolShowArtifact-CefFRN9d.js}

@@ -1,5 +1,5 @@
 import { C as e, Ct as t, Dt as n, L as r, O as i, St as a, X as o, b as s, g as c, h as l, it as u, m as d, mt as f, v as p, wt as m, x as h } from "./vue.runtime.esm-bundler-DKVd2gci.js";
-import { t as g } from "./PkStreamingMarkdown-DUjJT88a.js";
+import { t as g } from "./PkStreamingMarkdown-D58uGMVJ.js";
 import { i as _ } from "./dist-DxtbpUdI.js";
 import { r as v } from "./index.es-dTcgyeM4.js";
 //#region ../../packages/components/src/chat/PkCode.vue?vue&type=script&setup=true&lang.ts
@@ -93,4 +93,4 @@ var x = { class: "border border-surface-3 rounded-xl w-full overflow-hidden" },
 //#endregion
 export { E as default };
 
-//# sourceMappingURL=PkToolShowArtifact-Cc7F5Uep.js.map
+//# sourceMappingURL=PkToolShowArtifact-CefFRN9d.js.map

package/dist/_chunks/{PkToolShowArtifact-Cc7F5Uep.js.map → PkToolShowArtifact-CefFRN9d.js.map}

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

package/dist/_chunks/{PkToolShowContactForm-CosvgcI4.js → PkToolShowContactForm-Q58lENmc.js}

@@ -1,7 +1,7 @@
 import { _ as e, b as t, d as n } from "./zod-Dd1GFq_6.js";
 import { $ as r, C as i, Ct as a, Dt as o, L as s, O as c, St as l, X as u, ct as d, h as f, it as p, m, r as h, t as g, v as _, x as v } from "./vue.runtime.esm-bundler-DKVd2gci.js";
 import { r as y } from "./vue-i18n-CooVjJjT.js";
-import { t as b } from "./PkStreamingMarkdown-DUjJT88a.js";
+import { t as b } from "./PkStreamingMarkdown-D58uGMVJ.js";
 import { r as x, t as S } from "./index.es-dTcgyeM4.js";
 import { n as C, r as w, t as T } from "./index.es-BrsciU25.js";
 //#region ../../packages/components/src/chat/PkToolShowContactForm.vue?vue&type=script&setup=true&lang.ts
@@ -117,4 +117,4 @@ var E = { class: "border border-surface-3 rounded-xl w-full overflow-hidden bg-s
 //#endregion
 export { I as default };
 
-//# sourceMappingURL=PkToolShowContactForm-CosvgcI4.js.map
+//# sourceMappingURL=PkToolShowContactForm-Q58lENmc.js.map

package/dist/_chunks/{PkToolShowContactForm-CosvgcI4.js.map → PkToolShowContactForm-Q58lENmc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowContactForm-CosvgcI4.js","names":["z.object","z.string","z.email","useForm","__unplugin_components_0","__unplugin_components_1","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_toDisplayString","_unref","_Transition","_withCtx","_isRef","PkStreamingMarkdown","_sfc_main","object","string","email","withCtx","defineComponent","init_shared_esm_bundler","toDisplayString","openBlock","init_runtime_core_esm_bundler","unref","watch","isRef","createBaseVNode","init_reactivity_esm_bundler","init_runtime_dom_esm_bundler","Transition","createElementBlock","createVNode","useI18n","PkStreamingMarkdown_default","Ca","Ae","useLocalizedString","useSafeLocalStorage","Se","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","PkToolShowContactForm_default","__emit","$t","props","__props","toolPart","computed","input","localSubmitted","LeadFormSchema","emit","newInput","submitted","isSubmitted","submitLead","data","privacyNotice","_component_VvIcon","_component_VvButton","VvForm","formData","_cache","$event","VvFormField"],"sources":["../../../../packages/components/src/chat/PkToolShowContactForm.vue","../../../../packages/components/src/chat/PkToolShowContactForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { useSafeLocalStorage, useLocalizedString } from 'composables'\n    import type { LocalizedString } from 'models'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const props = defineProps<{\n        part: unknown\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n        readonly?: boolean\n        privacyPolicyNotice?: LocalizedString\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            type: string\n            toolCallId: string\n            input?: {\n                name: string\n                email: string\n                phone?: string\n                conversationContext?: Record<string, unknown>\n            }\n        }\n        return part\n    })\n\n    const input = computed(() => toolPart.value.input)\n\n    const localSubmitted = useSafeLocalStorage<boolean>(\n        computed(\n            () =>\n                `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n        ),\n        false,\n    )\n\n    const LeadFormSchema = z.object({\n        name: z.string().min(1).max(255).default(''),\n        email: z.email().max(255).default(''),\n        phone: z\n            .string()\n            .max(50)\n            .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n            .optional(),\n    })\n\n    const emit = defineEmits<{\n        submit: [data: Record<string, unknown>]\n    }>()\n\n    const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n        lazyLoad: true,\n    })\n\n    // Pre-populate form with input values\n    watch(\n        input,\n        (newInput) => {\n            formData.value = {\n                name: newInput?.name || '',\n                email: newInput?.email || '',\n                phone: newInput?.phone || '',\n            }\n        },\n        { immediate: true },\n    )\n\n    watch(\n        () => props.submitted,\n        (submitted) => {\n            if (submitted) {\n                localSubmitted.value = true\n            }\n        },\n        { immediate: true },\n    )\n\n    const isSubmitted = computed(() => {\n        return props.submitted || localSubmitted.value\n    })\n\n    const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n        emit('submit', { ...data, metadata: input.value?.conversationContext })\n    }\n\n    const privacyNotice = useLocalizedString(\n        () => props.privacyPolicyNotice,\n        'message.defaultPrivacyPolicyNotice',\n    )\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n        </div>\n\n        <Transition mode=\"out-in\">\n            <div v-if=\"!isSubmitted\" class=\"p-sm\">\n                <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n                    <VvFormField\n                        name=\"name\"\n                        type=\"text\"\n                        :label=\"$t('label.name')\"\n                        :placeholder=\"$t('placeholder.name')\"\n                        icon=\"ri:user-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"email\"\n                        type=\"email\"\n                        :label=\"$t('label.email')\"\n                        :placeholder=\"$t('placeholder.email')\"\n                        icon=\"ri:mail-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"phone\"\n                        type=\"tel\"\n                        :label=\"$t('label.phone')\"\n                        :placeholder=\"$t('placeholder.phone')\"\n                        icon=\"ri:phone-line\"\n                        class=\"mb-md\"\n                        modifiers=\"compact no-label\" />\n\n                    <div class=\"flex justify-between items-center gap-16 mt-xs\">\n                        <div\n                            class=\"text-smaller text-word-3 flex items-center gap-8\">\n                            <VvIcon\n                                name=\"ri:shield-check-line\"\n                                class=\"text-16 shrink-0\" />\n                            <PkStreamingMarkdown\n                                :markdown=\"privacyNotice\"\n                                class=\"wysiwyg\" />\n                        </div>\n                        <VvButton\n                            type=\"submit\"\n                            modifiers=\"primary\"\n                            :loading\n                            :disabled=\"loading || readonly\"\n                            icon-position=\"right\"\n                            class=\"shrink-0\"\n                            :label=\"$t('action.submit')\" />\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <!-- One confirmation row across every tool card: a green\n                     check, the title in weight, the body quiet. The check is\n                     the outcome, so it alone carries the colour (DESIGN.md). -->\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon name=\"ri:check-line\" class=\"text-16 text-success\" />\n                    <div>\n                        <strong class=\"font-medium block text-word-1\">\n                            {{ $t('message.leadSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.leadSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { useSafeLocalStorage, useLocalizedString } from 'composables'\n    import type { LocalizedString } from 'models'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const props = defineProps<{\n        part: unknown\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n        readonly?: boolean\n        privacyPolicyNotice?: LocalizedString\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            type: string\n            toolCallId: string\n            input?: {\n                name: string\n                email: string\n                phone?: string\n                conversationContext?: Record<string, unknown>\n            }\n        }\n        return part\n    })\n\n    const input = computed(() => toolPart.value.input)\n\n    const localSubmitted = useSafeLocalStorage<boolean>(\n        computed(\n            () =>\n                `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n        ),\n        false,\n    )\n\n    const LeadFormSchema = z.object({\n        name: z.string().min(1).max(255).default(''),\n        email: z.email().max(255).default(''),\n        phone: z\n            .string()\n            .max(50)\n            .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n            .optional(),\n    })\n\n    const emit = defineEmits<{\n        submit: [data: Record<string, unknown>]\n    }>()\n\n    const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n        lazyLoad: true,\n    })\n\n    // Pre-populate form with input values\n    watch(\n        input,\n        (newInput) => {\n            formData.value = {\n                name: newInput?.name || '',\n                email: newInput?.email || '',\n                phone: newInput?.phone || '',\n            }\n        },\n        { immediate: true },\n    )\n\n    watch(\n        () => props.submitted,\n        (submitted) => {\n            if (submitted) {\n                localSubmitted.value = true\n            }\n        },\n        { immediate: true },\n    )\n\n    const isSubmitted = computed(() => {\n        return props.submitted || localSubmitted.value\n    })\n\n    const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n        emit('submit', { ...data, metadata: input.value?.conversationContext })\n    }\n\n    const privacyNotice = useLocalizedString(\n        () => props.privacyPolicyNotice,\n        'message.defaultPrivacyPolicyNotice',\n    )\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n        </div>\n\n        <Transition mode=\"out-in\">\n            <div v-if=\"!isSubmitted\" class=\"p-sm\">\n                <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n                    <VvFormField\n                        name=\"name\"\n                        type=\"text\"\n                        :label=\"$t('label.name')\"\n                        :placeholder=\"$t('placeholder.name')\"\n                        icon=\"ri:user-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"email\"\n                        type=\"email\"\n                        :label=\"$t('label.email')\"\n                        :placeholder=\"$t('placeholder.email')\"\n                        icon=\"ri:mail-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"phone\"\n                        type=\"tel\"\n                        :label=\"$t('label.phone')\"\n                        :placeholder=\"$t('placeholder.phone')\"\n                        icon=\"ri:phone-line\"\n                        class=\"mb-md\"\n                        modifiers=\"compact no-label\" />\n\n                    <div class=\"flex justify-between items-center gap-16 mt-xs\">\n                        <div\n                            class=\"text-smaller text-word-3 flex items-center gap-8\">\n                            <VvIcon\n                                name=\"ri:shield-check-line\"\n                                class=\"text-16 shrink-0\" />\n                            <PkStreamingMarkdown\n                                :markdown=\"privacyNotice\"\n                                class=\"wysiwyg\" />\n                        </div>\n                        <VvButton\n                            type=\"submit\"\n                            modifiers=\"primary\"\n                            :loading\n                            :disabled=\"loading || readonly\"\n                            icon-position=\"right\"\n                            class=\"shrink-0\"\n                            :label=\"$t('action.submit')\" />\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <!-- One confirmation row across every tool card: a green\n                     check, the title in weight, the body quiet. The check is\n                     the outcome, so it alone carries the colour (DESIGN.md). -->\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon name=\"ri:check-line\" class=\"text-16 text-success\" />\n                    <div>\n                        <strong class=\"font-medium block text-word-1\">\n                            {{ $t('message.leadSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.leadSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowContactForm-Q58lENmc.js","names":["z.object","z.string","z.email","useForm","__unplugin_components_0","__unplugin_components_1","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_toDisplayString","_unref","_Transition","_withCtx","_isRef","PkStreamingMarkdown","_sfc_main","object","string","email","withCtx","defineComponent","init_shared_esm_bundler","toDisplayString","openBlock","init_runtime_core_esm_bundler","unref","watch","isRef","createBaseVNode","init_reactivity_esm_bundler","init_runtime_dom_esm_bundler","Transition","createElementBlock","createVNode","useI18n","PkStreamingMarkdown_default","Ca","Ae","useLocalizedString","useSafeLocalStorage","Se","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","PkToolShowContactForm_default","__emit","$t","props","__props","toolPart","computed","input","localSubmitted","LeadFormSchema","emit","newInput","submitted","isSubmitted","submitLead","data","privacyNotice","_component_VvIcon","_component_VvButton","VvForm","formData","_cache","$event","VvFormField"],"sources":["../../../../packages/components/src/chat/PkToolShowContactForm.vue","../../../../packages/components/src/chat/PkToolShowContactForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { useSafeLocalStorage, useLocalizedString } from 'composables'\n    import type { LocalizedString } from 'models'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const props = defineProps<{\n        part: unknown\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n        readonly?: boolean\n        privacyPolicyNotice?: LocalizedString\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            type: string\n            toolCallId: string\n            input?: {\n                name: string\n                email: string\n                phone?: string\n                conversationContext?: Record<string, unknown>\n            }\n        }\n        return part\n    })\n\n    const input = computed(() => toolPart.value.input)\n\n    const localSubmitted = useSafeLocalStorage<boolean>(\n        computed(\n            () =>\n                `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n        ),\n        false,\n    )\n\n    const LeadFormSchema = z.object({\n        name: z.string().min(1).max(255).default(''),\n        email: z.email().max(255).default(''),\n        phone: z\n            .string()\n            .max(50)\n            .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n            .optional(),\n    })\n\n    const emit = defineEmits<{\n        submit: [data: Record<string, unknown>]\n    }>()\n\n    const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n        lazyLoad: true,\n    })\n\n    // Pre-populate form with input values\n    watch(\n        input,\n        (newInput) => {\n            formData.value = {\n                name: newInput?.name || '',\n                email: newInput?.email || '',\n                phone: newInput?.phone || '',\n            }\n        },\n        { immediate: true },\n    )\n\n    watch(\n        () => props.submitted,\n        (submitted) => {\n            if (submitted) {\n                localSubmitted.value = true\n            }\n        },\n        { immediate: true },\n    )\n\n    const isSubmitted = computed(() => {\n        return props.submitted || localSubmitted.value\n    })\n\n    const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n        emit('submit', { ...data, metadata: input.value?.conversationContext })\n    }\n\n    const privacyNotice = useLocalizedString(\n        () => props.privacyPolicyNotice,\n        'message.defaultPrivacyPolicyNotice',\n    )\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n        </div>\n\n        <Transition mode=\"out-in\">\n            <div v-if=\"!isSubmitted\" class=\"p-sm\">\n                <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n                    <VvFormField\n                        name=\"name\"\n                        type=\"text\"\n                        :label=\"$t('label.name')\"\n                        :placeholder=\"$t('placeholder.name')\"\n                        icon=\"ri:user-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"email\"\n                        type=\"email\"\n                        :label=\"$t('label.email')\"\n                        :placeholder=\"$t('placeholder.email')\"\n                        icon=\"ri:mail-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"phone\"\n                        type=\"tel\"\n                        :label=\"$t('label.phone')\"\n                        :placeholder=\"$t('placeholder.phone')\"\n                        icon=\"ri:phone-line\"\n                        class=\"mb-md\"\n                        modifiers=\"compact no-label\" />\n\n                    <div class=\"flex justify-between items-center gap-16 mt-xs\">\n                        <div\n                            class=\"text-smaller text-word-3 flex items-center gap-8\">\n                            <VvIcon\n                                name=\"ri:shield-check-line\"\n                                class=\"text-16 shrink-0\" />\n                            <PkStreamingMarkdown\n                                :markdown=\"privacyNotice\"\n                                class=\"wysiwyg\" />\n                        </div>\n                        <VvButton\n                            type=\"submit\"\n                            modifiers=\"primary\"\n                            :loading\n                            :disabled=\"loading || readonly\"\n                            icon-position=\"right\"\n                            class=\"shrink-0\"\n                            :label=\"$t('action.submit')\" />\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <!-- One confirmation row across every tool card: a green\n                     check, the title in weight, the body quiet. The check is\n                     the outcome, so it alone carries the colour (DESIGN.md). -->\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon name=\"ri:check-line\" class=\"text-16 text-success\" />\n                    <div>\n                        <strong class=\"font-medium block text-word-1\">\n                            {{ $t('message.leadSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.leadSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { useForm } from '@volverjs/form-vue'\n    import * as z from 'zod'\n    import { useSafeLocalStorage, useLocalizedString } from 'composables'\n    import type { LocalizedString } from 'models'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n\n    const { t: $t } = useI18n({ useScope: 'global' })\n\n    const props = defineProps<{\n        part: unknown\n        submitted?: boolean\n        loading?: boolean\n        error?: string\n        readonly?: boolean\n        privacyPolicyNotice?: LocalizedString\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            type: string\n            toolCallId: string\n            input?: {\n                name: string\n                email: string\n                phone?: string\n                conversationContext?: Record<string, unknown>\n            }\n        }\n        return part\n    })\n\n    const input = computed(() => toolPart.value.input)\n\n    const localSubmitted = useSafeLocalStorage<boolean>(\n        computed(\n            () =>\n                `${toolPart.value.toolCallId}-${toolPart.value.type}-submitted`,\n        ),\n        false,\n    )\n\n    const LeadFormSchema = z.object({\n        name: z.string().min(1).max(255).default(''),\n        email: z.email().max(255).default(''),\n        phone: z\n            .string()\n            .max(50)\n            .regex(/^[+0-9\\s\\-.()]*$/, $t('validation.invalidPhoneNumber'))\n            .optional(),\n    })\n\n    const emit = defineEmits<{\n        submit: [data: Record<string, unknown>]\n    }>()\n\n    const { VvForm, VvFormField, formData } = useForm(LeadFormSchema, {\n        lazyLoad: true,\n    })\n\n    // Pre-populate form with input values\n    watch(\n        input,\n        (newInput) => {\n            formData.value = {\n                name: newInput?.name || '',\n                email: newInput?.email || '',\n                phone: newInput?.phone || '',\n            }\n        },\n        { immediate: true },\n    )\n\n    watch(\n        () => props.submitted,\n        (submitted) => {\n            if (submitted) {\n                localSubmitted.value = true\n            }\n        },\n        { immediate: true },\n    )\n\n    const isSubmitted = computed(() => {\n        return props.submitted || localSubmitted.value\n    })\n\n    const submitLead = async (data: Record<string, unknown>): Promise<void> => {\n        emit('submit', { ...data, metadata: input.value?.conversationContext })\n    }\n\n    const privacyNotice = useLocalizedString(\n        () => props.privacyPolicyNotice,\n        'message.defaultPrivacyPolicyNotice',\n    )\n</script>\n\n<template>\n    <div\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:send-plane-2-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">{{ $t('label.contactUs') }}</strong>\n        </div>\n\n        <Transition mode=\"out-in\">\n            <div v-if=\"!isSubmitted\" class=\"p-sm\">\n                <VvForm v-model=\"formData\" :readonly @submit=\"submitLead\">\n                    <VvFormField\n                        name=\"name\"\n                        type=\"text\"\n                        :label=\"$t('label.name')\"\n                        :placeholder=\"$t('placeholder.name')\"\n                        icon=\"ri:user-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"email\"\n                        type=\"email\"\n                        :label=\"$t('label.email')\"\n                        :placeholder=\"$t('placeholder.email')\"\n                        icon=\"ri:mail-line\"\n                        modifiers=\"compact no-label\"\n                        class=\"mb-md\" />\n                    <VvFormField\n                        name=\"phone\"\n                        type=\"tel\"\n                        :label=\"$t('label.phone')\"\n                        :placeholder=\"$t('placeholder.phone')\"\n                        icon=\"ri:phone-line\"\n                        class=\"mb-md\"\n                        modifiers=\"compact no-label\" />\n\n                    <div class=\"flex justify-between items-center gap-16 mt-xs\">\n                        <div\n                            class=\"text-smaller text-word-3 flex items-center gap-8\">\n                            <VvIcon\n                                name=\"ri:shield-check-line\"\n                                class=\"text-16 shrink-0\" />\n                            <PkStreamingMarkdown\n                                :markdown=\"privacyNotice\"\n                                class=\"wysiwyg\" />\n                        </div>\n                        <VvButton\n                            type=\"submit\"\n                            modifiers=\"primary\"\n                            :loading\n                            :disabled=\"loading || readonly\"\n                            icon-position=\"right\"\n                            class=\"shrink-0\"\n                            :label=\"$t('action.submit')\" />\n                    </div>\n                </VvForm>\n            </div>\n            <div v-else class=\"p-sm\">\n                <!-- One confirmation row across every tool card: a green\n                     check, the title in weight, the body quiet. The check is\n                     the outcome, so it alone carries the colour (DESIGN.md). -->\n                <div class=\"flex items-center gap-sm\">\n                    <VvIcon name=\"ri:check-line\" class=\"text-16 text-success\" />\n                    <div>\n                        <strong class=\"font-medium block text-word-1\">\n                            {{ $t('message.leadSubmittedTitle') }}\n                        </strong>\n                        <p class=\"text-word-3\">\n                            {{ $t('message.leadSubmittedMessage') }}\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </Transition>\n    </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EASI,IAAM,EAAE,GAAGsD,MAAOnB,EAAQ,EAAE,UAAU,SAAS,CAAC,GAE1CoB,IAAQC,GASRC,IAAWC,QACAH,EAAM,IAWtB,GAEKI,IAAQD,QAAeD,EAAS,MAAM,KAAK,GAE3CG,IAAiBpB,EACnBkB,QAEQ,GAAGD,EAAS,MAAM,WAAW,GAAGA,EAAS,MAAM,KAAK,WAC5D,GACA,EACJ,GAEMI,IAAiB7D,EAAS;GAC5B,MAAMC,EAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,QAAQ,EAAE;GAC3C,OAAOC,EAAQ,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,QAAQ,EAAE;GACpC,OAAOD,EACK,CAAA,CACP,IAAI,EAAE,CAAA,CACN,MAAM,oBAAoBqD,EAAG,+BAA+B,CAAC,CAAA,CAC7D,SAAS;EAClB,CAAC,GAEKQ,IAAOT,GAIP,EAAE,WAAQ,gBAAa,gBAAalD,EAAQ0D,GAAgB,EAC9D,UAAU,GACd,CAAC;EAeD,AAZAlC,EACIgC,IACC,MAAa;GACV,EAAS,QAAQ;IACb,MAAMI,GAAU,QAAQ;IACxB,OAAOA,GAAU,SAAS;IAC1B,OAAOA,GAAU,SAAS;GAC9B;EACJ,GACA,EAAE,WAAW,GAAK,CACtB,GAEApC,QACU4B,EAAM,YACX,MAAc;GACX,AAAIS,MACA,EAAe,QAAQ;EAE/B,GACA,EAAE,WAAW,GAAK,CACtB;EAEA,IAAMC,IAAcP,QACTH,EAAM,aAAaK,EAAe,KAC5C,GAEKM,IAAa,OAAO,MAAiD;GACvE,EAAK,UAAU;IAAE,GAAGC;IAAM,UAAUR,EAAM,OAAO;GAAoB,CAAC;EAC1E,GAEMS,IAAgB7B,QACZgB,EAAM,qBACZ,oCACJ;;;GAIA,OAAAjD,EAAA,GAAAC,EA0EM,OA1ENmC,GA0EM,CAxEFlC,EAIM,OAJNmC,GAIM,CAFFlC,EAAsD4D,GAAA;IAA9C,MAAK;IAAuB,OAAM;GAC1C7D,CAAAA,GAAAA,EAA8D,UAA9DoC,GAA8DlC,EAAjCC,EAAA2C,CAAA,CAAE,CAAA,iBAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAGnC7C,EAiEaG,GAAA,EAjED,MAAK,SAAQ,GAAA;IACrB,SAAAC,QA+CM,CA/CMoD,EAAA,SAgDZ3D,EAAA,GAAAC,EAeM,OAfNyC,GAeM,CAXFxC,EAUM,OAVNyC,GAUM,CATFxC,EAA4D4D,GAAA;KAApD,MAAK;KAAgB,OAAM;IACnC7D,CAAAA,GAAAA,EAOM,OAAA,MAAA,CANFA,EAES,UAFT0C,GAESxC,EADFC,EAAA2C,CAAA,CAAE,CAAA,4BAAA,CAAA,GAAA,CAAA,GAET9C,EAEI,KAFJ2C,GAEIzC,EADGC,EAAA2C,CAAA,CAAE,CAAA,8BAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MA3DrBhD,EAAA,GAAAC,EA+CM,OA/CNsC,GA+CM,CA9CFpC,EA6CSE,EAAA4D,CAAA,GAAA;KA7CQ,YAAA5D,EAAA6D,CAAA;KAAA,uBAAA,AAAAC,EAAA,QAAA,MAAA3D,EAAA0D,CAAA,IAAA,EAAQ,QAAAE,IAAA;KAAG,UAAAlB,EAAA;KAAU,UAAQU;;KAC1C,SAAArD,QAOoB;MAPpBJ,EAOoBE,EAAAgE,CAAA,GAAA;OANhB,MAAK;OACL,MAAK;OACJ,OAAOhE,EAAA2C,CAAA,CAAE,CAAA,YAAA;OACT,aAAa3C,EAAA2C,CAAA,CAAE,CAAA,kBAAA;OAChB,MAAK;OACL,WAAU;OACV,OAAM;;MACV7C,EAOoBE,EAAAgE,CAAA,GAAA;OANhB,MAAK;OACL,MAAK;OACJ,OAAOhE,EAAA2C,CAAA,CAAE,CAAA,aAAA;OACT,aAAa3C,EAAA2C,CAAA,CAAE,CAAA,mBAAA;OAChB,MAAK;OACL,WAAU;OACV,OAAM;;MACV7C,EAOmCE,EAAAgE,CAAA,GAAA;OAN/B,MAAK;OACL,MAAK;OACJ,OAAOhE,EAAA2C,CAAA,CAAE,CAAA,aAAA;OACT,aAAa3C,EAAA2C,CAAA,CAAE,CAAA,mBAAA;OAChB,MAAK;OACL,OAAM;OACN,WAAU;;MAEd9C,EAkBM,OAlBNsC,GAkBM,CAjBFtC,EAQM,OARNuC,GAQM,CANFtC,EAE+B4D,GAAA;OAD3B,MAAK;OACL,OAAM;MACV5D,CAAAA,GAAAA,EAEsBM,GAAA;OADjB,UAAUJ,EAAAyD,CAAA;OACX,OAAM;MAEd3D,GAAAA,MAAAA,GAAAA,CAAAA,UAAAA,CAAAA,CAAAA,CAAAA,GAAAA,EAOmC6D,GAAA;OAN/B,MAAK;OACL,WAAU;OACT,SAAAd,EAAA;OACA,UAAUA,EAAA,WAAWA,EAAA;OACtB,iBAAc;OACd,OAAM;OACL,OAAO7C,EAAA2C,CAAA,CAAE,CAAA,eAAA;;;;;;;;IAI1BhD,GAAAA,GAAAA,CAAAA,cAAAA,UAAAA,CAAAA,CAAAA,CAAAA,EAWqB,CAAA"}

package/dist/_chunks/{PkToolShowForm-tU_zaP2m.js → PkToolShowForm-DCluttiO.js}

@@ -1,6 +1,6 @@
 import { $ as e, B as t, C as n, Ct as r, Dt as i, Et as a, G as o, K as s, L as c, M as l, O as u, St as d, X as f, _ as p, b as m, d as h, ft as ee, g, h as _, it as v, j as y, l as te, m as b, mt as x, r as S, u as C, v as w, wt as ne, x as T, y as E, z as D } from "./vue.runtime.esm-bundler-DKVd2gci.js";
 import { r as re } from "./vue-i18n-CooVjJjT.js";
-import { c as ie, l as ae, t as oe } from "./PkStreamingMarkdown-DUjJT88a.js";
+import { c as ie, l as ae, t as oe } from "./PkStreamingMarkdown-D58uGMVJ.js";
 import { p as O } from "./Agent-DDAyL-4q.js";
 import { c as k, f as se, o as A, p as j, r as ce, s as M, t as le } from "./index.es-dTcgyeM4.js";
 //#region ../../packages/components/src/PkEditorRadioButtons.vue?vue&type=script&setup=true&lang.ts
@@ -378,4 +378,4 @@ var fe = {
 //#endregion
 export { z as default };
 
-//# sourceMappingURL=PkToolShowForm-tU_zaP2m.js.map
+//# sourceMappingURL=PkToolShowForm-DCluttiO.js.map