@8wave/ai-elements 0.111.0 → 0.112.0-beta.10

package/dist/_chunks/{PkToolShowForm-C45JD6jS.js → PkToolShowForm-DP4LLAk3.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-CIT_Sbqw.js";
 import { r as re } from "./vue-i18n-BdMHu4Kd.js";
-import { o as ie, s as ae, t as oe } from "./PkStreamingMarkdown-CNI8aV8t.js";
-import { c as O, f as se, o as k, p as A, r as ce, s as j, t as le } from "./index.es-C2U5wcOx.js";
-import { u as M } from "./Agent-tE7ZJPxG.js";
+import { o as ie, s as ae, t as oe } from "./PkStreamingMarkdown-CRlRDGYl.js";
+import { u as O } from "./Agent-DTLrWpzX.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-C2U5wcOx.js";
 s(), T();
 //#endregion
 //#region ../../packages/components/src/PkEditorRadioButtons.vue
@@ -37,7 +37,7 @@ var ue = /* @__PURE__ */ n({
 	setup(n) {
 		let s = n, c = i(n, "modelValue"), u = r(), d = y(() => `${s.name}-${u}`), p = y(() => [...s.modifiers ? Array.isArray(s.modifiers) ? s.modifiers : [s.modifiers] : [], s.segmented ? "segment" : "button"]);
 		return (r, i) => {
-			let s = j, u = O;
+			let s = M, u = k;
 			return a(), h(u, {
 				modelValue: c.value,
 				"onUpdate:modelValue": i[0] ||= (e) => c.value = e,
@@ -99,7 +99,7 @@ var de = /* @__PURE__ */ n({
 	setup(n) {
 		let r = i(n, "modelValue");
 		return (i, s) => {
-			let c = k, u = A;
+			let c = A, u = j;
 			return a(), h(u, {
 				modelValue: r.value,
 				"onUpdate:modelValue": s[0] ||= (e) => r.value = e,
@@ -166,17 +166,17 @@ 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(() => M(f.value.output)), x = y(() => !r.answered && (f.value.state === "input-available" || v.value)), T = y(() => {
+		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 ? A.value.length === 1 && !e.allowFreeformInput && !r.allowCustomAnswer : !1;
-		}), O = y(() => _.value && A.value.length === 1 && !H.value?.multiSelect), k = y(() => !!H.value?.options && !H.value?.multiSelect && (T.value || O.value)), A = y(() => {
+			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;
 			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)
 			}] : [];
-		}), j = y(() => f.value.state === "output-error" && !A.value.length), V = b(0), H = y(() => A.value[V.value]), U = y(() => V.value > 0), W = y(() => V.value < A.value.length - 1), Ae = y(() => A.value.length > 1), G = y(() => Ae.value ? Math.round((V.value + 1) / A.value.length * 100) : null), K = ee({}), q = b("");
+		}), 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 = "";
 		});
@@ -203,11 +203,11 @@ var fe = {
 			return Array.isArray(t) ? t : void 0;
 		}
 		u(() => f.value.output, (e) => {
-			e && !M(e) && Object.assign(K, ie(A.value, e));
+			e && !O(e) && Object.assign(K, ie(j.value, e));
 		}, { immediate: !0 });
 		let Me = y(() => {
 			let e = f.value.output;
-			if (!e || M(e)) return;
+			if (!e || O(e)) return;
 			if (typeof e == "string") return e;
 			let t = je(e);
 			if (t?.length === 1) {
@@ -231,21 +231,21 @@ var fe = {
 		}
 		function Q() {
 			if (!x.value) return;
-			let e = A.value.map((e, t) => ({
+			let e = j.value.map((e, t) => ({
 				id: e.id,
 				value: K[t] ?? null
 			}));
-			if (O.value && !H.value?.allowFreeformInput) {
+			if (k.value && !H.value?.allowFreeformInput) {
 				let t = e[0].value;
 				i("select", Array.isArray(t) ? t[0] : t);
 			} else i("select", { answers: e });
 		}
 		function $() {
 			let e = q.value.trim();
-			e && (K[V.value] = e, q.value = "", A.value.length === 1 ? Q() : Z());
+			e && (K[V.value] = e, q.value = "", j.value.length === 1 ? Q() : Z());
 		}
 		function Pe() {
-			x.value && (T.value || O.value) && Q();
+			x.value && (T.value || k.value) && Q();
 		}
 		function Fe(e, t) {
 			let n = K[t];
@@ -253,12 +253,12 @@ var fe = {
 		}
 		return (t, n) => {
 			let r = se, i = ce, s = le;
-			return j.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)])) : A.value.length ? (a(), C("div", pe, [f.value.input?.title || x.value && A.value.length > 1 ? (a(), C("div", me, [f.value.input?.title ? (a(), C("div", {
+			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", {
 				key: 0,
-				class: c(["px-sm py-10 font-bold", { "border-b border-surface-3": x.value && A.value.length > 1 }])
-			}, l(f.value.input?.title), 3)) : d("", !0), x.value && A.value.length > 1 ? (a(), C("div", N, [g("div", P, [g("span", null, l(p(o)("showForm.step", {
+				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: A.value.length
+				total: j.value.length
 			})), 1), g("span", null, l(G.value) + "%", 1)]), g("div", F, [g("div", {
 				class: "h-full bg-word-4 transition-all duration-300",
 				style: ne({ width: `${G.value}%` })
@@ -337,7 +337,7 @@ var fe = {
 					"disabled",
 					"placeholder"
 				]))], 32)])) : d("", !0),
-				k.value ? d("", !0) : (a(), C("div", xe, [U.value ? (a(), h(i, {
+				A.value ? d("", !0) : (a(), C("div", xe, [U.value ? (a(), h(i, {
 					key: 0,
 					modifiers: "action-quiet",
 					icon: "ri:arrow-left-s-line",
@@ -354,7 +354,7 @@ var fe = {
 					"icon",
 					"label"
 				])]))
-			], 64)) : (a(), C(m, { key: 2 }, [g("div", Ce, [g("ul", we, [(a(!0), C(m, null, D(A.value, (e, t) => (a(), C("li", {
+			], 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", {
 				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, {
@@ -367,4 +367,4 @@ var fe = {
 //#endregion
 export { V as default };
 
-//# sourceMappingURL=PkToolShowForm-C45JD6jS.js.map
+//# sourceMappingURL=PkToolShowForm-DP4LLAk3.js.map

package/dist/_chunks/{PkToolShowForm-C45JD6jS.js.map → PkToolShowForm-DP4LLAk3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowForm-C45JD6jS.js","names":[],"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' : 'button']\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' : 'buttons'\">\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' : 'button']\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' : 'buttons'\">\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=\"buttons\">\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=\"button\">\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=\"buttons\">\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=\"button\">\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 } 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    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        <span class=\"i-vv-alert-circle text-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 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                        :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                        :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 space-y-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 } 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    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        <span class=\"i-vv-alert-circle text-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 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                        :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                        :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 space-y-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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"}
+{"version":3,"file":"PkToolShowForm-DP4LLAk3.js","names":[],"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' : 'button']\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' : 'buttons'\">\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' : 'button']\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' : 'buttons'\">\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=\"buttons\">\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=\"button\">\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=\"buttons\">\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=\"button\">\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 } 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    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        <span class=\"i-vv-alert-circle text-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 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                        :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                        :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 space-y-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 } 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    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        <span class=\"i-vv-alert-circle text-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 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                        :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                        :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 space-y-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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"}

package/dist/_chunks/{PkToolShowSources-DlBfHwkg.js → PkToolShowSources-Bwy0Ptmi.js}

@@ -1,7 +1,7 @@
 import { $ as e, C as t, L as n, O as r, St as i, Tt as a, _ as o, b as s, bt as c, d as l, dt as u, g as d, h as f, it as p, m, pt as h, r as g, t as _, v, x as y, xt as b, z as x } from "./vue.runtime.esm-bundler-CIT_Sbqw.js";
-import { t as S } from "./PkStreamingMarkdown-CNI8aV8t.js";
+import { t as S } from "./PkStreamingMarkdown-CRlRDGYl.js";
+import { r as C, t as w } from "./markdown-BRD-hDrH.js";
 import "./src-BQHP1-Xs.js";
-import { a as C, n as w } from "./Document-Bmx6774B.js";
 import { t as T } from "./index.es-C2U5wcOx.js";
 import { t as E } from "./PkUrl-BPbjZJ1A.js";
 r(), p(), b();
@@ -32,7 +32,7 @@ var D = ["title"], O = {
 				f("span", {
 					class: "text-10 text-word-2 truncate flex-1",
 					title: e.content
-				}, a(c(C)(e.content)), 9, D),
+				}, a(c(w)(e.content)), 9, D),
 				r.value == null ? o("", !0) : (n(), v("span", O, a(r.value) + "% ", 1)),
 				y(s, {
 					name: e.expanded ? "ri:arrow-up-s-line" : "ri:arrow-down-s-line",
@@ -61,7 +61,7 @@ var A = { class: "flex flex-col gap-2 min-w-0 flex-1" }, j = { class: "font-bold
 		return (t, r) => {
 			let i = T;
 			return n(), v(l, null, [y(i, {
-				name: c(w)(e.type),
+				name: c(C)(e.type),
 				class: "shrink-0 text-14 text-word-3"
 			}, null, 8, ["name"]), f("div", A, [
 				f("strong", j, a(e.name), 1),
@@ -241,4 +241,4 @@ var F = {
 //#endregion
 export { Q as default };
 
-//# sourceMappingURL=PkToolShowSources-DlBfHwkg.js.map
+//# sourceMappingURL=PkToolShowSources-Bwy0Ptmi.js.map