@8wave/ai-elements 0.115.0-beta.60 → 0.115.0-beta.72

package/dist/_chunks/{PkToolShowEmail-BM16pMjW.js.map → PkToolShowEmail-AWhVo3l3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowEmail-BM16pMjW.js","names":["$t","__unplugin_components_0","__unplugin_components_1","__unplugin_components_2","__unplugin_components_3","__unplugin_components_4","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_toDisplayString","_withCtx","_unref","_normalizeProps","_guardReactiveProps","_createTextVNode","_sfc_main","withCtx","defineComponent","normalizeProps","openBlock","init_runtime_core_esm_bundler","guardReactiveProps","toDisplayString","createTextVNode","unref","createBaseVNode","init_reactivity_esm_bundler","computed","createElementBlock","createVNode","init_shared_esm_bundler","useClipboard","Qi","ru","Ca","Ae","ra","useShortUrlResolver","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","PkToolShowEmail_default","props","__props","toolPart","subject","resolveText","body","openInMailApp","mailtoLink","openInOutlook","url","openInGmail","openInYahooMail","_component_VvIcon","_component_VvButton","_component_VvDropdownAction","_component_VvDropdown","_component_VvButtonGroup","_ctx","copied","_cache","copy"],"sources":["../../../../packages/components/src/chat/PkToolShowEmail.vue","../../../../packages/components/src/chat/PkToolShowEmail.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { useShortUrlResolver } from 'composables'\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                subject: string\n                body: string\n            }\n        }\n        return part\n    })\n\n    // Emails leave the app (mailto/webmail/clipboard), so expand short urls to\n    // their real target rather than keeping the fragile `/api/r/` redirect.\n    const { resolveText } = useShortUrlResolver()\n    const subject = resolveText(() => toolPart.value.input?.subject)\n    const body = resolveText(() => toolPart.value.input?.body)\n\n    const openInMailApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const mailtoLink = `mailto:?subject=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(mailtoLink)\n    }\n\n    const openInOutlook = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://outlook.office.com/mail/deeplink/compose?to=&subject=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(url, '_blank')\n    }\n\n    const openInGmail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://mail.google.com/mail/u/0/?tf=cm&to=&su=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(url, '_blank')\n    }\n\n    const openInYahooMail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://compose.mail.yahoo.com/?to=&subject=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(url, '_blank')\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\">\n            <VvIcon name=\"ri:mail-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.email') }}\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=\"copy(`${subject}\\n\\n${body}`)\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:mail-send-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInOutlook\">\n                            <VvIcon name=\"mdi:outlook\" />\n                            {{ $t('action.openInOutlook') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInGmail\">\n                            <VvIcon name=\"mdi:gmail\" />\n                            {{ $t('action.openInGmail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInYahooMail\">\n                            <VvIcon name=\"mdi:yahoo\" />\n                            {{ $t('action.openInYahooMail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInMailApp\">\n                            <VvIcon name=\"ri:mail-open-line\" />\n                            {{ $t('action.openInMailApp') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"border-b border-surface-3 p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.subject') }}\n            </div>\n            <div class=\"text-word-2 font-semibold\">\n                {{ subject }}\n            </div>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                body\n            }}</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 { useShortUrlResolver } from 'composables'\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                subject: string\n                body: string\n            }\n        }\n        return part\n    })\n\n    // Emails leave the app (mailto/webmail/clipboard), so expand short urls to\n    // their real target rather than keeping the fragile `/api/r/` redirect.\n    const { resolveText } = useShortUrlResolver()\n    const subject = resolveText(() => toolPart.value.input?.subject)\n    const body = resolveText(() => toolPart.value.input?.body)\n\n    const openInMailApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const mailtoLink = `mailto:?subject=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(mailtoLink)\n    }\n\n    const openInOutlook = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://outlook.office.com/mail/deeplink/compose?to=&subject=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(url, '_blank')\n    }\n\n    const openInGmail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://mail.google.com/mail/u/0/?tf=cm&to=&su=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(url, '_blank')\n    }\n\n    const openInYahooMail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://compose.mail.yahoo.com/?to=&subject=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(url, '_blank')\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\">\n            <VvIcon name=\"ri:mail-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.email') }}\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=\"copy(`${subject}\\n\\n${body}`)\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:mail-send-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInOutlook\">\n                            <VvIcon name=\"mdi:outlook\" />\n                            {{ $t('action.openInOutlook') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInGmail\">\n                            <VvIcon name=\"mdi:gmail\" />\n                            {{ $t('action.openInGmail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInYahooMail\">\n                            <VvIcon name=\"mdi:yahoo\" />\n                            {{ $t('action.openInYahooMail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInMailApp\">\n                            <VvIcon name=\"ri:mail-open-line\" />\n                            {{ $t('action.openInMailApp') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"border-b border-surface-3 p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.subject') }}\n            </div>\n            <div class=\"text-word-2 font-semibold\">\n                {{ subject }}\n            </div>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                body\n            }}</pre>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowEmail-AWhVo3l3.js","names":["$t","__unplugin_components_0","__unplugin_components_1","__unplugin_components_2","__unplugin_components_3","__unplugin_components_4","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_toDisplayString","_withCtx","_unref","_normalizeProps","_guardReactiveProps","_createTextVNode","_sfc_main","withCtx","defineComponent","normalizeProps","openBlock","init_runtime_core_esm_bundler","guardReactiveProps","toDisplayString","createTextVNode","unref","createBaseVNode","init_reactivity_esm_bundler","computed","createElementBlock","createVNode","init_shared_esm_bundler","useClipboard","Qi","ru","Ca","Ae","ra","useShortUrlResolver","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","PkToolShowEmail_default","props","__props","toolPart","subject","resolveText","body","openInMailApp","mailtoLink","openInOutlook","url","openInGmail","openInYahooMail","_component_VvIcon","_component_VvButton","_component_VvDropdownAction","_component_VvDropdown","_component_VvButtonGroup","_ctx","copied","_cache","copy"],"sources":["../../../../packages/components/src/chat/PkToolShowEmail.vue","../../../../packages/components/src/chat/PkToolShowEmail.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useClipboard } from '@vueuse/core'\n    import { useShortUrlResolver } from 'composables'\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                subject: string\n                body: string\n            }\n        }\n        return part\n    })\n\n    // Emails leave the app (mailto/webmail/clipboard), so expand short urls to\n    // their real target rather than keeping the fragile `/api/r/` redirect.\n    const { resolveText } = useShortUrlResolver()\n    const subject = resolveText(() => toolPart.value.input?.subject)\n    const body = resolveText(() => toolPart.value.input?.body)\n\n    const openInMailApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const mailtoLink = `mailto:?subject=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(mailtoLink)\n    }\n\n    const openInOutlook = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://outlook.office.com/mail/deeplink/compose?to=&subject=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(url, '_blank')\n    }\n\n    const openInGmail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://mail.google.com/mail/u/0/?tf=cm&to=&su=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(url, '_blank')\n    }\n\n    const openInYahooMail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://compose.mail.yahoo.com/?to=&subject=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(url, '_blank')\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\">\n            <VvIcon name=\"ri:mail-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.email') }}\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=\"copy(`${subject}\\n\\n${body}`)\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:mail-send-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInOutlook\">\n                            <VvIcon name=\"mdi:outlook\" />\n                            {{ $t('action.openInOutlook') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInGmail\">\n                            <VvIcon name=\"mdi:gmail\" />\n                            {{ $t('action.openInGmail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInYahooMail\">\n                            <VvIcon name=\"mdi:yahoo\" />\n                            {{ $t('action.openInYahooMail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInMailApp\">\n                            <VvIcon name=\"ri:mail-open-line\" />\n                            {{ $t('action.openInMailApp') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"border-b border-surface-3 p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.subject') }}\n            </div>\n            <div class=\"text-word-2 font-semibold\">\n                {{ subject }}\n            </div>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                body\n            }}</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 { useShortUrlResolver } from 'composables'\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                subject: string\n                body: string\n            }\n        }\n        return part\n    })\n\n    // Emails leave the app (mailto/webmail/clipboard), so expand short urls to\n    // their real target rather than keeping the fragile `/api/r/` redirect.\n    const { resolveText } = useShortUrlResolver()\n    const subject = resolveText(() => toolPart.value.input?.subject)\n    const body = resolveText(() => toolPart.value.input?.body)\n\n    const openInMailApp = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const mailtoLink = `mailto:?subject=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(mailtoLink)\n    }\n\n    const openInOutlook = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://outlook.office.com/mail/deeplink/compose?to=&subject=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(url, '_blank')\n    }\n\n    const openInGmail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://mail.google.com/mail/u/0/?tf=cm&to=&su=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(url, '_blank')\n    }\n\n    const openInYahooMail = () => {\n        if (!toolPart.value.input) {\n            return\n        }\n        const url = `https://compose.mail.yahoo.com/?to=&subject=${encodeURIComponent(\n            subject.value,\n        )}&body=${encodeURIComponent(body.value)}`\n        window.open(url, '_blank')\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\">\n            <VvIcon name=\"ri:mail-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.email') }}\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=\"copy(`${subject}\\n\\n${body}`)\" />\n                <VvDropdown\n                    v-bind=\"{\n                        placement: 'bottom-end',\n                        modifiers: 'menu',\n                        flip: true,\n                        offset: 3,\n                        strategy: 'fixed',\n                    }\">\n                    <VvButton\n                        icon=\"ri:mail-send-line\"\n                        modifiers=\"action-quiet-small\"\n                        :label=\"$t('action.send')\" />\n                    <template #items>\n                        <VvDropdownAction @click=\"openInOutlook\">\n                            <VvIcon name=\"mdi:outlook\" />\n                            {{ $t('action.openInOutlook') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInGmail\">\n                            <VvIcon name=\"mdi:gmail\" />\n                            {{ $t('action.openInGmail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInYahooMail\">\n                            <VvIcon name=\"mdi:yahoo\" />\n                            {{ $t('action.openInYahooMail') }}\n                        </VvDropdownAction>\n                        <VvDropdownAction @click=\"openInMailApp\">\n                            <VvIcon name=\"ri:mail-open-line\" />\n                            {{ $t('action.openInMailApp') }}\n                        </VvDropdownAction>\n                    </template>\n                </VvDropdown>\n            </VvButtonGroup>\n        </div>\n        <div class=\"border-b border-surface-3 p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.subject') }}\n            </div>\n            <div class=\"text-word-2 font-semibold\">\n                {{ subject }}\n            </div>\n        </div>\n        <div class=\"p-sm\">\n            <div class=\"text-12 text-word-4 mb-4\">\n                {{ $t('label.body') }}\n            </div>\n            <pre class=\"text-word-2 whitespace-pre-wrap break-words\">{{\n                body\n            }}</pre>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist/_chunks/{PkToolShowForm-BpTuRgHg.js → PkToolShowForm-CaYPCOeb.js}

