@8wave/ai-elements 0.112.0-beta.9 → 0.114.0-beta.14

package/dist/_chunks/{PkToolShowSuggestedReply-CFO8wV1b.js.map → PkToolShowSuggestedReply-CTWVG1Zk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowSuggestedReply-CFO8wV1b.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowSuggestedReply.vue","../../../../packages/components/src/chat/PkToolShowSuggestedReply.vue","../../../../packages/components/src/chat/PkToolShowSuggestedReply.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isVoiceRenderAck } from 'models'\n\n    type Suggestion = { label: string; prompt?: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [value: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                /** New schema: array of suggestions */\n                suggestions?: Suggestion[]\n                /** Legacy schema: single suggestion */\n                label?: string\n                prompt?: string\n            }\n            output?: string\n        }\n    })\n\n    /** Normalize to always work with an array of suggestions */\n    const suggestions = computed<Suggestion[]>(() => {\n        const input = toolPart.value?.input\n        if (!input) {\n            return []\n        }\n        if (input.suggestions?.length) {\n            return input.suggestions\n        }\n        // Legacy single-suggestion format (client-side fallback)\n        if (input.label) {\n            return [{ label: input.label, prompt: input.prompt ?? input.label }]\n        }\n        return []\n    })\n\n    const clickedIndex = ref<number | null>(null)\n\n    const isInteractive = computed(() => {\n        // A chip drawn during a CALL arrives already resolved: the turn could\n        // not wait for a tap, so the backend closed the tool with the note\n        // that it was drawn (see `isVoiceRenderAck`, same rule as the forms).\n        // The note is not a tap, and without this the chips of every spoken\n        // turn rendered dead.\n        return (\n            (toolPart.value?.state === 'input-available' ||\n                isVoiceRenderAck(toolPart.value?.output)) &&\n            clickedIndex.value === null\n        )\n    })\n\n    function handleClick(index: number) {\n        if (!isInteractive.value) {\n            return\n        }\n        clickedIndex.value = index\n        const suggestion = suggestions.value[index]\n        const value = suggestion?.prompt ?? suggestion?.label\n        if (value) {\n            emit('select', value)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"suggestions.length\" class=\"pk-tool-suggested-reply\">\n        <button\n            v-for=\"(suggestion, index) in suggestions\"\n            :key=\"index\"\n            type=\"button\"\n            class=\"pk-tool-suggested-reply__link\"\n            :class=\"{\n                'is-clicked': clickedIndex === index,\n                'is-disabled': !isInteractive,\n            }\"\n            :disabled=\"!isInteractive\"\n            @click.stop=\"handleClick(index)\">\n            <VvIcon\n                name=\"ri:corner-down-right-line\"\n                class=\"pk-tool-suggested-reply__icon\" />\n            <span>{{ suggestion.label }}</span>\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-suggested-reply {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: var(--spacing-4);\n\n        &__link {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            background: none;\n            border: none;\n            padding: 0;\n            font: inherit;\n            font-size: var(--text-12);\n            text-decoration: underline;\n            text-underline-offset: 2px;\n            cursor: pointer;\n            color: var(--color-word-3);\n            transition: var(--transition-colors);\n\n            &:hover:not(:disabled) {\n                color: var(--color-word);\n            }\n\n            &.is-disabled {\n                cursor: default;\n                pointer-events: none;\n                color: var(--color-word-5);\n            }\n\n            &.is-clicked {\n                color: var(--color-word-5);\n                text-decoration: none;\n            }\n        }\n\n        &__icon {\n            width: 1em;\n            height: 1em;\n            flex-shrink: 0;\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isVoiceRenderAck } from 'models'\n\n    type Suggestion = { label: string; prompt?: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [value: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                /** New schema: array of suggestions */\n                suggestions?: Suggestion[]\n                /** Legacy schema: single suggestion */\n                label?: string\n                prompt?: string\n            }\n            output?: string\n        }\n    })\n\n    /** Normalize to always work with an array of suggestions */\n    const suggestions = computed<Suggestion[]>(() => {\n        const input = toolPart.value?.input\n        if (!input) {\n            return []\n        }\n        if (input.suggestions?.length) {\n            return input.suggestions\n        }\n        // Legacy single-suggestion format (client-side fallback)\n        if (input.label) {\n            return [{ label: input.label, prompt: input.prompt ?? input.label }]\n        }\n        return []\n    })\n\n    const clickedIndex = ref<number | null>(null)\n\n    const isInteractive = computed(() => {\n        // A chip drawn during a CALL arrives already resolved: the turn could\n        // not wait for a tap, so the backend closed the tool with the note\n        // that it was drawn (see `isVoiceRenderAck`, same rule as the forms).\n        // The note is not a tap, and without this the chips of every spoken\n        // turn rendered dead.\n        return (\n            (toolPart.value?.state === 'input-available' ||\n                isVoiceRenderAck(toolPart.value?.output)) &&\n            clickedIndex.value === null\n        )\n    })\n\n    function handleClick(index: number) {\n        if (!isInteractive.value) {\n            return\n        }\n        clickedIndex.value = index\n        const suggestion = suggestions.value[index]\n        const value = suggestion?.prompt ?? suggestion?.label\n        if (value) {\n            emit('select', value)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"suggestions.length\" class=\"pk-tool-suggested-reply\">\n        <button\n            v-for=\"(suggestion, index) in suggestions\"\n            :key=\"index\"\n            type=\"button\"\n            class=\"pk-tool-suggested-reply__link\"\n            :class=\"{\n                'is-clicked': clickedIndex === index,\n                'is-disabled': !isInteractive,\n            }\"\n            :disabled=\"!isInteractive\"\n            @click.stop=\"handleClick(index)\">\n            <VvIcon\n                name=\"ri:corner-down-right-line\"\n                class=\"pk-tool-suggested-reply__icon\" />\n            <span>{{ suggestion.label }}</span>\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-suggested-reply {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: var(--spacing-4);\n\n        &__link {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            background: none;\n            border: none;\n            padding: 0;\n            font: inherit;\n            font-size: var(--text-12);\n            text-decoration: underline;\n            text-underline-offset: 2px;\n            cursor: pointer;\n            color: var(--color-word-3);\n            transition: var(--transition-colors);\n\n            &:hover:not(:disabled) {\n                color: var(--color-word);\n            }\n\n            &.is-disabled {\n                cursor: default;\n                pointer-events: none;\n                color: var(--color-word-5);\n            }\n\n            &.is-clicked {\n                color: var(--color-word-5);\n                text-decoration: none;\n            }\n        }\n\n        &__icon {\n            width: 1em;\n            height: 1em;\n            flex-shrink: 0;\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isVoiceRenderAck } from 'models'\n\n    type Suggestion = { label: string; prompt?: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [value: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                /** New schema: array of suggestions */\n                suggestions?: Suggestion[]\n                /** Legacy schema: single suggestion */\n                label?: string\n                prompt?: string\n            }\n            output?: string\n        }\n    })\n\n    /** Normalize to always work with an array of suggestions */\n    const suggestions = computed<Suggestion[]>(() => {\n        const input = toolPart.value?.input\n        if (!input) {\n            return []\n        }\n        if (input.suggestions?.length) {\n            return input.suggestions\n        }\n        // Legacy single-suggestion format (client-side fallback)\n        if (input.label) {\n            return [{ label: input.label, prompt: input.prompt ?? input.label }]\n        }\n        return []\n    })\n\n    const clickedIndex = ref<number | null>(null)\n\n    const isInteractive = computed(() => {\n        // A chip drawn during a CALL arrives already resolved: the turn could\n        // not wait for a tap, so the backend closed the tool with the note\n        // that it was drawn (see `isVoiceRenderAck`, same rule as the forms).\n        // The note is not a tap, and without this the chips of every spoken\n        // turn rendered dead.\n        return (\n            (toolPart.value?.state === 'input-available' ||\n                isVoiceRenderAck(toolPart.value?.output)) &&\n            clickedIndex.value === null\n        )\n    })\n\n    function handleClick(index: number) {\n        if (!isInteractive.value) {\n            return\n        }\n        clickedIndex.value = index\n        const suggestion = suggestions.value[index]\n        const value = suggestion?.prompt ?? suggestion?.label\n        if (value) {\n            emit('select', value)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"suggestions.length\" class=\"pk-tool-suggested-reply\">\n        <button\n            v-for=\"(suggestion, index) in suggestions\"\n            :key=\"index\"\n            type=\"button\"\n            class=\"pk-tool-suggested-reply__link\"\n            :class=\"{\n                'is-clicked': clickedIndex === index,\n                'is-disabled': !isInteractive,\n            }\"\n            :disabled=\"!isInteractive\"\n            @click.stop=\"handleClick(index)\">\n            <VvIcon\n                name=\"ri:corner-down-right-line\"\n                class=\"pk-tool-suggested-reply__icon\" />\n            <span>{{ suggestion.label }}</span>\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-suggested-reply {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: var(--spacing-4);\n\n        &__link {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            background: none;\n            border: none;\n            padding: 0;\n            font: inherit;\n            font-size: var(--text-12);\n            text-decoration: underline;\n            text-underline-offset: 2px;\n            cursor: pointer;\n            color: var(--color-word-3);\n            transition: var(--transition-colors);\n\n            &:hover:not(:disabled) {\n                color: var(--color-word);\n            }\n\n            &.is-disabled {\n                cursor: default;\n                pointer-events: none;\n                color: var(--color-word-5);\n            }\n\n            &.is-clicked {\n                color: var(--color-word-5);\n                text-decoration: none;\n            }\n        }\n\n        &__icon {\n            width: 1em;\n            height: 1em;\n            flex-shrink: 0;\n        }\n    }\n</style>\n"],"mappings":";;;;;;;;;;;;;EAMI,IAAM,IAAQ,GAIR,IAAO,GAIP,IAAW,QACN,KAAK,MAAM,KAAK,UAAU,EAAM,IAAI,CAAC,CAY/C,GAGK,IAAc,QAA6B;GAC7C,IAAM,IAAQ,EAAS,OAAO;GAW9B,OAVK,IAGD,EAAM,aAAa,SACZ,EAAM,cAGb,EAAM,QACC,CAAC;IAAE,OAAO,EAAM;IAAO,QAAQ,EAAM,UAAU,EAAM;GAAM,CAAC,IAEhE,CAAC,IATG,CAAC;EAUhB,CAAC,GAEK,IAAe,EAAmB,IAAI,GAEtC,IAAgB,SAOb,EAAS,OAAO,UAAU,qBACvB,EAAiB,EAAS,OAAO,MAAM,MAC3C,EAAa,UAAU,IAE9B;EAED,SAAS,EAAY,GAAe;GAChC,IAAI,CAAC,EAAc,OACf;GAEJ,EAAa,QAAQ;GACrB,IAAM,IAAa,EAAY,MAAM,IAC/B,IAAQ,GAAY,UAAU,GAAY;GAChD,AAAI,KACA,EAAK,UAAU,CAAK;EAE5B;;;GAIW,OAAA,EAAA,MAAY,UAAvB,EAAA,GAAA,EAiBM,OAjBN,GAiBM,EAhBF,EAAA,EAAA,GAAA,EAeS,GAAA,MAAA,EAdyB,EAAA,QAAtB,GAAY,OADxB,EAAA,GAAA,EAeS,UAAA;IAbJ,KAAK;IACN,MAAK;IACL,OAAK,EAAA,CAAC,iCAA+B;KACG,cAAA,EAAA,UAAiB;KAAuC,eAAA,CAAA,EAAA;;IAI/F,UAAQ,CAAG,EAAA;IACX,SAAK,GAAA,MAAO,EAAY,CAAK,GAAA,CAAA,MAAA,CAAA;GAC9B,GAAA,CAAA,EAE4C,GAAA;IADxC,MAAK;IACL,OAAM;GACV,CAAA,GAAA,EAAmC,QAAA,MAAA,EAA1B,EAAW,KAAK,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA"}
+{"version":3,"file":"PkToolShowSuggestedReply-CTWVG1Zk.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowSuggestedReply.vue","../../../../packages/components/src/chat/PkToolShowSuggestedReply.vue","../../../../packages/components/src/chat/PkToolShowSuggestedReply.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isVoiceRenderAck } from 'models'\n\n    type Suggestion = { label: string; prompt?: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [value: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                /** New schema: array of suggestions */\n                suggestions?: Suggestion[]\n                /** Legacy schema: single suggestion */\n                label?: string\n                prompt?: string\n            }\n            output?: string\n        }\n    })\n\n    /** Normalize to always work with an array of suggestions */\n    const suggestions = computed<Suggestion[]>(() => {\n        const input = toolPart.value?.input\n        if (!input) {\n            return []\n        }\n        if (input.suggestions?.length) {\n            return input.suggestions\n        }\n        // Legacy single-suggestion format (client-side fallback)\n        if (input.label) {\n            return [{ label: input.label, prompt: input.prompt ?? input.label }]\n        }\n        return []\n    })\n\n    const clickedIndex = ref<number | null>(null)\n\n    const isInteractive = computed(() => {\n        // A chip drawn during a CALL arrives already resolved: the turn could\n        // not wait for a tap, so the backend closed the tool with the note\n        // that it was drawn (see `isVoiceRenderAck`, same rule as the forms).\n        // The note is not a tap, and without this the chips of every spoken\n        // turn rendered dead.\n        return (\n            (toolPart.value?.state === 'input-available' ||\n                isVoiceRenderAck(toolPart.value?.output)) &&\n            clickedIndex.value === null\n        )\n    })\n\n    function handleClick(index: number) {\n        if (!isInteractive.value) {\n            return\n        }\n        clickedIndex.value = index\n        const suggestion = suggestions.value[index]\n        const value = suggestion?.prompt ?? suggestion?.label\n        if (value) {\n            emit('select', value)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"suggestions.length\" class=\"pk-tool-suggested-reply\">\n        <button\n            v-for=\"(suggestion, index) in suggestions\"\n            :key=\"index\"\n            type=\"button\"\n            class=\"pk-tool-suggested-reply__link\"\n            :class=\"{\n                'is-clicked': clickedIndex === index,\n                'is-disabled': !isInteractive,\n            }\"\n            :disabled=\"!isInteractive\"\n            @click.stop=\"handleClick(index)\">\n            <VvIcon\n                name=\"ri:corner-down-right-line\"\n                class=\"pk-tool-suggested-reply__icon\" />\n            <span>{{ suggestion.label }}</span>\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-suggested-reply {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: var(--spacing-4);\n\n        &__link {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            background: none;\n            border: none;\n            padding: 0;\n            font: inherit;\n            font-size: var(--text-12);\n            text-decoration: underline;\n            text-underline-offset: 2px;\n            cursor: pointer;\n            color: var(--color-word-3);\n            transition: var(--transition-colors);\n\n            &:hover:not(:disabled) {\n                color: var(--color-word);\n            }\n\n            &.is-disabled {\n                cursor: default;\n                pointer-events: none;\n                color: var(--color-word-5);\n            }\n\n            &.is-clicked {\n                color: var(--color-word-5);\n                text-decoration: none;\n            }\n        }\n\n        &__icon {\n            width: 1em;\n            height: 1em;\n            flex-shrink: 0;\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isVoiceRenderAck } from 'models'\n\n    type Suggestion = { label: string; prompt?: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [value: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                /** New schema: array of suggestions */\n                suggestions?: Suggestion[]\n                /** Legacy schema: single suggestion */\n                label?: string\n                prompt?: string\n            }\n            output?: string\n        }\n    })\n\n    /** Normalize to always work with an array of suggestions */\n    const suggestions = computed<Suggestion[]>(() => {\n        const input = toolPart.value?.input\n        if (!input) {\n            return []\n        }\n        if (input.suggestions?.length) {\n            return input.suggestions\n        }\n        // Legacy single-suggestion format (client-side fallback)\n        if (input.label) {\n            return [{ label: input.label, prompt: input.prompt ?? input.label }]\n        }\n        return []\n    })\n\n    const clickedIndex = ref<number | null>(null)\n\n    const isInteractive = computed(() => {\n        // A chip drawn during a CALL arrives already resolved: the turn could\n        // not wait for a tap, so the backend closed the tool with the note\n        // that it was drawn (see `isVoiceRenderAck`, same rule as the forms).\n        // The note is not a tap, and without this the chips of every spoken\n        // turn rendered dead.\n        return (\n            (toolPart.value?.state === 'input-available' ||\n                isVoiceRenderAck(toolPart.value?.output)) &&\n            clickedIndex.value === null\n        )\n    })\n\n    function handleClick(index: number) {\n        if (!isInteractive.value) {\n            return\n        }\n        clickedIndex.value = index\n        const suggestion = suggestions.value[index]\n        const value = suggestion?.prompt ?? suggestion?.label\n        if (value) {\n            emit('select', value)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"suggestions.length\" class=\"pk-tool-suggested-reply\">\n        <button\n            v-for=\"(suggestion, index) in suggestions\"\n            :key=\"index\"\n            type=\"button\"\n            class=\"pk-tool-suggested-reply__link\"\n            :class=\"{\n                'is-clicked': clickedIndex === index,\n                'is-disabled': !isInteractive,\n            }\"\n            :disabled=\"!isInteractive\"\n            @click.stop=\"handleClick(index)\">\n            <VvIcon\n                name=\"ri:corner-down-right-line\"\n                class=\"pk-tool-suggested-reply__icon\" />\n            <span>{{ suggestion.label }}</span>\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-suggested-reply {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: var(--spacing-4);\n\n        &__link {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            background: none;\n            border: none;\n            padding: 0;\n            font: inherit;\n            font-size: var(--text-12);\n            text-decoration: underline;\n            text-underline-offset: 2px;\n            cursor: pointer;\n            color: var(--color-word-3);\n            transition: var(--transition-colors);\n\n            &:hover:not(:disabled) {\n                color: var(--color-word);\n            }\n\n            &.is-disabled {\n                cursor: default;\n                pointer-events: none;\n                color: var(--color-word-5);\n            }\n\n            &.is-clicked {\n                color: var(--color-word-5);\n                text-decoration: none;\n            }\n        }\n\n        &__icon {\n            width: 1em;\n            height: 1em;\n            flex-shrink: 0;\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isVoiceRenderAck } from 'models'\n\n    type Suggestion = { label: string; prompt?: string }\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const emit = defineEmits<{\n        select: [value: string]\n    }>()\n\n    const toolPart = computed(() => {\n        return JSON.parse(JSON.stringify(props.part)) as {\n            state?: string\n            toolCallId?: string\n            input?: {\n                /** New schema: array of suggestions */\n                suggestions?: Suggestion[]\n                /** Legacy schema: single suggestion */\n                label?: string\n                prompt?: string\n            }\n            output?: string\n        }\n    })\n\n    /** Normalize to always work with an array of suggestions */\n    const suggestions = computed<Suggestion[]>(() => {\n        const input = toolPart.value?.input\n        if (!input) {\n            return []\n        }\n        if (input.suggestions?.length) {\n            return input.suggestions\n        }\n        // Legacy single-suggestion format (client-side fallback)\n        if (input.label) {\n            return [{ label: input.label, prompt: input.prompt ?? input.label }]\n        }\n        return []\n    })\n\n    const clickedIndex = ref<number | null>(null)\n\n    const isInteractive = computed(() => {\n        // A chip drawn during a CALL arrives already resolved: the turn could\n        // not wait for a tap, so the backend closed the tool with the note\n        // that it was drawn (see `isVoiceRenderAck`, same rule as the forms).\n        // The note is not a tap, and without this the chips of every spoken\n        // turn rendered dead.\n        return (\n            (toolPart.value?.state === 'input-available' ||\n                isVoiceRenderAck(toolPart.value?.output)) &&\n            clickedIndex.value === null\n        )\n    })\n\n    function handleClick(index: number) {\n        if (!isInteractive.value) {\n            return\n        }\n        clickedIndex.value = index\n        const suggestion = suggestions.value[index]\n        const value = suggestion?.prompt ?? suggestion?.label\n        if (value) {\n            emit('select', value)\n        }\n    }\n</script>\n\n<template>\n    <div v-if=\"suggestions.length\" class=\"pk-tool-suggested-reply\">\n        <button\n            v-for=\"(suggestion, index) in suggestions\"\n            :key=\"index\"\n            type=\"button\"\n            class=\"pk-tool-suggested-reply__link\"\n            :class=\"{\n                'is-clicked': clickedIndex === index,\n                'is-disabled': !isInteractive,\n            }\"\n            :disabled=\"!isInteractive\"\n            @click.stop=\"handleClick(index)\">\n            <VvIcon\n                name=\"ri:corner-down-right-line\"\n                class=\"pk-tool-suggested-reply__icon\" />\n            <span>{{ suggestion.label }}</span>\n        </button>\n    </div>\n</template>\n\n<style lang=\"scss\">\n    .pk-tool-suggested-reply {\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        gap: var(--spacing-4);\n\n        &__link {\n            display: inline-flex;\n            align-items: center;\n            gap: var(--spacing-4);\n            background: none;\n            border: none;\n            padding: 0;\n            font: inherit;\n            font-size: var(--text-12);\n            text-decoration: underline;\n            text-underline-offset: 2px;\n            cursor: pointer;\n            color: var(--color-word-3);\n            transition: var(--transition-colors);\n\n            &:hover:not(:disabled) {\n                color: var(--color-word);\n            }\n\n            &.is-disabled {\n                cursor: default;\n                pointer-events: none;\n                color: var(--color-word-5);\n            }\n\n            &.is-clicked {\n                color: var(--color-word-5);\n                text-decoration: none;\n            }\n        }\n\n        &__icon {\n            width: 1em;\n            height: 1em;\n            flex-shrink: 0;\n        }\n    }\n</style>\n"],"mappings":";;;;;;;;;;;;;EAMI,IAAM,IAAQ,GAIR,IAAO,GAIP,IAAW,QACN,KAAK,MAAM,KAAK,UAAU,EAAM,IAAI,CAAC,CAY/C,GAGK,IAAc,QAA6B;GAC7C,IAAM,IAAQ,EAAS,OAAO;GAW9B,OAVK,IAGD,EAAM,aAAa,SACZ,EAAM,cAGb,EAAM,QACC,CAAC;IAAE,OAAO,EAAM;IAAO,QAAQ,EAAM,UAAU,EAAM;GAAM,CAAC,IAEhE,CAAC,IATG,CAAC;EAUhB,CAAC,GAEK,IAAe,EAAmB,IAAI,GAEtC,IAAgB,SAOb,EAAS,OAAO,UAAU,qBACvB,EAAiB,EAAS,OAAO,MAAM,MAC3C,EAAa,UAAU,IAE9B;EAED,SAAS,EAAY,GAAe;GAChC,IAAI,CAAC,EAAc,OACf;GAEJ,EAAa,QAAQ;GACrB,IAAM,IAAa,EAAY,MAAM,IAC/B,IAAQ,GAAY,UAAU,GAAY;GAChD,AAAI,KACA,EAAK,UAAU,CAAK;EAE5B;;;GAIW,OAAA,EAAA,MAAY,UAAvB,EAAA,GAAA,EAiBM,OAjBN,GAiBM,EAhBF,EAAA,EAAA,GAAA,EAeS,GAAA,MAAA,EAdyB,EAAA,QAAtB,GAAY,OADxB,EAAA,GAAA,EAeS,UAAA;IAbJ,KAAK;IACN,MAAK;IACL,OAAK,EAAA,CAAC,iCAA+B;KACG,cAAA,EAAA,UAAiB;KAAuC,eAAA,CAAA,EAAA;;IAI/F,UAAQ,CAAG,EAAA;IACX,SAAK,GAAA,MAAO,EAAY,CAAK,GAAA,CAAA,MAAA,CAAA;GAC9B,GAAA,CAAA,EAE4C,GAAA;IADxC,MAAK;IACL,OAAM;GACV,CAAA,GAAA,EAAmC,QAAA,MAAA,EAA1B,EAAW,KAAK,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA"}

package/dist/_chunks/{PkToolShowVideo-Djr8Ofsz.js → PkToolShowVideo-p6Y9j3-B.js}

@@ -6,7 +6,7 @@ var p = (e) => e.replace(/[^a-zA-Z0-9_-]/g, ""), m = (e, t) => e === t || e.ends
 	if (e.hostname.endsWith("youtu.be")) return p(e.pathname.split("/")[1] ?? "") || null;
 	let t = e.searchParams.get("v");
 	if (t) return p(t) || null;
-	let n = e.pathname.match(/^\/(?:shorts|embed|v)\/([^/?#]+)/);
+	let n = e.pathname.match(/^\/(?:shorts|live|embed|v)\/([^/?#]+)/);
 	return n && p(n[1]) || null;
 }, g = (e) => {
 	let t = e.pathname.match(/(?:^|\/)(\d+)(?:$|[/?#])/);
@@ -40,7 +40,7 @@ function _(e, t) {
 			provider: "vimeo",
 			url: e,
 			videoId: t,
-			embedUrl: `https://player.vimeo.com/video/${t}`
+			embedUrl: `https://player.vimeo.com/video/${t}?dnt=1`
 		};
 	}
 	return t && t !== "file" ? {
@@ -118,4 +118,4 @@ var v = {
 //#endregion
 export { k as default };
 
-//# sourceMappingURL=PkToolShowVideo-Djr8Ofsz.js.map
+//# sourceMappingURL=PkToolShowVideo-p6Y9j3-B.js.map

package/dist/_chunks/PkToolShowVideo-p6Y9j3-B.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkToolShowVideo-p6Y9j3-B.js","names":["$t"],"sources":["../../../../packages/utils/src/video-source.ts","../../../../packages/components/src/chat/PkToolShowVideo.vue","../../../../packages/components/src/chat/PkToolShowVideo.vue"],"sourcesContent":["/**\n * Video source parsing shared by the backend platform renderer and the frontend\n * player component, so both classify a video URL the same way.\n *\n * A URL is either a known provider (YouTube/Vimeo), which plays through the\n * provider's iframe embed, or a direct media file (`file`), which plays in a\n * native `<video>` element. Detection is by URL shape; an explicit `hint` is\n * used only as a fallback when the URL alone is inconclusive.\n */\n\nexport type VideoProvider = 'youtube' | 'vimeo' | 'file'\n\nexport interface ParsedVideoSource {\n    provider: VideoProvider\n    /** The original URL, unchanged. */\n    url: string\n    /**\n     * The URL to actually load: the provider iframe embed URL for\n     * YouTube/Vimeo, or the direct file URL for `file`.\n     */\n    embedUrl: string\n    /** The provider video id (providers only). */\n    videoId?: string\n    /**\n     * A preview image URL derived from the provider, when one is available\n     * without an extra API call (currently YouTube only). Lets a link-only\n     * surface (e.g. a Teams card) show a thumbnail instead of a bare link.\n     */\n    thumbnailUrl?: string\n}\n\n/** Keep only characters that are legal in a provider video id. */\nconst sanitizeId = (raw: string): string => raw.replace(/[^a-zA-Z0-9_-]/g, '')\n\n/**\n * True when `host` is exactly `domain` or a subdomain of it. Guards against\n * lookalike hosts (e.g. `notyoutube.com`) that a bare substring check would\n * misclassify.\n */\nconst hostMatches = (host: string, domain: string): boolean =>\n    host === domain || host.endsWith(`.${domain}`)\n\n/** Extract the YouTube video id from any of its URL shapes, or null. */\nconst youtubeId = (u: URL): string | null => {\n    // youtu.be/<id>\n    if (u.hostname.endsWith('youtu.be')) {\n        return sanitizeId(u.pathname.split('/')[1] ?? '') || null\n    }\n    // youtube.com/watch?v=<id>\n    const v = u.searchParams.get('v')\n    if (v) {\n        return sanitizeId(v) || null\n    }\n    // youtube.com/shorts/<id>, /live/<id>, /embed/<id>, /v/<id>\n    const m = u.pathname.match(/^\\/(?:shorts|live|embed|v)\\/([^/?#]+)/)\n    return m ? sanitizeId(m[1]) || null : null\n}\n\n/** Extract the Vimeo (numeric) video id, or null. */\nconst vimeoId = (u: URL): string | null => {\n    // player.vimeo.com/video/<id> or vimeo.com/<id>\n    const m = u.pathname.match(/(?:^|\\/)(\\d+)(?:$|[/?#])/)\n    return m ? m[1] : null\n}\n\n/**\n * Classify a video URL into a provider + a loadable embed/file URL.\n * Falls back to `file` (native `<video>`) for anything not recognized as a\n * supported provider, or when a provider is matched but no id can be extracted.\n */\nexport function parseVideoSource(\n    url: string,\n    hint?: VideoProvider,\n): ParsedVideoSource {\n    let u: URL | undefined\n    try {\n        u = new URL(url)\n    } catch {\n        // Not an absolute URL: treat as a direct file reference.\n        return { provider: 'file', url, embedUrl: url }\n    }\n\n    const host = u.hostname.toLowerCase()\n\n    const isYouTube =\n        hostMatches(host, 'youtube.com') ||\n        hostMatches(host, 'youtu.be') ||\n        hostMatches(host, 'youtube-nocookie.com')\n    if (isYouTube) {\n        const id = youtubeId(u)\n        if (id) {\n            return {\n                provider: 'youtube',\n                url,\n                videoId: id,\n                embedUrl: `https://www.youtube-nocookie.com/embed/${id}`,\n                thumbnailUrl: `https://img.youtube.com/vi/${id}/hqdefault.jpg`,\n            }\n        }\n    }\n\n    if (hostMatches(host, 'vimeo.com')) {\n        const id = vimeoId(u)\n        if (id) {\n            return {\n                provider: 'vimeo',\n                url,\n                videoId: id,\n                // `dnt=1`: the player sets no cookies and records no session\n                // data, the Vimeo counterpart of youtube-nocookie above.\n                embedUrl: `https://player.vimeo.com/video/${id}?dnt=1`,\n            }\n        }\n    }\n\n    // Honor an explicit provider hint only if we could not extract an id from a\n    // provider URL (so a caller-tagged provider link still routes to an iframe\n    // via its original URL rather than a broken native <video>).\n    if (hint && hint !== 'file') {\n        return { provider: hint, url, embedUrl: url }\n    }\n\n    return { provider: 'file', url, embedUrl: url }\n}\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { parseVideoSource, type VideoProvider } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    interface VideoInput {\n        url: string\n        title?: string\n        description?: string\n        poster?: string\n        provider?: VideoProvider\n    }\n\n    // Permissions granted to provider embeds (YouTube/Vimeo players).\n    const IFRAME_ALLOW =\n        'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'\n\n    const videos = computed(() => {\n        const part = props.part as { input?: { videos?: VideoInput[] } }\n        return (part.input?.videos ?? []).map((video) => ({\n            ...video,\n            source: parseVideoSource(video.url, video.provider),\n        }))\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"videos.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:film-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.video') }}\n            </strong>\n        </div>\n        <div class=\"p-sm flex flex-col gap-16\">\n            <div v-for=\"video in videos\" :key=\"video.url\" class=\"flex flex-col\">\n                <strong v-if=\"video.title\" class=\"font-bold text-14 mb-sm\">\n                    {{ video.title }}\n                </strong>\n                <!-- Direct file: native player. Handles MP4/WebM/OGG and works\n                     inside the widget's Shadow DOM without any extra CSS. -->\n                <video\n                    v-if=\"video.source.provider === 'file'\"\n                    :src=\"video.source.embedUrl\"\n                    :poster=\"video.poster\"\n                    controls\n                    preload=\"metadata\"\n                    playsinline\n                    class=\"w-full rounded-xl bg-word-1\"\n                    style=\"aspect-ratio: 16 / 9; max-height: 480px\">\n                    <a\n                        :href=\"video.url\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\">\n                        {{ video.title ?? video.url }}\n                    </a>\n                </video>\n                <!-- Provider (YouTube/Vimeo): iframe embed, 16:9 responsive. -->\n                <div\n                    v-else\n                    class=\"relative w-full overflow-hidden rounded-xl bg-word-1\"\n                    style=\"aspect-ratio: 16 / 9\">\n                    <iframe\n                        :src=\"video.source.embedUrl\"\n                        :title=\"video.title ?? video.url\"\n                        loading=\"lazy\"\n                        referrerpolicy=\"strict-origin-when-cross-origin\"\n                        :allow=\"IFRAME_ALLOW\"\n                        allowfullscreen\n                        class=\"absolute inset-0 w-full h-full border-0\"></iframe>\n                </div>\n                <span\n                    v-if=\"video.description\"\n                    class=\"text-12 text-word-3 mt-sm\">\n                    {{ video.description }}\n                </span>\n            </div>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { parseVideoSource, type VideoProvider } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    interface VideoInput {\n        url: string\n        title?: string\n        description?: string\n        poster?: string\n        provider?: VideoProvider\n    }\n\n    // Permissions granted to provider embeds (YouTube/Vimeo players).\n    const IFRAME_ALLOW =\n        'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'\n\n    const videos = computed(() => {\n        const part = props.part as { input?: { videos?: VideoInput[] } }\n        return (part.input?.videos ?? []).map((video) => ({\n            ...video,\n            source: parseVideoSource(video.url, video.provider),\n        }))\n    })\n</script>\n\n<template>\n    <div\n        v-if=\"videos.length\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:film-line\" class=\"text-16\" />\n            <strong class=\"font-bold\">\n                {{ $t('label.video') }}\n            </strong>\n        </div>\n        <div class=\"p-sm flex flex-col gap-16\">\n            <div v-for=\"video in videos\" :key=\"video.url\" class=\"flex flex-col\">\n                <strong v-if=\"video.title\" class=\"font-bold text-14 mb-sm\">\n                    {{ video.title }}\n                </strong>\n                <!-- Direct file: native player. Handles MP4/WebM/OGG and works\n                     inside the widget's Shadow DOM without any extra CSS. -->\n                <video\n                    v-if=\"video.source.provider === 'file'\"\n                    :src=\"video.source.embedUrl\"\n                    :poster=\"video.poster\"\n                    controls\n                    preload=\"metadata\"\n                    playsinline\n                    class=\"w-full rounded-xl bg-word-1\"\n                    style=\"aspect-ratio: 16 / 9; max-height: 480px\">\n                    <a\n                        :href=\"video.url\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\">\n                        {{ video.title ?? video.url }}\n                    </a>\n                </video>\n                <!-- Provider (YouTube/Vimeo): iframe embed, 16:9 responsive. -->\n                <div\n                    v-else\n                    class=\"relative w-full overflow-hidden rounded-xl bg-word-1\"\n                    style=\"aspect-ratio: 16 / 9\">\n                    <iframe\n                        :src=\"video.source.embedUrl\"\n                        :title=\"video.title ?? video.url\"\n                        loading=\"lazy\"\n                        referrerpolicy=\"strict-origin-when-cross-origin\"\n                        :allow=\"IFRAME_ALLOW\"\n                        allowfullscreen\n                        class=\"absolute inset-0 w-full h-full border-0\"></iframe>\n                </div>\n                <span\n                    v-if=\"video.description\"\n                    class=\"text-12 text-word-3 mt-sm\">\n                    {{ video.description }}\n                </span>\n            </div>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}