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

package/dist/_chunks/{PkToolShowForm-C45JD6jS.js.map → PkToolShowForm-KuTsIy5P.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-KuTsIy5P.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-CY_q7ANb.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 { 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-CY_q7ANb.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowSources-DlBfHwkg.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkToolShowSources.vue","../../../../packages/components/src/chat/PkToolShowSources.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-xl overflow-hidden\">\n                <!-- Document header -->\n                <button\n                    class=\"flex items-center gap-8 p-8 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                    @click=\"toggleDocument(group.document.documentId)\">\n                    <PkDocumentHeader\n                        :type=\"group.document.documentType\"\n                        :name=\"group.document.documentName\"\n                        :url=\"group.document.sourceUrl\"\n                        :filename=\"group.document.sourceFilename\" />\n                    <div class=\"flex items-center gap-4 shrink-0\">\n                        <span\n                            v-if=\"group.chunks.length > 1\"\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                            {{ group.chunks.length }}\n                        </span>\n                        <span\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                            {{ group.document.language }}\n                        </span>\n                        <VvIcon\n                            :name=\"\n                                expandedDocuments.has(group.document.documentId)\n                                    ? 'ri:arrow-up-s-line'\n                                    : 'ri:arrow-down-s-line'\n                            \"\n                            class=\"text-16 text-word-3\" />\n                    </div>\n                </button>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-xl overflow-hidden\">\n                <!-- Document header -->\n                <button\n                    class=\"flex items-center gap-8 p-8 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                    @click=\"toggleDocument(group.document.documentId)\">\n                    <PkDocumentHeader\n                        :type=\"group.document.documentType\"\n                        :name=\"group.document.documentName\"\n                        :url=\"group.document.sourceUrl\"\n                        :filename=\"group.document.sourceFilename\" />\n                    <div class=\"flex items-center gap-4 shrink-0\">\n                        <span\n                            v-if=\"group.chunks.length > 1\"\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                            {{ group.chunks.length }}\n                        </span>\n                        <span\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                            {{ group.document.language }}\n                        </span>\n                        <VvIcon\n                            :name=\"\n                                expandedDocuments.has(group.document.documentId)\n                                    ? 'ri:arrow-up-s-line'\n                                    : 'ri:arrow-down-s-line'\n                            \"\n                            class=\"text-16 text-word-3\" />\n                    </div>\n                </button>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowSources-CY_q7ANb.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkChunkPreview.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkDocumentHeader.vue","../../../../packages/components/src/chat/PkToolShowSources.vue","../../../../packages/components/src/chat/PkToolShowSources.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { stripMarkdown } from 'utils'\n\n    const props = defineProps<{\n        content: string\n        similarity?: number\n        maxSimilarity?: number\n        expanded: boolean\n    }>()\n\n    const similarityPercent = computed(() => {\n        if (props.similarity == null) {\n            return null\n        }\n        const max =\n            props.maxSimilarity && props.maxSimilarity > 0\n                ? props.maxSimilarity\n                : 1\n        return Math.round((props.similarity / max) * 100)\n    })\n</script>\n\n<template>\n    <VvIcon name=\"ri:text-snippet\" class=\"shrink-0 text-12 text-word-4\" />\n    <span class=\"text-10 text-word-2 truncate flex-1\" :title=\"content\">\n        {{ stripMarkdown(content) }}\n    </span>\n    <span v-if=\"similarityPercent != null\" class=\"text-10 text-word-4 shrink-0\">\n        {{ similarityPercent }}%\n    </span>\n    <VvIcon\n        :name=\"expanded ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n        class=\"text-14 text-word-4 shrink-0\" />\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import type { DocumentType } from 'models'\n    import { getTypeIcon } from 'models'\n    import PkUrl from '../PkUrl.vue'\n\n    defineProps<{\n        type: string\n        name: string\n        url?: string\n        filename?: string\n    }>()\n</script>\n\n<template>\n    <VvIcon\n        :name=\"getTypeIcon(type as DocumentType)\"\n        class=\"shrink-0 text-14 text-word-3\" />\n    <div class=\"flex flex-col gap-2 min-w-0 flex-1\">\n        <strong class=\"font-bold text-12 text-word-1 truncate block\">\n            {{ name }}\n        </strong>\n        <span v-if=\"filename\" class=\"text-10 text-word-4 truncate\">\n            {{ filename }}\n        </span>\n        <span\n            v-if=\"url\"\n            class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n            <VvIcon name=\"ri:link\" class=\"shrink-0 text-10\" />\n            <PkUrl :url=\"url\" />\n        </span>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-xl overflow-hidden\">\n                <!-- Document header -->\n                <button\n                    class=\"flex items-center gap-8 p-8 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                    @click=\"toggleDocument(group.document.documentId)\">\n                    <PkDocumentHeader\n                        :type=\"group.document.documentType\"\n                        :name=\"group.document.documentName\"\n                        :url=\"group.document.sourceUrl\"\n                        :filename=\"group.document.sourceFilename\" />\n                    <div class=\"flex items-center gap-4 shrink-0\">\n                        <span\n                            v-if=\"group.chunks.length > 1\"\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                            {{ group.chunks.length }}\n                        </span>\n                        <span\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                            {{ group.document.language }}\n                        </span>\n                        <VvIcon\n                            :name=\"\n                                expandedDocuments.has(group.document.documentId)\n                                    ? 'ri:arrow-up-s-line'\n                                    : 'ri:arrow-down-s-line'\n                            \"\n                            class=\"text-16 text-word-3\" />\n                    </div>\n                </button>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, reactive } from 'vue'\n    import PkStreamingMarkdown from './PkStreamingMarkdown.vue'\n    import PkChunkPreview from './PkChunkPreview.vue'\n    import PkDocumentHeader from './PkDocumentHeader.vue'\n\n    interface SourceItem {\n        chunkId: string\n        documentId: string\n        documentName: string\n        documentType: string\n        language: string\n        content: string\n        chunkIndex?: number | null\n        similarity?: number\n        sourceUrl?: string\n        sourceFilename?: string\n        sourceDescription?: string\n        sourceImageUrl?: string\n    }\n\n    const props = defineProps<{\n        part: unknown\n        onExpandContext?: (payload: {\n            documentId: string\n            chunkIndex: number\n        }) => Promise<string>\n        onDownload?: (documentId: string) => void\n    }>()\n\n    const toolPart = computed(() => {\n        return props.part as {\n            input?: {\n                sources: SourceItem[]\n            }\n        }\n    })\n\n    const sources = computed(() => toolPart.value.input?.sources || [])\n\n    const groupedSources = computed(() => {\n        const groups = new Map<\n            string,\n            { document: SourceItem; chunks: SourceItem[] }\n        >()\n        for (const source of sources.value) {\n            const existing = groups.get(source.documentId)\n            if (existing) {\n                existing.chunks.push(source)\n            } else {\n                groups.set(source.documentId, {\n                    document: source,\n                    chunks: [source],\n                })\n            }\n        }\n        return [...groups.values()]\n    })\n\n    const maxSimilarity = computed(() => {\n        return Math.max(...sources.value.map((s) => s.similarity ?? 0), 0)\n    })\n\n    const expandedDocuments = reactive(new Set<string>())\n    const expandedChunks = reactive(new Set<string>())\n    const contextData = reactive(new Map<string, string>())\n    const loadingContext = reactive(new Set<string>())\n\n    const toggleDocument = (documentId: string) => {\n        if (expandedDocuments.has(documentId)) {\n            expandedDocuments.delete(documentId)\n        } else {\n            expandedDocuments.add(documentId)\n        }\n    }\n\n    const toggleChunk = (chunkId: string) => {\n        if (expandedChunks.has(chunkId)) {\n            expandedChunks.delete(chunkId)\n        } else {\n            expandedChunks.add(chunkId)\n        }\n    }\n\n    const handleExpandContext = async (source: SourceItem) => {\n        if (source.chunkIndex == null || !props.onExpandContext) {\n            return\n        }\n        loadingContext.add(source.chunkId)\n        try {\n            const content = await props.onExpandContext({\n                documentId: source.documentId,\n                chunkIndex: source.chunkIndex,\n            })\n            contextData.set(source.chunkId, content)\n        } finally {\n            loadingContext.delete(source.chunkId)\n        }\n    }\n\n    const clearContext = (chunkId: string) => {\n        contextData.delete(chunkId)\n    }\n\n    const showMore = ref(false)\n    const visibleGroups = computed(() => {\n        if (showMore.value) {\n            return groupedSources.value\n        }\n        return groupedSources.value.slice(0, 3)\n    })\n    const hasMore = computed(() => groupedSources.value.length > 3)\n</script>\n\n<template>\n    <div v-if=\"sources.length\" class=\"flex flex-col gap-xs w-full\">\n        <div class=\"flex items-center gap-4 text-12 text-word-3 font-semibold\">\n            <VvIcon name=\"ri:article-line\" class=\"text-14\" />\n            {{ $t('label.sources') }}\n            <span class=\"text-word-4 font-normal\">\n                ({{ groupedSources.length }})\n            </span>\n        </div>\n\n        <ul class=\"flex flex-col gap-xs\">\n            <li\n                v-for=\"group in visibleGroups\"\n                :key=\"group.document.documentId\"\n                class=\"border border-surface-3 rounded-xl overflow-hidden\">\n                <!-- Document header -->\n                <button\n                    class=\"flex items-center gap-8 p-8 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                    @click=\"toggleDocument(group.document.documentId)\">\n                    <PkDocumentHeader\n                        :type=\"group.document.documentType\"\n                        :name=\"group.document.documentName\"\n                        :url=\"group.document.sourceUrl\"\n                        :filename=\"group.document.sourceFilename\" />\n                    <div class=\"flex items-center gap-4 shrink-0\">\n                        <span\n                            v-if=\"group.chunks.length > 1\"\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2\">\n                            {{ group.chunks.length }}\n                        </span>\n                        <span\n                            class=\"text-10 text-word-4 bg-surface-2 rounded px-4 py-2 uppercase\">\n                            {{ group.document.language }}\n                        </span>\n                        <VvIcon\n                            :name=\"\n                                expandedDocuments.has(group.document.documentId)\n                                    ? 'ri:arrow-up-s-line'\n                                    : 'ri:arrow-down-s-line'\n                            \"\n                            class=\"text-16 text-word-3\" />\n                    </div>\n                </button>\n\n                <!-- Expanded content -->\n                <div\n                    v-if=\"expandedDocuments.has(group.document.documentId)\"\n                    class=\"border-t border-surface-3\">\n                    <PkStreamingMarkdown\n                        v-if=\"group.document.sourceDescription\"\n                        :markdown=\"group.document.sourceDescription\"\n                        class=\"px-8 py-4 text-10 text-word-3 bg-surface-1 border-b border-surface-3\" />\n\n                    <!-- Chunk excerpts -->\n                    <div\n                        v-for=\"chunk in group.chunks\"\n                        :key=\"chunk.chunkId\"\n                        class=\"border-b border-surface-3 last:border-b-0\">\n                        <button\n                            class=\"flex items-center gap-8 px-8 py-6 w-full text-left hover:bg-surface-1 transition-colors cursor-pointer\"\n                            @click=\"toggleChunk(chunk.chunkId)\">\n                            <PkChunkPreview\n                                :content=\"chunk.content\"\n                                :similarity=\"chunk.similarity\"\n                                :max-similarity=\"maxSimilarity\"\n                                :expanded=\"expandedChunks.has(chunk.chunkId)\" />\n                        </button>\n\n                        <!-- Expanded chunk content -->\n                        <div\n                            v-if=\"expandedChunks.has(chunk.chunkId)\"\n                            class=\"bg-surface-1 border-t border-surface-3\">\n                            <div class=\"p-8 text-10 text-word-3\">\n                                <transition mode=\"out-in\">\n                                    <!-- Context expansion -->\n                                    <PkStreamingMarkdown\n                                        v-if=\"contextData.has(chunk.chunkId)\"\n                                        :markdown=\"\n                                            contextData.get(chunk.chunkId)!\n                                        \"\n                                        class=\"wysiwyg\" />\n\n                                    <!-- Chunk content -->\n                                    <PkStreamingMarkdown\n                                        v-else\n                                        :markdown=\"chunk.content\"\n                                        class=\"wysiwyg\" />\n                                </transition>\n                            </div>\n\n                            <!-- Actions bar -->\n                            <div\n                                class=\"flex items-center gap-8 px-8 py-6 border-t border-surface-3 bg-surface\">\n                                <!-- Expand / collapse context -->\n                                <button\n                                    v-if=\"\n                                        onExpandContext &&\n                                        chunk.chunkIndex != null &&\n                                        !contextData.has(chunk.chunkId)\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word flex items-center gap-4 cursor-pointer\"\n                                    :disabled=\"\n                                        loadingContext.has(chunk.chunkId)\n                                    \"\n                                    @click=\"handleExpandContext(chunk)\">\n                                    <VvIcon\n                                        :name=\"\n                                            loadingContext.has(chunk.chunkId)\n                                                ? 'loading-loop'\n                                                : 'ri:expand-up-down-line'\n                                        \"\n                                        class=\"text-12\" />\n                                    {{ $t('label.expandContext') }}\n                                </button>\n                                <button\n                                    v-else-if=\"contextData.has(chunk.chunkId)\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    @click=\"clearContext(chunk.chunkId)\">\n                                    <VvIcon\n                                        name=\"ri:collapse-vertical-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.collapseContext') }}\n                                </button>\n\n                                <!-- Open source URL -->\n                                <a\n                                    v-if=\"chunk.sourceUrl\"\n                                    :href=\"chunk.sourceUrl\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 ml-auto\">\n                                    <VvIcon\n                                        name=\"ri:external-link-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.openSource') }}\n                                </a>\n\n                                <!-- Download file -->\n                                <button\n                                    v-if=\"\n                                        onDownload &&\n                                        chunk.documentType === 'file'\n                                    \"\n                                    class=\"text-10 text-word-3 hover:text-word-1 flex items-center gap-4 cursor-pointer\"\n                                    :class=\"{\n                                        'ml-auto': !chunk.sourceUrl,\n                                    }\"\n                                    @click=\"onDownload(chunk.documentId)\">\n                                    <VvIcon\n                                        name=\"ri:download-line\"\n                                        class=\"text-12\" />\n                                    {{ $t('label.downloadFile') }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </li>\n        </ul>\n\n        <!-- Show more -->\n        <button\n            v-if=\"hasMore\"\n            class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n            @click=\"showMore = !showMore\">\n            <VvIcon\n                :name=\"showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"text-16\" />\n            {{\n                showMore\n                    ? $t('action.showLess')\n                    : $t('action.showMore', {\n                          count: groupedSources.length - 3,\n                      })\n            }}\n        </button>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist/_chunks/{PkToolShowSuggestedReply-DzoRQESi.js → PkToolShowSuggestedReply-D98Atidw.js}

@@ -1,6 +1,6 @@
 import { C as e, L as t, O as n, St as r, Tt as i, _ as a, d as o, h as s, it as c, m as l, pt as u, r as d, u as f, v as p, x as m, xt as h, z as g } from "./vue.runtime.esm-bundler-CIT_Sbqw.js";
-import { t as _ } from "./index.es-C2U5wcOx.js";
-import { u as v } from "./Agent-tE7ZJPxG.js";
+import { u as _ } from "./Agent-tE7ZJPxG.js";
+import { t as v } from "./index.es-C2U5wcOx.js";
 import { t as y } from "./_plugin-vue_export-helper-B3ysoDQm.js";
 n(), h(), d(), c();
 var b = {
@@ -17,7 +17,7 @@ var b = {
 				label: e.label,
 				prompt: e.prompt ?? e.label
 			}] : [] : [];
-		}), S = u(null), C = l(() => (h.value?.state === "input-available" || v(h.value?.output)) && S.value === null);
+		}), S = u(null), C = l(() => (h.value?.state === "input-available" || _(h.value?.output)) && S.value === null);
 		function w(e) {
 			if (!C.value) return;
 			S.value = e;
@@ -25,7 +25,7 @@ var b = {
 			n && d("select", n);
 		}
 		return (e, n) => {
-			let c = _;
+			let c = v;
 			return y.value.length ? (t(), p("div", b, [(t(!0), p(o, null, g(y.value, (e, n) => (t(), p("button", {
 				key: n,
 				type: "button",
@@ -45,4 +45,4 @@ var b = {
 //#endregion
 export { S as default };
 
-//# sourceMappingURL=PkToolShowSuggestedReply-DzoRQESi.js.map
+//# sourceMappingURL=PkToolShowSuggestedReply-D98Atidw.js.map