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

package/dist-vue/_chunks/{PkToolShowSuggestedReply-DQFOVonE.js → PkToolShowSuggestedReply-DWLkUh2L.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { D as t } from "./Agent-C8BsTAxk.js";
+import { D as t } from "./Agent-De2gFNjR.js";
 import { VvIcon as n } from "@volverjs/ui-vue/components";
 import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, withModifiers as h } from "vue";
 //#region ../../packages/components/src/chat/PkToolShowSuggestedReply.vue?vue&type=script&setup=true&lang.ts
@@ -45,4 +45,4 @@ var g = {
 //#endregion
 export { y as n, b as t };
 
-//# sourceMappingURL=PkToolShowSuggestedReply-DQFOVonE.js.map
+//# sourceMappingURL=PkToolShowSuggestedReply-DWLkUh2L.js.map

package/dist-vue/_chunks/{PkToolShowSuggestedReply-DQFOVonE.js.map → PkToolShowSuggestedReply-DWLkUh2L.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowSuggestedReply-DQFOVonE.js","names":[],"sources":["../../../../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"],"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-DWLkUh2L.js","names":[],"sources":["../../../../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"],"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-vue/_chunks/PkToolShowWeather-Bzqalzh8.js.map

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowWeather-Bzqalzh8.js","names":[],"sources":["../../../../packages/utils/src/weather.ts","../../../../packages/components/src/chat/PkToolShowWeather.vue","../../../../packages/components/src/chat/PkToolShowWeather.vue"],"sourcesContent":["/**\n * Framework-agnostic weather presentation primitives. They classify raw\n * open-meteo values into canonical categories; each consumer (web widget,\n * platform card renderer) maps a category to its own representation (an\n * Iconify name, an emoji, a CSS class, an i18n key). Keeping the classification\n * here means the WMO code bands and AQI thresholds live in exactly one place.\n */\n\n/** Canonical WMO weather-code category (resolution matches the web widget). */\nexport type WmoCategory =\n    | 'clear'\n    | 'mainlyClear'\n    | 'partlyCloudy'\n    | 'overcast'\n    | 'fog'\n    | 'drizzle'\n    | 'freezingDrizzle'\n    | 'rain'\n    | 'freezingRain'\n    | 'snow'\n    | 'rainShowers'\n    | 'snowShowers'\n    | 'thunderstorm'\n    | 'thunderstormHail'\n    | 'unknown'\n\n/** Map a WMO weather interpretation code to a canonical category. */\nexport function wmoCategory(code: number | undefined): WmoCategory {\n    if (code === undefined) return 'unknown'\n    if (code === 0) return 'clear'\n    if (code === 1) return 'mainlyClear'\n    if (code === 2) return 'partlyCloudy'\n    if (code === 3) return 'overcast'\n    if (code === 45 || code === 48) return 'fog'\n    if (code >= 51 && code <= 55) return 'drizzle'\n    if (code === 56 || code === 57) return 'freezingDrizzle'\n    if (code >= 61 && code <= 65) return 'rain'\n    if (code === 66 || code === 67) return 'freezingRain'\n    if (code >= 71 && code <= 77) return 'snow'\n    if (code >= 80 && code <= 82) return 'rainShowers'\n    if (code === 85 || code === 86) return 'snowShowers'\n    if (code === 95) return 'thunderstorm'\n    if (code === 96 || code === 99) return 'thunderstormHail'\n    return 'unknown'\n}\n\n/** Emoji per category (used by the language-neutral platform card renderer). */\nconst WMO_EMOJI: Record<WmoCategory, string> = {\n    clear: '☀️',\n    mainlyClear: '⛅',\n    partlyCloudy: '⛅',\n    overcast: '⛅',\n    fog: '🌫️',\n    drizzle: '🌦️',\n    freezingDrizzle: '🌦️',\n    rain: '🌧️',\n    freezingRain: '🌧️',\n    snow: '❄️',\n    rainShowers: '🌧️',\n    snowShowers: '🌨️',\n    thunderstorm: '⛈️',\n    thunderstormHail: '⛈️',\n    unknown: '🌡️',\n}\n\n/** WMO code → emoji (convenience for non-UI consumers). */\nexport function wmoEmoji(code: number | undefined): string {\n    return WMO_EMOJI[wmoCategory(code)]\n}\n\n/** Canonical European-AQI band, ordered best → worst. */\nexport type AqiBandKey =\n    'good' | 'fair' | 'moderate' | 'poor' | 'veryPoor' | 'hazardous'\n\n/** Classify a European AQI value into a band (index + canonical key). */\nexport function aqiBand(aqi: number): { index: number; key: AqiBandKey } {\n    if (aqi <= 20) return { index: 0, key: 'good' }\n    if (aqi <= 40) return { index: 1, key: 'fair' }\n    if (aqi <= 60) return { index: 2, key: 'moderate' }\n    if (aqi <= 80) return { index: 3, key: 'poor' }\n    if (aqi <= 100) return { index: 4, key: 'veryPoor' }\n    return { index: 5, key: 'hazardous' }\n}\n\n/** Colored dot per AQI band index (used by the platform card renderer). */\nconst AQI_DOTS = ['🟢', '🟡', '🟠', '🔴', '🟣', '⚫']\n\n/** AQI value → colored dot (convenience for non-UI consumers). */\nexport function aqiDot(aqi: number): string {\n    return AQI_DOTS[aqiBand(aqi).index]\n}\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import type { WeatherData } from 'models'\n    import {\n        aqiBand,\n        wmoCategory,\n        type AqiBandKey,\n        type WmoCategory,\n    } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { t: $t, d: $d, n: $n } = useI18n({ useScope: 'global' })\n\n    const toolPart = computed(() => {\n        return props.part as { input?: WeatherData; output?: WeatherData }\n    })\n\n    const data = computed(\n        () => toolPart.value.output ?? toolPart.value.input ?? null,\n    )\n\n    const selectedDayIndex = ref(0)\n\n    const dailyOpen = ref(!data.value?.current)\n\n    watch(selectedDayIndex, (index) => {\n        if (index > 0) {\n            dailyOpen.value = true\n        }\n    })\n\n    const selectedDay = computed(\n        () => data.value?.daily?.[selectedDayIndex.value],\n    )\n\n    /** Hourly entries filtered to the selected day's date */\n    const filteredHourly = computed(() => {\n        if (!data.value?.hourly?.length || !selectedDay.value) {\n            return data.value?.hourly ?? []\n        }\n        const dayDate = selectedDay.value.date\n        return data.value.hourly.filter((h) => h.time.startsWith(dayDate))\n    })\n\n    /**\n     * Parses a date/time string in various formats the LLM might produce.\n     * Tries ISO, space-separated, time-only, and common human-readable formats.\n     */\n    function safeDate(value: string): Date {\n        // 1. Try native parsing (works for ISO 8601 and many standard formats)\n        const direct = new Date(value)\n        if (!Number.isNaN(direct.getTime())) {\n            return direct\n        }\n\n        // 2. Replace space separator → T  (\"2024-04-15 14:00\" → \"2024-04-15T14:00\")\n        if (/^\\d{4}-\\d{2}-\\d{2} \\d{2}:\\d{2}/.test(value)) {\n            const withT = new Date(value.replace(' ', 'T'))\n            if (!Number.isNaN(withT.getTime())) {\n                return withT\n            }\n        }\n\n        // 3. Time-only (\"14:00\" or \"14:00:00\") → today at that hour\n        const timeOnly = value.match(/^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?$/)\n        if (timeOnly) {\n            const today = new Date()\n            today.setHours(\n                Number(timeOnly[1]),\n                Number(timeOnly[2]),\n                Number(timeOnly[3] ?? 0),\n                0,\n            )\n            return today\n        }\n\n        // 4. Date-only (\"2024-04-15\") → noon to avoid timezone edge\n        if (/^\\d{4}-\\d{2}-\\d{2}$/.test(value)) {\n            const noon = new Date(value + 'T12:00:00')\n            if (!Number.isNaN(noon.getTime())) {\n                return noon\n            }\n        }\n\n        // Last resort: return an obviously invalid sentinel so callers can handle it\n        return new Date(NaN)\n    }\n\n    /** Iconify `wi:` icon per canonical WMO category. */\n    const WMO_ICON: Record<WmoCategory, string> = {\n        clear: 'wi:day-sunny',\n        mainlyClear: 'wi:day-sunny-overcast',\n        partlyCloudy: 'wi:day-cloudy',\n        overcast: 'wi:cloudy',\n        fog: 'wi:fog',\n        drizzle: 'wi:sprinkle',\n        freezingDrizzle: 'wi:sleet',\n        rain: 'wi:rain',\n        freezingRain: 'wi:rain-mix',\n        snow: 'wi:snow',\n        rainShowers: 'wi:showers',\n        snowShowers: 'wi:snow-wind',\n        thunderstorm: 'wi:thunderstorm',\n        thunderstormHail: 'wi:storm-showers',\n        unknown: 'wi:na',\n    }\n\n    /** Maps WMO weather code to an Iconify wi: icon name */\n    function wmoToIcon(code: number): string {\n        return WMO_ICON[wmoCategory(code)]\n    }\n\n    /**\n     * Returns a formatted day label for daily forecast.\n     * When daily has 1-2 entries, use the date string directly.\n     * Otherwise, use index-based computation from today.\n     */\n    function formatDay(isoDate: string, index: number, total: number): string {\n        const parsed = safeDate(isoDate + 'T12:00:00')\n        if (!Number.isNaN(parsed.getTime())) {\n            const today = new Date()\n            today.setHours(12, 0, 0, 0)\n            const diffDays = Math.round(\n                (parsed.getTime() - today.getTime()) / 86_400_000,\n            )\n            if (diffDays === 0) {\n                return $t('weather.today')\n            }\n            return $d(parsed, 'weekday-day')\n        }\n        if (index === 0 && total <= 7) {\n            return $t('weather.today')\n        }\n        const fallback = new Date()\n        fallback.setDate(fallback.getDate() + index)\n        return $d(fallback, 'weekday-day')\n    }\n\n    const headerDate = computed(() => {\n        if (selectedDay.value) {\n            const parsed = safeDate(selectedDay.value.date + 'T12:00:00')\n            if (!Number.isNaN(parsed.getTime())) {\n                return formatDay(\n                    selectedDay.value.date,\n                    selectedDayIndex.value,\n                    data.value?.daily?.length ?? 1,\n                )\n            }\n        }\n        return formatDay(new Date().toISOString().slice(0, 10), 0, 1)\n    })\n\n    /** i18n label key + CSS class per canonical AQI band. */\n    const AQI_PRESENTATION: Record<\n        AqiBandKey,\n        { labelKey: string; class: string }\n    > = {\n        good: {\n            labelKey: 'weather.aqiGood',\n            class: 'text-green-600 bg-green-50',\n        },\n        fair: {\n            labelKey: 'weather.aqiFair',\n            class: 'text-lime-600 bg-lime-50',\n        },\n        moderate: {\n            labelKey: 'weather.aqiModerate',\n            class: 'text-yellow-600 bg-yellow-50',\n        },\n        poor: {\n            labelKey: 'weather.aqiPoor',\n            class: 'text-orange-600 bg-orange-50',\n        },\n        veryPoor: {\n            labelKey: 'weather.aqiVeryPoor',\n            class: 'text-red-600 bg-red-50',\n        },\n        hazardous: {\n            labelKey: 'weather.aqiHazardous',\n            class: 'text-purple-700 bg-purple-50',\n        },\n    }\n\n    /** Returns AQI label and CSS class for European AQI */\n    function aqiInfo(aqi: number): { label: string; class: string } {\n        const { labelKey, class: cssClass } = AQI_PRESENTATION[aqiBand(aqi).key]\n        return { label: $t(labelKey), class: cssClass }\n    }\n\n    /** Formats wind direction degrees to compass label */\n    function windDirectionLabel(deg: number): string {\n        const dirs = ['N', 'NE', 'E', 'SE', 'S', 'SO', 'O', 'NO']\n        return dirs[Math.round(deg / 45) % 8]\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"data\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <!-- Header -->\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:temp-cold-line\" class=\"text-16\" />\n            <strong class=\"font-bold truncate\">\n                {{ data.locationName }}\n            </strong>\n            <span class=\"ml-auto shrink-0 capitalize\">\n                {{ headerDate }}\n            </span>\n        </div>\n\n        <!-- Current conditions (only when real-time current is available AND first day is selected) -->\n        <div\n            v-if=\"data.current && selectedDayIndex === 0\"\n            class=\"px-sm py-md flex items-center gap-md flex-wrap\">\n            <div class=\"flex items-center gap-8\">\n                <VvIcon\n                    :name=\"wmoToIcon(data.current.weatherCode)\"\n                    class=\"text-48 text-word-2 shrink-0\" />\n                <span class=\"text-48 font-light leading-none text-word-1\">\n                    {{ $n(data.current.temperature, 'integer') }}&deg;\n                </span>\n            </div>\n            <div class=\"flex flex-col gap-4 text-12 text-word-3\">\n                <div class=\"flex items-center gap-6\">\n                    {{ $t('weather.feelsLike') }}\n                    {{ $n(data.current.feelsLike, 'integer') }}&deg;\n                </div>\n                <div class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:water-percent-line\" class=\"text-14\" />\n                    {{ data.current.humidity }}%\n                </div>\n                <div class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:windy-line\" class=\"text-14\" />\n                    {{ $n(data.current.windSpeed, 'integer') }} km/h\n                    {{ windDirectionLabel(data.current.windDirection) }}\n                </div>\n                <div\n                    v-if=\"data.current.uvIndex > 0\"\n                    class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:sun-line\" class=\"text-14\" />\n                    UV {{ $n(data.current.uvIndex, 'integer') }}\n                </div>\n            </div>\n        </div>\n\n        <!-- Day summary (when no real-time current, or a non-today day is selected) -->\n        <div\n            v-else-if=\"selectedDay\"\n            class=\"px-sm py-md flex items-center gap-md flex-wrap\">\n            <div class=\"flex items-center gap-8\">\n                <VvIcon\n                    :name=\"wmoToIcon(selectedDay.weatherCode)\"\n                    class=\"text-48 text-word-2 shrink-0\" />\n                <div class=\"flex flex-col leading-none\">\n                    <span class=\"text-48 font-light text-word-1\">\n                        {{ $n(selectedDay.maxTemp, 'integer') }}&deg;\n                    </span>\n                    <span class=\"text-20 text-word-3\">\n                        {{ $n(selectedDay.minTemp, 'integer') }}&deg;\n                    </span>\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 text-12 text-word-3\">\n                <div\n                    v-if=\"selectedDay.precipitationProbabilityMax > 0\"\n                    class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:drop-line\" class=\"text-14\" />\n                    {{ selectedDay.precipitationProbabilityMax }}% ({{\n                        selectedDay.precipitationSum\n                    }}\n                    mm)\n                </div>\n                <div\n                    v-if=\"selectedDay.uvIndexMax > 0\"\n                    class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:sun-line\" class=\"text-14\" />\n                    UV {{ $n(selectedDay.uvIndexMax, 'integer') }}\n                </div>\n                <div class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:sun-foggy-line\" class=\"text-14\" />\n                    {{ $d(safeDate(selectedDay.sunrise), 'time') }}\n                    –\n                    {{ $d(safeDate(selectedDay.sunset), 'time') }}\n                </div>\n            </div>\n        </div>\n\n        <!-- Hourly forecast (filtered to selected day) -->\n        <transition>\n            <div\n                v-if=\"filteredHourly.length > 0\"\n                class=\"border-t border-surface-3\">\n                <div\n                    class=\"flex overflow-x-auto gap-2 px-sm py-8 light-scrollbar\">\n                    <div\n                        v-for=\"hour in filteredHourly\"\n                        :key=\"hour.time\"\n                        class=\"flex flex-col items-center gap-4 min-w-48 px-4 py-6 rounded-xl text-11 text-word-3 shrink-0\">\n                        <span class=\"text-word-3\">{{\n                            Number.isNaN(safeDate(hour.time).getTime())\n                                ? hour.time\n                                : $d(safeDate(hour.time), 'time')\n                        }}</span>\n                        <VvIcon\n                            :name=\"wmoToIcon(hour.weatherCode)\"\n                            class=\"text-20 text-word-2\" />\n                        <span class=\"font-medium text-word-1\">\n                            {{ $n(hour.temperature, 'integer') }}&deg;\n                        </span>\n                        <span\n                            v-if=\"hour.precipitationProbability > 0\"\n                            class=\"text-word-5 text-smaller\">\n                            {{ hour.precipitationProbability }}%\n                        </span>\n                    </div>\n                </div>\n            </div>\n        </transition>\n\n        <!-- Daily forecast (clickable, inside accordion) -->\n        <transition>\n            <VvAccordion\n                v-if=\"data.daily?.length > 1\"\n                v-model=\"dailyOpen\"\n                modifiers=\"details no-padding\"\n                :title=\"$t('weather.dailyForecast')\"\n                class=\"border-t border-surface-3\">\n                <button\n                    v-for=\"(day, index) in data.daily\"\n                    :key=\"day.date\"\n                    type=\"button\"\n                    class=\"flex items-center gap-sm px-sm py-8 text-12 w-full text-left transition-colors cursor-pointer border-t border-surface-3\"\n                    :class=\"\n                        index === selectedDayIndex\n                            ? 'bg-surface-2'\n                            : 'hover:bg-surface-1'\n                    \"\n                    @click=\"selectedDayIndex = index\">\n                    <span class=\"w-48 shrink-0 text-word-3 capitalize\">\n                        {{ formatDay(day.date, index, data.daily.length) }}\n                    </span>\n                    <VvIcon\n                        :name=\"wmoToIcon(day.weatherCode)\"\n                        class=\"text-18 text-word-2 shrink-0\" />\n                    <span\n                        v-if=\"day.precipitationProbabilityMax > 0\"\n                        class=\"text-word-5 text-11 w-32 shrink-0\">\n                        {{ day.precipitationProbabilityMax }}%\n                    </span>\n                    <span v-else class=\"w-32 shrink-0\" />\n                    <div class=\"ml-auto flex items-center gap-8 text-word-3\">\n                        <span class=\"text-word-1 font-semibold\">\n                            {{ $n(day.maxTemp, 'integer') }}&deg;\n                        </span>\n                        <span>{{ $n(day.minTemp, 'integer') }}&deg;</span>\n                    </div>\n                </button>\n            </VvAccordion>\n        </transition>\n\n        <!-- Air quality -->\n        <div\n            v-if=\"data.airQuality\"\n            class=\"border-t border-surface-3 px-sm py-8 flex items-center gap-8 text-12\">\n            <VvIcon name=\"ri:windy-line\" class=\"text-14 text-word-3\" />\n            <span class=\"text-word-3\">{{ $t('weather.airQuality') }}</span>\n            <span\n                :class=\"[\n                    'ml-auto px-8 py-2 text-11 font-semibold',\n                    aqiInfo(data.airQuality.aqi).class,\n                ]\">\n                {{ aqiInfo(data.airQuality.aqi).label }}\n                ({{ data.airQuality.aqi }})\n            </span>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import type { WeatherData } from 'models'\n    import {\n        aqiBand,\n        wmoCategory,\n        type AqiBandKey,\n        type WmoCategory,\n    } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { t: $t, d: $d, n: $n } = useI18n({ useScope: 'global' })\n\n    const toolPart = computed(() => {\n        return props.part as { input?: WeatherData; output?: WeatherData }\n    })\n\n    const data = computed(\n        () => toolPart.value.output ?? toolPart.value.input ?? null,\n    )\n\n    const selectedDayIndex = ref(0)\n\n    const dailyOpen = ref(!data.value?.current)\n\n    watch(selectedDayIndex, (index) => {\n        if (index > 0) {\n            dailyOpen.value = true\n        }\n    })\n\n    const selectedDay = computed(\n        () => data.value?.daily?.[selectedDayIndex.value],\n    )\n\n    /** Hourly entries filtered to the selected day's date */\n    const filteredHourly = computed(() => {\n        if (!data.value?.hourly?.length || !selectedDay.value) {\n            return data.value?.hourly ?? []\n        }\n        const dayDate = selectedDay.value.date\n        return data.value.hourly.filter((h) => h.time.startsWith(dayDate))\n    })\n\n    /**\n     * Parses a date/time string in various formats the LLM might produce.\n     * Tries ISO, space-separated, time-only, and common human-readable formats.\n     */\n    function safeDate(value: string): Date {\n        // 1. Try native parsing (works for ISO 8601 and many standard formats)\n        const direct = new Date(value)\n        if (!Number.isNaN(direct.getTime())) {\n            return direct\n        }\n\n        // 2. Replace space separator → T  (\"2024-04-15 14:00\" → \"2024-04-15T14:00\")\n        if (/^\\d{4}-\\d{2}-\\d{2} \\d{2}:\\d{2}/.test(value)) {\n            const withT = new Date(value.replace(' ', 'T'))\n            if (!Number.isNaN(withT.getTime())) {\n                return withT\n            }\n        }\n\n        // 3. Time-only (\"14:00\" or \"14:00:00\") → today at that hour\n        const timeOnly = value.match(/^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?$/)\n        if (timeOnly) {\n            const today = new Date()\n            today.setHours(\n                Number(timeOnly[1]),\n                Number(timeOnly[2]),\n                Number(timeOnly[3] ?? 0),\n                0,\n            )\n            return today\n        }\n\n        // 4. Date-only (\"2024-04-15\") → noon to avoid timezone edge\n        if (/^\\d{4}-\\d{2}-\\d{2}$/.test(value)) {\n            const noon = new Date(value + 'T12:00:00')\n            if (!Number.isNaN(noon.getTime())) {\n                return noon\n            }\n        }\n\n        // Last resort: return an obviously invalid sentinel so callers can handle it\n        return new Date(NaN)\n    }\n\n    /** Iconify `wi:` icon per canonical WMO category. */\n    const WMO_ICON: Record<WmoCategory, string> = {\n        clear: 'wi:day-sunny',\n        mainlyClear: 'wi:day-sunny-overcast',\n        partlyCloudy: 'wi:day-cloudy',\n        overcast: 'wi:cloudy',\n        fog: 'wi:fog',\n        drizzle: 'wi:sprinkle',\n        freezingDrizzle: 'wi:sleet',\n        rain: 'wi:rain',\n        freezingRain: 'wi:rain-mix',\n        snow: 'wi:snow',\n        rainShowers: 'wi:showers',\n        snowShowers: 'wi:snow-wind',\n        thunderstorm: 'wi:thunderstorm',\n        thunderstormHail: 'wi:storm-showers',\n        unknown: 'wi:na',\n    }\n\n    /** Maps WMO weather code to an Iconify wi: icon name */\n    function wmoToIcon(code: number): string {\n        return WMO_ICON[wmoCategory(code)]\n    }\n\n    /**\n     * Returns a formatted day label for daily forecast.\n     * When daily has 1-2 entries, use the date string directly.\n     * Otherwise, use index-based computation from today.\n     */\n    function formatDay(isoDate: string, index: number, total: number): string {\n        const parsed = safeDate(isoDate + 'T12:00:00')\n        if (!Number.isNaN(parsed.getTime())) {\n            const today = new Date()\n            today.setHours(12, 0, 0, 0)\n            const diffDays = Math.round(\n                (parsed.getTime() - today.getTime()) / 86_400_000,\n            )\n            if (diffDays === 0) {\n                return $t('weather.today')\n            }\n            return $d(parsed, 'weekday-day')\n        }\n        if (index === 0 && total <= 7) {\n            return $t('weather.today')\n        }\n        const fallback = new Date()\n        fallback.setDate(fallback.getDate() + index)\n        return $d(fallback, 'weekday-day')\n    }\n\n    const headerDate = computed(() => {\n        if (selectedDay.value) {\n            const parsed = safeDate(selectedDay.value.date + 'T12:00:00')\n            if (!Number.isNaN(parsed.getTime())) {\n                return formatDay(\n                    selectedDay.value.date,\n                    selectedDayIndex.value,\n                    data.value?.daily?.length ?? 1,\n                )\n            }\n        }\n        return formatDay(new Date().toISOString().slice(0, 10), 0, 1)\n    })\n\n    /** i18n label key + CSS class per canonical AQI band. */\n    const AQI_PRESENTATION: Record<\n        AqiBandKey,\n        { labelKey: string; class: string }\n    > = {\n        good: {\n            labelKey: 'weather.aqiGood',\n            class: 'text-green-600 bg-green-50',\n        },\n        fair: {\n            labelKey: 'weather.aqiFair',\n            class: 'text-lime-600 bg-lime-50',\n        },\n        moderate: {\n            labelKey: 'weather.aqiModerate',\n            class: 'text-yellow-600 bg-yellow-50',\n        },\n        poor: {\n            labelKey: 'weather.aqiPoor',\n            class: 'text-orange-600 bg-orange-50',\n        },\n        veryPoor: {\n            labelKey: 'weather.aqiVeryPoor',\n            class: 'text-red-600 bg-red-50',\n        },\n        hazardous: {\n            labelKey: 'weather.aqiHazardous',\n            class: 'text-purple-700 bg-purple-50',\n        },\n    }\n\n    /** Returns AQI label and CSS class for European AQI */\n    function aqiInfo(aqi: number): { label: string; class: string } {\n        const { labelKey, class: cssClass } = AQI_PRESENTATION[aqiBand(aqi).key]\n        return { label: $t(labelKey), class: cssClass }\n    }\n\n    /** Formats wind direction degrees to compass label */\n    function windDirectionLabel(deg: number): string {\n        const dirs = ['N', 'NE', 'E', 'SE', 'S', 'SO', 'O', 'NO']\n        return dirs[Math.round(deg / 45) % 8]\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"data\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <!-- Header -->\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:temp-cold-line\" class=\"text-16\" />\n            <strong class=\"font-bold truncate\">\n                {{ data.locationName }}\n            </strong>\n            <span class=\"ml-auto shrink-0 capitalize\">\n                {{ headerDate }}\n            </span>\n        </div>\n\n        <!-- Current conditions (only when real-time current is available AND first day is selected) -->\n        <div\n            v-if=\"data.current && selectedDayIndex === 0\"\n            class=\"px-sm py-md flex items-center gap-md flex-wrap\">\n            <div class=\"flex items-center gap-8\">\n                <VvIcon\n                    :name=\"wmoToIcon(data.current.weatherCode)\"\n                    class=\"text-48 text-word-2 shrink-0\" />\n                <span class=\"text-48 font-light leading-none text-word-1\">\n                    {{ $n(data.current.temperature, 'integer') }}&deg;\n                </span>\n            </div>\n            <div class=\"flex flex-col gap-4 text-12 text-word-3\">\n                <div class=\"flex items-center gap-6\">\n                    {{ $t('weather.feelsLike') }}\n                    {{ $n(data.current.feelsLike, 'integer') }}&deg;\n                </div>\n                <div class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:water-percent-line\" class=\"text-14\" />\n                    {{ data.current.humidity }}%\n                </div>\n                <div class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:windy-line\" class=\"text-14\" />\n                    {{ $n(data.current.windSpeed, 'integer') }} km/h\n                    {{ windDirectionLabel(data.current.windDirection) }}\n                </div>\n                <div\n                    v-if=\"data.current.uvIndex > 0\"\n                    class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:sun-line\" class=\"text-14\" />\n                    UV {{ $n(data.current.uvIndex, 'integer') }}\n                </div>\n            </div>\n        </div>\n\n        <!-- Day summary (when no real-time current, or a non-today day is selected) -->\n        <div\n            v-else-if=\"selectedDay\"\n            class=\"px-sm py-md flex items-center gap-md flex-wrap\">\n            <div class=\"flex items-center gap-8\">\n                <VvIcon\n                    :name=\"wmoToIcon(selectedDay.weatherCode)\"\n                    class=\"text-48 text-word-2 shrink-0\" />\n                <div class=\"flex flex-col leading-none\">\n                    <span class=\"text-48 font-light text-word-1\">\n                        {{ $n(selectedDay.maxTemp, 'integer') }}&deg;\n                    </span>\n                    <span class=\"text-20 text-word-3\">\n                        {{ $n(selectedDay.minTemp, 'integer') }}&deg;\n                    </span>\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 text-12 text-word-3\">\n                <div\n                    v-if=\"selectedDay.precipitationProbabilityMax > 0\"\n                    class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:drop-line\" class=\"text-14\" />\n                    {{ selectedDay.precipitationProbabilityMax }}% ({{\n                        selectedDay.precipitationSum\n                    }}\n                    mm)\n                </div>\n                <div\n                    v-if=\"selectedDay.uvIndexMax > 0\"\n                    class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:sun-line\" class=\"text-14\" />\n                    UV {{ $n(selectedDay.uvIndexMax, 'integer') }}\n                </div>\n                <div class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:sun-foggy-line\" class=\"text-14\" />\n                    {{ $d(safeDate(selectedDay.sunrise), 'time') }}\n                    –\n                    {{ $d(safeDate(selectedDay.sunset), 'time') }}\n                </div>\n            </div>\n        </div>\n\n        <!-- Hourly forecast (filtered to selected day) -->\n        <transition>\n            <div\n                v-if=\"filteredHourly.length > 0\"\n                class=\"border-t border-surface-3\">\n                <div\n                    class=\"flex overflow-x-auto gap-2 px-sm py-8 light-scrollbar\">\n                    <div\n                        v-for=\"hour in filteredHourly\"\n                        :key=\"hour.time\"\n                        class=\"flex flex-col items-center gap-4 min-w-48 px-4 py-6 rounded-xl text-11 text-word-3 shrink-0\">\n                        <span class=\"text-word-3\">{{\n                            Number.isNaN(safeDate(hour.time).getTime())\n                                ? hour.time\n                                : $d(safeDate(hour.time), 'time')\n                        }}</span>\n                        <VvIcon\n                            :name=\"wmoToIcon(hour.weatherCode)\"\n                            class=\"text-20 text-word-2\" />\n                        <span class=\"font-medium text-word-1\">\n                            {{ $n(hour.temperature, 'integer') }}&deg;\n                        </span>\n                        <span\n                            v-if=\"hour.precipitationProbability > 0\"\n                            class=\"text-word-5 text-smaller\">\n                            {{ hour.precipitationProbability }}%\n                        </span>\n                    </div>\n                </div>\n            </div>\n        </transition>\n\n        <!-- Daily forecast (clickable, inside accordion) -->\n        <transition>\n            <VvAccordion\n                v-if=\"data.daily?.length > 1\"\n                v-model=\"dailyOpen\"\n                modifiers=\"details no-padding\"\n                :title=\"$t('weather.dailyForecast')\"\n                class=\"border-t border-surface-3\">\n                <button\n                    v-for=\"(day, index) in data.daily\"\n                    :key=\"day.date\"\n                    type=\"button\"\n                    class=\"flex items-center gap-sm px-sm py-8 text-12 w-full text-left transition-colors cursor-pointer border-t border-surface-3\"\n                    :class=\"\n                        index === selectedDayIndex\n                            ? 'bg-surface-2'\n                            : 'hover:bg-surface-1'\n                    \"\n                    @click=\"selectedDayIndex = index\">\n                    <span class=\"w-48 shrink-0 text-word-3 capitalize\">\n                        {{ formatDay(day.date, index, data.daily.length) }}\n                    </span>\n                    <VvIcon\n                        :name=\"wmoToIcon(day.weatherCode)\"\n                        class=\"text-18 text-word-2 shrink-0\" />\n                    <span\n                        v-if=\"day.precipitationProbabilityMax > 0\"\n                        class=\"text-word-5 text-11 w-32 shrink-0\">\n                        {{ day.precipitationProbabilityMax }}%\n                    </span>\n                    <span v-else class=\"w-32 shrink-0\" />\n                    <div class=\"ml-auto flex items-center gap-8 text-word-3\">\n                        <span class=\"text-word-1 font-semibold\">\n                            {{ $n(day.maxTemp, 'integer') }}&deg;\n                        </span>\n                        <span>{{ $n(day.minTemp, 'integer') }}&deg;</span>\n                    </div>\n                </button>\n            </VvAccordion>\n        </transition>\n\n        <!-- Air quality -->\n        <div\n            v-if=\"data.airQuality\"\n            class=\"border-t border-surface-3 px-sm py-8 flex items-center gap-8 text-12\">\n            <VvIcon name=\"ri:windy-line\" class=\"text-14 text-word-3\" />\n            <span class=\"text-word-3\">{{ $t('weather.airQuality') }}</span>\n            <span\n                :class=\"[\n                    'ml-auto px-8 py-2 text-11 font-semibold',\n                    aqiInfo(data.airQuality.aqi).class,\n                ]\">\n                {{ aqiInfo(data.airQuality.aqi).label }}\n                ({{ data.airQuality.aqi }})\n            </span>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"PkToolShowWeather-Bzqalzh8.js","names":[],"sources":["../../../../packages/utils/src/weather.ts","../../../../packages/components/src/chat/PkToolShowWeather.vue","../../../../packages/components/src/chat/PkToolShowWeather.vue"],"sourcesContent":["/**\n * Framework-agnostic weather presentation primitives. They classify raw\n * open-meteo values into canonical categories; each consumer (web widget,\n * platform card renderer) maps a category to its own representation (an\n * Iconify name, an emoji, a CSS class, an i18n key). Keeping the classification\n * here means the WMO code bands and AQI thresholds live in exactly one place.\n */\n\n/** Canonical WMO weather-code category (resolution matches the web widget). */\nexport type WmoCategory =\n    | 'clear'\n    | 'mainlyClear'\n    | 'partlyCloudy'\n    | 'overcast'\n    | 'fog'\n    | 'drizzle'\n    | 'freezingDrizzle'\n    | 'rain'\n    | 'freezingRain'\n    | 'snow'\n    | 'rainShowers'\n    | 'snowShowers'\n    | 'thunderstorm'\n    | 'thunderstormHail'\n    | 'unknown'\n\n/** Map a WMO weather interpretation code to a canonical category. */\nexport function wmoCategory(code: number | undefined): WmoCategory {\n    if (code === undefined) {\n        return 'unknown'\n    }\n    if (code === 0) {\n        return 'clear'\n    }\n    if (code === 1) {\n        return 'mainlyClear'\n    }\n    if (code === 2) {\n        return 'partlyCloudy'\n    }\n    if (code === 3) {\n        return 'overcast'\n    }\n    if (code === 45 || code === 48) {\n        return 'fog'\n    }\n    if (code >= 51 && code <= 55) {\n        return 'drizzle'\n    }\n    if (code === 56 || code === 57) {\n        return 'freezingDrizzle'\n    }\n    if (code >= 61 && code <= 65) {\n        return 'rain'\n    }\n    if (code === 66 || code === 67) {\n        return 'freezingRain'\n    }\n    if (code >= 71 && code <= 77) {\n        return 'snow'\n    }\n    if (code >= 80 && code <= 82) {\n        return 'rainShowers'\n    }\n    if (code === 85 || code === 86) {\n        return 'snowShowers'\n    }\n    if (code === 95) {\n        return 'thunderstorm'\n    }\n    if (code === 96 || code === 99) {\n        return 'thunderstormHail'\n    }\n    return 'unknown'\n}\n\n/** Emoji per category (used by the language-neutral platform card renderer). */\nconst WMO_EMOJI: Record<WmoCategory, string> = {\n    clear: '☀️',\n    mainlyClear: '⛅',\n    partlyCloudy: '⛅',\n    overcast: '⛅',\n    fog: '🌫️',\n    drizzle: '🌦️',\n    freezingDrizzle: '🌦️',\n    rain: '🌧️',\n    freezingRain: '🌧️',\n    snow: '❄️',\n    rainShowers: '🌧️',\n    snowShowers: '🌨️',\n    thunderstorm: '⛈️',\n    thunderstormHail: '⛈️',\n    unknown: '🌡️',\n}\n\n/** WMO code → emoji (convenience for non-UI consumers). */\nexport function wmoEmoji(code: number | undefined): string {\n    return WMO_EMOJI[wmoCategory(code)]\n}\n\n/** Canonical European-AQI band, ordered best → worst. */\nexport type AqiBandKey =\n    'good' | 'fair' | 'moderate' | 'poor' | 'veryPoor' | 'hazardous'\n\n/** Classify a European AQI value into a band (index + canonical key). */\nexport function aqiBand(aqi: number): { index: number; key: AqiBandKey } {\n    if (aqi <= 20) {\n        return { index: 0, key: 'good' }\n    }\n    if (aqi <= 40) {\n        return { index: 1, key: 'fair' }\n    }\n    if (aqi <= 60) {\n        return { index: 2, key: 'moderate' }\n    }\n    if (aqi <= 80) {\n        return { index: 3, key: 'poor' }\n    }\n    if (aqi <= 100) {\n        return { index: 4, key: 'veryPoor' }\n    }\n    return { index: 5, key: 'hazardous' }\n}\n\n/** Colored dot per AQI band index (used by the platform card renderer). */\nconst AQI_DOTS = ['🟢', '🟡', '🟠', '🔴', '🟣', '⚫']\n\n/** AQI value → colored dot (convenience for non-UI consumers). */\nexport function aqiDot(aqi: number): string {\n    return AQI_DOTS[aqiBand(aqi).index]\n}\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import type { WeatherData } from 'models'\n    import {\n        aqiBand,\n        wmoCategory,\n        type AqiBandKey,\n        type WmoCategory,\n    } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { t: $t, d: $d, n: $n } = useI18n({ useScope: 'global' })\n\n    const toolPart = computed(() => {\n        return props.part as { input?: WeatherData; output?: WeatherData }\n    })\n\n    const data = computed(\n        () => toolPart.value.output ?? toolPart.value.input ?? null,\n    )\n\n    const selectedDayIndex = ref(0)\n\n    const dailyOpen = ref(!data.value?.current)\n\n    watch(selectedDayIndex, (index) => {\n        if (index > 0) {\n            dailyOpen.value = true\n        }\n    })\n\n    const selectedDay = computed(\n        () => data.value?.daily?.[selectedDayIndex.value],\n    )\n\n    /** Hourly entries filtered to the selected day's date */\n    const filteredHourly = computed(() => {\n        if (!data.value?.hourly?.length || !selectedDay.value) {\n            return data.value?.hourly ?? []\n        }\n        const dayDate = selectedDay.value.date\n        return data.value.hourly.filter((h) => h.time.startsWith(dayDate))\n    })\n\n    /**\n     * Parses a date/time string in various formats the LLM might produce.\n     * Tries ISO, space-separated, time-only, and common human-readable formats.\n     */\n    function safeDate(value: string): Date {\n        // 1. Try native parsing (works for ISO 8601 and many standard formats)\n        const direct = new Date(value)\n        if (!Number.isNaN(direct.getTime())) {\n            return direct\n        }\n\n        // 2. Replace space separator → T  (\"2024-04-15 14:00\" → \"2024-04-15T14:00\")\n        if (/^\\d{4}-\\d{2}-\\d{2} \\d{2}:\\d{2}/.test(value)) {\n            const withT = new Date(value.replace(' ', 'T'))\n            if (!Number.isNaN(withT.getTime())) {\n                return withT\n            }\n        }\n\n        // 3. Time-only (\"14:00\" or \"14:00:00\") → today at that hour\n        const timeOnly = value.match(/^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?$/)\n        if (timeOnly) {\n            const today = new Date()\n            today.setHours(\n                Number(timeOnly[1]),\n                Number(timeOnly[2]),\n                Number(timeOnly[3] ?? 0),\n                0,\n            )\n            return today\n        }\n\n        // 4. Date-only (\"2024-04-15\") → noon to avoid timezone edge\n        if (/^\\d{4}-\\d{2}-\\d{2}$/.test(value)) {\n            const noon = new Date(value + 'T12:00:00')\n            if (!Number.isNaN(noon.getTime())) {\n                return noon\n            }\n        }\n\n        // Last resort: return an obviously invalid sentinel so callers can handle it\n        return new Date(NaN)\n    }\n\n    /** Iconify `wi:` icon per canonical WMO category. */\n    const WMO_ICON: Record<WmoCategory, string> = {\n        clear: 'wi:day-sunny',\n        mainlyClear: 'wi:day-sunny-overcast',\n        partlyCloudy: 'wi:day-cloudy',\n        overcast: 'wi:cloudy',\n        fog: 'wi:fog',\n        drizzle: 'wi:sprinkle',\n        freezingDrizzle: 'wi:sleet',\n        rain: 'wi:rain',\n        freezingRain: 'wi:rain-mix',\n        snow: 'wi:snow',\n        rainShowers: 'wi:showers',\n        snowShowers: 'wi:snow-wind',\n        thunderstorm: 'wi:thunderstorm',\n        thunderstormHail: 'wi:storm-showers',\n        unknown: 'wi:na',\n    }\n\n    /** Maps WMO weather code to an Iconify wi: icon name */\n    function wmoToIcon(code: number): string {\n        return WMO_ICON[wmoCategory(code)]\n    }\n\n    /**\n     * Returns a formatted day label for daily forecast.\n     * When daily has 1-2 entries, use the date string directly.\n     * Otherwise, use index-based computation from today.\n     */\n    function formatDay(isoDate: string, index: number, total: number): string {\n        const parsed = safeDate(isoDate + 'T12:00:00')\n        if (!Number.isNaN(parsed.getTime())) {\n            const today = new Date()\n            today.setHours(12, 0, 0, 0)\n            const diffDays = Math.round(\n                (parsed.getTime() - today.getTime()) / 86_400_000,\n            )\n            if (diffDays === 0) {\n                return $t('weather.today')\n            }\n            return $d(parsed, 'weekday-day')\n        }\n        if (index === 0 && total <= 7) {\n            return $t('weather.today')\n        }\n        const fallback = new Date()\n        fallback.setDate(fallback.getDate() + index)\n        return $d(fallback, 'weekday-day')\n    }\n\n    const headerDate = computed(() => {\n        if (selectedDay.value) {\n            const parsed = safeDate(selectedDay.value.date + 'T12:00:00')\n            if (!Number.isNaN(parsed.getTime())) {\n                return formatDay(\n                    selectedDay.value.date,\n                    selectedDayIndex.value,\n                    data.value?.daily?.length ?? 1,\n                )\n            }\n        }\n        return formatDay(new Date().toISOString().slice(0, 10), 0, 1)\n    })\n\n    /** i18n label key + CSS class per canonical AQI band. */\n    const AQI_PRESENTATION: Record<\n        AqiBandKey,\n        { labelKey: string; class: string }\n    > = {\n        good: {\n            labelKey: 'weather.aqiGood',\n            class: 'text-green-600 bg-green-50',\n        },\n        fair: {\n            labelKey: 'weather.aqiFair',\n            class: 'text-lime-600 bg-lime-50',\n        },\n        moderate: {\n            labelKey: 'weather.aqiModerate',\n            class: 'text-yellow-600 bg-yellow-50',\n        },\n        poor: {\n            labelKey: 'weather.aqiPoor',\n            class: 'text-orange-600 bg-orange-50',\n        },\n        veryPoor: {\n            labelKey: 'weather.aqiVeryPoor',\n            class: 'text-red-600 bg-red-50',\n        },\n        hazardous: {\n            labelKey: 'weather.aqiHazardous',\n            class: 'text-purple-700 bg-purple-50',\n        },\n    }\n\n    /** Returns AQI label and CSS class for European AQI */\n    function aqiInfo(aqi: number): { label: string; class: string } {\n        const { labelKey, class: cssClass } = AQI_PRESENTATION[aqiBand(aqi).key]\n        return { label: $t(labelKey), class: cssClass }\n    }\n\n    /** Formats wind direction degrees to compass label */\n    function windDirectionLabel(deg: number): string {\n        const dirs = ['N', 'NE', 'E', 'SE', 'S', 'SO', 'O', 'NO']\n        return dirs[Math.round(deg / 45) % 8]\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"data\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <!-- Header -->\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:temp-cold-line\" class=\"text-16\" />\n            <strong class=\"font-bold truncate\">\n                {{ data.locationName }}\n            </strong>\n            <span class=\"ml-auto shrink-0 capitalize\">\n                {{ headerDate }}\n            </span>\n        </div>\n\n        <!-- Current conditions (only when real-time current is available AND first day is selected) -->\n        <div\n            v-if=\"data.current && selectedDayIndex === 0\"\n            class=\"px-sm py-md flex items-center gap-md flex-wrap\">\n            <div class=\"flex items-center gap-8\">\n                <VvIcon\n                    :name=\"wmoToIcon(data.current.weatherCode)\"\n                    class=\"text-48 text-word-2 shrink-0\" />\n                <span class=\"text-48 font-light leading-none text-word-1\">\n                    {{ $n(data.current.temperature, 'integer') }}&deg;\n                </span>\n            </div>\n            <div class=\"flex flex-col gap-4 text-12 text-word-3\">\n                <div class=\"flex items-center gap-6\">\n                    {{ $t('weather.feelsLike') }}\n                    {{ $n(data.current.feelsLike, 'integer') }}&deg;\n                </div>\n                <div class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:water-percent-line\" class=\"text-14\" />\n                    {{ data.current.humidity }}%\n                </div>\n                <div class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:windy-line\" class=\"text-14\" />\n                    {{ $n(data.current.windSpeed, 'integer') }} km/h\n                    {{ windDirectionLabel(data.current.windDirection) }}\n                </div>\n                <div\n                    v-if=\"data.current.uvIndex > 0\"\n                    class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:sun-line\" class=\"text-14\" />\n                    UV {{ $n(data.current.uvIndex, 'integer') }}\n                </div>\n            </div>\n        </div>\n\n        <!-- Day summary (when no real-time current, or a non-today day is selected) -->\n        <div\n            v-else-if=\"selectedDay\"\n            class=\"px-sm py-md flex items-center gap-md flex-wrap\">\n            <div class=\"flex items-center gap-8\">\n                <VvIcon\n                    :name=\"wmoToIcon(selectedDay.weatherCode)\"\n                    class=\"text-48 text-word-2 shrink-0\" />\n                <div class=\"flex flex-col leading-none\">\n                    <span class=\"text-48 font-light text-word-1\">\n                        {{ $n(selectedDay.maxTemp, 'integer') }}&deg;\n                    </span>\n                    <span class=\"text-20 text-word-3\">\n                        {{ $n(selectedDay.minTemp, 'integer') }}&deg;\n                    </span>\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 text-12 text-word-3\">\n                <div\n                    v-if=\"selectedDay.precipitationProbabilityMax > 0\"\n                    class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:drop-line\" class=\"text-14\" />\n                    {{ selectedDay.precipitationProbabilityMax }}% ({{\n                        selectedDay.precipitationSum\n                    }}\n                    mm)\n                </div>\n                <div\n                    v-if=\"selectedDay.uvIndexMax > 0\"\n                    class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:sun-line\" class=\"text-14\" />\n                    UV {{ $n(selectedDay.uvIndexMax, 'integer') }}\n                </div>\n                <div class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:sun-foggy-line\" class=\"text-14\" />\n                    {{ $d(safeDate(selectedDay.sunrise), 'time') }}\n                    –\n                    {{ $d(safeDate(selectedDay.sunset), 'time') }}\n                </div>\n            </div>\n        </div>\n\n        <!-- Hourly forecast (filtered to selected day) -->\n        <transition>\n            <div\n                v-if=\"filteredHourly.length > 0\"\n                class=\"border-t border-surface-3\">\n                <div\n                    class=\"flex overflow-x-auto gap-2 px-sm py-8 light-scrollbar\">\n                    <div\n                        v-for=\"hour in filteredHourly\"\n                        :key=\"hour.time\"\n                        class=\"flex flex-col items-center gap-4 min-w-48 px-4 py-6 rounded-xl text-11 text-word-3 shrink-0\">\n                        <span class=\"text-word-3\">{{\n                            Number.isNaN(safeDate(hour.time).getTime())\n                                ? hour.time\n                                : $d(safeDate(hour.time), 'time')\n                        }}</span>\n                        <VvIcon\n                            :name=\"wmoToIcon(hour.weatherCode)\"\n                            class=\"text-20 text-word-2\" />\n                        <span class=\"font-medium text-word-1\">\n                            {{ $n(hour.temperature, 'integer') }}&deg;\n                        </span>\n                        <span\n                            v-if=\"hour.precipitationProbability > 0\"\n                            class=\"text-word-5 text-smaller\">\n                            {{ hour.precipitationProbability }}%\n                        </span>\n                    </div>\n                </div>\n            </div>\n        </transition>\n\n        <!-- Daily forecast (clickable, inside accordion) -->\n        <transition>\n            <VvAccordion\n                v-if=\"data.daily?.length > 1\"\n                v-model=\"dailyOpen\"\n                modifiers=\"details no-padding\"\n                :title=\"$t('weather.dailyForecast')\"\n                class=\"border-t border-surface-3\">\n                <button\n                    v-for=\"(day, index) in data.daily\"\n                    :key=\"day.date\"\n                    type=\"button\"\n                    class=\"flex items-center gap-sm px-sm py-8 text-12 w-full text-left transition-colors cursor-pointer border-t border-surface-3\"\n                    :class=\"\n                        index === selectedDayIndex\n                            ? 'bg-surface-2'\n                            : 'hover:bg-surface-1'\n                    \"\n                    @click=\"selectedDayIndex = index\">\n                    <span class=\"w-48 shrink-0 text-word-3 capitalize\">\n                        {{ formatDay(day.date, index, data.daily.length) }}\n                    </span>\n                    <VvIcon\n                        :name=\"wmoToIcon(day.weatherCode)\"\n                        class=\"text-18 text-word-2 shrink-0\" />\n                    <span\n                        v-if=\"day.precipitationProbabilityMax > 0\"\n                        class=\"text-word-5 text-11 w-32 shrink-0\">\n                        {{ day.precipitationProbabilityMax }}%\n                    </span>\n                    <span v-else class=\"w-32 shrink-0\" />\n                    <div class=\"ml-auto flex items-center gap-8 text-word-3\">\n                        <span class=\"text-word-1 font-semibold\">\n                            {{ $n(day.maxTemp, 'integer') }}&deg;\n                        </span>\n                        <span>{{ $n(day.minTemp, 'integer') }}&deg;</span>\n                    </div>\n                </button>\n            </VvAccordion>\n        </transition>\n\n        <!-- Air quality -->\n        <div\n            v-if=\"data.airQuality\"\n            class=\"border-t border-surface-3 px-sm py-8 flex items-center gap-8 text-12\">\n            <VvIcon name=\"ri:windy-line\" class=\"text-14 text-word-3\" />\n            <span class=\"text-word-3\">{{ $t('weather.airQuality') }}</span>\n            <span\n                :class=\"[\n                    'ml-auto px-8 py-2 text-11 font-semibold',\n                    aqiInfo(data.airQuality.aqi).class,\n                ]\">\n                {{ aqiInfo(data.airQuality.aqi).label }}\n                ({{ data.airQuality.aqi }})\n            </span>\n        </div>\n    </div>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n    import type { WeatherData } from 'models'\n    import {\n        aqiBand,\n        wmoCategory,\n        type AqiBandKey,\n        type WmoCategory,\n    } from 'utils'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const { t: $t, d: $d, n: $n } = useI18n({ useScope: 'global' })\n\n    const toolPart = computed(() => {\n        return props.part as { input?: WeatherData; output?: WeatherData }\n    })\n\n    const data = computed(\n        () => toolPart.value.output ?? toolPart.value.input ?? null,\n    )\n\n    const selectedDayIndex = ref(0)\n\n    const dailyOpen = ref(!data.value?.current)\n\n    watch(selectedDayIndex, (index) => {\n        if (index > 0) {\n            dailyOpen.value = true\n        }\n    })\n\n    const selectedDay = computed(\n        () => data.value?.daily?.[selectedDayIndex.value],\n    )\n\n    /** Hourly entries filtered to the selected day's date */\n    const filteredHourly = computed(() => {\n        if (!data.value?.hourly?.length || !selectedDay.value) {\n            return data.value?.hourly ?? []\n        }\n        const dayDate = selectedDay.value.date\n        return data.value.hourly.filter((h) => h.time.startsWith(dayDate))\n    })\n\n    /**\n     * Parses a date/time string in various formats the LLM might produce.\n     * Tries ISO, space-separated, time-only, and common human-readable formats.\n     */\n    function safeDate(value: string): Date {\n        // 1. Try native parsing (works for ISO 8601 and many standard formats)\n        const direct = new Date(value)\n        if (!Number.isNaN(direct.getTime())) {\n            return direct\n        }\n\n        // 2. Replace space separator → T  (\"2024-04-15 14:00\" → \"2024-04-15T14:00\")\n        if (/^\\d{4}-\\d{2}-\\d{2} \\d{2}:\\d{2}/.test(value)) {\n            const withT = new Date(value.replace(' ', 'T'))\n            if (!Number.isNaN(withT.getTime())) {\n                return withT\n            }\n        }\n\n        // 3. Time-only (\"14:00\" or \"14:00:00\") → today at that hour\n        const timeOnly = value.match(/^(\\d{1,2}):(\\d{2})(?::(\\d{2}))?$/)\n        if (timeOnly) {\n            const today = new Date()\n            today.setHours(\n                Number(timeOnly[1]),\n                Number(timeOnly[2]),\n                Number(timeOnly[3] ?? 0),\n                0,\n            )\n            return today\n        }\n\n        // 4. Date-only (\"2024-04-15\") → noon to avoid timezone edge\n        if (/^\\d{4}-\\d{2}-\\d{2}$/.test(value)) {\n            const noon = new Date(value + 'T12:00:00')\n            if (!Number.isNaN(noon.getTime())) {\n                return noon\n            }\n        }\n\n        // Last resort: return an obviously invalid sentinel so callers can handle it\n        return new Date(NaN)\n    }\n\n    /** Iconify `wi:` icon per canonical WMO category. */\n    const WMO_ICON: Record<WmoCategory, string> = {\n        clear: 'wi:day-sunny',\n        mainlyClear: 'wi:day-sunny-overcast',\n        partlyCloudy: 'wi:day-cloudy',\n        overcast: 'wi:cloudy',\n        fog: 'wi:fog',\n        drizzle: 'wi:sprinkle',\n        freezingDrizzle: 'wi:sleet',\n        rain: 'wi:rain',\n        freezingRain: 'wi:rain-mix',\n        snow: 'wi:snow',\n        rainShowers: 'wi:showers',\n        snowShowers: 'wi:snow-wind',\n        thunderstorm: 'wi:thunderstorm',\n        thunderstormHail: 'wi:storm-showers',\n        unknown: 'wi:na',\n    }\n\n    /** Maps WMO weather code to an Iconify wi: icon name */\n    function wmoToIcon(code: number): string {\n        return WMO_ICON[wmoCategory(code)]\n    }\n\n    /**\n     * Returns a formatted day label for daily forecast.\n     * When daily has 1-2 entries, use the date string directly.\n     * Otherwise, use index-based computation from today.\n     */\n    function formatDay(isoDate: string, index: number, total: number): string {\n        const parsed = safeDate(isoDate + 'T12:00:00')\n        if (!Number.isNaN(parsed.getTime())) {\n            const today = new Date()\n            today.setHours(12, 0, 0, 0)\n            const diffDays = Math.round(\n                (parsed.getTime() - today.getTime()) / 86_400_000,\n            )\n            if (diffDays === 0) {\n                return $t('weather.today')\n            }\n            return $d(parsed, 'weekday-day')\n        }\n        if (index === 0 && total <= 7) {\n            return $t('weather.today')\n        }\n        const fallback = new Date()\n        fallback.setDate(fallback.getDate() + index)\n        return $d(fallback, 'weekday-day')\n    }\n\n    const headerDate = computed(() => {\n        if (selectedDay.value) {\n            const parsed = safeDate(selectedDay.value.date + 'T12:00:00')\n            if (!Number.isNaN(parsed.getTime())) {\n                return formatDay(\n                    selectedDay.value.date,\n                    selectedDayIndex.value,\n                    data.value?.daily?.length ?? 1,\n                )\n            }\n        }\n        return formatDay(new Date().toISOString().slice(0, 10), 0, 1)\n    })\n\n    /** i18n label key + CSS class per canonical AQI band. */\n    const AQI_PRESENTATION: Record<\n        AqiBandKey,\n        { labelKey: string; class: string }\n    > = {\n        good: {\n            labelKey: 'weather.aqiGood',\n            class: 'text-green-600 bg-green-50',\n        },\n        fair: {\n            labelKey: 'weather.aqiFair',\n            class: 'text-lime-600 bg-lime-50',\n        },\n        moderate: {\n            labelKey: 'weather.aqiModerate',\n            class: 'text-yellow-600 bg-yellow-50',\n        },\n        poor: {\n            labelKey: 'weather.aqiPoor',\n            class: 'text-orange-600 bg-orange-50',\n        },\n        veryPoor: {\n            labelKey: 'weather.aqiVeryPoor',\n            class: 'text-red-600 bg-red-50',\n        },\n        hazardous: {\n            labelKey: 'weather.aqiHazardous',\n            class: 'text-purple-700 bg-purple-50',\n        },\n    }\n\n    /** Returns AQI label and CSS class for European AQI */\n    function aqiInfo(aqi: number): { label: string; class: string } {\n        const { labelKey, class: cssClass } = AQI_PRESENTATION[aqiBand(aqi).key]\n        return { label: $t(labelKey), class: cssClass }\n    }\n\n    /** Formats wind direction degrees to compass label */\n    function windDirectionLabel(deg: number): string {\n        const dirs = ['N', 'NE', 'E', 'SE', 'S', 'SO', 'O', 'NO']\n        return dirs[Math.round(deg / 45) % 8]\n    }\n</script>\n\n<template>\n    <div\n        v-if=\"data\"\n        class=\"border border-surface-3 rounded-xl w-full overflow-hidden bg-surface\">\n        <!-- Header -->\n        <div\n            class=\"px-sm py-6 bg-surface-1 min-h-40 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri:temp-cold-line\" class=\"text-16\" />\n            <strong class=\"font-bold truncate\">\n                {{ data.locationName }}\n            </strong>\n            <span class=\"ml-auto shrink-0 capitalize\">\n                {{ headerDate }}\n            </span>\n        </div>\n\n        <!-- Current conditions (only when real-time current is available AND first day is selected) -->\n        <div\n            v-if=\"data.current && selectedDayIndex === 0\"\n            class=\"px-sm py-md flex items-center gap-md flex-wrap\">\n            <div class=\"flex items-center gap-8\">\n                <VvIcon\n                    :name=\"wmoToIcon(data.current.weatherCode)\"\n                    class=\"text-48 text-word-2 shrink-0\" />\n                <span class=\"text-48 font-light leading-none text-word-1\">\n                    {{ $n(data.current.temperature, 'integer') }}&deg;\n                </span>\n            </div>\n            <div class=\"flex flex-col gap-4 text-12 text-word-3\">\n                <div class=\"flex items-center gap-6\">\n                    {{ $t('weather.feelsLike') }}\n                    {{ $n(data.current.feelsLike, 'integer') }}&deg;\n                </div>\n                <div class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:water-percent-line\" class=\"text-14\" />\n                    {{ data.current.humidity }}%\n                </div>\n                <div class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:windy-line\" class=\"text-14\" />\n                    {{ $n(data.current.windSpeed, 'integer') }} km/h\n                    {{ windDirectionLabel(data.current.windDirection) }}\n                </div>\n                <div\n                    v-if=\"data.current.uvIndex > 0\"\n                    class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:sun-line\" class=\"text-14\" />\n                    UV {{ $n(data.current.uvIndex, 'integer') }}\n                </div>\n            </div>\n        </div>\n\n        <!-- Day summary (when no real-time current, or a non-today day is selected) -->\n        <div\n            v-else-if=\"selectedDay\"\n            class=\"px-sm py-md flex items-center gap-md flex-wrap\">\n            <div class=\"flex items-center gap-8\">\n                <VvIcon\n                    :name=\"wmoToIcon(selectedDay.weatherCode)\"\n                    class=\"text-48 text-word-2 shrink-0\" />\n                <div class=\"flex flex-col leading-none\">\n                    <span class=\"text-48 font-light text-word-1\">\n                        {{ $n(selectedDay.maxTemp, 'integer') }}&deg;\n                    </span>\n                    <span class=\"text-20 text-word-3\">\n                        {{ $n(selectedDay.minTemp, 'integer') }}&deg;\n                    </span>\n                </div>\n            </div>\n            <div class=\"flex flex-col gap-4 text-12 text-word-3\">\n                <div\n                    v-if=\"selectedDay.precipitationProbabilityMax > 0\"\n                    class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:drop-line\" class=\"text-14\" />\n                    {{ selectedDay.precipitationProbabilityMax }}% ({{\n                        selectedDay.precipitationSum\n                    }}\n                    mm)\n                </div>\n                <div\n                    v-if=\"selectedDay.uvIndexMax > 0\"\n                    class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:sun-line\" class=\"text-14\" />\n                    UV {{ $n(selectedDay.uvIndexMax, 'integer') }}\n                </div>\n                <div class=\"flex items-center gap-6\">\n                    <VvIcon name=\"ri:sun-foggy-line\" class=\"text-14\" />\n                    {{ $d(safeDate(selectedDay.sunrise), 'time') }}\n                    –\n                    {{ $d(safeDate(selectedDay.sunset), 'time') }}\n                </div>\n            </div>\n        </div>\n\n        <!-- Hourly forecast (filtered to selected day) -->\n        <transition>\n            <div\n                v-if=\"filteredHourly.length > 0\"\n                class=\"border-t border-surface-3\">\n                <div\n                    class=\"flex overflow-x-auto gap-2 px-sm py-8 light-scrollbar\">\n                    <div\n                        v-for=\"hour in filteredHourly\"\n                        :key=\"hour.time\"\n                        class=\"flex flex-col items-center gap-4 min-w-48 px-4 py-6 rounded-xl text-11 text-word-3 shrink-0\">\n                        <span class=\"text-word-3\">{{\n                            Number.isNaN(safeDate(hour.time).getTime())\n                                ? hour.time\n                                : $d(safeDate(hour.time), 'time')\n                        }}</span>\n                        <VvIcon\n                            :name=\"wmoToIcon(hour.weatherCode)\"\n                            class=\"text-20 text-word-2\" />\n                        <span class=\"font-medium text-word-1\">\n                            {{ $n(hour.temperature, 'integer') }}&deg;\n                        </span>\n                        <span\n                            v-if=\"hour.precipitationProbability > 0\"\n                            class=\"text-word-5 text-smaller\">\n                            {{ hour.precipitationProbability }}%\n                        </span>\n                    </div>\n                </div>\n            </div>\n        </transition>\n\n        <!-- Daily forecast (clickable, inside accordion) -->\n        <transition>\n            <VvAccordion\n                v-if=\"data.daily?.length > 1\"\n                v-model=\"dailyOpen\"\n                modifiers=\"details no-padding\"\n                :title=\"$t('weather.dailyForecast')\"\n                class=\"border-t border-surface-3\">\n                <button\n                    v-for=\"(day, index) in data.daily\"\n                    :key=\"day.date\"\n                    type=\"button\"\n                    class=\"flex items-center gap-sm px-sm py-8 text-12 w-full text-left transition-colors cursor-pointer border-t border-surface-3\"\n                    :class=\"\n                        index === selectedDayIndex\n                            ? 'bg-surface-2'\n                            : 'hover:bg-surface-1'\n                    \"\n                    @click=\"selectedDayIndex = index\">\n                    <span class=\"w-48 shrink-0 text-word-3 capitalize\">\n                        {{ formatDay(day.date, index, data.daily.length) }}\n                    </span>\n                    <VvIcon\n                        :name=\"wmoToIcon(day.weatherCode)\"\n                        class=\"text-18 text-word-2 shrink-0\" />\n                    <span\n                        v-if=\"day.precipitationProbabilityMax > 0\"\n                        class=\"text-word-5 text-11 w-32 shrink-0\">\n                        {{ day.precipitationProbabilityMax }}%\n                    </span>\n                    <span v-else class=\"w-32 shrink-0\" />\n                    <div class=\"ml-auto flex items-center gap-8 text-word-3\">\n                        <span class=\"text-word-1 font-semibold\">\n                            {{ $n(day.maxTemp, 'integer') }}&deg;\n                        </span>\n                        <span>{{ $n(day.minTemp, 'integer') }}&deg;</span>\n                    </div>\n                </button>\n            </VvAccordion>\n        </transition>\n\n        <!-- Air quality -->\n        <div\n            v-if=\"data.airQuality\"\n            class=\"border-t border-surface-3 px-sm py-8 flex items-center gap-8 text-12\">\n            <VvIcon name=\"ri:windy-line\" class=\"text-14 text-word-3\" />\n            <span class=\"text-word-3\">{{ $t('weather.airQuality') }}</span>\n            <span\n                :class=\"[\n                    'ml-auto px-8 py-2 text-11 font-semibold',\n                    aqiInfo(data.airQuality.aqi).class,\n                ]\">\n                {{ aqiInfo(data.airQuality.aqi).label }}\n                ({{ data.airQuality.aqi }})\n            </span>\n        </div>\n    </div>\n</template>\n"],"mappings":"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"}

package/dist-vue/_chunks/{PkToolShowWebPages-Bzkkn9GV.js → PkToolShowWebPages-DY48ee6V.js}

@@ -2,7 +2,7 @@ import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
 import "./src-DT8FLE4_.js";
 import { n as t } from "./url-validation-uLMZ5-AU.js";
 import { t as n } from "./PkLazyImg-CDxX9xnq.js";
-import { t as r } from "./PkUrl-xUBKVJCv.js";
+import { t as r } from "./PkUrl-DSGxrEM7.js";
 import { VvIcon as i } from "@volverjs/ui-vue/components";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v } from "vue";
 //#region ../../packages/components/src/chat/PkToolShowWebPages.vue?vue&type=script&setup=true&lang.ts
@@ -76,4 +76,4 @@ var y = {
 //#endregion
 export { D as n, O as t };
 
-//# sourceMappingURL=PkToolShowWebPages-Bzkkn9GV.js.map
+//# sourceMappingURL=PkToolShowWebPages-DY48ee6V.js.map

package/dist-vue/_chunks/{PkToolShowWebPages-Bzkkn9GV.js.map → PkToolShowWebPages-DY48ee6V.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowWebPages-Bzkkn9GV.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowWebPages.vue","../../../../packages/components/src/chat/PkToolShowWebPages.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isSameSite } from 'utils'\n    import PkLazyImg from '../PkLazyImg.vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                pages: Array<{\n                    title: string\n                    url: string\n                    image?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    // The model often passes the same URL several times (e.g. multiple KB\n    // chunks from one page), so collapse duplicates, keeping the first (richest)\n    // entry. Normalize by dropping the hash and any trailing slash.\n    const normalizeUrl = (url: string) => {\n        try {\n            const u = new URL(url)\n            u.hash = ''\n            return u.toString().replace(/\\/$/, '')\n        } catch {\n            return url.trim().replace(/\\/$/, '')\n        }\n    }\n    const uniquePages = computed(() => {\n        const seen = new Set<string>()\n        const result: NonNullable<typeof toolPart.value.input>['pages'] = []\n        for (const page of toolPart.value.input?.pages || []) {\n            const key = normalizeUrl(page.url)\n            if (seen.has(key)) {\n                continue\n            }\n            seen.add(key)\n            result.push(page)\n        }\n        return result\n    })\n\n    const showMore = ref(false)\n    const pages = computed(() => {\n        if (showMore.value) {\n            return uniquePages.value\n        }\n        return uniquePages.value.slice(0, 2)\n    })\n    const hasMore = computed(() => uniquePages.value.length > 2)\n</script>\n\n<template>\n    <ul v-if=\"pages?.length\" class=\"u-pick-list w-full shrink-0\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"u-pick-list__row\">\n            <a\n                :href=\"page.url\"\n                :title=\"$t('action.open')\"\n                :target=\"isSameSite(page.url) ? undefined : '_blank'\"\n                :rel=\"isSameSite(page.url) ? undefined : 'noopener noreferrer'\"\n                class=\"u-pick-list__entry u-pick-list__entry--roomy u-pick-list__entry--top\">\n                <!-- og:images the model scraped are third-party urls: a dead one\n                     degrades to an icon instead of breaking the card layout -->\n                <PkLazyImg\n                    v-if=\"page.image\"\n                    :src=\"page.image\"\n                    :alt=\"page.title\"\n                    fallback-icon=\"ri:image-off-line\"\n                    class=\"w-48 h-48 object-contain rounded-lg shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong\n                        class=\"u-pick-list__label font-medium text-12 text-word-1\">\n                        {{ page.title }}\n                    </strong>\n                    <span\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"page.url\" />\n                    </span>\n                    <p\n                        v-if=\"page.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ page.description }}\n                    </p>\n                </div>\n            </a>\n        </li>\n        <li v-if=\"hasMore\" class=\"u-pick-list__row\">\n            <button\n                class=\"u-pick-list__entry text-12 text-word-3 justify-center cursor-pointer\"\n                @click=\"showMore = !showMore\">\n                <VvIcon\n                    :name=\"\n                        showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\n                    \"\n                    class=\"text-16\" />\n                {{\n                    showMore\n                        ? $t('action.showLess')\n                        : $t('action.showMore', {\n                              count: uniquePages.length - 2,\n                          })\n                }}\n            </button>\n        </li>\n    </ul>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isSameSite } from 'utils'\n    import PkLazyImg from '../PkLazyImg.vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                pages: Array<{\n                    title: string\n                    url: string\n                    image?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    // The model often passes the same URL several times (e.g. multiple KB\n    // chunks from one page), so collapse duplicates, keeping the first (richest)\n    // entry. Normalize by dropping the hash and any trailing slash.\n    const normalizeUrl = (url: string) => {\n        try {\n            const u = new URL(url)\n            u.hash = ''\n            return u.toString().replace(/\\/$/, '')\n        } catch {\n            return url.trim().replace(/\\/$/, '')\n        }\n    }\n    const uniquePages = computed(() => {\n        const seen = new Set<string>()\n        const result: NonNullable<typeof toolPart.value.input>['pages'] = []\n        for (const page of toolPart.value.input?.pages || []) {\n            const key = normalizeUrl(page.url)\n            if (seen.has(key)) {\n                continue\n            }\n            seen.add(key)\n            result.push(page)\n        }\n        return result\n    })\n\n    const showMore = ref(false)\n    const pages = computed(() => {\n        if (showMore.value) {\n            return uniquePages.value\n        }\n        return uniquePages.value.slice(0, 2)\n    })\n    const hasMore = computed(() => uniquePages.value.length > 2)\n</script>\n\n<template>\n    <ul v-if=\"pages?.length\" class=\"u-pick-list w-full shrink-0\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"u-pick-list__row\">\n            <a\n                :href=\"page.url\"\n                :title=\"$t('action.open')\"\n                :target=\"isSameSite(page.url) ? undefined : '_blank'\"\n                :rel=\"isSameSite(page.url) ? undefined : 'noopener noreferrer'\"\n                class=\"u-pick-list__entry u-pick-list__entry--roomy u-pick-list__entry--top\">\n                <!-- og:images the model scraped are third-party urls: a dead one\n                     degrades to an icon instead of breaking the card layout -->\n                <PkLazyImg\n                    v-if=\"page.image\"\n                    :src=\"page.image\"\n                    :alt=\"page.title\"\n                    fallback-icon=\"ri:image-off-line\"\n                    class=\"w-48 h-48 object-contain rounded-lg shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong\n                        class=\"u-pick-list__label font-medium text-12 text-word-1\">\n                        {{ page.title }}\n                    </strong>\n                    <span\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"page.url\" />\n                    </span>\n                    <p\n                        v-if=\"page.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ page.description }}\n                    </p>\n                </div>\n            </a>\n        </li>\n        <li v-if=\"hasMore\" class=\"u-pick-list__row\">\n            <button\n                class=\"u-pick-list__entry text-12 text-word-3 justify-center cursor-pointer\"\n                @click=\"showMore = !showMore\">\n                <VvIcon\n                    :name=\"\n                        showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\n                    \"\n                    class=\"text-16\" />\n                {{\n                    showMore\n                        ? $t('action.showLess')\n                        : $t('action.showMore', {\n                              count: uniquePages.length - 2,\n                          })\n                }}\n            </button>\n        </li>\n    </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAMI,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,IAWtB,GAKK,KAAgB,MAAgB;GAClC,IAAI;IACA,IAAM,IAAI,IAAI,IAAI,CAAG;IAErB,OADA,EAAE,OAAO,IACF,EAAE,SAAS,CAAC,CAAC,QAAQ,OAAO,EAAE;GACzC,QAAQ;IACJ,OAAO,EAAI,KAAK,CAAC,CAAC,QAAQ,OAAO,EAAE;GACvC;EACJ,GACM,IAAc,QAAe;GAC/B,IAAM,oBAAO,IAAI,IAAY,GACvB,IAA4D,CAAC;GACnE,KAAK,IAAM,KAAQ,EAAS,MAAM,OAAO,SAAS,CAAC,GAAG;IAClD,IAAM,IAAM,EAAa,EAAK,GAAG;IAC7B,EAAK,IAAI,CAAG,MAGhB,EAAK,IAAI,CAAG,GACZ,EAAO,KAAK,CAAI;GACpB;GACA,OAAO;EACX,CAAC,GAEK,IAAW,EAAI,EAAK,GACpB,IAAQ,QACN,EAAS,QACF,EAAY,QAEhB,EAAY,MAAM,MAAM,GAAG,CAAC,CACtC,GACK,IAAU,QAAe,EAAY,MAAM,SAAS,CAAC;;;GAIjD,OAAA,EAAA,OAAO,UAAjB,EAAA,GAAA,EAuDK,MAvDL,GAuDK,EAtDD,EAAA,EAAA,GAAA,EAmCK,GAAA,MAAA,EAlCuB,EAAA,QAAhB,GAAM,OADlB,EAAA,GAAA,EAmCK,MAAA;IAjCA,KAAK;IACN,OAAM;GACN,GAAA,CAAA,EA8BI,KAAA;IA7BC,MAAM,EAAK;IACX,OAAOA,EAAAA,GAAE,aAAA;IACT,QAAQ,EAAA,CAAA,CAAU,CAAC,EAAK,GAAG,IAAI,KAAA,IAAS;IACxC,KAAK,EAAA,CAAA,CAAU,CAAC,EAAK,GAAG,IAAI,KAAA,IAAS;IACtC,OAAM;GAII,GAAA,CAAA,EAAK,SADf,EAAA,GAAA,EAK8F,GAAA;;IAHzF,KAAK,EAAK;IACV,KAAK,EAAK;IACX,iBAAc;IACd,OAAM;GACV,GAAA,MAAA,GAAA,CAAA,OAAA,KAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAAA,EAeM,OAfN,GAeM;IAdF,EAGS,UAHT,GAGS,EADF,EAAK,KAAK,GAAA,CAAA;IAEjB,EAIO,QAJP,GAIO,CAFH,EAAkD,GAAA;KAA1C,MAAK;KAAU,OAAM;IAC7B,CAAA,GAAA,EAAyB,GAAA,EAAjB,KAAK,EAAK,IAAA,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA;IAGZ,EAAK,eADf,EAAA,GAAA,EAII,KAJJ,GAII,EADG,EAAK,WAAW,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;gBAKzB,GAAA,GAAA,IAAA,EAAA,SAAV,EAAA,GAAA,EAiBK,MAjBL,GAiBK,CAhBD,EAeS,UAAA;IAdL,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,CAAI,EAAA;GACpB,GAAA,CAAA,EAIsB,GAAA;IAHjB,MAA+B,EAAA,QAAQ,uBAAA;IAGxC,OAAM;GAAY,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,GAAA,EAAA,MACtB,EACI,EAAA,QAAmCA,EAAAA,GAAE,iBAAA,IAA8CA,EAAAA,GAAE,mBAAA,EAA2D,OAAA,EAAA,MAAY,SAAM,EAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"PkToolShowWebPages-DY48ee6V.js","names":["$t"],"sources":["../../../../packages/components/src/chat/PkToolShowWebPages.vue","../../../../packages/components/src/chat/PkToolShowWebPages.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isSameSite } from 'utils'\n    import PkLazyImg from '../PkLazyImg.vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                pages: Array<{\n                    title: string\n                    url: string\n                    image?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    // The model often passes the same URL several times (e.g. multiple KB\n    // chunks from one page), so collapse duplicates, keeping the first (richest)\n    // entry. Normalize by dropping the hash and any trailing slash.\n    const normalizeUrl = (url: string) => {\n        try {\n            const u = new URL(url)\n            u.hash = ''\n            return u.toString().replace(/\\/$/, '')\n        } catch {\n            return url.trim().replace(/\\/$/, '')\n        }\n    }\n    const uniquePages = computed(() => {\n        const seen = new Set<string>()\n        const result: NonNullable<typeof toolPart.value.input>['pages'] = []\n        for (const page of toolPart.value.input?.pages || []) {\n            const key = normalizeUrl(page.url)\n            if (seen.has(key)) {\n                continue\n            }\n            seen.add(key)\n            result.push(page)\n        }\n        return result\n    })\n\n    const showMore = ref(false)\n    const pages = computed(() => {\n        if (showMore.value) {\n            return uniquePages.value\n        }\n        return uniquePages.value.slice(0, 2)\n    })\n    const hasMore = computed(() => uniquePages.value.length > 2)\n</script>\n\n<template>\n    <ul v-if=\"pages?.length\" class=\"u-pick-list w-full shrink-0\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"u-pick-list__row\">\n            <a\n                :href=\"page.url\"\n                :title=\"$t('action.open')\"\n                :target=\"isSameSite(page.url) ? undefined : '_blank'\"\n                :rel=\"isSameSite(page.url) ? undefined : 'noopener noreferrer'\"\n                class=\"u-pick-list__entry u-pick-list__entry--roomy u-pick-list__entry--top\">\n                <!-- og:images the model scraped are third-party urls: a dead one\n                     degrades to an icon instead of breaking the card layout -->\n                <PkLazyImg\n                    v-if=\"page.image\"\n                    :src=\"page.image\"\n                    :alt=\"page.title\"\n                    fallback-icon=\"ri:image-off-line\"\n                    class=\"w-48 h-48 object-contain rounded-lg shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong\n                        class=\"u-pick-list__label font-medium text-12 text-word-1\">\n                        {{ page.title }}\n                    </strong>\n                    <span\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"page.url\" />\n                    </span>\n                    <p\n                        v-if=\"page.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ page.description }}\n                    </p>\n                </div>\n            </a>\n        </li>\n        <li v-if=\"hasMore\" class=\"u-pick-list__row\">\n            <button\n                class=\"u-pick-list__entry text-12 text-word-3 justify-center cursor-pointer\"\n                @click=\"showMore = !showMore\">\n                <VvIcon\n                    :name=\"\n                        showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\n                    \"\n                    class=\"text-16\" />\n                {{\n                    showMore\n                        ? $t('action.showLess')\n                        : $t('action.showMore', {\n                              count: uniquePages.length - 2,\n                          })\n                }}\n            </button>\n        </li>\n    </ul>\n</template>\n","<script setup lang=\"ts\">\n    import { computed, ref } from 'vue'\n    import { isSameSite } from 'utils'\n    import PkLazyImg from '../PkLazyImg.vue'\n    import PkUrl from '../PkUrl.vue'\n\n    const props = defineProps<{\n        part: unknown\n    }>()\n\n    const toolPart = computed(() => {\n        const part = props.part as {\n            input?: {\n                pages: Array<{\n                    title: string\n                    url: string\n                    image?: string\n                    description?: string\n                }>\n            }\n        }\n        return part\n    })\n\n    // The model often passes the same URL several times (e.g. multiple KB\n    // chunks from one page), so collapse duplicates, keeping the first (richest)\n    // entry. Normalize by dropping the hash and any trailing slash.\n    const normalizeUrl = (url: string) => {\n        try {\n            const u = new URL(url)\n            u.hash = ''\n            return u.toString().replace(/\\/$/, '')\n        } catch {\n            return url.trim().replace(/\\/$/, '')\n        }\n    }\n    const uniquePages = computed(() => {\n        const seen = new Set<string>()\n        const result: NonNullable<typeof toolPart.value.input>['pages'] = []\n        for (const page of toolPart.value.input?.pages || []) {\n            const key = normalizeUrl(page.url)\n            if (seen.has(key)) {\n                continue\n            }\n            seen.add(key)\n            result.push(page)\n        }\n        return result\n    })\n\n    const showMore = ref(false)\n    const pages = computed(() => {\n        if (showMore.value) {\n            return uniquePages.value\n        }\n        return uniquePages.value.slice(0, 2)\n    })\n    const hasMore = computed(() => uniquePages.value.length > 2)\n</script>\n\n<template>\n    <ul v-if=\"pages?.length\" class=\"u-pick-list w-full shrink-0\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"u-pick-list__row\">\n            <a\n                :href=\"page.url\"\n                :title=\"$t('action.open')\"\n                :target=\"isSameSite(page.url) ? undefined : '_blank'\"\n                :rel=\"isSameSite(page.url) ? undefined : 'noopener noreferrer'\"\n                class=\"u-pick-list__entry u-pick-list__entry--roomy u-pick-list__entry--top\">\n                <!-- og:images the model scraped are third-party urls: a dead one\n                     degrades to an icon instead of breaking the card layout -->\n                <PkLazyImg\n                    v-if=\"page.image\"\n                    :src=\"page.image\"\n                    :alt=\"page.title\"\n                    fallback-icon=\"ri:image-off-line\"\n                    class=\"w-48 h-48 object-contain rounded-lg shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong\n                        class=\"u-pick-list__label font-medium text-12 text-word-1\">\n                        {{ page.title }}\n                    </strong>\n                    <span\n                        class=\"text-10 text-word-4 truncate flex items-center gap-4\">\n                        <VvIcon name=\"ri:link\" class=\"shrink-0 text-12\" />\n                        <PkUrl :url=\"page.url\" />\n                    </span>\n                    <p\n                        v-if=\"page.description\"\n                        class=\"text-12 text-word-3 line-clamp-2\">\n                        {{ page.description }}\n                    </p>\n                </div>\n            </a>\n        </li>\n        <li v-if=\"hasMore\" class=\"u-pick-list__row\">\n            <button\n                class=\"u-pick-list__entry text-12 text-word-3 justify-center cursor-pointer\"\n                @click=\"showMore = !showMore\">\n                <VvIcon\n                    :name=\"\n                        showMore ? 'ri:arrow-up-s-line' : 'ri:arrow-down-s-line'\n                    \"\n                    class=\"text-16\" />\n                {{\n                    showMore\n                        ? $t('action.showLess')\n                        : $t('action.showMore', {\n                              count: uniquePages.length - 2,\n                          })\n                }}\n            </button>\n        </li>\n    </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAMI,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,IAWtB,GAKK,KAAgB,MAAgB;GAClC,IAAI;IACA,IAAM,IAAI,IAAI,IAAI,CAAG;IAErB,OADA,EAAE,OAAO,IACF,EAAE,SAAS,CAAC,CAAC,QAAQ,OAAO,EAAE;GACzC,QAAQ;IACJ,OAAO,EAAI,KAAK,CAAC,CAAC,QAAQ,OAAO,EAAE;GACvC;EACJ,GACM,IAAc,QAAe;GAC/B,IAAM,oBAAO,IAAI,IAAY,GACvB,IAA4D,CAAC;GACnE,KAAK,IAAM,KAAQ,EAAS,MAAM,OAAO,SAAS,CAAC,GAAG;IAClD,IAAM,IAAM,EAAa,EAAK,GAAG;IAC7B,EAAK,IAAI,CAAG,MAGhB,EAAK,IAAI,CAAG,GACZ,EAAO,KAAK,CAAI;GACpB;GACA,OAAO;EACX,CAAC,GAEK,IAAW,EAAI,EAAK,GACpB,IAAQ,QACN,EAAS,QACF,EAAY,QAEhB,EAAY,MAAM,MAAM,GAAG,CAAC,CACtC,GACK,IAAU,QAAe,EAAY,MAAM,SAAS,CAAC;;;GAIjD,OAAA,EAAA,OAAO,UAAjB,EAAA,GAAA,EAuDK,MAvDL,GAuDK,EAtDD,EAAA,EAAA,GAAA,EAmCK,GAAA,MAAA,EAlCuB,EAAA,QAAhB,GAAM,OADlB,EAAA,GAAA,EAmCK,MAAA;IAjCA,KAAK;IACN,OAAM;GACN,GAAA,CAAA,EA8BI,KAAA;IA7BC,MAAM,EAAK;IACX,OAAOA,EAAAA,GAAE,aAAA;IACT,QAAQ,EAAA,CAAA,CAAU,CAAC,EAAK,GAAG,IAAI,KAAA,IAAS;IACxC,KAAK,EAAA,CAAA,CAAU,CAAC,EAAK,GAAG,IAAI,KAAA,IAAS;IACtC,OAAM;GAII,GAAA,CAAA,EAAK,SADf,EAAA,GAAA,EAK8F,GAAA;;IAHzF,KAAK,EAAK;IACV,KAAK,EAAK;IACX,iBAAc;IACd,OAAM;GACV,GAAA,MAAA,GAAA,CAAA,OAAA,KAAA,CAAA,KAAA,EAAA,IAAA,EAAA,GAAA,EAeM,OAfN,GAeM;IAdF,EAGS,UAHT,GAGS,EADF,EAAK,KAAK,GAAA,CAAA;IAEjB,EAIO,QAJP,GAIO,CAFH,EAAkD,GAAA;KAA1C,MAAK;KAAU,OAAM;IAC7B,CAAA,GAAA,EAAyB,GAAA,EAAjB,KAAK,EAAK,IAAA,GAAA,MAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA;IAGZ,EAAK,eADf,EAAA,GAAA,EAII,KAJJ,GAII,EADG,EAAK,WAAW,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA;gBAKzB,GAAA,GAAA,IAAA,EAAA,SAAV,EAAA,GAAA,EAiBK,MAjBL,GAiBK,CAhBD,EAeS,UAAA;IAdL,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,CAAI,EAAA;GACpB,GAAA,CAAA,EAIsB,GAAA;IAHjB,MAA+B,EAAA,QAAQ,uBAAA;IAGxC,OAAM;GAAY,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,GAAA,EAAA,MACtB,EACI,EAAA,QAAmCA,EAAAA,GAAE,iBAAA,IAA8CA,EAAAA,GAAE,mBAAA,EAA2D,OAAA,EAAA,MAAY,SAAM,EAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA,KAAA,EAAA,IAAA,EAAA"}

package/dist-vue/_chunks/{PkUrl-xUBKVJCv.js → PkUrl-DSGxrEM7.js}

@@ -1,4 +1,4 @@
-import { r as e } from "./PkStreamingMarkdown-D8_LwZMR.js";
+import { r as e } from "./PkStreamingMarkdown-DIaZEedG.js";
 import { Fragment as t, computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderList as l, resolveDynamicComponent as u, toDisplayString as d, withCtx as f } from "vue";
 //#region ../../packages/components/src/PkUrl.vue?vue&type=script&setup=true&lang.ts
 var p = {
@@ -80,4 +80,4 @@ var p = {
 //#endregion
 export { h as t };
 
-//# sourceMappingURL=PkUrl-xUBKVJCv.js.map
+//# sourceMappingURL=PkUrl-DSGxrEM7.js.map

package/dist-vue/_chunks/PkUrl-DSGxrEM7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PkUrl-DSGxrEM7.js","names":[],"sources":["../../../../packages/components/src/PkUrl.vue","../../../../packages/components/src/PkUrl.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useShortUrlResolver } from 'composables'\n\n    interface Props {\n        url: string\n        maxLength?: number\n        domainClass?: string\n        target?: '_blank' | '_self' | '_parent' | '_top'\n        rel?: string\n        muted?: boolean\n    }\n\n    const props = withDefaults(defineProps<Props>(), {\n        maxLength: 60,\n        domainClass: undefined,\n        target: '_blank',\n        rel: 'noopener noreferrer',\n        muted: false,\n    })\n\n    // Only the displayed URL text is resolved to its real target; the href is\n    // kept as the short url so the redirect endpoint still handles tracking.\n    const { resolve } = useShortUrlResolver()\n    const resolved = resolve(() => props.url)\n    const displayUrl = computed(() => resolved.value.url)\n    const isResolving = computed(() => resolved.value.loading)\n\n    const parsedUrl = computed(() => {\n        try {\n            const urlObj = new URL(displayUrl.value ?? props.url)\n            let hostname = urlObj.hostname\n\n            // Remove www. prefix\n            if (hostname.startsWith('www.')) {\n                hostname = hostname.substring(4)\n            }\n\n            // Get pathname and remove trailing slash\n            let pathname = urlObj.pathname\n            if (pathname === '/') {\n                pathname = ''\n            }\n\n            // Split pathname into segments\n            const segments = pathname\n                .split('/')\n                .filter((segment) => segment.length > 0)\n\n            return {\n                domain: hostname,\n                segments,\n                fullPath: hostname + pathname,\n            }\n        } catch {\n            // If URL parsing fails, return the original URL\n            const fallback = displayUrl.value ?? props.url\n            return {\n                domain: fallback,\n                segments: [],\n                fullPath: fallback,\n            }\n        }\n    })\n\n    const truncatedUrl = computed(() => {\n        if (parsedUrl.value.fullPath.length <= props.maxLength) {\n            return parsedUrl.value\n        }\n\n        // If too long, truncate segments from the beginning\n        const domain = parsedUrl.value.domain\n        const allSegments = parsedUrl.value.segments\n\n        // Always show at least the last segment\n        if (allSegments.length === 0) {\n            return {\n                domain,\n                segments: [],\n                fullPath: domain,\n            }\n        }\n\n        const segments: string[] = []\n\n        // Calculate from the end\n        let currentLength = domain.length\n\n        // Try to fit segments from the end\n        for (let i = allSegments.length - 1; i >= 0; i--) {\n            const segment = allSegments[i]\n\n            // Always include at least the last segment\n            if (segments.length === 0) {\n                currentLength += segment.length + 1\n                segments.unshift(segment)\n            } else if (currentLength + segment.length + 1 <= props.maxLength) {\n                currentLength += segment.length + 1\n                segments.unshift(segment)\n            } else {\n                segments.unshift('...')\n                break\n            }\n        }\n\n        return {\n            domain,\n            segments,\n            fullPath: domain + '/' + segments.join('/'),\n        }\n    })\n</script>\n\n<template>\n    <Component\n        :is=\"muted ? 'span' : 'a'\"\n        class=\"pk-url\"\n        :href=\"muted ? undefined : props.url\"\n        :target=\"muted ? undefined : props.target\"\n        :rel=\"muted ? undefined : props.rel\">\n        <span v-if=\"isResolving\" class=\"pk-url__skeleton vv-skeleton\">\n            <span class=\"vv-skeleton__item\" />\n        </span>\n        <template v-else>\n            <span :class=\"['pk-url__domain', domainClass]\">{{\n                truncatedUrl.domain\n            }}</span>\n            <template\n                v-for=\"(segment, index) in truncatedUrl.segments\"\n                :key=\"index\">\n                <span class=\"pk-url__separator\">›</span>\n                <span class=\"pk-url__segment\">{{ segment }}</span>\n            </template>\n        </template>\n    </Component>\n</template>\n\n<style lang=\"scss\">\n    @layer volver.components {\n        .pk-url {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5ch;\n        }\n\n        .pk-url__skeleton {\n            display: inline-flex;\n            width: 12ch;\n            max-width: 100%;\n\n            .vv-skeleton__item {\n                width: 100%;\n                height: 1em;\n                border-radius: 0.25em;\n            }\n        }\n    }\n</style>\n","<script setup lang=\"ts\">\n    import { computed } from 'vue'\n    import { useShortUrlResolver } from 'composables'\n\n    interface Props {\n        url: string\n        maxLength?: number\n        domainClass?: string\n        target?: '_blank' | '_self' | '_parent' | '_top'\n        rel?: string\n        muted?: boolean\n    }\n\n    const props = withDefaults(defineProps<Props>(), {\n        maxLength: 60,\n        domainClass: undefined,\n        target: '_blank',\n        rel: 'noopener noreferrer',\n        muted: false,\n    })\n\n    // Only the displayed URL text is resolved to its real target; the href is\n    // kept as the short url so the redirect endpoint still handles tracking.\n    const { resolve } = useShortUrlResolver()\n    const resolved = resolve(() => props.url)\n    const displayUrl = computed(() => resolved.value.url)\n    const isResolving = computed(() => resolved.value.loading)\n\n    const parsedUrl = computed(() => {\n        try {\n            const urlObj = new URL(displayUrl.value ?? props.url)\n            let hostname = urlObj.hostname\n\n            // Remove www. prefix\n            if (hostname.startsWith('www.')) {\n                hostname = hostname.substring(4)\n            }\n\n            // Get pathname and remove trailing slash\n            let pathname = urlObj.pathname\n            if (pathname === '/') {\n                pathname = ''\n            }\n\n            // Split pathname into segments\n            const segments = pathname\n                .split('/')\n                .filter((segment) => segment.length > 0)\n\n            return {\n                domain: hostname,\n                segments,\n                fullPath: hostname + pathname,\n            }\n        } catch {\n            // If URL parsing fails, return the original URL\n            const fallback = displayUrl.value ?? props.url\n            return {\n                domain: fallback,\n                segments: [],\n                fullPath: fallback,\n            }\n        }\n    })\n\n    const truncatedUrl = computed(() => {\n        if (parsedUrl.value.fullPath.length <= props.maxLength) {\n            return parsedUrl.value\n        }\n\n        // If too long, truncate segments from the beginning\n        const domain = parsedUrl.value.domain\n        const allSegments = parsedUrl.value.segments\n\n        // Always show at least the last segment\n        if (allSegments.length === 0) {\n            return {\n                domain,\n                segments: [],\n                fullPath: domain,\n            }\n        }\n\n        const segments: string[] = []\n\n        // Calculate from the end\n        let currentLength = domain.length\n\n        // Try to fit segments from the end\n        for (let i = allSegments.length - 1; i >= 0; i--) {\n            const segment = allSegments[i]\n\n            // Always include at least the last segment\n            if (segments.length === 0) {\n                currentLength += segment.length + 1\n                segments.unshift(segment)\n            } else if (currentLength + segment.length + 1 <= props.maxLength) {\n                currentLength += segment.length + 1\n                segments.unshift(segment)\n            } else {\n                segments.unshift('...')\n                break\n            }\n        }\n\n        return {\n            domain,\n            segments,\n            fullPath: domain + '/' + segments.join('/'),\n        }\n    })\n</script>\n\n<template>\n    <Component\n        :is=\"muted ? 'span' : 'a'\"\n        class=\"pk-url\"\n        :href=\"muted ? undefined : props.url\"\n        :target=\"muted ? undefined : props.target\"\n        :rel=\"muted ? undefined : props.rel\">\n        <span v-if=\"isResolving\" class=\"pk-url__skeleton vv-skeleton\">\n            <span class=\"vv-skeleton__item\" />\n        </span>\n        <template v-else>\n            <span :class=\"['pk-url__domain', domainClass]\">{{\n                truncatedUrl.domain\n            }}</span>\n            <template\n                v-for=\"(segment, index) in truncatedUrl.segments\"\n                :key=\"index\">\n                <span class=\"pk-url__separator\">›</span>\n                <span class=\"pk-url__segment\">{{ segment }}</span>\n            </template>\n        </template>\n    </Component>\n</template>\n\n<style lang=\"scss\">\n    @layer volver.components {\n        .pk-url {\n            display: inline-flex;\n            align-items: center;\n            gap: 0.5ch;\n        }\n\n        .pk-url__skeleton {\n            display: inline-flex;\n            width: 12ch;\n            max-width: 100%;\n\n            .vv-skeleton__item {\n                width: 100%;\n                height: 1em;\n                border-radius: 0.25em;\n            }\n        }\n    }\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAaI,IAAM,IAAQ,GAUR,EAAE,eAAY,EAAoB,GAClC,IAAW,QAAc,EAAM,GAAG,GAClC,IAAa,QAAe,EAAS,MAAM,GAAG,GAC9C,IAAc,QAAe,EAAS,MAAM,OAAO,GAEnD,IAAY,QAAe;GAC7B,IAAI;IACA,IAAM,IAAS,IAAI,IAAI,EAAW,SAAS,EAAM,GAAG,GAChD,IAAW,EAAO;IAGtB,AAAI,EAAS,WAAW,MAAM,MAC1B,IAAW,EAAS,UAAU,CAAC;IAInC,IAAI,IAAW,EAAO;IACtB,AAAI,MAAa,QACb,IAAW;IAIf,IAAM,IAAW,EACZ,MAAM,GAAG,CAAA,CACT,QAAQ,MAAY,EAAQ,SAAS,CAAC;IAE3C,OAAO;KACH,QAAQ;KACR;KACA,UAAU,IAAW;IACzB;GACJ,QAAQ;IAEJ,IAAM,IAAW,EAAW,SAAS,EAAM;IAC3C,OAAO;KACH,QAAQ;KACR,UAAU,CAAC;KACX,UAAU;IACd;GACJ;EACJ,CAAC,GAEK,IAAe,QAAe;GAChC,IAAI,EAAU,MAAM,SAAS,UAAU,EAAM,WACzC,OAAO,EAAU;GAIrB,IAAM,IAAS,EAAU,MAAM,QACzB,IAAc,EAAU,MAAM;GAGpC,IAAI,EAAY,WAAW,GACvB,OAAO;IACH;IACA,UAAU,CAAC;IACX,UAAU;GACd;GAGJ,IAAM,IAAqB,CAAC,GAGxB,IAAgB,EAAO;GAG3B,KAAK,IAAI,IAAI,EAAY,SAAS,GAAG,KAAK,GAAG,KAAK;IAC9C,IAAM,IAAU,EAAY;IAG5B,IAAI,EAAS,WAAW,GAEpB,AADA,KAAiB,EAAQ,SAAS,GAClC,EAAS,QAAQ,CAAO;SACrB,IAAI,IAAgB,EAAQ,SAAS,KAAK,EAAM,WAEnD,AADA,KAAiB,EAAQ,SAAS,GAClC,EAAS,QAAQ,CAAO;SACrB;KACH,EAAS,QAAQ,KAAK;KACtB;IACJ;GACJ;GAEA,OAAO;IACH;IACA;IACA,UAAU,IAAS,MAAM,EAAS,KAAK,GAAG;GAC9C;EACJ,CAAC;oBAID,EAAA,GAAA,EAoBY,EAnBH,EAAA,QAAK,SAAA,GAAA,GAAA;GACV,OAAM;GACL,MAAM,EAAA,QAAQ,KAAA,IAAY,EAAM;GAChC,QAAQ,EAAA,QAAQ,KAAA,IAAY,EAAM;GAClC,KAAK,EAAA,QAAQ,KAAA,IAAY,EAAM;;GAChC,SAAA,QAEO,CAFK,EAAA,SAAZ,EAAA,GAAA,EAEO,QAFP,GAEO,CAAA,GAAA,AAAA,EAAA,OAAA,CADH,EAAkC,QAAA,EAA5B,OAAM,oBAAmB,GAAA,MAAA,EAAA,CAAA,CAAA,CAAA,MAEnC,EAAA,GAAA,EAUW,GAAA,EAAA,KAAA,EAAA,GAAA,CATP,EAES,QAAA,EAFF,OAAK,EAAA,CAAA,kBAAqB,EAAA,WAAW,CAAA,EACxC,GAAA,EAAA,EAAA,MAAa,MAAM,GAAA,CAAA,IAEvB,EAAA,EAAA,GAAA,EAKW,GAAA,MAAA,EAJoB,EAAA,MAAa,WAAhC,GAAS,OACX,EAAA,GAAA,EAAA,GAAA,EAAA,KAAA,EAAK,GAAA,CACX,AAAA,EAAA,OAAA,EAAwC,QAAA,EAAlC,OAAM,oBAAmB,GAAC,KAAC,EAAA,GACjC,EAAkD,QAAlD,GAAkD,EAAjB,CAAO,GAAA,CAAA,CAAA,GAAA,EAAA"}

package/dist-vue/_chunks/{createChatbotApiClient-D9f69brW.js → createChatbotApiClient-MkaPbGWB.js}

@@ -1,6 +1,6 @@
 import { C as e, S as t, _ as n, a as r, b as i, g as a, l as o, n as s, o as c, p as l, y as u } from "./schemas-DxbHVg3r.js";
 import { i as d, t as ee } from "./Media-_HfFLHGD.js";
-import { O as te, P as f, a as p, c as m, f as h, l as g, n as ne, s as re, u as ie, y as ae } from "./Agent-C8BsTAxk.js";
+import { A as f, O as te, a as p, c as m, f as h, l as g, n as ne, s as re, u as ie, y as ae } from "./Agent-De2gFNjR.js";
 import "./src-DT8FLE4_.js";
 import { r as _, t as oe } from "./url-validation-uLMZ5-AU.js";
 import { Ability as se, buildMongoQueryMatcher as ce, createAliasResolver as le } from "@casl/ability";
@@ -575,4 +575,4 @@ function Be(e) {
 //#endregion
 export { X as n, k as r, Be as t };
 
-//# sourceMappingURL=createChatbotApiClient-D9f69brW.js.map
+//# sourceMappingURL=createChatbotApiClient-MkaPbGWB.js.map