@@ -1,8 +1,8 @@
 import { $ as e, B as t, C as n, G as r, K as i, L as a, M as o, O as s, St as c, Tt as l, X as u, _ as d, b as f, bt as p, d as m, dt as ee, g as h, h as g, it as _, j as v, l as te, m as y, pt as b, r as x, u as S, v as C, wt as ne, x as w, xt as T, y as E, z as D } from "./vue.runtime.esm-bundler-B-NVlZCY.js";
 import { r as re } from "./vue-i18n-BAndfHYX.js";
-import { c as ie, l as ae, t as oe } from "./PkStreamingMarkdown-DbSttKVa.js";
-import { d as O } from "./Agent-Bz23Ejuh.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-B9zAw2XU.js";
+import { c as ie, l as ae, t as oe } from "./PkStreamingMarkdown-LBiDnEgV.js";
+import { d as O } from "./Agent-B5gICwnq.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-D_E1Gj_U.js";
 //#region ../../packages/components/src/PkEditorRadioButtons.vue?vue&type=script&setup=true&lang.ts
 s(), T();
 //#endregion
@@ -144,25 +144,25 @@ var fe = {
 }, me = {
 	key: 0,
 	class: "text-12 border-b border-surface-3 text-word-3 bg-surface-1"
-}, N = {
+}, he = {
 	key: 1,
 	class: "flex flex-col gap-4 p-sm"
-}, P = { class: "flex justify-between text-10 text-word-3" }, F = { class: "h-4 bg-surface-3 rounded-full overflow-hidden" }, I = { class: "px-sm py-16 flex flex-col gap-12" }, L = { class: "leading-normal text-12" }, R = { class: "font-semibold" }, z = { class: "text-12" }, he = { class: "font-semibold" }, ge = {
+}, N = { class: "flex justify-between text-10 text-word-3" }, P = { class: "h-4 bg-surface-3 rounded-full overflow-hidden" }, F = { class: "px-sm py-16 flex flex-col gap-12" }, I = { class: "leading-normal text-12" }, L = ["id"], R = { class: "text-12" }, ge = { class: "font-semibold" }, _e = {
 	key: 0,
 	class: "text-word-3"
-}, _e = { class: "text-12" }, ve = { class: "font-semibold" }, ye = {
+}, ve = { class: "text-12" }, ye = { class: "font-semibold" }, be = {
 	key: 0,
 	class: "text-word-3"
-}, B = {
+}, xe = {
 	key: 2,
 	class: "flex flex-col gap-6 w-full"
-}, be = {
+}, Se = {
 	key: 0,
 	class: "px-sm pb-sm border-t border-surface-3"
-}, xe = {
+}, Ce = {
 	key: 1,
 	class: "px-sm py-10 bg-surface border-t border-surface-3 flex justify-between gap-12"
-}, Se = { key: 1 }, Ce = { class: "px-sm py-12 bg-surface space-y-10" }, we = { class: "flex flex-col gap-8" }, Te = { class: "text-12 text-word-3" }, Ee = { class: "text-12 text-word-2 font-semibold" }, De = { class: "px-sm py-12 bg-surface border-t border-surface-3 flex items-center gap-10" }, Oe = { class: "flex flex-col" }, ke = { class: "font-medium text-12 text-word-1 leading-tight" }, V = /* @__PURE__ */ n({
+}, we = { key: 1 }, Te = { class: "px-sm py-12 bg-surface flex flex-col gap-10" }, Ee = { class: "flex flex-col gap-8" }, De = { class: "text-12 text-word-3" }, Oe = { class: "text-12 text-word-2 font-semibold" }, ke = { class: "px-sm py-12 bg-surface border-t border-surface-3 flex items-center gap-10" }, Ae = { class: "flex flex-col" }, je = { class: "font-medium text-12 text-word-1 leading-tight" }, z = /* @__PURE__ */ n({
 	__name: "PkToolShowForm",
 	props: {
 		part: { type: null },
@@ -171,201 +171,211 @@ var fe = {
 	},
 	emits: ["select"],
 	setup(t, { emit: n }) {
-		let r = t, i = n, { t: o, d: s } = re({ useScope: "global" }), f = y(() => JSON.parse(JSON.stringify(r.part))), _ = y(() => f.value.toolName === "showMultipleChoice" || f.value.type === "tool-showMultipleChoice"), v = y(() => O(f.value.output)), x = y(() => !r.answered && (f.value.state === "input-available" || v.value)), T = y(() => {
-			let e = H.value;
-			return e ? j.value.length === 1 && !e.allowFreeformInput && !r.allowCustomAnswer : !1;
-		}), k = y(() => _.value && j.value.length === 1 && !H.value?.multiSelect), A = y(() => !!H.value?.options && !H.value?.multiSelect && (T.value || k.value)), j = y(() => {
-			let e = f.value.input;
+		let i = t, o = n, { t: s, d: f } = re({ useScope: "global" }), _ = y(() => JSON.parse(JSON.stringify(i.part))), v = r(), x = y(() => _.value.toolName === "showMultipleChoice" || _.value.type === "tool-showMultipleChoice"), T = y(() => O(_.value.output)), k = y(() => !i.answered && (_.value.state === "input-available" || T.value)), A = y(() => {
+			let e = V.value;
+			return e ? z.value.length === 1 && !e.allowFreeformInput && !i.allowCustomAnswer : !1;
+		}), j = y(() => x.value && z.value.length === 1 && !V.value?.multiSelect), M = y(() => !!V.value?.options && !V.value?.multiSelect && (A.value || j.value)), z = y(() => {
+			let e = _.value.input;
 			return e?.steps?.length ? e.steps : e?.question && e?.options ? [{
 				id: "legacy",
 				question: e.question,
 				options: e.options.map((e) => typeof e == "string" ? { label: e } : e)
 			}] : [];
-		}), M = y(() => f.value.state === "output-error" && !j.value.length), V = b(0), H = y(() => j.value[V.value]), U = y(() => V.value > 0), W = y(() => V.value < j.value.length - 1), Ae = y(() => j.value.length > 1), G = y(() => Ae.value ? Math.round((V.value + 1) / j.value.length * 100) : null), K = ee({}), q = b("");
-		u(V, () => {
-			q.value = "";
+		}), Me = y(() => _.value.state === "output-error" && !z.value.length), B = b(0), V = y(() => z.value[B.value]), H = y(() => B.value > 0), U = y(() => B.value < z.value.length - 1), Ne = y(() => z.value.length > 1), W = y(() => Ne.value ? Math.round((B.value + 1) / z.value.length * 100) : null), G = ee({}), K = b("");
+		u(B, () => {
+			K.value = "";
 		});
-		let J = y({
+		let q = y({
 			get: () => {
-				let e = H.value ? K[V.value] : void 0;
+				let e = V.value ? G[B.value] : void 0;
 				if (!(e == null || Array.isArray(e))) return e;
 			},
 			set: (e) => {
-				H.value && (K[V.value] = e ?? null);
+				V.value && (G[B.value] = e ?? null);
 			}
-		}), Y = y({
+		}), J = y({
 			get: () => {
-				let e = H.value ? K[V.value] : void 0;
+				let e = V.value ? G[B.value] : void 0;
 				return Array.isArray(e) ? e : [];
 			},
 			set: (e) => {
-				H.value && (K[V.value] = e ?? []);
+				V.value && (G[B.value] = e ?? []);
 			}
 		});
-		function je(e) {
+		function Pe(e) {
 			if (!e || typeof e == "string") return;
 			let t = e.answers;
 			return Array.isArray(t) ? t : void 0;
 		}
-		u(() => f.value.output, (e) => {
-			e && !O(e) && Object.assign(K, ie(j.value, e));
+		u(() => _.value.output, (e) => {
+			e && !O(e) && Object.assign(G, ie(z.value, e));
 		}, { immediate: !0 });
-		let Me = y(() => {
-			let e = f.value.output;
+		let Y = y(() => {
+			let e = _.value.output;
 			if (!e || O(e)) return;
 			if (typeof e == "string") return e;
-			let t = je(e);
+			let t = Pe(e);
 			if (t?.length === 1) {
 				let e = t[0].value;
 				return Array.isArray(e) ? e.join(", ") : String(e);
 			}
 		});
-		u(Me, (e) => {
-			e && H.value && ((H.value.options ?? []).map((e) => e.label).includes(e) || (q.value = e));
+		u(Y, (e) => {
+			e && V.value && ((V.value.options ?? []).map((e) => e.label).includes(e) || (K.value = e));
 		}, { immediate: !0 });
-		let X = y(() => ae(H.value));
+		let X = y(() => ae(V.value));
 		function Z() {
-			q.value.trim() ? $() : W.value ? V.value++ : Q();
+			K.value.trim() ? $() : U.value ? B.value++ : Q();
 		}
-		function Ne() {
-			U.value && V.value--;
+		function Fe() {
+			H.value && B.value--;
 		}
 		function Q() {
-			if (!x.value) return;
-			let e = j.value.map((e, t) => ({
+			if (!k.value) return;
+			let e = z.value.map((e, t) => ({
 				id: e.id,
-				value: K[t] ?? null
+				value: G[t] ?? null
 			}));
-			if (k.value && !H.value?.allowFreeformInput) {
+			if (j.value && !V.value?.allowFreeformInput) {
 				let t = e[0].value;
-				i("select", Array.isArray(t) ? t[0] : t);
-			} else i("select", { answers: e });
+				o("select", Array.isArray(t) ? t[0] : t);
+			} else o("select", { answers: e });
 		}
 		function $() {
-			let e = q.value.trim();
-			e && (K[V.value] = e, q.value = "", j.value.length === 1 ? Q() : Z());
+			let e = K.value.trim();
+			e && (G[B.value] = e, K.value = "", z.value.length === 1 ? Q() : Z());
 		}
-		function Pe() {
-			x.value && (T.value || k.value) && Q();
+		function Ie() {
+			k.value && (A.value || j.value) && Q();
 		}
-		function Fe(e, t) {
-			let n = K[t];
-			return n == null ? "—" : Array.isArray(n) ? n.join(", ") : e.type === "date" ? s(new Date(n), "short") : n;
+		function Le(e, t) {
+			let n = G[t];
+			return n == null ? "—" : Array.isArray(n) ? n.join(", ") : e.type === "date" ? f(new Date(n), "short") : n;
 		}
 		return (t, n) => {
-			let r = se, i = ce, s = le;
-			return M.value ? (a(), C("div", fe, [n[4] ||= g("span", { class: "i-vv-alert-circle text-16 shrink-0" }, null, -1), g("span", null, l(p(o)("message.formRenderError")), 1)])) : j.value.length ? (a(), C("div", pe, [f.value.input?.title || x.value && j.value.length > 1 ? (a(), C("div", me, [f.value.input?.title ? (a(), C("div", {
+			let r = le, i = se, o = ce;
+			return Me.value ? (a(), C("div", fe, [w(r, {
+				name: "ri:error-warning-line",
+				class: "w-16 h-16 shrink-0"
+			}), g("span", null, l(p(s)("message.formRenderError")), 1)])) : z.value.length ? (a(), C("div", pe, [_.value.input?.title || k.value && z.value.length > 1 ? (a(), C("div", me, [_.value.input?.title ? (a(), C("div", {
 				key: 0,
-				class: c(["px-sm py-10 font-bold", { "border-b border-surface-3": x.value && j.value.length > 1 }])
-			}, l(f.value.input?.title), 3)) : d("", !0), x.value && j.value.length > 1 ? (a(), C("div", N, [g("div", P, [g("span", null, l(p(o)("showForm.step", {
-				current: V.value + 1,
-				total: j.value.length
-			})), 1), g("span", null, l(G.value) + "%", 1)]), g("div", F, [g("div", {
+				class: c(["px-sm py-10 font-bold", { "border-b border-surface-3": k.value && z.value.length > 1 }])
+			}, l(_.value.input?.title), 3)) : d("", !0), k.value && z.value.length > 1 ? (a(), C("div", he, [g("div", N, [g("span", null, l(p(s)("showForm.step", {
+				current: B.value + 1,
+				total: z.value.length
+			})), 1), g("span", null, l(W.value) + "%", 1)]), g("div", P, [g("div", {
 				class: "h-full bg-word-4 transition-all duration-300",
-				style: ne({ width: `${G.value}%` })
-			}, null, 4)])])) : d("", !0)])) : d("", !0), x.value ? (a(), C(m, { key: 1 }, [
-				g("div", I, [g("div", L, [g("strong", R, l(H.value.question), 1), H.value.message ? (a(), h(oe, {
+				style: ne({ width: `${W.value}%` })
+			}, null, 4)])])) : d("", !0)])) : d("", !0), k.value ? (a(), C(m, { key: 1 }, [
+				g("div", F, [g("div", I, [g("strong", {
+					id: p(v),
+					class: "font-semibold"
+				}, l(V.value.question), 9, L), V.value.message ? (a(), h(oe, {
 					key: 0,
-					markdown: H.value.message,
+					markdown: V.value.message,
 					class: "text-word-2 mt-4"
-				}, null, 8, ["markdown"])) : d("", !0)]), H.value.options && H.value.multiSelect ? (a(), h(de, {
+				}, null, 8, ["markdown"])) : d("", !0)]), V.value.options && V.value.multiSelect ? (a(), h(de, {
 					key: 0,
-					modelValue: Y.value,
-					"onUpdate:modelValue": n[0] ||= (e) => Y.value = e,
-					name: H.value.id,
+					modelValue: J.value,
+					"onUpdate:modelValue": n[0] ||= (e) => J.value = e,
+					name: V.value.id,
 					options: X.value,
-					readonly: !x.value,
+					readonly: !k.value,
 					class: "mb-0",
 					vertical: ""
 				}, E({ _: 2 }, [D(X.value, (t) => ({
 					name: t.value,
-					fn: e(() => [g("div", z, [g("div", he, l(t.label), 1), t.description ? (a(), C("div", ge, l(t.description), 1)) : d("", !0)])])
+					fn: e(() => [g("div", R, [g("div", ge, l(t.label), 1), t.description ? (a(), C("div", _e, l(t.description), 1)) : d("", !0)])])
 				}))]), 1032, [
 					"modelValue",
 					"name",
 					"options",
 					"readonly"
-				])) : H.value.options && !H.value.multiSelect ? (a(), h(ue, {
+				])) : V.value.options && !V.value.multiSelect ? (a(), h(ue, {
 					key: 1,
-					modelValue: J.value,
-					"onUpdate:modelValue": [n[1] ||= (e) => J.value = e, Pe],
-					name: H.value.id,
+					modelValue: q.value,
+					"onUpdate:modelValue": [n[1] ||= (e) => q.value = e, Ie],
+					name: V.value.id,
 					options: X.value,
-					readonly: !x.value,
+					readonly: !k.value,
 					vertical: "",
 					class: "mb-0"
 				}, E({ _: 2 }, [D(X.value, (t) => ({
 					name: t.value,
-					fn: e(() => [g("div", _e, [g("div", ve, l(t.label), 1), t.description ? (a(), C("div", ye, l(t.description), 1)) : d("", !0)])])
+					fn: e(() => [g("div", ve, [g("div", ye, l(t.label), 1), t.description ? (a(), C("div", be, l(t.description), 1)) : d("", !0)])])
 				}))]), 1032, [
 					"modelValue",
 					"name",
 					"options",
 					"readonly"
-				])) : H.value.options ? d("", !0) : (a(), C("div", B, [(a(), h(r, {
-					key: H.value.id,
-					modelValue: J.value,
-					"onUpdate:modelValue": n[2] ||= (e) => J.value = e,
-					placeholder: H.value.placeholder || p(o)("placeholder.insert"),
-					type: H.value.type,
+				])) : V.value.options ? d("", !0) : (a(), C("div", xe, [(a(), h(i, {
+					key: V.value.id,
+					modelValue: q.value,
+					"onUpdate:modelValue": n[2] ||= (e) => q.value = e,
+					"aria-labelledby": p(v),
+					placeholder: V.value.placeholder || p(s)("placeholder.insert"),
+					type: V.value.type,
 					class: "w-full",
-					name: H.value.id,
+					name: V.value.id,
 					modifiers: "compact",
-					disabled: !x.value,
+					disabled: !k.value,
 					onKeyup: te(Z, ["enter"])
 				}, null, 8, [
 					"modelValue",
+					"aria-labelledby",
 					"placeholder",
 					"type",
 					"name",
 					"disabled"
 				]))]))]),
-				H.value.allowFreeformInput && H.value.options ? (a(), C("div", be, [g("form", {
+				V.value.allowFreeformInput && V.value.options ? (a(), C("div", Se, [g("form", {
 					class: "flex gap-xs pt-sm",
 					onSubmit: S($, ["prevent"])
-				}, [(a(), h(r, {
-					key: `${H.value.id}-custom`,
-					modelValue: q.value,
-					"onUpdate:modelValue": n[3] ||= (e) => q.value = e,
+				}, [(a(), h(i, {
+					key: `${V.value.id}-custom`,
+					modelValue: K.value,
+					"onUpdate:modelValue": n[3] ||= (e) => K.value = e,
 					class: "flex-1",
-					name: `${H.value.id}-custom`,
+					name: `${V.value.id}-custom`,
 					modifiers: "compact",
-					disabled: !x.value,
-					placeholder: H.value.placeholder || p(o)("showForm.otherPlaceholder")
+					disabled: !k.value,
+					"aria-label": V.value.placeholder || p(s)("showForm.otherPlaceholder"),
+					placeholder: V.value.placeholder || p(s)("showForm.otherPlaceholder")
 				}, null, 8, [
 					"modelValue",
 					"name",
 					"disabled",
+					"aria-label",
 					"placeholder"
 				]))], 32)])) : d("", !0),
-				A.value ? d("", !0) : (a(), C("div", xe, [U.value ? (a(), h(i, {
+				M.value ? d("", !0) : (a(), C("div", Ce, [H.value ? (a(), h(o, {
 					key: 0,
 					modifiers: "action-quiet",
 					icon: "ri:arrow-left-s-line",
-					label: p(o)("action.back"),
-					onClick: S(Ne, ["stop"])
-				}, null, 8, ["label"])) : (a(), C("div", Se)), w(i, {
-					modifiers: W.value ? "action-quiet" : "action-primary",
-					icon: W.value ? "ri:arrow-right-s-line" : "ri:send-plane-2-line",
+					label: p(s)("action.back"),
+					onClick: S(Fe, ["stop"])
+				}, null, 8, ["label"])) : (a(), C("div", we)), w(o, {
+					modifiers: U.value ? "action-quiet" : "action-primary",
+					icon: U.value ? "ri:arrow-right-s-line" : "ri:send-plane-2-line",
 					"icon-position": "right",
-					label: W.value ? p(o)("action.next") : p(o)("action.submit"),
+					label: U.value ? p(s)("action.next") : p(s)("action.submit"),
 					onClick: S(Z, ["stop"])
 				}, null, 8, [
 					"modifiers",
 					"icon",
 					"label"
 				])]))
-			], 64)) : (a(), C(m, { key: 2 }, [g("div", Ce, [g("ul", we, [(a(!0), C(m, null, D(j.value, (e, t) => (a(), C("li", {
+			], 64)) : (a(), C(m, { key: 2 }, [g("div", Te, [g("ul", Ee, [(a(!0), C(m, null, D(z.value, (e, t) => (a(), C("li", {
 				key: t,
 				class: "leading-normal"
-			}, [g("div", Te, l(e.question), 1), g("span", Ee, l(Fe(e, t)), 1)]))), 128))])]), g("div", De, [w(s, {
+			}, [g("div", De, l(e.question), 1), g("span", Oe, l(Le(e, t)), 1)]))), 128))])]), g("div", ke, [w(r, {
 				name: "ri:check-line",
 				class: "text-16 text-success"
-			}), g("div", Oe, [g("span", ke, l(p(o)("showForm.completed")), 1)])])], 64))])) : d("", !0);
+			}), g("div", Ae, [g("span", je, l(p(s)("showForm.completed")), 1)])])], 64))])) : d("", !0);
 		};
 	}
 });
 //#endregion
-export { V as default };
+export { z as default };
 
-//# sourceMappingURL=PkToolShowForm-BpTuRgHg.js.map
+//# sourceMappingURL=PkToolShowForm-CaYPCOeb.js.map

package/dist/_chunks/PkToolShowForm-CaYPCOeb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkToolShowForm-CaYPCOeb.js","names":["_useModel","__unplugin_components_0","__unplugin_components_1","_openBlock","_createBlock","_withCtx","_createElementBlock","_Fragment","_renderList","_renderSlot","_mergeProps","_createTextVNode","_toDisplayString","_sfc_main","_useModel","__unplugin_components_0","__unplugin_components_1","_openBlock","_createBlock","_withCtx","_createElementBlock","_Fragment","_renderList","_renderSlot","_mergeProps","_createTextVNode","_toDisplayString","_sfc_main","__unplugin_components_0","__unplugin_components_1","__unplugin_components_2","_openBlock","_createElementBlock","_createVNode","_createElementVNode","_toDisplayString","_unref","_normalizeClass","_createCommentVNode","_normalizeStyle","_Fragment","_createBlock","PkStreamingMarkdown","PkEditorCheckboxButtons","_createSlots","_renderList","_withCtx","PkEditorRadioButtons","_withKeys","_withModifiers","_sfc_main","withCtx","renderSlot","defineComponent","useId","useModel","openBlock","mergeProps","init_runtime_core_esm_bundler","normalizeClass","toDisplayString","watch","createCommentVNode","createTextVNode","unref","Fragment","reactive","createBlock","createBaseVNode","init_reactivity_esm_bundler","mergeModels","withKeys","computed","ref","init_runtime_dom_esm_bundler","withModifiers","createElementBlock","normalizeStyle","createVNode","init_shared_esm_bundler","createSlots","renderList","useI18n","formAnswerSlots","formStepOptions","PkStreamingMarkdown_default","isVoiceRenderAck","du","su","Zo","tu","Ca","bi","Ae","PkEditorRadioButtons_default","\"modelValue\"","\"modelModifiers\"","props","__props","modelValue","uid","groupName","radioModifiers","_component_VvRadio","_component_VvRadioGroup","_cache","$event","option","_ctx","PkEditorCheckboxButtons_default","_component_VvCheckbox","_component_VvCheckboxGroup","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","PkToolShowForm_default","__emit","emit","$t","$d","toolPart","questionId","isLegacy","isRenderAck","isInteractive","isAutoSubmitStep","step","currentStep","steps","isLegacyAutoSubmit","isSelfSubmitting","input","o","hasFailed","currentStepIndex","canGoBack","canGoNext","isMultiStep","progress","answers","customAnswer","scalarValue","val","activeCheckboxValue","outputAnswers","output","list","normalizedOutput","out","value","radioOptions","goNext","submitCustomAnswer","submitForm","goBack","finalAnswers","index","onRadioChange","getSummaryValue","_component_VvIcon","_component_VvInputText","_component_VvButton"],"sources":["../../../../packages/components/src/PkEditorRadioButtons.vue","../../../../packages/components/src/PkEditorRadioButtons.vue","../../../../packages/components/src/PkEditorCheckboxButtons.vue","../../../../packages/components/src/PkEditorCheckboxButtons.vue","../../../../packages/components/src/chat/PkToolShowForm.vue","../../../../packages/components/src/chat/PkToolShowForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import type { Option } from '@volverjs/ui-vue'\n    import { computed, useId } from 'vue'\n\n    const props = defineProps<{\n        name: string\n        label?: string\n        hintLabel?: string\n        invalid?: boolean\n        invalidLabel?: string | string[]\n        required?: boolean\n        options: Option[]\n        readonly?: boolean\n        disabled?: boolean\n        modifiers?: string | string[]\n        /**\n         * Render the options as one segmented control (a recessed track with\n         * the chosen option raised) instead of a row of boxed cards. Suits a\n         * choice between a few short named states, such as a level or a mode.\n         */\n        segmented?: boolean\n    }>()\n\n    const modelValue = defineModel<\n        string | number | boolean | symbol | unknown[] | undefined\n    >({ default: undefined })\n\n    // Native radios group by their name attribute across the whole document, so\n    // two instances sharing one name become a single group: the browser unchecks\n    // the other instance's inputs and Vue never puts them back, because its own\n    // model did not change. It happened with \"theme\", offered by the profile\n    // menu and the agent settings panel at the same time, and it can happen to\n    // any two tool forms with the same step id. Scope the name to the instance.\n    const uid = useId()\n    const groupName = computed(() => `${props.name}-${uid}`)\n\n    const radioModifiers = computed(() => {\n        const toReturn = props.modifiers\n            ? Array.isArray(props.modifiers)\n                ? props.modifiers\n                : [props.modifiers]\n            : []\n        return [...toReturn, props.segmented ? 'segment' : 'card']\n    })\n</script>\n\n<template>\n    <VvRadioGroup\n        v-model=\"modelValue\"\n        :name=\"groupName\"\n        :label\n        :hint-label=\"hintLabel\"\n        :invalid\n        :invalid-label=\"invalidLabel\"\n        :modifiers=\"segmented ? 'segmented' : 'cards'\">\n        <VvRadio\n            v-for=\"(option, key) in options\"\n            :key\n            :name=\"groupName\"\n            :required\n            :readonly\n            :disabled\n            :value=\"option.value\"\n            :modifiers=\"radioModifiers\">\n            <slot :name=\"option.value\" v-bind=\"{ option }\">\n                {{ option.label }}\n            </slot>\n        </VvRadio>\n    </VvRadioGroup>\n</template>\n","<script setup lang=\"ts\">\n    import type { Option } from '@volverjs/ui-vue'\n    import { computed, useId } from 'vue'\n\n    const props = defineProps<{\n        name: string\n        label?: string\n        hintLabel?: string\n        invalid?: boolean\n        invalidLabel?: string | string[]\n        required?: boolean\n        options: Option[]\n        readonly?: boolean\n        disabled?: boolean\n        modifiers?: string | string[]\n        /**\n         * Render the options as one segmented control (a recessed track with\n         * the chosen option raised) instead of a row of boxed cards. Suits a\n         * choice between a few short named states, such as a level or a mode.\n         */\n        segmented?: boolean\n    }>()\n\n    const modelValue = defineModel<\n        string | number | boolean | symbol | unknown[] | undefined\n    >({ default: undefined })\n\n    // Native radios group by their name attribute across the whole document, so\n    // two instances sharing one name become a single group: the browser unchecks\n    // the other instance's inputs and Vue never puts them back, because its own\n    // model did not change. It happened with \"theme\", offered by the profile\n    // menu and the agent settings panel at the same time, and it can happen to\n    // any two tool forms with the same step id. Scope the name to the instance.\n    const uid = useId()\n    const groupName = computed(() => `${props.name}-${uid}`)\n\n    const radioModifiers = computed(() => {\n        const toReturn = props.modifiers\n            ? Array.isArray(props.modifiers)\n                ? props.modifiers\n                : [props.modifiers]\n            : []\n        return [...toReturn, props.segmented ? 'segment' : 'card']\n    })\n</script>\n\n<template>\n    <VvRadioGroup\n        v-model=\"modelValue\"\n        :name=\"groupName\"\n        :label\n        :hint-label=\"hintLabel\"\n        :invalid\n        :invalid-label=\"invalidLabel\"\n        :modifiers=\"segmented ? 'segmented' : 'cards'\">\n        <VvRadio\n            v-for=\"(option, key) in options\"\n            :key\n            :name=\"groupName\"\n            :required\n            :readonly\n            :disabled\n            :value=\"option.value\"\n            :modifiers=\"radioModifiers\">\n            <slot :name=\"option.value\" v-bind=\"{ option }\">\n                {{ option.label }}\n            </slot>\n        </VvRadio>\n    </VvRadioGroup>\n</template>\n","<script setup lang=\"ts\">\n    import type { Option } from '@volverjs/ui-vue'\n\n    defineProps<{\n        name: string\n        required?: boolean\n        options: Option[]\n        readonly?: boolean\n        disabled?: boolean\n    }>()\n\n    const modelValue = defineModel<unknown[] | undefined>({\n        default: undefined,\n    })\n</script>\n\n<template>\n    <VvCheckboxGroup v-model=\"modelValue\" :name modifiers=\"cards\">\n        <VvCheckbox\n            v-for=\"(option, key) in options\"\n            :key\n            :name\n            :required\n            :readonly\n            :disabled\n            :value=\"option.value\"\n            modifiers=\"card\">\n            <slot :name=\"String(option.value)\" v-bind=\"{ option }\">\n                {{ option.label }}\n            </slot>\n        </VvCheckbox>\n    </VvCheckboxGroup>\n</template>\n","<script setup lang=\"ts\">\n    import type { Option } from '@volverjs/ui-vue'\n\n    defineProps<{\n        name: string\n        required?: boolean\n        options: Option[]\n        readonly?: boolean\n        disabled?: boolean\n    }>()\n\n    const modelValue = defineModel<unknown[] | undefined>({\n        default: undefined,\n    })\n</script>\n\n<template>\n    <VvCheckboxGroup v-model=\"modelValue\" :name modifiers=\"cards\">\n        <VvCheckbox\n            v-for=\"(option, key) in options\"\n            :key\n            :name\n            :required\n            :readonly\n            :disabled\n            :value=\"option.value\"\n            modifiers=\"card\">\n            <slot :name=\"String(option.value)\" v-bind=\"{ option }\">\n                {{ option.label }}\n            </slot>\n        </VvCheckbox>\n    </VvCheckboxGroup>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive, watch, useId } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { isVoiceRenderAck } from 'models'\n    import { formAnswerSlots, formStepOptions } from './utils'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkEditorRadioButtons from '../PkEditorRadioButtons.vue'\n    import PkEditorCheckboxButtons from '../PkEditorCheckboxButtons.vue'\n\n    // --- Types ---\n\n    interface FormOption {\n        label: string\n        description?: string\n    }\n\n    interface FormStep {\n        id: string\n        question: string\n        message?: string\n        type?: 'text' | 'number' | 'date'\n        options?: FormOption[]\n        multiSelect?: boolean\n        allowFreeformInput?: boolean\n        placeholder?: string\n    }\n\n    interface FormAnswer {\n        id: string\n        value: string | string[] | number | null\n    }\n\n    interface ToolPartShape {\n        state?: 'input-available' | 'output-available' | 'output-error'\n        toolCallId?: string\n        // AI SDK v5 encodes the tool name in `type` (e.g. 'tool-showMultipleChoice').\n        // `toolName` is kept for backward compatibility but is normally absent.\n        type?: string\n        toolName?: string\n        input?: {\n            title?: string\n            steps?: FormStep[]\n            // Legacy showMultipleChoice fields\n            question?: string\n            options?: (string | FormOption)[]\n        }\n        // The web card submits `{ answers: [...] }`; the platform channels\n        // (Teams modal) submit a flat record keyed by step id.\n        output?: string | { answers: FormAnswer[] } | Record<string, unknown>\n    }\n\n    type AnswerValue = string | string[] | number | null\n\n    // --- Props & Emits ---\n\n    const props = defineProps<{\n        part: unknown\n        allowCustomAnswer?: boolean\n        /**\n         * Answered during a call. Nothing in the part says so (the answer went\n         * to the agent as speech, not to the tool call), so the surface that\n         * sent it is the only one that knows, and without it the same form\n         * could be submitted again and again.\n         */\n        answered?: boolean\n    }>()\n\n    const emit = defineEmits<{\n        select: [answer: string | { answers: FormAnswer[] }]\n    }>()\n\n    const { t: $t, d: $d } = useI18n({ useScope: 'global' })\n\n    // --- Parsed tool part ---\n\n    const toolPart = computed(\n        () => JSON.parse(JSON.stringify(props.part)) as ToolPartShape,\n    )\n\n    // The question names the free answer field: its placeholder only said\n    // \"Insert…\", so a screen reader could not tell which answer was asked for\n    const questionId = useId()\n\n    const isLegacy = computed(\n        () =>\n            toolPart.value.toolName === 'showMultipleChoice' ||\n            toolPart.value.type === 'tool-showMultipleChoice',\n    )\n\n    /**\n     * A form drawn during a CALL is already \"answered\" as far as the tool loop\n     * is concerned: the turn could not wait for it, so the backend closed it\n     * with a note saying the widget was drawn (see `isVoiceRenderAck`). That\n     * note is not an answer, and the caller still has to give one.\n     */\n    const isRenderAck = computed(() => isVoiceRenderAck(toolPart.value.output))\n\n    const isInteractive = computed(\n        () =>\n            !props.answered &&\n            (toolPart.value.state === 'input-available' || isRenderAck.value),\n    )\n\n    /** Single-step with no custom-answer and no freeform → auto-submit on option pick */\n    const isAutoSubmitStep = computed(() => {\n        const step = currentStep.value\n        if (!step) {\n            return false\n        }\n        return (\n            steps.value.length === 1 &&\n            !step.allowFreeformInput &&\n            !props.allowCustomAnswer\n        )\n    })\n\n    /** Legacy tool should auto-submit on option pick regardless of allowCustomAnswer */\n    const isLegacyAutoSubmit = computed(\n        () =>\n            isLegacy.value &&\n            steps.value.length === 1 &&\n            !currentStep.value?.multiSelect,\n    )\n\n    /**\n     * True only for the steps that send themselves as soon as an option is\n     * picked: the single case where the footer button would be redundant.\n     * Every other shape needs it, single-step forms included: with\n     * `allowFreeformInput` (or `allowCustomAnswer`) the radio pick no longer\n     * auto-submits, so without the footer the user was left with a chosen\n     * option and no way to send it.\n     */\n    const isSelfSubmitting = computed(\n        () =>\n            Boolean(currentStep.value?.options) &&\n            !currentStep.value?.multiSelect &&\n            (isAutoSubmitStep.value || isLegacyAutoSubmit.value),\n    )\n\n    // --- Steps ---\n\n    const steps = computed<FormStep[]>(() => {\n        const input = toolPart.value.input\n        if (input?.steps?.length) {\n            return input.steps\n        }\n        // Legacy showMultipleChoice → normalize into a single step\n        if (input?.question && input?.options) {\n            return [\n                {\n                    id: 'legacy',\n                    question: input.question,\n                    options: input.options.map((o) =>\n                        typeof o === 'string' ? { label: o } : o,\n                    ),\n                },\n            ]\n        }\n        return []\n    })\n\n    /**\n     * The reason the card has nothing to draw. A call the SDK rejected keeps\n     * `state: 'output-error'` and moves the arguments it could not validate to\n     * `rawInput`, so `input` is empty and there are no steps: without this the\n     * component rendered NOTHING, and the user was left with a question that\n     * had been announced and never appeared.\n     */\n    const hasFailed = computed(\n        () => toolPart.value.state === 'output-error' && !steps.value.length,\n    )\n\n    // --- Navigation state ---\n\n    const currentStepIndex = ref(0)\n    const currentStep = computed(() => steps.value[currentStepIndex.value])\n    const canGoBack = computed(() => currentStepIndex.value > 0)\n    const canGoNext = computed(\n        () => currentStepIndex.value < steps.value.length - 1,\n    )\n    const isMultiStep = computed(() => steps.value.length > 1)\n\n    const progress = computed(() => {\n        if (!isMultiStep.value) {\n            return null\n        }\n        return Math.round(\n            ((currentStepIndex.value + 1) / steps.value.length) * 100,\n        )\n    })\n\n    // --- Answers ---\n\n    /**\n     * One slot PER STEP, keyed by position and not by step id: the ids come\n     * from the model and nothing enforces they are unique, and keyed by id two\n     * steps sharing one collapsed onto a single answer. See `formAnswerSlots`.\n     */\n    const answers = reactive<Record<number, AnswerValue>>({})\n    const customAnswer = ref('')\n\n    // The freeform field belongs to the step showing it: text left behind\n    // (unsubmitted, or arriving from a late input update) must not follow the\n    // user to the next or previous question.\n    watch(currentStepIndex, () => {\n        customAnswer.value = ''\n    })\n\n    // Single scalar answer shared by radio buttons and freeform text/number/date inputs.\n    const scalarValue = computed<string | number | undefined>({\n        get: () => {\n            const val = currentStep.value\n                ? answers[currentStepIndex.value]\n                : undefined\n            if (val == null || Array.isArray(val)) {\n                return undefined\n            }\n            return val\n        },\n        set: (val) => {\n            if (currentStep.value) {\n                answers[currentStepIndex.value] = val ?? null\n            }\n        },\n    })\n\n    const activeCheckboxValue = computed<unknown[] | undefined>({\n        get: () => {\n            const val = currentStep.value\n                ? answers[currentStepIndex.value]\n                : undefined\n            return Array.isArray(val) ? val : []\n        },\n        set: (val) => {\n            if (currentStep.value) {\n                answers[currentStepIndex.value] = (val as string[]) ?? []\n            }\n        },\n    })\n\n    // --- Initialize answers from existing output ---\n\n    /** The `{ answers: [...] }` list, when the output carries one. */\n    function outputAnswers(output: ToolPartShape['output']) {\n        if (!output || typeof output === 'string') {\n            return undefined\n        }\n        const list = (output as { answers?: unknown }).answers\n        return Array.isArray(list) ? (list as FormAnswer[]) : undefined\n    }\n\n    watch(\n        () => toolPart.value.output,\n        (output) => {\n            if (!output || isVoiceRenderAck(output)) {\n                return\n            }\n            // Every shape an answered form comes back in (the web card's list,\n            // a legacy plain string, the flat record a platform channel posts)\n            // lands on the same per-position slots: see `formAnswerSlots`.\n            Object.assign(\n                answers,\n                formAnswerSlots(steps.value, output) as Record<\n                    number,\n                    AnswerValue\n                >,\n            )\n        },\n        { immediate: true },\n    )\n\n    // --- Restore custom answer from output when it doesn't match any option ---\n\n    const normalizedOutput = computed(() => {\n        const out = toolPart.value.output\n        if (!out || isVoiceRenderAck(out)) {\n            return undefined\n        }\n        if (typeof out === 'string') {\n            return out\n        }\n        const list = outputAnswers(out)\n        if (list?.length === 1) {\n            const val = list[0].value\n            return Array.isArray(val) ? val.join(', ') : String(val)\n        }\n        return undefined\n    })\n\n    watch(\n        normalizedOutput,\n        (value) => {\n            if (!value || !currentStep.value) {\n                return\n            }\n            const optionLabels = (currentStep.value.options ?? []).map(\n                (o) => o.label,\n            )\n            if (!optionLabels.includes(value)) {\n                customAnswer.value = value\n            }\n        },\n        { immediate: true },\n    )\n\n    // --- Option mapping for radio/checkbox components ---\n\n    const radioOptions = computed(() => formStepOptions(currentStep.value))\n\n    // --- Navigation & Submission ---\n\n    /** Footer button, and Enter on a pure freeform step. */\n    function goNext() {\n        // A typed freeform answer wins over the picked option: it is the more\n        // recent intent, and the footer button is now the visible way to send\n        // it (the freeform field only submits on Enter).\n        if (customAnswer.value.trim()) {\n            submitCustomAnswer()\n            return\n        }\n        if (canGoNext.value) {\n            currentStepIndex.value++\n        } else {\n            submitForm()\n        }\n    }\n\n    function goBack() {\n        if (canGoBack.value) {\n            currentStepIndex.value--\n        }\n    }\n\n    function submitForm() {\n        if (!isInteractive.value) {\n            return\n        }\n\n        const finalAnswers: FormAnswer[] = steps.value.map((step, index) => ({\n            id: step.id,\n            value: answers[index] ?? null,\n        }))\n\n        // Legacy backward compatibility: single-step, single-select → return plain string\n        if (\n            isLegacyAutoSubmit.value &&\n            !currentStep.value?.allowFreeformInput\n        ) {\n            const val = finalAnswers[0].value\n            emit('select', Array.isArray(val) ? val[0] : (val as string))\n        } else {\n            emit('select', { answers: finalAnswers })\n        }\n    }\n\n    /** Enter inside the freeform field shown alongside the options. */\n    function submitCustomAnswer() {\n        const value = customAnswer.value.trim()\n        if (!value) {\n            return\n        }\n\n        answers[currentStepIndex.value] = value\n        // Cleared before navigating: `goNext()` reads it back to route a typed\n        // answer here, so leaving it set would recurse.\n        customAnswer.value = ''\n        if (steps.value.length === 1) {\n            submitForm()\n        } else {\n            goNext()\n        }\n    }\n\n    function onRadioChange() {\n        if (!isInteractive.value) {\n            return\n        }\n        if (isAutoSubmitStep.value || isLegacyAutoSubmit.value) {\n            submitForm()\n        }\n    }\n\n    // --- Summary helpers ---\n\n    function getSummaryValue(step: FormStep, index: number) {\n        const val = answers[index]\n        if (val == null) {\n            return '—'\n        }\n        if (Array.isArray(val)) {\n            return val.join(', ')\n        }\n        if (step.type === 'date') {\n            return $d(new Date(val), 'short')\n        }\n        return val\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"hasFailed\"\n        class=\"text-12 text-danger flex items-center gap-6 py-8\">\n        <VvIcon name=\"ri:error-warning-line\" class=\"w-16 h-16 shrink-0\" />\n        <span>{{ $t('message.formRenderError') }}</span>\n    </div>\n    <div\n        v-else-if=\"steps.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden flex flex-col bg-surface\">\n        <!-- Header -->\n        <div\n            v-if=\"toolPart.input?.title || (isInteractive && steps.length > 1)\"\n            class=\"text-12 border-b border-surface-3 text-word-3 bg-surface-1\">\n            <div\n                v-if=\"toolPart.input?.title\"\n                class=\"px-sm py-10 font-bold\"\n                :class=\"{\n                    'border-b border-surface-3':\n                        isInteractive && steps.length > 1,\n                }\">\n                {{ toolPart.input?.title }}\n            </div>\n            <!-- Progress for multi-step -->\n            <div\n                v-if=\"isInteractive && steps.length > 1\"\n                class=\"flex flex-col gap-4 p-sm\">\n                <div class=\"flex justify-between text-10 text-word-3\">\n                    <span>\n                        {{\n                            $t('showForm.step', {\n                                current: currentStepIndex + 1,\n                                total: steps.length,\n                            })\n                        }}\n                    </span>\n                    <span>{{ progress }}%</span>\n                </div>\n                <div class=\"h-4 bg-surface-3 rounded-full overflow-hidden\">\n                    <div\n                        class=\"h-full bg-word-4 transition-all duration-300\"\n                        :style=\"{ width: `${progress}%` }\"></div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Input Available State -->\n        <template v-if=\"isInteractive\">\n            <!-- Current Step Content -->\n            <div class=\"px-sm py-16 flex flex-col gap-12\">\n                <div class=\"leading-normal text-12\">\n                    <strong :id=\"questionId\" class=\"font-semibold\">\n                        {{ currentStep.question }}\n                    </strong>\n                    <PkStreamingMarkdown\n                        v-if=\"currentStep.message\"\n                        :markdown=\"currentStep.message\"\n                        class=\"text-word-2 mt-4\" />\n                </div>\n\n                <!-- Checkbox list for multi-select -->\n                <PkEditorCheckboxButtons\n                    v-if=\"currentStep.options && currentStep.multiSelect\"\n                    v-model=\"activeCheckboxValue\"\n                    :name=\"currentStep.id\"\n                    :options=\"radioOptions\"\n                    :readonly=\"!isInteractive\"\n                    class=\"mb-0\"\n                    vertical>\n                    <template\n                        v-for=\"option in radioOptions\"\n                        :key=\"option.value\"\n                        #[option.value]>\n                        <!-- Shared option layout: label + optional description -->\n                        <div class=\"text-12\">\n                            <div class=\"font-semibold\">{{ option.label }}</div>\n                            <div v-if=\"option.description\" class=\"text-word-3\">\n                                {{ option.description }}\n                            </div>\n                        </div>\n                    </template>\n                </PkEditorCheckboxButtons>\n\n                <!-- Radio buttons for single-select -->\n                <PkEditorRadioButtons\n                    v-else-if=\"currentStep.options && !currentStep.multiSelect\"\n                    v-model=\"scalarValue\"\n                    :name=\"currentStep.id\"\n                    :options=\"radioOptions\"\n                    :readonly=\"!isInteractive\"\n                    vertical\n                    class=\"mb-0\"\n                    @update:model-value=\"onRadioChange\">\n                    <template\n                        v-for=\"option in radioOptions\"\n                        :key=\"option.value\"\n                        #[option.value]>\n                        <!-- Shared option layout: label + optional description -->\n                        <div class=\"text-12\">\n                            <div class=\"font-semibold\">{{ option.label }}</div>\n                            <div v-if=\"option.description\" class=\"text-word-3\">\n                                {{ option.description }}\n                            </div>\n                        </div>\n                    </template>\n                </PkEditorRadioButtons>\n\n                <!-- Pure Freeform Input (text, number, date) -->\n                <div\n                    v-else-if=\"!currentStep.options\"\n                    class=\"flex flex-col gap-6 w-full\">\n                    <VvInputText\n                        :key=\"currentStep.id\"\n                        v-model=\"scalarValue\"\n                        :aria-labelledby=\"questionId\"\n                        :placeholder=\"\n                            currentStep.placeholder || $t('placeholder.insert')\n                        \"\n                        :type=\"currentStep.type\"\n                        class=\"w-full\"\n                        :name=\"currentStep.id\"\n                        modifiers=\"compact\"\n                        :disabled=\"!isInteractive\"\n                        @keyup.enter=\"goNext\" />\n                </div>\n            </div>\n\n            <!-- Custom footer freeform input (shown alongside options when allowFreeformInput) -->\n            <div\n                v-if=\"currentStep.allowFreeformInput && currentStep.options\"\n                class=\"px-sm pb-sm border-t border-surface-3\">\n                <form\n                    class=\"flex gap-xs pt-sm\"\n                    @submit.prevent=\"submitCustomAnswer\">\n                    <VvInputText\n                        :key=\"`${currentStep.id}-custom`\"\n                        v-model=\"customAnswer\"\n                        class=\"flex-1\"\n                        :name=\"`${currentStep.id}-custom`\"\n                        modifiers=\"compact\"\n                        :disabled=\"!isInteractive\"\n                        :aria-label=\"\n                            currentStep.placeholder ||\n                            $t('showForm.otherPlaceholder')\n                        \"\n                        :placeholder=\"\n                            currentStep.placeholder ||\n                            $t('showForm.otherPlaceholder')\n                        \" />\n                </form>\n            </div>\n\n            <!-- Footer navigation: shown for every step that does not submit\n                 itself on option pick (see `isSelfSubmitting`). -->\n            <div\n                v-if=\"!isSelfSubmitting\"\n                class=\"px-sm py-10 bg-surface border-t border-surface-3 flex justify-between gap-12\">\n                <VvButton\n                    v-if=\"canGoBack\"\n                    modifiers=\"action-quiet\"\n                    icon=\"ri:arrow-left-s-line\"\n                    :label=\"$t('action.back')\"\n                    @click.stop=\"goBack\" />\n                <div v-else></div>\n\n                <VvButton\n                    :modifiers=\"canGoNext ? 'action-quiet' : 'action-primary'\"\n                    :icon=\"\n                        canGoNext\n                            ? 'ri:arrow-right-s-line'\n                            : 'ri:send-plane-2-line'\n                    \"\n                    icon-position=\"right\"\n                    :label=\"canGoNext ? $t('action.next') : $t('action.submit')\"\n                    @click.stop=\"goNext\" />\n            </div>\n        </template>\n\n        <!-- Output Available State (Multi-step Summary) -->\n        <template v-else>\n            <div class=\"px-sm py-12 bg-surface flex flex-col gap-10\">\n                <ul class=\"flex flex-col gap-8\">\n                    <li\n                        v-for=\"(step, index) in steps\"\n                        :key=\"index\"\n                        class=\"leading-normal\">\n                        <div class=\"text-12 text-word-3\">\n                            {{ step.question }}\n                        </div>\n                        <span class=\"text-12 text-word-2 font-semibold\">\n                            {{ getSummaryValue(step, index) }}\n                        </span>\n                    </li>\n                </ul>\n            </div>\n            <div\n                class=\"px-sm py-12 bg-surface border-t border-surface-3 flex items-center gap-10\">\n                <VvIcon name=\"ri:check-line\" class=\"text-16 text-success\" />\n                <div class=\"flex flex-col\">\n                    <span class=\"font-medium text-12 text-word-1 leading-tight\">\n                        {{ $t('showForm.completed') }}\n                    </span>\n                </div>\n            </div>\n        </template>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive, watch, useId } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { isVoiceRenderAck } from 'models'\n    import { formAnswerSlots, formStepOptions } from './utils'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkEditorRadioButtons from '../PkEditorRadioButtons.vue'\n    import PkEditorCheckboxButtons from '../PkEditorCheckboxButtons.vue'\n\n    // --- Types ---\n\n    interface FormOption {\n        label: string\n        description?: string\n    }\n\n    interface FormStep {\n        id: string\n        question: string\n        message?: string\n        type?: 'text' | 'number' | 'date'\n        options?: FormOption[]\n        multiSelect?: boolean\n        allowFreeformInput?: boolean\n        placeholder?: string\n    }\n\n    interface FormAnswer {\n        id: string\n        value: string | string[] | number | null\n    }\n\n    interface ToolPartShape {\n        state?: 'input-available' | 'output-available' | 'output-error'\n        toolCallId?: string\n        // AI SDK v5 encodes the tool name in `type` (e.g. 'tool-showMultipleChoice').\n        // `toolName` is kept for backward compatibility but is normally absent.\n        type?: string\n        toolName?: string\n        input?: {\n            title?: string\n            steps?: FormStep[]\n            // Legacy showMultipleChoice fields\n            question?: string\n            options?: (string | FormOption)[]\n        }\n        // The web card submits `{ answers: [...] }`; the platform channels\n        // (Teams modal) submit a flat record keyed by step id.\n        output?: string | { answers: FormAnswer[] } | Record<string, unknown>\n    }\n\n    type AnswerValue = string | string[] | number | null\n\n    // --- Props & Emits ---\n\n    const props = defineProps<{\n        part: unknown\n        allowCustomAnswer?: boolean\n        /**\n         * Answered during a call. Nothing in the part says so (the answer went\n         * to the agent as speech, not to the tool call), so the surface that\n         * sent it is the only one that knows, and without it the same form\n         * could be submitted again and again.\n         */\n        answered?: boolean\n    }>()\n\n    const emit = defineEmits<{\n        select: [answer: string | { answers: FormAnswer[] }]\n    }>()\n\n    const { t: $t, d: $d } = useI18n({ useScope: 'global' })\n\n    // --- Parsed tool part ---\n\n    const toolPart = computed(\n        () => JSON.parse(JSON.stringify(props.part)) as ToolPartShape,\n    )\n\n    // The question names the free answer field: its placeholder only said\n    // \"Insert…\", so a screen reader could not tell which answer was asked for\n    const questionId = useId()\n\n    const isLegacy = computed(\n        () =>\n            toolPart.value.toolName === 'showMultipleChoice' ||\n            toolPart.value.type === 'tool-showMultipleChoice',\n    )\n\n    /**\n     * A form drawn during a CALL is already \"answered\" as far as the tool loop\n     * is concerned: the turn could not wait for it, so the backend closed it\n     * with a note saying the widget was drawn (see `isVoiceRenderAck`). That\n     * note is not an answer, and the caller still has to give one.\n     */\n    const isRenderAck = computed(() => isVoiceRenderAck(toolPart.value.output))\n\n    const isInteractive = computed(\n        () =>\n            !props.answered &&\n            (toolPart.value.state === 'input-available' || isRenderAck.value),\n    )\n\n    /** Single-step with no custom-answer and no freeform → auto-submit on option pick */\n    const isAutoSubmitStep = computed(() => {\n        const step = currentStep.value\n        if (!step) {\n            return false\n        }\n        return (\n            steps.value.length === 1 &&\n            !step.allowFreeformInput &&\n            !props.allowCustomAnswer\n        )\n    })\n\n    /** Legacy tool should auto-submit on option pick regardless of allowCustomAnswer */\n    const isLegacyAutoSubmit = computed(\n        () =>\n            isLegacy.value &&\n            steps.value.length === 1 &&\n            !currentStep.value?.multiSelect,\n    )\n\n    /**\n     * True only for the steps that send themselves as soon as an option is\n     * picked: the single case where the footer button would be redundant.\n     * Every other shape needs it, single-step forms included: with\n     * `allowFreeformInput` (or `allowCustomAnswer`) the radio pick no longer\n     * auto-submits, so without the footer the user was left with a chosen\n     * option and no way to send it.\n     */\n    const isSelfSubmitting = computed(\n        () =>\n            Boolean(currentStep.value?.options) &&\n            !currentStep.value?.multiSelect &&\n            (isAutoSubmitStep.value || isLegacyAutoSubmit.value),\n    )\n\n    // --- Steps ---\n\n    const steps = computed<FormStep[]>(() => {\n        const input = toolPart.value.input\n        if (input?.steps?.length) {\n            return input.steps\n        }\n        // Legacy showMultipleChoice → normalize into a single step\n        if (input?.question && input?.options) {\n            return [\n                {\n                    id: 'legacy',\n                    question: input.question,\n                    options: input.options.map((o) =>\n                        typeof o === 'string' ? { label: o } : o,\n                    ),\n                },\n            ]\n        }\n        return []\n    })\n\n    /**\n     * The reason the card has nothing to draw. A call the SDK rejected keeps\n     * `state: 'output-error'` and moves the arguments it could not validate to\n     * `rawInput`, so `input` is empty and there are no steps: without this the\n     * component rendered NOTHING, and the user was left with a question that\n     * had been announced and never appeared.\n     */\n    const hasFailed = computed(\n        () => toolPart.value.state === 'output-error' && !steps.value.length,\n    )\n\n    // --- Navigation state ---\n\n    const currentStepIndex = ref(0)\n    const currentStep = computed(() => steps.value[currentStepIndex.value])\n    const canGoBack = computed(() => currentStepIndex.value > 0)\n    const canGoNext = computed(\n        () => currentStepIndex.value < steps.value.length - 1,\n    )\n    const isMultiStep = computed(() => steps.value.length > 1)\n\n    const progress = computed(() => {\n        if (!isMultiStep.value) {\n            return null\n        }\n        return Math.round(\n            ((currentStepIndex.value + 1) / steps.value.length) * 100,\n        )\n    })\n\n    // --- Answers ---\n\n    /**\n     * One slot PER STEP, keyed by position and not by step id: the ids come\n     * from the model and nothing enforces they are unique, and keyed by id two\n     * steps sharing one collapsed onto a single answer. See `formAnswerSlots`.\n     */\n    const answers = reactive<Record<number, AnswerValue>>({})\n    const customAnswer = ref('')\n\n    // The freeform field belongs to the step showing it: text left behind\n    // (unsubmitted, or arriving from a late input update) must not follow the\n    // user to the next or previous question.\n    watch(currentStepIndex, () => {\n        customAnswer.value = ''\n    })\n\n    // Single scalar answer shared by radio buttons and freeform text/number/date inputs.\n    const scalarValue = computed<string | number | undefined>({\n        get: () => {\n            const val = currentStep.value\n                ? answers[currentStepIndex.value]\n                : undefined\n            if (val == null || Array.isArray(val)) {\n                return undefined\n            }\n            return val\n        },\n        set: (val) => {\n            if (currentStep.value) {\n                answers[currentStepIndex.value] = val ?? null\n            }\n        },\n    })\n\n    const activeCheckboxValue = computed<unknown[] | undefined>({\n        get: () => {\n            const val = currentStep.value\n                ? answers[currentStepIndex.value]\n                : undefined\n            return Array.isArray(val) ? val : []\n        },\n        set: (val) => {\n            if (currentStep.value) {\n                answers[currentStepIndex.value] = (val as string[]) ?? []\n            }\n        },\n    })\n\n    // --- Initialize answers from existing output ---\n\n    /** The `{ answers: [...] }` list, when the output carries one. */\n    function outputAnswers(output: ToolPartShape['output']) {\n        if (!output || typeof output === 'string') {\n            return undefined\n        }\n        const list = (output as { answers?: unknown }).answers\n        return Array.isArray(list) ? (list as FormAnswer[]) : undefined\n    }\n\n    watch(\n        () => toolPart.value.output,\n        (output) => {\n            if (!output || isVoiceRenderAck(output)) {\n                return\n            }\n            // Every shape an answered form comes back in (the web card's list,\n            // a legacy plain string, the flat record a platform channel posts)\n            // lands on the same per-position slots: see `formAnswerSlots`.\n            Object.assign(\n                answers,\n                formAnswerSlots(steps.value, output) as Record<\n                    number,\n                    AnswerValue\n                >,\n            )\n        },\n        { immediate: true },\n    )\n\n    // --- Restore custom answer from output when it doesn't match any option ---\n\n    const normalizedOutput = computed(() => {\n        const out = toolPart.value.output\n        if (!out || isVoiceRenderAck(out)) {\n            return undefined\n        }\n        if (typeof out === 'string') {\n            return out\n        }\n        const list = outputAnswers(out)\n        if (list?.length === 1) {\n            const val = list[0].value\n            return Array.isArray(val) ? val.join(', ') : String(val)\n        }\n        return undefined\n    })\n\n    watch(\n        normalizedOutput,\n        (value) => {\n            if (!value || !currentStep.value) {\n                return\n            }\n            const optionLabels = (currentStep.value.options ?? []).map(\n                (o) => o.label,\n            )\n            if (!optionLabels.includes(value)) {\n                customAnswer.value = value\n            }\n        },\n        { immediate: true },\n    )\n\n    // --- Option mapping for radio/checkbox components ---\n\n    const radioOptions = computed(() => formStepOptions(currentStep.value))\n\n    // --- Navigation & Submission ---\n\n    /** Footer button, and Enter on a pure freeform step. */\n    function goNext() {\n        // A typed freeform answer wins over the picked option: it is the more\n        // recent intent, and the footer button is now the visible way to send\n        // it (the freeform field only submits on Enter).\n        if (customAnswer.value.trim()) {\n            submitCustomAnswer()\n            return\n        }\n        if (canGoNext.value) {\n            currentStepIndex.value++\n        } else {\n            submitForm()\n        }\n    }\n\n    function goBack() {\n        if (canGoBack.value) {\n            currentStepIndex.value--\n        }\n    }\n\n    function submitForm() {\n        if (!isInteractive.value) {\n            return\n        }\n\n        const finalAnswers: FormAnswer[] = steps.value.map((step, index) => ({\n            id: step.id,\n            value: answers[index] ?? null,\n        }))\n\n        // Legacy backward compatibility: single-step, single-select → return plain string\n        if (\n            isLegacyAutoSubmit.value &&\n            !currentStep.value?.allowFreeformInput\n        ) {\n            const val = finalAnswers[0].value\n            emit('select', Array.isArray(val) ? val[0] : (val as string))\n        } else {\n            emit('select', { answers: finalAnswers })\n        }\n    }\n\n    /** Enter inside the freeform field shown alongside the options. */\n    function submitCustomAnswer() {\n        const value = customAnswer.value.trim()\n        if (!value) {\n            return\n        }\n\n        answers[currentStepIndex.value] = value\n        // Cleared before navigating: `goNext()` reads it back to route a typed\n        // answer here, so leaving it set would recurse.\n        customAnswer.value = ''\n        if (steps.value.length === 1) {\n            submitForm()\n        } else {\n            goNext()\n        }\n    }\n\n    function onRadioChange() {\n        if (!isInteractive.value) {\n            return\n        }\n        if (isAutoSubmitStep.value || isLegacyAutoSubmit.value) {\n            submitForm()\n        }\n    }\n\n    // --- Summary helpers ---\n\n    function getSummaryValue(step: FormStep, index: number) {\n        const val = answers[index]\n        if (val == null) {\n            return '—'\n        }\n        if (Array.isArray(val)) {\n            return val.join(', ')\n        }\n        if (step.type === 'date') {\n            return $d(new Date(val), 'short')\n        }\n        return val\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"hasFailed\"\n        class=\"text-12 text-danger flex items-center gap-6 py-8\">\n        <VvIcon name=\"ri:error-warning-line\" class=\"w-16 h-16 shrink-0\" />\n        <span>{{ $t('message.formRenderError') }}</span>\n    </div>\n    <div\n        v-else-if=\"steps.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden flex flex-col bg-surface\">\n        <!-- Header -->\n        <div\n            v-if=\"toolPart.input?.title || (isInteractive && steps.length > 1)\"\n            class=\"text-12 border-b border-surface-3 text-word-3 bg-surface-1\">\n            <div\n                v-if=\"toolPart.input?.title\"\n                class=\"px-sm py-10 font-bold\"\n                :class=\"{\n                    'border-b border-surface-3':\n                        isInteractive && steps.length > 1,\n                }\">\n                {{ toolPart.input?.title }}\n            </div>\n            <!-- Progress for multi-step -->\n            <div\n                v-if=\"isInteractive && steps.length > 1\"\n                class=\"flex flex-col gap-4 p-sm\">\n                <div class=\"flex justify-between text-10 text-word-3\">\n                    <span>\n                        {{\n                            $t('showForm.step', {\n                                current: currentStepIndex + 1,\n                                total: steps.length,\n                            })\n                        }}\n                    </span>\n                    <span>{{ progress }}%</span>\n                </div>\n                <div class=\"h-4 bg-surface-3 rounded-full overflow-hidden\">\n                    <div\n                        class=\"h-full bg-word-4 transition-all duration-300\"\n                        :style=\"{ width: `${progress}%` }\"></div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Input Available State -->\n        <template v-if=\"isInteractive\">\n            <!-- Current Step Content -->\n            <div class=\"px-sm py-16 flex flex-col gap-12\">\n                <div class=\"leading-normal text-12\">\n                    <strong :id=\"questionId\" class=\"font-semibold\">\n                        {{ currentStep.question }}\n                    </strong>\n                    <PkStreamingMarkdown\n                        v-if=\"currentStep.message\"\n                        :markdown=\"currentStep.message\"\n                        class=\"text-word-2 mt-4\" />\n                </div>\n\n                <!-- Checkbox list for multi-select -->\n                <PkEditorCheckboxButtons\n                    v-if=\"currentStep.options && currentStep.multiSelect\"\n                    v-model=\"activeCheckboxValue\"\n                    :name=\"currentStep.id\"\n                    :options=\"radioOptions\"\n                    :readonly=\"!isInteractive\"\n                    class=\"mb-0\"\n                    vertical>\n                    <template\n                        v-for=\"option in radioOptions\"\n                        :key=\"option.value\"\n                        #[option.value]>\n                        <!-- Shared option layout: label + optional description -->\n                        <div class=\"text-12\">\n                            <div class=\"font-semibold\">{{ option.label }}</div>\n                            <div v-if=\"option.description\" class=\"text-word-3\">\n                                {{ option.description }}\n                            </div>\n                        </div>\n                    </template>\n                </PkEditorCheckboxButtons>\n\n                <!-- Radio buttons for single-select -->\n                <PkEditorRadioButtons\n                    v-else-if=\"currentStep.options && !currentStep.multiSelect\"\n                    v-model=\"scalarValue\"\n                    :name=\"currentStep.id\"\n                    :options=\"radioOptions\"\n                    :readonly=\"!isInteractive\"\n                    vertical\n                    class=\"mb-0\"\n                    @update:model-value=\"onRadioChange\">\n                    <template\n                        v-for=\"option in radioOptions\"\n                        :key=\"option.value\"\n                        #[option.value]>\n                        <!-- Shared option layout: label + optional description -->\n                        <div class=\"text-12\">\n                            <div class=\"font-semibold\">{{ option.label }}</div>\n                            <div v-if=\"option.description\" class=\"text-word-3\">\n                                {{ option.description }}\n                            </div>\n                        </div>\n                    </template>\n                </PkEditorRadioButtons>\n\n                <!-- Pure Freeform Input (text, number, date) -->\n                <div\n                    v-else-if=\"!currentStep.options\"\n                    class=\"flex flex-col gap-6 w-full\">\n                    <VvInputText\n                        :key=\"currentStep.id\"\n                        v-model=\"scalarValue\"\n                        :aria-labelledby=\"questionId\"\n                        :placeholder=\"\n                            currentStep.placeholder || $t('placeholder.insert')\n                        \"\n                        :type=\"currentStep.type\"\n                        class=\"w-full\"\n                        :name=\"currentStep.id\"\n                        modifiers=\"compact\"\n                        :disabled=\"!isInteractive\"\n                        @keyup.enter=\"goNext\" />\n                </div>\n            </div>\n\n            <!-- Custom footer freeform input (shown alongside options when allowFreeformInput) -->\n            <div\n                v-if=\"currentStep.allowFreeformInput && currentStep.options\"\n                class=\"px-sm pb-sm border-t border-surface-3\">\n                <form\n                    class=\"flex gap-xs pt-sm\"\n                    @submit.prevent=\"submitCustomAnswer\">\n                    <VvInputText\n                        :key=\"`${currentStep.id}-custom`\"\n                        v-model=\"customAnswer\"\n                        class=\"flex-1\"\n                        :name=\"`${currentStep.id}-custom`\"\n                        modifiers=\"compact\"\n                        :disabled=\"!isInteractive\"\n                        :aria-label=\"\n                            currentStep.placeholder ||\n                            $t('showForm.otherPlaceholder')\n                        \"\n                        :placeholder=\"\n                            currentStep.placeholder ||\n                            $t('showForm.otherPlaceholder')\n                        \" />\n                </form>\n            </div>\n\n            <!-- Footer navigation: shown for every step that does not submit\n                 itself on option pick (see `isSelfSubmitting`). -->\n            <div\n                v-if=\"!isSelfSubmitting\"\n                class=\"px-sm py-10 bg-surface border-t border-surface-3 flex justify-between gap-12\">\n                <VvButton\n                    v-if=\"canGoBack\"\n                    modifiers=\"action-quiet\"\n                    icon=\"ri:arrow-left-s-line\"\n                    :label=\"$t('action.back')\"\n                    @click.stop=\"goBack\" />\n                <div v-else></div>\n\n                <VvButton\n                    :modifiers=\"canGoNext ? 'action-quiet' : 'action-primary'\"\n                    :icon=\"\n                        canGoNext\n                            ? 'ri:arrow-right-s-line'\n                            : 'ri:send-plane-2-line'\n                    \"\n                    icon-position=\"right\"\n                    :label=\"canGoNext ? $t('action.next') : $t('action.submit')\"\n                    @click.stop=\"goNext\" />\n            </div>\n        </template>\n\n        <!-- Output Available State (Multi-step Summary) -->\n        <template v-else>\n            <div class=\"px-sm py-12 bg-surface flex flex-col gap-10\">\n                <ul class=\"flex flex-col gap-8\">\n                    <li\n                        v-for=\"(step, index) in steps\"\n                        :key=\"index\"\n                        class=\"leading-normal\">\n                        <div class=\"text-12 text-word-3\">\n                            {{ step.question }}\n                        </div>\n                        <span class=\"text-12 text-word-2 font-semibold\">\n                            {{ getSummaryValue(step, index) }}\n                        </span>\n                    </li>\n                </ul>\n            </div>\n            <div\n                class=\"px-sm py-12 bg-surface border-t border-surface-3 flex items-center gap-10\">\n                <VvIcon name=\"ri:check-line\" class=\"text-16 text-success\" />\n                <div class=\"flex flex-col\">\n                    <span class=\"font-medium text-12 text-word-1 leading-tight\">\n                        {{ $t('showForm.completed') }}\n                    </span>\n                </div>\n            </div>\n        </template>\n    </div>\n</template>\n"],"mappings":"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"}