@8wave/ai-elements 0.104.0 → 0.105.0-beta.1

package/dist-vue/_chunks/{PkChatbotStepPayload-hCmy4XG9.js → PkChatbotStepPayload-BtsnkJIV.js}

@@ -1,4 +1,4 @@
-import { v as e } from "./utils-B0jsOUqd.js";
+import { b as e } from "./utils-DKNWwMTQ.js";
 import { VvIcon as t } from "@volverjs/ui-vue/components";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, openBlock as u, reactive as d, ref as f, renderList as p, resolveDynamicComponent as m, toDisplayString as h, withCtx as g } from "vue";
 import { useI18n as _ } from "vue-i18n";
@@ -93,4 +93,4 @@ var v = {
 //#endregion
 export { O as t };
 
-//# sourceMappingURL=PkChatbotStepPayload-hCmy4XG9.js.map
+//# sourceMappingURL=PkChatbotStepPayload-BtsnkJIV.js.map

package/dist-vue/_chunks/{PkChatbotStepPayload-hCmy4XG9.js.map → PkChatbotStepPayload-BtsnkJIV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkChatbotStepPayload-hCmy4XG9.js","names":[],"sources":["../../../../packages/components/src/chat/PkChatbotStepPayload.vue","../../../../packages/components/src/chat/PkChatbotStepPayload.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n    import { computed, reactive, ref } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { stringifyPayload } from './utils'\n\n    interface PayloadRow {\n        key: string\n        preview: string\n        full?: string\n    }\n\n    const props = defineProps<{\n        label: string\n        value: unknown\n    }>()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    // A preview stays on a single line: long enough to recognize the value,\n    // short enough to keep the payload readable without expanding anything.\n    const PREVIEW_LENGTH = 120\n\n    const stringify = (value: unknown, indent = 0): string | undefined => {\n        try {\n            return JSON.stringify(value, null, indent)\n        } catch {\n            return undefined\n        }\n    }\n\n    const toPreview = (value: unknown): string => {\n        if (value === undefined) {\n            return ''\n        }\n        const text =\n            typeof value === 'string' ? value : (stringify(value) ?? '')\n        const single = text.replace(/\\s+/g, ' ').trim()\n        return single.length > PREVIEW_LENGTH\n            ? `${single.slice(0, PREVIEW_LENGTH)}…`\n            : single\n    }\n\n    // Objects are listed by key, arrays by position: either way the payload\n    // becomes a list of short lines instead of one wall of JSON.\n    const entries = computed<[string, unknown][] | undefined>(() => {\n        const value = props.value\n        if (Array.isArray(value)) {\n            return value.length\n                ? value.map(\n                      (item, index) =>\n                          [`${index + 1}`, item] as [string, unknown],\n                  )\n                : undefined\n        }\n        if (value && typeof value === 'object') {\n            const own = Object.entries(value as Record<string, unknown>)\n            return own.length ? own : undefined\n        }\n        return undefined\n    })\n\n    const rows = computed<PayloadRow[] | undefined>(() =>\n        entries.value?.map(([key, value]) => {\n            const preview = toPreview(value)\n            const full = typeof value === 'string' ? value : stringify(value, 2)\n            return {\n                key,\n                preview: preview || '-',\n                // Only a value the preview had to cut (long, multiline or\n                // nested) is worth its own expandable block.\n                full: full && full.trim() !== preview ? full : undefined,\n            }\n        }),\n    )\n\n    // Scalars and strings have no rows: they fall back to the plain payload.\n    const text = computed(() =>\n        rows.value ? undefined : stringifyPayload(props.value),\n    )\n\n    const summary = computed(() => {\n        const list = rows.value\n        if (!list) {\n            return toPreview(props.value)\n        }\n        if (Array.isArray(props.value)) {\n            return $t('messagePart.stepItems', list.length)\n        }\n        if (list.length === 1) {\n            return `${list[0].key}: ${list[0].preview}`\n        }\n        return list.map((row) => row.key).join(' · ')\n    })\n\n    const isOpen = ref(false)\n    const expandedRows = reactive(new Set<string>())\n    const toggleRow = (key: string) => {\n        if (expandedRows.has(key)) {\n            expandedRows.delete(key)\n        } else {\n            expandedRows.add(key)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"rows || text\" class=\"pk-chatbot-step-payload\">\n        <button\n            type=\"button\"\n            class=\"pk-chatbot-step-payload__header\"\n            :aria-expanded=\"isOpen\"\n            @click=\"isOpen = !isOpen\">\n            <span class=\"pk-chatbot-step-payload__label\">{{ label }}</span>\n            <span class=\"pk-chatbot-step-payload__summary\">\n                {{ summary }}\n            </span>\n            <VvIcon\n                :name=\"isOpen ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"shrink-0\" />\n        </button>\n        <ul v-if=\"isOpen && rows\" class=\"pk-chatbot-step-payload__rows\">\n            <li v-for=\"row in rows\" :key=\"row.key\">\n                <component\n                    :is=\"row.full ? 'button' : 'div'\"\n                    :type=\"row.full ? 'button' : undefined\"\n                    class=\"pk-chatbot-step-payload__row\"\n                    :aria-expanded=\"\n                        row.full ? expandedRows.has(row.key) : undefined\n                    \"\n                    @click=\"row.full ? toggleRow(row.key) : undefined\">\n                    <span class=\"pk-chatbot-step-payload__key\">\n                        {{ row.key }}\n                    </span>\n                    <span class=\"pk-chatbot-step-payload__value\">\n                        {{ row.preview }}\n                    </span>\n                    <VvIcon\n                        v-if=\"row.full\"\n                        :name=\"\n                            expandedRows.has(row.key)\n                                ? 'ri:arrow-up-s-line'\n                                : 'ri:arrow-down-s-line'\n                        \"\n                        class=\"shrink-0\" />\n                </component>\n                <pre\n                    v-if=\"row.full && expandedRows.has(row.key)\"\n                    class=\"pk-chatbot-step-payload__full\"\n                    >{{ row.full }}</pre>\n            </li>\n        </ul>\n        <pre v-else-if=\"isOpen\" class=\"pk-chatbot-step-payload__full\">{{\n            text\n        }}</pre>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-step-payload {\n        border: var(--spacing-px) solid var(--color-surface-4);\n        border-radius: var(--rounded);\n        background-color: var(--color-surface-1);\n        overflow: hidden;\n\n        &__header {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-8);\n            width: 100%;\n            min-height: var(--spacing-28);\n            padding: var(--spacing-4) var(--spacing-8);\n            text-align: left;\n            cursor: pointer;\n            transition: background-color 0.2s ease;\n\n            &:hover {\n                background-color: var(--color-surface-2);\n            }\n        }\n\n        &__label {\n            flex-shrink: 0;\n            font-weight: 600;\n            font-size: var(--text-10);\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            color: var(--color-word-3);\n        }\n\n        &__summary {\n            flex: 1 1 0;\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            font-family: var(--font-mono);\n            font-size: var(--text-10);\n            color: var(--color-word-4);\n        }\n\n        &__rows > li {\n            border-top: var(--spacing-px) solid var(--color-surface-3);\n        }\n\n        &__row {\n            display: flex;\n            align-items: baseline;\n            gap: var(--spacing-8);\n            width: 100%;\n            padding: var(--spacing-4) var(--spacing-8);\n            text-align: left;\n            font-size: var(--text-10);\n\n            &:is(button) {\n                cursor: pointer;\n                transition: background-color 0.2s ease;\n\n                &:hover {\n                    background-color: var(--color-surface-2);\n                }\n            }\n        }\n\n        &__key {\n            flex-shrink: 0;\n            max-width: 40%;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            font-family: var(--font-mono);\n            color: var(--color-word-4);\n        }\n\n        &__value {\n            flex: 1 1 0;\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            color: var(--color-word-2);\n        }\n\n        &__full {\n            padding: var(--spacing-8);\n            border-top: var(--spacing-px) solid var(--color-surface-3);\n            max-height: var(--spacing-160);\n            overflow: auto;\n            white-space: pre-wrap;\n            word-break: break-word;\n            font-family: var(--font-mono);\n            font-size: var(--text-10);\n            color: var(--color-word-3);\n        }\n    }\n</style>\n","<script lang=\"ts\" setup>\n    import { computed, reactive, ref } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { stringifyPayload } from './utils'\n\n    interface PayloadRow {\n        key: string\n        preview: string\n        full?: string\n    }\n\n    const props = defineProps<{\n        label: string\n        value: unknown\n    }>()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    // A preview stays on a single line: long enough to recognize the value,\n    // short enough to keep the payload readable without expanding anything.\n    const PREVIEW_LENGTH = 120\n\n    const stringify = (value: unknown, indent = 0): string | undefined => {\n        try {\n            return JSON.stringify(value, null, indent)\n        } catch {\n            return undefined\n        }\n    }\n\n    const toPreview = (value: unknown): string => {\n        if (value === undefined) {\n            return ''\n        }\n        const text =\n            typeof value === 'string' ? value : (stringify(value) ?? '')\n        const single = text.replace(/\\s+/g, ' ').trim()\n        return single.length > PREVIEW_LENGTH\n            ? `${single.slice(0, PREVIEW_LENGTH)}…`\n            : single\n    }\n\n    // Objects are listed by key, arrays by position: either way the payload\n    // becomes a list of short lines instead of one wall of JSON.\n    const entries = computed<[string, unknown][] | undefined>(() => {\n        const value = props.value\n        if (Array.isArray(value)) {\n            return value.length\n                ? value.map(\n                      (item, index) =>\n                          [`${index + 1}`, item] as [string, unknown],\n                  )\n                : undefined\n        }\n        if (value && typeof value === 'object') {\n            const own = Object.entries(value as Record<string, unknown>)\n            return own.length ? own : undefined\n        }\n        return undefined\n    })\n\n    const rows = computed<PayloadRow[] | undefined>(() =>\n        entries.value?.map(([key, value]) => {\n            const preview = toPreview(value)\n            const full = typeof value === 'string' ? value : stringify(value, 2)\n            return {\n                key,\n                preview: preview || '-',\n                // Only a value the preview had to cut (long, multiline or\n                // nested) is worth its own expandable block.\n                full: full && full.trim() !== preview ? full : undefined,\n            }\n        }),\n    )\n\n    // Scalars and strings have no rows: they fall back to the plain payload.\n    const text = computed(() =>\n        rows.value ? undefined : stringifyPayload(props.value),\n    )\n\n    const summary = computed(() => {\n        const list = rows.value\n        if (!list) {\n            return toPreview(props.value)\n        }\n        if (Array.isArray(props.value)) {\n            return $t('messagePart.stepItems', list.length)\n        }\n        if (list.length === 1) {\n            return `${list[0].key}: ${list[0].preview}`\n        }\n        return list.map((row) => row.key).join(' · ')\n    })\n\n    const isOpen = ref(false)\n    const expandedRows = reactive(new Set<string>())\n    const toggleRow = (key: string) => {\n        if (expandedRows.has(key)) {\n            expandedRows.delete(key)\n        } else {\n            expandedRows.add(key)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"rows || text\" class=\"pk-chatbot-step-payload\">\n        <button\n            type=\"button\"\n            class=\"pk-chatbot-step-payload__header\"\n            :aria-expanded=\"isOpen\"\n            @click=\"isOpen = !isOpen\">\n            <span class=\"pk-chatbot-step-payload__label\">{{ label }}</span>\n            <span class=\"pk-chatbot-step-payload__summary\">\n                {{ summary }}\n            </span>\n            <VvIcon\n                :name=\"isOpen ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"shrink-0\" />\n        </button>\n        <ul v-if=\"isOpen && rows\" class=\"pk-chatbot-step-payload__rows\">\n            <li v-for=\"row in rows\" :key=\"row.key\">\n                <component\n                    :is=\"row.full ? 'button' : 'div'\"\n                    :type=\"row.full ? 'button' : undefined\"\n                    class=\"pk-chatbot-step-payload__row\"\n                    :aria-expanded=\"\n                        row.full ? expandedRows.has(row.key) : undefined\n                    \"\n                    @click=\"row.full ? toggleRow(row.key) : undefined\">\n                    <span class=\"pk-chatbot-step-payload__key\">\n                        {{ row.key }}\n                    </span>\n                    <span class=\"pk-chatbot-step-payload__value\">\n                        {{ row.preview }}\n                    </span>\n                    <VvIcon\n                        v-if=\"row.full\"\n                        :name=\"\n                            expandedRows.has(row.key)\n                                ? 'ri:arrow-up-s-line'\n                                : 'ri:arrow-down-s-line'\n                        \"\n                        class=\"shrink-0\" />\n                </component>\n                <pre\n                    v-if=\"row.full && expandedRows.has(row.key)\"\n                    class=\"pk-chatbot-step-payload__full\"\n                    >{{ row.full }}</pre>\n            </li>\n        </ul>\n        <pre v-else-if=\"isOpen\" class=\"pk-chatbot-step-payload__full\">{{\n            text\n        }}</pre>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-step-payload {\n        border: var(--spacing-px) solid var(--color-surface-4);\n        border-radius: var(--rounded);\n        background-color: var(--color-surface-1);\n        overflow: hidden;\n\n        &__header {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-8);\n            width: 100%;\n            min-height: var(--spacing-28);\n            padding: var(--spacing-4) var(--spacing-8);\n            text-align: left;\n            cursor: pointer;\n            transition: background-color 0.2s ease;\n\n            &:hover {\n                background-color: var(--color-surface-2);\n            }\n        }\n\n        &__label {\n            flex-shrink: 0;\n            font-weight: 600;\n            font-size: var(--text-10);\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            color: var(--color-word-3);\n        }\n\n        &__summary {\n            flex: 1 1 0;\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            font-family: var(--font-mono);\n            font-size: var(--text-10);\n            color: var(--color-word-4);\n        }\n\n        &__rows > li {\n            border-top: var(--spacing-px) solid var(--color-surface-3);\n        }\n\n        &__row {\n            display: flex;\n            align-items: baseline;\n            gap: var(--spacing-8);\n            width: 100%;\n            padding: var(--spacing-4) var(--spacing-8);\n            text-align: left;\n            font-size: var(--text-10);\n\n            &:is(button) {\n                cursor: pointer;\n                transition: background-color 0.2s ease;\n\n                &:hover {\n                    background-color: var(--color-surface-2);\n                }\n            }\n        }\n\n        &__key {\n            flex-shrink: 0;\n            max-width: 40%;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            font-family: var(--font-mono);\n            color: var(--color-word-4);\n        }\n\n        &__value {\n            flex: 1 1 0;\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            color: var(--color-word-2);\n        }\n\n        &__full {\n            padding: var(--spacing-8);\n            border-top: var(--spacing-px) solid var(--color-surface-3);\n            max-height: var(--spacing-160);\n            overflow: auto;\n            white-space: pre-wrap;\n            word-break: break-word;\n            font-family: var(--font-mono);\n            font-size: var(--text-10);\n            color: var(--color-word-3);\n        }\n    }\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"PkChatbotStepPayload-BtsnkJIV.js","names":[],"sources":["../../../../packages/components/src/chat/PkChatbotStepPayload.vue","../../../../packages/components/src/chat/PkChatbotStepPayload.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n    import { computed, reactive, ref } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { stringifyPayload } from './utils'\n\n    interface PayloadRow {\n        key: string\n        preview: string\n        full?: string\n    }\n\n    const props = defineProps<{\n        label: string\n        value: unknown\n    }>()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    // A preview stays on a single line: long enough to recognize the value,\n    // short enough to keep the payload readable without expanding anything.\n    const PREVIEW_LENGTH = 120\n\n    const stringify = (value: unknown, indent = 0): string | undefined => {\n        try {\n            return JSON.stringify(value, null, indent)\n        } catch {\n            return undefined\n        }\n    }\n\n    const toPreview = (value: unknown): string => {\n        if (value === undefined) {\n            return ''\n        }\n        const text =\n            typeof value === 'string' ? value : (stringify(value) ?? '')\n        const single = text.replace(/\\s+/g, ' ').trim()\n        return single.length > PREVIEW_LENGTH\n            ? `${single.slice(0, PREVIEW_LENGTH)}…`\n            : single\n    }\n\n    // Objects are listed by key, arrays by position: either way the payload\n    // becomes a list of short lines instead of one wall of JSON.\n    const entries = computed<[string, unknown][] | undefined>(() => {\n        const value = props.value\n        if (Array.isArray(value)) {\n            return value.length\n                ? value.map(\n                      (item, index) =>\n                          [`${index + 1}`, item] as [string, unknown],\n                  )\n                : undefined\n        }\n        if (value && typeof value === 'object') {\n            const own = Object.entries(value as Record<string, unknown>)\n            return own.length ? own : undefined\n        }\n        return undefined\n    })\n\n    const rows = computed<PayloadRow[] | undefined>(() =>\n        entries.value?.map(([key, value]) => {\n            const preview = toPreview(value)\n            const full = typeof value === 'string' ? value : stringify(value, 2)\n            return {\n                key,\n                preview: preview || '-',\n                // Only a value the preview had to cut (long, multiline or\n                // nested) is worth its own expandable block.\n                full: full && full.trim() !== preview ? full : undefined,\n            }\n        }),\n    )\n\n    // Scalars and strings have no rows: they fall back to the plain payload.\n    const text = computed(() =>\n        rows.value ? undefined : stringifyPayload(props.value),\n    )\n\n    const summary = computed(() => {\n        const list = rows.value\n        if (!list) {\n            return toPreview(props.value)\n        }\n        if (Array.isArray(props.value)) {\n            return $t('messagePart.stepItems', list.length)\n        }\n        if (list.length === 1) {\n            return `${list[0].key}: ${list[0].preview}`\n        }\n        return list.map((row) => row.key).join(' · ')\n    })\n\n    const isOpen = ref(false)\n    const expandedRows = reactive(new Set<string>())\n    const toggleRow = (key: string) => {\n        if (expandedRows.has(key)) {\n            expandedRows.delete(key)\n        } else {\n            expandedRows.add(key)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"rows || text\" class=\"pk-chatbot-step-payload\">\n        <button\n            type=\"button\"\n            class=\"pk-chatbot-step-payload__header\"\n            :aria-expanded=\"isOpen\"\n            @click=\"isOpen = !isOpen\">\n            <span class=\"pk-chatbot-step-payload__label\">{{ label }}</span>\n            <span class=\"pk-chatbot-step-payload__summary\">\n                {{ summary }}\n            </span>\n            <VvIcon\n                :name=\"isOpen ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"shrink-0\" />\n        </button>\n        <ul v-if=\"isOpen && rows\" class=\"pk-chatbot-step-payload__rows\">\n            <li v-for=\"row in rows\" :key=\"row.key\">\n                <component\n                    :is=\"row.full ? 'button' : 'div'\"\n                    :type=\"row.full ? 'button' : undefined\"\n                    class=\"pk-chatbot-step-payload__row\"\n                    :aria-expanded=\"\n                        row.full ? expandedRows.has(row.key) : undefined\n                    \"\n                    @click=\"row.full ? toggleRow(row.key) : undefined\">\n                    <span class=\"pk-chatbot-step-payload__key\">\n                        {{ row.key }}\n                    </span>\n                    <span class=\"pk-chatbot-step-payload__value\">\n                        {{ row.preview }}\n                    </span>\n                    <VvIcon\n                        v-if=\"row.full\"\n                        :name=\"\n                            expandedRows.has(row.key)\n                                ? 'ri:arrow-up-s-line'\n                                : 'ri:arrow-down-s-line'\n                        \"\n                        class=\"shrink-0\" />\n                </component>\n                <pre\n                    v-if=\"row.full && expandedRows.has(row.key)\"\n                    class=\"pk-chatbot-step-payload__full\"\n                    >{{ row.full }}</pre>\n            </li>\n        </ul>\n        <pre v-else-if=\"isOpen\" class=\"pk-chatbot-step-payload__full\">{{\n            text\n        }}</pre>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-step-payload {\n        border: var(--spacing-px) solid var(--color-surface-4);\n        border-radius: var(--rounded);\n        background-color: var(--color-surface-1);\n        overflow: hidden;\n\n        &__header {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-8);\n            width: 100%;\n            min-height: var(--spacing-28);\n            padding: var(--spacing-4) var(--spacing-8);\n            text-align: left;\n            cursor: pointer;\n            transition: background-color 0.2s ease;\n\n            &:hover {\n                background-color: var(--color-surface-2);\n            }\n        }\n\n        &__label {\n            flex-shrink: 0;\n            font-weight: 600;\n            font-size: var(--text-10);\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            color: var(--color-word-3);\n        }\n\n        &__summary {\n            flex: 1 1 0;\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            font-family: var(--font-mono);\n            font-size: var(--text-10);\n            color: var(--color-word-4);\n        }\n\n        &__rows > li {\n            border-top: var(--spacing-px) solid var(--color-surface-3);\n        }\n\n        &__row {\n            display: flex;\n            align-items: baseline;\n            gap: var(--spacing-8);\n            width: 100%;\n            padding: var(--spacing-4) var(--spacing-8);\n            text-align: left;\n            font-size: var(--text-10);\n\n            &:is(button) {\n                cursor: pointer;\n                transition: background-color 0.2s ease;\n\n                &:hover {\n                    background-color: var(--color-surface-2);\n                }\n            }\n        }\n\n        &__key {\n            flex-shrink: 0;\n            max-width: 40%;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            font-family: var(--font-mono);\n            color: var(--color-word-4);\n        }\n\n        &__value {\n            flex: 1 1 0;\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            color: var(--color-word-2);\n        }\n\n        &__full {\n            padding: var(--spacing-8);\n            border-top: var(--spacing-px) solid var(--color-surface-3);\n            max-height: var(--spacing-160);\n            overflow: auto;\n            white-space: pre-wrap;\n            word-break: break-word;\n            font-family: var(--font-mono);\n            font-size: var(--text-10);\n            color: var(--color-word-3);\n        }\n    }\n</style>\n","<script lang=\"ts\" setup>\n    import { computed, reactive, ref } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import { stringifyPayload } from './utils'\n\n    interface PayloadRow {\n        key: string\n        preview: string\n        full?: string\n    }\n\n    const props = defineProps<{\n        label: string\n        value: unknown\n    }>()\n\n    const { t: $t } = useI18n({\n        useScope: 'global',\n    })\n\n    // A preview stays on a single line: long enough to recognize the value,\n    // short enough to keep the payload readable without expanding anything.\n    const PREVIEW_LENGTH = 120\n\n    const stringify = (value: unknown, indent = 0): string | undefined => {\n        try {\n            return JSON.stringify(value, null, indent)\n        } catch {\n            return undefined\n        }\n    }\n\n    const toPreview = (value: unknown): string => {\n        if (value === undefined) {\n            return ''\n        }\n        const text =\n            typeof value === 'string' ? value : (stringify(value) ?? '')\n        const single = text.replace(/\\s+/g, ' ').trim()\n        return single.length > PREVIEW_LENGTH\n            ? `${single.slice(0, PREVIEW_LENGTH)}…`\n            : single\n    }\n\n    // Objects are listed by key, arrays by position: either way the payload\n    // becomes a list of short lines instead of one wall of JSON.\n    const entries = computed<[string, unknown][] | undefined>(() => {\n        const value = props.value\n        if (Array.isArray(value)) {\n            return value.length\n                ? value.map(\n                      (item, index) =>\n                          [`${index + 1}`, item] as [string, unknown],\n                  )\n                : undefined\n        }\n        if (value && typeof value === 'object') {\n            const own = Object.entries(value as Record<string, unknown>)\n            return own.length ? own : undefined\n        }\n        return undefined\n    })\n\n    const rows = computed<PayloadRow[] | undefined>(() =>\n        entries.value?.map(([key, value]) => {\n            const preview = toPreview(value)\n            const full = typeof value === 'string' ? value : stringify(value, 2)\n            return {\n                key,\n                preview: preview || '-',\n                // Only a value the preview had to cut (long, multiline or\n                // nested) is worth its own expandable block.\n                full: full && full.trim() !== preview ? full : undefined,\n            }\n        }),\n    )\n\n    // Scalars and strings have no rows: they fall back to the plain payload.\n    const text = computed(() =>\n        rows.value ? undefined : stringifyPayload(props.value),\n    )\n\n    const summary = computed(() => {\n        const list = rows.value\n        if (!list) {\n            return toPreview(props.value)\n        }\n        if (Array.isArray(props.value)) {\n            return $t('messagePart.stepItems', list.length)\n        }\n        if (list.length === 1) {\n            return `${list[0].key}: ${list[0].preview}`\n        }\n        return list.map((row) => row.key).join(' · ')\n    })\n\n    const isOpen = ref(false)\n    const expandedRows = reactive(new Set<string>())\n    const toggleRow = (key: string) => {\n        if (expandedRows.has(key)) {\n            expandedRows.delete(key)\n        } else {\n            expandedRows.add(key)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"rows || text\" class=\"pk-chatbot-step-payload\">\n        <button\n            type=\"button\"\n            class=\"pk-chatbot-step-payload__header\"\n            :aria-expanded=\"isOpen\"\n            @click=\"isOpen = !isOpen\">\n            <span class=\"pk-chatbot-step-payload__label\">{{ label }}</span>\n            <span class=\"pk-chatbot-step-payload__summary\">\n                {{ summary }}\n            </span>\n            <VvIcon\n                :name=\"isOpen ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\"\n                class=\"shrink-0\" />\n        </button>\n        <ul v-if=\"isOpen && rows\" class=\"pk-chatbot-step-payload__rows\">\n            <li v-for=\"row in rows\" :key=\"row.key\">\n                <component\n                    :is=\"row.full ? 'button' : 'div'\"\n                    :type=\"row.full ? 'button' : undefined\"\n                    class=\"pk-chatbot-step-payload__row\"\n                    :aria-expanded=\"\n                        row.full ? expandedRows.has(row.key) : undefined\n                    \"\n                    @click=\"row.full ? toggleRow(row.key) : undefined\">\n                    <span class=\"pk-chatbot-step-payload__key\">\n                        {{ row.key }}\n                    </span>\n                    <span class=\"pk-chatbot-step-payload__value\">\n                        {{ row.preview }}\n                    </span>\n                    <VvIcon\n                        v-if=\"row.full\"\n                        :name=\"\n                            expandedRows.has(row.key)\n                                ? 'ri:arrow-up-s-line'\n                                : 'ri:arrow-down-s-line'\n                        \"\n                        class=\"shrink-0\" />\n                </component>\n                <pre\n                    v-if=\"row.full && expandedRows.has(row.key)\"\n                    class=\"pk-chatbot-step-payload__full\"\n                    >{{ row.full }}</pre>\n            </li>\n        </ul>\n        <pre v-else-if=\"isOpen\" class=\"pk-chatbot-step-payload__full\">{{\n            text\n        }}</pre>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-chatbot-step-payload {\n        border: var(--spacing-px) solid var(--color-surface-4);\n        border-radius: var(--rounded);\n        background-color: var(--color-surface-1);\n        overflow: hidden;\n\n        &__header {\n            display: flex;\n            align-items: center;\n            gap: var(--spacing-8);\n            width: 100%;\n            min-height: var(--spacing-28);\n            padding: var(--spacing-4) var(--spacing-8);\n            text-align: left;\n            cursor: pointer;\n            transition: background-color 0.2s ease;\n\n            &:hover {\n                background-color: var(--color-surface-2);\n            }\n        }\n\n        &__label {\n            flex-shrink: 0;\n            font-weight: 600;\n            font-size: var(--text-10);\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            color: var(--color-word-3);\n        }\n\n        &__summary {\n            flex: 1 1 0;\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            font-family: var(--font-mono);\n            font-size: var(--text-10);\n            color: var(--color-word-4);\n        }\n\n        &__rows > li {\n            border-top: var(--spacing-px) solid var(--color-surface-3);\n        }\n\n        &__row {\n            display: flex;\n            align-items: baseline;\n            gap: var(--spacing-8);\n            width: 100%;\n            padding: var(--spacing-4) var(--spacing-8);\n            text-align: left;\n            font-size: var(--text-10);\n\n            &:is(button) {\n                cursor: pointer;\n                transition: background-color 0.2s ease;\n\n                &:hover {\n                    background-color: var(--color-surface-2);\n                }\n            }\n        }\n\n        &__key {\n            flex-shrink: 0;\n            max-width: 40%;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            font-family: var(--font-mono);\n            color: var(--color-word-4);\n        }\n\n        &__value {\n            flex: 1 1 0;\n            min-width: 0;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            color: var(--color-word-2);\n        }\n\n        &__full {\n            padding: var(--spacing-8);\n            border-top: var(--spacing-px) solid var(--color-surface-3);\n            max-height: var(--spacing-160);\n            overflow: auto;\n            white-space: pre-wrap;\n            word-break: break-word;\n            font-family: var(--font-mono);\n            font-size: var(--text-10);\n            color: var(--color-word-3);\n        }\n    }\n</style>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkChatbotStepToolDetail-B0WU0HcD.js → PkChatbotStepToolDetail-CCa95eBO.js}

@@ -1,5 +1,5 @@
-import { n as e, u as t } from "./utils-B0jsOUqd.js";
-import { t as n } from "./PkChatbotStepPayload-hCmy4XG9.js";
+import { f as e, n as t } from "./utils-DKNWwMTQ.js";
+import { t as n } from "./PkChatbotStepPayload-BtsnkJIV.js";
 import { VvIcon as r } from "@volverjs/ui-vue/components";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeStyle as f, openBlock as p, reactive as m, renderList as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y, withModifiers as b } from "vue";
 import { useI18n as x } from "vue-i18n";
@@ -7,172 +7,184 @@ import { useI18n as x } from "vue-i18n";
 var S = { class: "pk-chatbot-step-detail" }, C = {
 	key: 0,
 	class: "pk-chatbot-step-detail__chips"
-}, ee = { class: "pk-chatbot-step-detail__chip-text" }, te = {
+}, w = { class: "pk-chatbot-step-detail__chip-text" }, T = {
 	key: 1,
-	class: "pk-chatbot-step-detail__fact"
-}, ne = {
-	key: 2,
 	class: "pk-chatbot-step-detail__empty"
-}, w = {
-	key: 3,
+}, ee = {
+	key: 2,
 	class: "pk-chatbot-step-detail__hits"
-}, T = { class: "pk-chatbot-step-detail__hit-heading" }, E = { class: "pk-chatbot-step-detail__hit-title" }, D = ["href"], O = {
+}, te = { class: "pk-chatbot-step-detail__hit-heading" }, ne = { class: "pk-chatbot-step-detail__hit-title" }, E = ["href"], D = {
 	key: 0,
 	class: "pk-chatbot-step-detail__hit-meta"
-}, k = {
+}, O = {
 	key: 1,
 	class: "pk-chatbot-step-detail__relevance",
 	"aria-hidden": "true"
-}, A = {
+}, k = {
 	key: 0,
 	class: "pk-chatbot-step-detail__hit-body"
-}, re = {
-	key: 4,
+}, A = {
+	key: 3,
 	class: "pk-chatbot-step-detail__passage"
-}, j = { class: "pk-chatbot-step-detail__passage-header" }, M = { class: "pk-chatbot-step-detail__hit-heading" }, N = { class: "pk-chatbot-step-detail__hit-title" }, P = {
+}, j = { class: "pk-chatbot-step-detail__passage-header" }, re = { class: "pk-chatbot-step-detail__hit-heading" }, M = { class: "pk-chatbot-step-detail__hit-title" }, N = {
 	key: 0,
 	class: "pk-chatbot-step-detail__hit-meta"
-}, F = { class: "pk-chatbot-step-detail__passage-content" }, I = /* @__PURE__ */ d({
+}, P = { class: "pk-chatbot-step-detail__passage-content" }, F = /* @__PURE__ */ d({
 	__name: "PkChatbotStepToolDetail",
 	props: { part: {} },
 	setup(d) {
-		let I = d, { t: L } = x({ useScope: "global" }), R = (e) => e && typeof e == "object" && !Array.isArray(e) ? e : void 0, z = (e, ...t) => {
+		let F = d, { t: I } = x({ useScope: "global" }), L = (e) => e && typeof e == "object" && !Array.isArray(e) ? e : void 0, R = (e, ...t) => {
 			for (let n of t) {
 				let t = e?.[n];
 				if (typeof t == "string" && t.trim()) return t;
 			}
-		}, B = (e) => {
+		}, z = (e) => {
 			let t = e?.latitude, n = e?.longitude;
 			if (typeof t == "number" && typeof n == "number") return `${t.toFixed(4)}, ${n.toFixed(4)}`;
-		}, V = a(() => "input" in I.part ? I.part.input : void 0), H = a(() => "output" in I.part ? I.part.output : void 0), U = a(() => R(V.value)), W = a(() => R(H.value)), G = a(() => {
-			let e = U.value?.queries ?? U.value?.query ?? U.value?.objective;
+		}, B = a(() => "input" in F.part ? F.part.input : void 0), V = a(() => "output" in F.part ? F.part.output : void 0), H = a(() => L(B.value)), U = a(() => L(V.value)), W = a(() => {
+			let e = H.value?.queries ?? H.value?.query ?? H.value?.objective;
 			return typeof e == "string" && e.trim() ? [e] : Array.isArray(e) ? e.filter((e) => typeof e == "string" && !!e.trim()) : [];
-		}), K = (e) => {
+		}), G = (e) => {
 			let t = Math.min(...e), n = Math.max(...e);
 			return e.length < 2 || n <= t ? e.map(() => void 0) : e.map((e) => .15 + (e - t) / (n - t) * .85);
-		}, q = (e) => {
+		}, K = (e) => {
 			if (!Array.isArray(e)) return;
-			let t = e.map((e) => R(e)).filter((e) => !!e), n = K(t.map((e) => typeof e.similarity == "number" ? e.similarity : 0));
+			let t = e.map((e) => L(e)).filter((e) => !!e), n = G(t.map((e) => typeof e.similarity == "number" ? e.similarity : 0));
 			return t.map((e, t) => ({
 				record: e,
 				relevance: n[t]
 			}));
-		}, J = a(() => {
-			let e = W.value?.results;
+		}, q = a(() => {
+			let e = U.value?.results;
 			if (!Array.isArray(e)) return;
 			let t = /* @__PURE__ */ new Map();
 			for (let [n, r] of e.entries()) {
-				let e = R(r);
+				let e = L(r);
 				if (!e) continue;
-				let i = R(e.document), a = R(i?.source), o = typeof i?.id == "string" ? i.id : `doc-${n}`, s = typeof e.similarity == "number" ? e.similarity : 0, c = t.get(o);
+				let i = L(e.document), a = L(i?.source), o = typeof i?.id == "string" ? i.id : `doc-${n}`, s = typeof e.similarity == "number" ? e.similarity : 0, c = t.get(o);
 				c || (c = {
 					id: o,
 					type: typeof i?.type == "string" ? i.type : "",
-					title: z(i, "name") ?? z(a, "filename", "url") ?? L("messagePart.stepDocument"),
-					url: z(a, "url"),
+					title: R(i, "name") ?? R(a, "filename", "url") ?? I("messagePart.stepDocument"),
+					url: R(a, "url"),
 					similarity: s,
 					chunks: []
 				}, t.set(o, c)), c.similarity = Math.max(c.similarity, s), typeof e.content == "string" && e.content.trim() && c.chunks.push(e.content);
 			}
-			let n = [...t.values()], r = K(n.map((e) => e.similarity));
+			let n = [...t.values()], r = G(n.map((e) => e.similarity));
 			return n.map((e, t) => ({
 				key: e.id,
 				icon: e.type === "url" ? "ri:global-line" : "ri:file-text-line",
 				title: e.title,
 				url: e.url,
-				meta: L("messagePart.stepExcerpts", e.chunks.length || 1),
+				meta: I("messagePart.stepExcerpts", e.chunks.length || 1),
 				relevance: r[t],
 				body: e.chunks.join("\n\n· · ·\n\n") || void 0
 			}));
-		}), Y = a(() => {
-			let e = R(W.value?.repeated)?.count;
+		}), J = a(() => {
+			let e = L(U.value?.repeated)?.count;
 			return typeof e == "number" ? e : 0;
-		}), ie = a(() => q(W.value?.results)?.map(({ record: e, relevance: t }, n) => ({
-			key: z(e, "revisedAnswerId") ?? `revised-${n}`,
+		}), Y = a(() => {
+			let e = [], t = L(U.value?.inputTruncated)?.dropped;
+			Array.isArray(t) && t.length && e.push({
+				icon: "ri:scissors-cut-line",
+				text: I("messagePart.stepDropped", t.length)
+			});
+			let n = L(U.value?.searchUnavailable);
+			if (n) {
+				let t = n.queries;
+				e.push({
+					icon: "ri:time-line",
+					text: I("messagePart.stepTimedOut", Array.isArray(t) ? t.length : 1)
+				});
+			}
+			return e;
+		}), ie = a(() => K(U.value?.results)?.map(({ record: e, relevance: t }, n) => ({
+			key: R(e, "revisedAnswerId") ?? `revised-${n}`,
 			icon: "ri:file-edit-line",
-			title: z(e, "userQuestion") ?? L("messagePart.revisedAnswers"),
+			title: R(e, "userQuestion") ?? I("messagePart.revisedAnswers"),
 			relevance: t,
-			body: z(e, "revisedMessage")
-		}))), X = (e) => q(e)?.map(({ record: e, relevance: t }, n) => {
-			let r = z(e, "content") ?? "";
+			body: R(e, "revisedMessage")
+		}))), X = (e) => K(e)?.map(({ record: e, relevance: t }, n) => {
+			let r = R(e, "content") ?? "";
 			return {
-				key: z(e, "id") ?? `memory-${n}`,
+				key: R(e, "id") ?? `memory-${n}`,
 				icon: "ri:brain-line",
 				title: r,
-				meta: z(e, "updatedAt")?.slice(0, 10),
+				meta: R(e, "updatedAt")?.slice(0, 10),
 				relevance: t,
 				body: r.length > 120 ? r : void 0
 			};
 		}), Z = (e) => ({
-			chips: G.value,
+			chips: W.value,
 			hits: e,
 			showEmpty: e !== void 0 && !e.length
 		}), ae = () => {
-			let t = I.part.type;
-			if (t === "tool-searchInKnowledgeBase") {
-				let e = Z(J.value);
-				return Y.value && (e.fact = {
+			let e = F.part.type;
+			if (e === "tool-searchInKnowledgeBase") {
+				let e = Z(q.value);
+				return J.value && (e.facts = [{
 					icon: "ri:history-line",
-					text: L("messagePart.stepRepeated", Y.value)
-				}, e.showEmpty = !1), e;
+					text: I("messagePart.stepRepeated", J.value)
+				}], e.showEmpty = !1), e;
 			}
-			if (t === "tool-retrieveRevisedAnswers") return Z(ie.value);
-			if (t === "tool-expandChunkContext") {
-				let e = z(W.value, "content");
+			if (e === "tool-retrieveRevisedAnswers") return Z(ie.value);
+			if (e === "tool-expandChunkContext") {
+				let e = R(U.value, "content");
 				if (!e) return {};
-				let t = W.value?.totalChunksReturned;
+				let t = U.value?.totalChunksReturned;
 				return { passage: {
-					title: z(W.value, "documentName"),
-					meta: typeof t == "number" ? L("messagePart.stepExcerpts", t) : void 0,
+					title: R(U.value, "documentName"),
+					meta: typeof t == "number" ? I("messagePart.stepExcerpts", t) : void 0,
 					content: e
 				} };
 			}
-			if (t === "tool-readDocumentFile") {
-				let e = z(W.value, "name");
+			if (e === "tool-readDocumentFile") {
+				let e = R(U.value, "name");
 				if (!e) return {};
-				let t = z(W.value, "mimeType");
-				return { fact: {
+				let t = R(U.value, "mimeType");
+				return { facts: [{
 					icon: "ri:file-text-line",
 					text: t ? `${e} (${t})` : e
-				} };
+				}] };
 			}
-			if (t === "tool-getWeather") {
-				let e = z(W.value, "location") ?? z(U.value, "locationName") ?? B(U.value);
+			if (e === "tool-getWeather") {
+				let e = R(U.value, "location") ?? R(H.value, "locationName") ?? z(H.value);
 				if (!e) return {};
-				let t = z(U.value, "startDate"), n = z(U.value, "endDate");
-				return { fact: {
+				let t = R(H.value, "startDate"), n = R(H.value, "endDate");
+				return { facts: [{
 					icon: "ri:sun-cloudy-line",
 					text: `${e}${t ? n && n !== t ? ` · ${t} → ${n}` : ` · ${t}` : ""}`
-				} };
+				}] };
 			}
-			if (t === "tool-geocode") {
-				let e = z(U.value, "locationName") ?? B(U.value), t = z(W.value, "name", "displayName", "locationName", "label") ?? B(W.value), n = e && t && e !== t ? `${e} → ${t}` : e ?? t;
-				return n ? { fact: {
+			if (e === "tool-geocode") {
+				let e = R(H.value, "locationName") ?? z(H.value), t = R(U.value, "name", "displayName", "locationName", "label") ?? z(U.value), n = e && t && e !== t ? `${e} → ${t}` : e ?? t;
+				return n ? { facts: [{
 					icon: "ri:map-pin-line",
 					text: n
-				} } : {};
+				}] } : {};
 			}
-			if (t === "tool-recallUserMemory") return Z(X(W.value?.memories));
-			if (t === "tool-saveUserMemory") {
-				let e = X(W.value?.candidates);
+			if (e === "tool-recallUserMemory") return Z(X(U.value?.memories));
+			if (e === "tool-saveUserMemory") {
+				let e = X(U.value?.candidates);
 				if (e) return Z(e);
-				let t = z(U.value, "content") ?? z(W.value, "message", "error");
-				return t ? { fact: {
-					icon: z(U.value, "action") === "delete" ? "ri:delete-bin-line" : "ri:save-3-line",
+				let t = R(H.value, "content") ?? R(U.value, "message", "error");
+				return t ? { facts: [{
+					icon: R(H.value, "action") === "delete" ? "ri:delete-bin-line" : "ri:save-3-line",
 					text: t
-				} } : {};
+				}] } : {};
 			}
-			return e.includes(t) ? {
-				chips: G.value,
-				rawOutput: H.value
+			return t.includes(e) ? {
+				chips: W.value,
+				rawOutput: V.value
 			} : {};
 		}, Q = a(() => {
 			let e = ae();
-			return e.chips?.length || e.fact || e.passage || e.showEmpty || e.hits?.length || (e.rawInput = V.value, e.rawOutput ??= H.value), e;
+			return Y.value.length && (e.facts = [...Y.value, ...e.facts ?? []]), U.value?.searchUnavailable && (e.showEmpty = !1), e.chips?.length || e.facts?.length || e.passage || e.showEmpty || e.hits?.length || (e.rawInput = B.value, e.rawOutput ??= V.value), e;
 		}), $ = m(/* @__PURE__ */ new Set()), oe = (e) => {
 			$.has(e) ? $.delete(e) : $.add(e);
 		};
-		return (e, a) => {
+		return (t, a) => {
 			let d = r;
 			return p(), c("div", S, [
 				Q.value.chips?.length ? (p(), c("ul", C, [(p(!0), c(i, null, h(Q.value.chips, (e, t) => (p(), c("li", {
@@ -181,12 +193,15 @@ var S = { class: "pk-chatbot-step-detail" }, C = {
 				}, [u(d, {
 					name: "ri:search-line",
 					class: "shrink-0"
-				}), l("span", ee, _(e), 1)]))), 128))])) : s("", !0),
-				Q.value.fact ? (p(), c("div", te, [u(d, {
-					name: Q.value.fact.icon,
+				}), l("span", w, _(e), 1)]))), 128))])) : s("", !0),
+				(p(!0), c(i, null, h(Q.value.facts, (e, t) => (p(), c("div", {
+					key: `${t}-${e.text}`,
+					class: "pk-chatbot-step-detail__fact"
+				}, [u(d, {
+					name: e.icon,
 					class: "shrink-0"
-				}, null, 8, ["name"]), l("span", null, _(Q.value.fact.text), 1)])) : s("", !0),
-				Q.value.showEmpty ? (p(), c("div", ne, _(v(L)("messagePart.stepNoResults")), 1)) : Q.value.hits?.length ? (p(), c("ul", w, [(p(!0), c(i, null, h(Q.value.hits, (e) => (p(), c("li", { key: e.key }, [(p(), o(g(e.body ? "button" : "div"), {
+				}, null, 8, ["name"]), l("span", null, _(e.text), 1)]))), 128)),
+				Q.value.showEmpty ? (p(), c("div", T, _(v(I)("messagePart.stepNoResults")), 1)) : Q.value.hits?.length ? (p(), c("ul", ee, [(p(!0), c(i, null, h(Q.value.hits, (e) => (p(), c("li", { key: e.key }, [(p(), o(g(e.body ? "button" : "div"), {
 					type: e.body ? "button" : void 0,
 					class: "pk-chatbot-step-detail__hit-header",
 					"aria-expanded": e.body ? $.has(e.key) : void 0,
@@ -197,16 +212,16 @@ var S = { class: "pk-chatbot-step-detail" }, C = {
 							name: e.icon,
 							class: "pk-chatbot-step-detail__hit-icon"
 						}, null, 8, ["name"]),
-						l("span", T, [l("span", E, _(e.title), 1), e.url ? (p(), c("a", {
+						l("span", te, [l("span", ne, _(e.title), 1), e.url ? (p(), c("a", {
 							key: 0,
 							href: e.url,
 							target: "_blank",
 							rel: "noopener noreferrer",
 							class: "pk-chatbot-step-detail__link",
 							onClick: a[0] ||= b(() => {}, ["stop"])
-						}, [u(d, { name: "ri:external-link-line" })], 8, D)) : s("", !0)]),
-						e.meta ? (p(), c("span", O, _(e.meta), 1)) : s("", !0),
-						e.relevance === void 0 ? s("", !0) : (p(), c("span", k, [l("span", {
+						}, [u(d, { name: "ri:external-link-line" })], 8, E)) : s("", !0)]),
+						e.meta ? (p(), c("span", D, _(e.meta), 1)) : s("", !0),
+						e.relevance === void 0 ? s("", !0) : (p(), c("span", O, [l("span", {
 							class: "pk-chatbot-step-detail__relevance-fill",
 							style: f({ width: `${Math.round(e.relevance * 100)}%` })
 						}, null, 4)])),
@@ -221,23 +236,23 @@ var S = { class: "pk-chatbot-step-detail" }, C = {
 					"type",
 					"aria-expanded",
 					"onClick"
-				])), e.body && $.has(e.key) ? (p(), c("div", A, _(e.body), 1)) : s("", !0)]))), 128))])) : s("", !0),
-				Q.value.passage ? (p(), c("div", re, [l("div", j, [
+				])), e.body && $.has(e.key) ? (p(), c("div", k, _(e.body), 1)) : s("", !0)]))), 128))])) : s("", !0),
+				Q.value.passage ? (p(), c("div", A, [l("div", j, [
 					u(d, {
 						name: "ri:file-text-line",
 						class: "shrink-0"
 					}),
-					l("span", M, [l("span", N, _(Q.value.passage.title ?? v(L)("messagePart.stepDocument")), 1)]),
-					Q.value.passage.meta ? (p(), c("span", P, _(Q.value.passage.meta), 1)) : s("", !0)
-				]), l("div", F, _(Q.value.passage.content), 1)])) : s("", !0),
-				v(t)(Q.value.rawInput) ? (p(), o(n, {
-					key: 5,
-					label: v(L)("messagePart.stepInput"),
+					l("span", re, [l("span", M, _(Q.value.passage.title ?? v(I)("messagePart.stepDocument")), 1)]),
+					Q.value.passage.meta ? (p(), c("span", N, _(Q.value.passage.meta), 1)) : s("", !0)
+				]), l("div", P, _(Q.value.passage.content), 1)])) : s("", !0),
+				v(e)(Q.value.rawInput) ? (p(), o(n, {
+					key: 4,
+					label: v(I)("messagePart.stepInput"),
 					value: Q.value.rawInput
 				}, null, 8, ["label", "value"])) : s("", !0),
-				v(t)(Q.value.rawOutput) ? (p(), o(n, {
-					key: 6,
-					label: v(L)("messagePart.stepOutput"),
+				v(e)(Q.value.rawOutput) ? (p(), o(n, {
+					key: 5,
+					label: v(I)("messagePart.stepOutput"),
 					value: Q.value.rawOutput
 				}, null, 8, ["label", "value"])) : s("", !0)
 			]);
@@ -245,6 +260,6 @@ var S = { class: "pk-chatbot-step-detail" }, C = {
 	}
 });
 //#endregion
-export { I as t };
+export { F as t };
 
-//# sourceMappingURL=PkChatbotStepToolDetail-B0WU0HcD.js.map
+//# sourceMappingURL=PkChatbotStepToolDetail-CCa95eBO.js.map