@8wave/ai-elements 0.71.0 → 0.74.0

package/dist/_chunks/{PkToolShowWeather-ClMzD04y.js.map → PkToolShowWeather-DR6egBIP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowWeather-ClMzD04y.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowWeather.vue","../../../../packages/components/src/chat/PkToolShowWeather.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n\n    interface WeatherCurrent {\n        temperature: number\n        feelsLike: number\n        humidity: number\n        precipitation: number\n        weatherCode: number\n        windSpeed: number\n        windDirection: number\n        uvIndex: number\n    }\n\n    interface WeatherHourly {\n        time: string\n        temperature: number\n        precipitationProbability: number\n        precipitation: number\n        weatherCode: number\n        windSpeed: number\n    }\n\n    interface WeatherDaily {\n        date: string\n        maxTemp: number\n        minTemp: number\n        weatherCode: number\n        precipitationSum: number\n        precipitationProbabilityMax: number\n        uvIndexMax: number\n        sunrise: string\n        sunset: string\n    }\n\n    interface AirQuality {\n        aqi: number\n        pm10: number\n        pm25: number\n        no2: number\n        ozone: number\n    }\n\n    interface WeatherData {\n        locationName: string\n        latitude: number\n        longitude: number\n        timezone: string\n        current: WeatherCurrent | null\n        hourly: WeatherHourly[]\n        daily: WeatherDaily[]\n        airQuality: AirQuality | null\n    }\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 }\n    })\n\n    const data = computed(() => toolPart.value.input)\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    /** Maps WMO weather code to an Iconify wi: icon name */\n    function wmoToIcon(code: number): string {\n        if (code === 0) {\n            return 'wi:day-sunny'\n        }\n        if (code === 1) {\n            return 'wi:day-sunny-overcast'\n        }\n        if (code === 2) {\n            return 'wi:day-cloudy'\n        }\n        if (code === 3) {\n            return 'wi:cloudy'\n        }\n        if (code === 45 || code === 48) {\n            return 'wi:fog'\n        }\n        if (code >= 51 && code <= 55) {\n            return 'wi:sprinkle'\n        }\n        if (code === 56 || code === 57) {\n            return 'wi:sleet'\n        }\n        if (code >= 61 && code <= 65) {\n            return 'wi:rain'\n        }\n        if (code === 66 || code === 67) {\n            return 'wi:rain-mix'\n        }\n        if (code >= 71 && code <= 77) {\n            return 'wi:snow'\n        }\n        if (code >= 80 && code <= 82) {\n            return 'wi:showers'\n        }\n        if (code === 85 || code === 86) {\n            return 'wi:snow-wind'\n        }\n        if (code === 95) {\n            return 'wi:thunderstorm'\n        }\n        if (code === 96 || code === 99) {\n            return 'wi:storm-showers'\n        }\n        return 'wi:na'\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,\n                )\n            }\n        }\n        return formatDay(safeDate(new Date().toISOString().slice(0, 10)), 0, 1)\n    })\n\n    /** Returns AQI label and CSS class for European AQI */\n    function aqiInfo(aqi: number): { label: string; class: string } {\n        if (aqi <= 20) {\n            return {\n                label: $t('weather.aqiGood'),\n                class: 'text-green-600 bg-green-50',\n            }\n        }\n        if (aqi <= 40) {\n            return {\n                label: $t('weather.aqiFair'),\n                class: 'text-lime-600 bg-lime-50',\n            }\n        }\n        if (aqi <= 60) {\n            return {\n                label: $t('weather.aqiModerate'),\n                class: 'text-yellow-600 bg-yellow-50',\n            }\n        }\n        if (aqi <= 80) {\n            return {\n                label: $t('weather.aqiPoor'),\n                class: 'text-orange-600 bg-orange-50',\n            }\n        }\n        if (aqi <= 100) {\n            return {\n                label: $t('weather.aqiVeryPoor'),\n                class: 'text-red-600 bg-red-50',\n            }\n        }\n        return {\n            label: $t('weather.aqiHazardous'),\n            class: 'text-purple-700 bg-purple-50',\n        }\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\">\n        <!-- Header -->\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri: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-lg 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\n    interface WeatherCurrent {\n        temperature: number\n        feelsLike: number\n        humidity: number\n        precipitation: number\n        weatherCode: number\n        windSpeed: number\n        windDirection: number\n        uvIndex: number\n    }\n\n    interface WeatherHourly {\n        time: string\n        temperature: number\n        precipitationProbability: number\n        precipitation: number\n        weatherCode: number\n        windSpeed: number\n    }\n\n    interface WeatherDaily {\n        date: string\n        maxTemp: number\n        minTemp: number\n        weatherCode: number\n        precipitationSum: number\n        precipitationProbabilityMax: number\n        uvIndexMax: number\n        sunrise: string\n        sunset: string\n    }\n\n    interface AirQuality {\n        aqi: number\n        pm10: number\n        pm25: number\n        no2: number\n        ozone: number\n    }\n\n    interface WeatherData {\n        locationName: string\n        latitude: number\n        longitude: number\n        timezone: string\n        current: WeatherCurrent | null\n        hourly: WeatherHourly[]\n        daily: WeatherDaily[]\n        airQuality: AirQuality | null\n    }\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 }\n    })\n\n    const data = computed(() => toolPart.value.input)\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    /** Maps WMO weather code to an Iconify wi: icon name */\n    function wmoToIcon(code: number): string {\n        if (code === 0) {\n            return 'wi:day-sunny'\n        }\n        if (code === 1) {\n            return 'wi:day-sunny-overcast'\n        }\n        if (code === 2) {\n            return 'wi:day-cloudy'\n        }\n        if (code === 3) {\n            return 'wi:cloudy'\n        }\n        if (code === 45 || code === 48) {\n            return 'wi:fog'\n        }\n        if (code >= 51 && code <= 55) {\n            return 'wi:sprinkle'\n        }\n        if (code === 56 || code === 57) {\n            return 'wi:sleet'\n        }\n        if (code >= 61 && code <= 65) {\n            return 'wi:rain'\n        }\n        if (code === 66 || code === 67) {\n            return 'wi:rain-mix'\n        }\n        if (code >= 71 && code <= 77) {\n            return 'wi:snow'\n        }\n        if (code >= 80 && code <= 82) {\n            return 'wi:showers'\n        }\n        if (code === 85 || code === 86) {\n            return 'wi:snow-wind'\n        }\n        if (code === 95) {\n            return 'wi:thunderstorm'\n        }\n        if (code === 96 || code === 99) {\n            return 'wi:storm-showers'\n        }\n        return 'wi:na'\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,\n                )\n            }\n        }\n        return formatDay(safeDate(new Date().toISOString().slice(0, 10)), 0, 1)\n    })\n\n    /** Returns AQI label and CSS class for European AQI */\n    function aqiInfo(aqi: number): { label: string; class: string } {\n        if (aqi <= 20) {\n            return {\n                label: $t('weather.aqiGood'),\n                class: 'text-green-600 bg-green-50',\n            }\n        }\n        if (aqi <= 40) {\n            return {\n                label: $t('weather.aqiFair'),\n                class: 'text-lime-600 bg-lime-50',\n            }\n        }\n        if (aqi <= 60) {\n            return {\n                label: $t('weather.aqiModerate'),\n                class: 'text-yellow-600 bg-yellow-50',\n            }\n        }\n        if (aqi <= 80) {\n            return {\n                label: $t('weather.aqiPoor'),\n                class: 'text-orange-600 bg-orange-50',\n            }\n        }\n        if (aqi <= 100) {\n            return {\n                label: $t('weather.aqiVeryPoor'),\n                class: 'text-red-600 bg-red-50',\n            }\n        }\n        return {\n            label: $t('weather.aqiHazardous'),\n            class: 'text-purple-700 bg-purple-50',\n        }\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\">\n        <!-- Header -->\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri: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-lg 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-DR6egBIP.js","names":[],"sources":["../../../../packages/components/src/chat/PkToolShowWeather.vue","../../../../packages/components/src/chat/PkToolShowWeather.vue"],"sourcesContent":["<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue'\n    import { useI18n } from 'vue-i18n'\n\n    interface WeatherCurrent {\n        temperature: number\n        feelsLike: number\n        humidity: number\n        precipitation: number\n        weatherCode: number\n        windSpeed: number\n        windDirection: number\n        uvIndex: number\n    }\n\n    interface WeatherHourly {\n        time: string\n        temperature: number\n        precipitationProbability: number\n        precipitation: number\n        weatherCode: number\n        windSpeed: number\n    }\n\n    interface WeatherDaily {\n        date: string\n        maxTemp: number\n        minTemp: number\n        weatherCode: number\n        precipitationSum: number\n        precipitationProbabilityMax: number\n        uvIndexMax: number\n        sunrise: string\n        sunset: string\n    }\n\n    interface AirQuality {\n        aqi: number\n        pm10: number\n        pm25: number\n        no2: number\n        ozone: number\n    }\n\n    interface WeatherData {\n        locationName: string\n        latitude: number\n        longitude: number\n        timezone: string\n        current: WeatherCurrent | null\n        hourly: WeatherHourly[]\n        daily: WeatherDaily[]\n        airQuality: AirQuality | null\n    }\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 }\n    })\n\n    const data = computed(() => toolPart.value.input)\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    /** Maps WMO weather code to an Iconify wi: icon name */\n    function wmoToIcon(code: number): string {\n        if (code === 0) {\n            return 'wi:day-sunny'\n        }\n        if (code === 1) {\n            return 'wi:day-sunny-overcast'\n        }\n        if (code === 2) {\n            return 'wi:day-cloudy'\n        }\n        if (code === 3) {\n            return 'wi:cloudy'\n        }\n        if (code === 45 || code === 48) {\n            return 'wi:fog'\n        }\n        if (code >= 51 && code <= 55) {\n            return 'wi:sprinkle'\n        }\n        if (code === 56 || code === 57) {\n            return 'wi:sleet'\n        }\n        if (code >= 61 && code <= 65) {\n            return 'wi:rain'\n        }\n        if (code === 66 || code === 67) {\n            return 'wi:rain-mix'\n        }\n        if (code >= 71 && code <= 77) {\n            return 'wi:snow'\n        }\n        if (code >= 80 && code <= 82) {\n            return 'wi:showers'\n        }\n        if (code === 85 || code === 86) {\n            return 'wi:snow-wind'\n        }\n        if (code === 95) {\n            return 'wi:thunderstorm'\n        }\n        if (code === 96 || code === 99) {\n            return 'wi:storm-showers'\n        }\n        return 'wi:na'\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,\n                )\n            }\n        }\n        return formatDay(safeDate(new Date().toISOString().slice(0, 10)), 0, 1)\n    })\n\n    /** Returns AQI label and CSS class for European AQI */\n    function aqiInfo(aqi: number): { label: string; class: string } {\n        if (aqi <= 20) {\n            return {\n                label: $t('weather.aqiGood'),\n                class: 'text-green-600 bg-green-50',\n            }\n        }\n        if (aqi <= 40) {\n            return {\n                label: $t('weather.aqiFair'),\n                class: 'text-lime-600 bg-lime-50',\n            }\n        }\n        if (aqi <= 60) {\n            return {\n                label: $t('weather.aqiModerate'),\n                class: 'text-yellow-600 bg-yellow-50',\n            }\n        }\n        if (aqi <= 80) {\n            return {\n                label: $t('weather.aqiPoor'),\n                class: 'text-orange-600 bg-orange-50',\n            }\n        }\n        if (aqi <= 100) {\n            return {\n                label: $t('weather.aqiVeryPoor'),\n                class: 'text-red-600 bg-red-50',\n            }\n        }\n        return {\n            label: $t('weather.aqiHazardous'),\n            class: 'text-purple-700 bg-purple-50',\n        }\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\">\n        <!-- Header -->\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri: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-lg 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\n    interface WeatherCurrent {\n        temperature: number\n        feelsLike: number\n        humidity: number\n        precipitation: number\n        weatherCode: number\n        windSpeed: number\n        windDirection: number\n        uvIndex: number\n    }\n\n    interface WeatherHourly {\n        time: string\n        temperature: number\n        precipitationProbability: number\n        precipitation: number\n        weatherCode: number\n        windSpeed: number\n    }\n\n    interface WeatherDaily {\n        date: string\n        maxTemp: number\n        minTemp: number\n        weatherCode: number\n        precipitationSum: number\n        precipitationProbabilityMax: number\n        uvIndexMax: number\n        sunrise: string\n        sunset: string\n    }\n\n    interface AirQuality {\n        aqi: number\n        pm10: number\n        pm25: number\n        no2: number\n        ozone: number\n    }\n\n    interface WeatherData {\n        locationName: string\n        latitude: number\n        longitude: number\n        timezone: string\n        current: WeatherCurrent | null\n        hourly: WeatherHourly[]\n        daily: WeatherDaily[]\n        airQuality: AirQuality | null\n    }\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 }\n    })\n\n    const data = computed(() => toolPart.value.input)\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    /** Maps WMO weather code to an Iconify wi: icon name */\n    function wmoToIcon(code: number): string {\n        if (code === 0) {\n            return 'wi:day-sunny'\n        }\n        if (code === 1) {\n            return 'wi:day-sunny-overcast'\n        }\n        if (code === 2) {\n            return 'wi:day-cloudy'\n        }\n        if (code === 3) {\n            return 'wi:cloudy'\n        }\n        if (code === 45 || code === 48) {\n            return 'wi:fog'\n        }\n        if (code >= 51 && code <= 55) {\n            return 'wi:sprinkle'\n        }\n        if (code === 56 || code === 57) {\n            return 'wi:sleet'\n        }\n        if (code >= 61 && code <= 65) {\n            return 'wi:rain'\n        }\n        if (code === 66 || code === 67) {\n            return 'wi:rain-mix'\n        }\n        if (code >= 71 && code <= 77) {\n            return 'wi:snow'\n        }\n        if (code >= 80 && code <= 82) {\n            return 'wi:showers'\n        }\n        if (code === 85 || code === 86) {\n            return 'wi:snow-wind'\n        }\n        if (code === 95) {\n            return 'wi:thunderstorm'\n        }\n        if (code === 96 || code === 99) {\n            return 'wi:storm-showers'\n        }\n        return 'wi:na'\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,\n                )\n            }\n        }\n        return formatDay(safeDate(new Date().toISOString().slice(0, 10)), 0, 1)\n    })\n\n    /** Returns AQI label and CSS class for European AQI */\n    function aqiInfo(aqi: number): { label: string; class: string } {\n        if (aqi <= 20) {\n            return {\n                label: $t('weather.aqiGood'),\n                class: 'text-green-600 bg-green-50',\n            }\n        }\n        if (aqi <= 40) {\n            return {\n                label: $t('weather.aqiFair'),\n                class: 'text-lime-600 bg-lime-50',\n            }\n        }\n        if (aqi <= 60) {\n            return {\n                label: $t('weather.aqiModerate'),\n                class: 'text-yellow-600 bg-yellow-50',\n            }\n        }\n        if (aqi <= 80) {\n            return {\n                label: $t('weather.aqiPoor'),\n                class: 'text-orange-600 bg-orange-50',\n            }\n        }\n        if (aqi <= 100) {\n            return {\n                label: $t('weather.aqiVeryPoor'),\n                class: 'text-red-600 bg-red-50',\n            }\n        }\n        return {\n            label: $t('weather.aqiHazardous'),\n            class: 'text-purple-700 bg-purple-50',\n        }\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\">\n        <!-- Header -->\n        <div\n            class=\"px-sm py-6 bg-surface-1 text-12 border-b border-surface-3 text-word-3 flex items-center gap-8 min-h-40\">\n            <VvIcon name=\"ri: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-lg 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/_chunks/{PkToolShowWebPages-BCqywwEK.js → PkToolShowWebPages-D8RngE-F.js}

@@ -1,5 +1,5 @@
 import { C as e, E as t, Gt as n, V as r, _ as i, b as a, ft as o, h as s, v as c, w as l, x as u, yt as d, z as f } from "./vue.runtime.esm-bundler-BmggS4HU.js";
-import { i as p } from "./index.es-Z3Hu-QIb.js";
+import { o as p } from "./index.es-BGFmj59S.js";
 import { n as m } from "./src-C_wl-KYN.js";
 import { t as h } from "./PkUrl-CI17WkYu.js";
 //#region ../../packages/components/src/chat/PkToolShowWebPages.vue?vue&type=script&setup=true&lang.ts
@@ -58,4 +58,4 @@ var g = {
 //#endregion
 export { w as default };
 
-//# sourceMappingURL=PkToolShowWebPages-BCqywwEK.js.map
+//# sourceMappingURL=PkToolShowWebPages-D8RngE-F.js.map

package/dist/_chunks/{PkToolShowWebPages-BCqywwEK.js.map → PkToolShowWebPages-D8RngE-F.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowWebPages-BCqywwEK.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 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    const showMore = ref(false)\n    const pages = computed(() => {\n        if (showMore.value) {\n            return toolPart.value.input?.pages || []\n        }\n        return (toolPart.value.input?.pages || []).slice(0, 2)\n    })\n    const hasMore = computed(\n        () => (toolPart.value.input?.pages || []).length > 2,\n    )\n</script>\n\n<template>\n    <ul v-if=\"pages?.length\" class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-lg overflow-hidden hover:border-surface-4 transition-colors shrink-0\">\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=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"page.image\"\n                    :src=\"page.image\"\n                    :alt=\"page.title\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\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=\"text-center\">\n            <button\n                class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n                @click=\"showMore = !showMore\">\n                <VvIcon\n                    :name=\"\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: (toolPart?.input?.pages?.length || 0) - 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 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    const showMore = ref(false)\n    const pages = computed(() => {\n        if (showMore.value) {\n            return toolPart.value.input?.pages || []\n        }\n        return (toolPart.value.input?.pages || []).slice(0, 2)\n    })\n    const hasMore = computed(\n        () => (toolPart.value.input?.pages || []).length > 2,\n    )\n</script>\n\n<template>\n    <ul v-if=\"pages?.length\" class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-lg overflow-hidden hover:border-surface-4 transition-colors shrink-0\">\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=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"page.image\"\n                    :src=\"page.image\"\n                    :alt=\"page.title\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\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=\"text-center\">\n            <button\n                class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n                @click=\"showMore = !showMore\">\n                <VvIcon\n                    :name=\"\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: (toolPart?.input?.pages?.length || 0) - 2,\n                          })\n                }}\n            </button>\n        </li>\n    </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAKI,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,KAWtB,EAEK,IAAW,EAAI,GAAK,EACpB,IAAQ,QACN,EAAS,QACF,EAAS,MAAM,OAAO,SAAS,EAAC,IAEnC,EAAS,MAAM,OAAO,SAAS,EAAE,EAAE,MAAM,GAAG,EAAC,CACxD,EACK,IAAU,SACL,EAAS,MAAM,OAAO,SAAS,EAAE,EAAE,SAAS,EACvD;;;UAIU,EAAA,OAAO,UAAA,GAAA,EAAjB,EAmDK,MAnDL,GAmDK,EAAA,EAAA,GAAA,EAlDD,EA+BK,GAAA,MAAA,EA9BuB,EAAA,QAAhB,GAAM,YADlB,EA+BK,MAAA;IA7BA,KAAK;IACN,OAAM;OACN,EA0BI,KAAA;IAzBC,MAAM,EAAK;IACX,OAAOA,EAAAA,GAAE,cAAA;IACT,QAAQ,EAAA,EAAU,CAAC,EAAK,IAAG,GAAI,KAAA,IAAS;IACxC,KAAK,EAAA,EAAU,CAAC,EAAK,IAAG,GAAI,KAAA,IAAS;IACtC,OAAM;OAEI,EAAK,SAAA,GAAA,EADf,EAI2F,OAAA;;IAFtF,KAAK,EAAK;IACV,KAAK,EAAK;IACX,OAAM;gCACV,EAcM,OAdN,GAcM;IAbF,EAES,UAFT,GAES,EADF,EAAK,MAAK,EAAA,EAAA;IAEjB,EAIO,QAJP,GAIO,CAFH,EAAkD,GAAA;KAA1C,MAAK;KAAU,OAAM;QAC7B,EAAyB,GAAA,EAAjB,KAAK,EAAK,KAAA,EAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA;IAGZ,EAAK,eAAA,GAAA,EADf,EAII,KAJJ,GAII,EADG,EAAK,YAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;0BAKzB,EAAA,SAAA,GAAA,EAAV,EAiBK,MAjBL,GAiBK,CAhBD,EAeS,UAAA;IAdL,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,CAAI,EAAA;OACpB,EAIsB,GAAA;IAHjB,MAA+B,EAAA,QAAQ,uBAAA;IAGxC,OAAM;4BAAY,MACtB,EACI,EAAA,QAAmCA,EAAAA,GAAE,kBAAA,GAA8CA,EAAAA,GAAE,mBAAA,EAAA,QAA4D,EAAA,OAAU,OAAO,OAAO,UAAM,KAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}
+{"version":3,"file":"PkToolShowWebPages-D8RngE-F.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 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    const showMore = ref(false)\n    const pages = computed(() => {\n        if (showMore.value) {\n            return toolPart.value.input?.pages || []\n        }\n        return (toolPart.value.input?.pages || []).slice(0, 2)\n    })\n    const hasMore = computed(\n        () => (toolPart.value.input?.pages || []).length > 2,\n    )\n</script>\n\n<template>\n    <ul v-if=\"pages?.length\" class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-lg overflow-hidden hover:border-surface-4 transition-colors shrink-0\">\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=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"page.image\"\n                    :src=\"page.image\"\n                    :alt=\"page.title\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\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=\"text-center\">\n            <button\n                class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n                @click=\"showMore = !showMore\">\n                <VvIcon\n                    :name=\"\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: (toolPart?.input?.pages?.length || 0) - 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 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    const showMore = ref(false)\n    const pages = computed(() => {\n        if (showMore.value) {\n            return toolPart.value.input?.pages || []\n        }\n        return (toolPart.value.input?.pages || []).slice(0, 2)\n    })\n    const hasMore = computed(\n        () => (toolPart.value.input?.pages || []).length > 2,\n    )\n</script>\n\n<template>\n    <ul v-if=\"pages?.length\" class=\"flex flex-col gap-xs w-full\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"border border-surface-3 rounded-lg overflow-hidden hover:border-surface-4 transition-colors shrink-0\">\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=\"flex gap-8 p-8 hover:bg-surface-1 transition-colors\">\n                <img\n                    v-if=\"page.image\"\n                    :src=\"page.image\"\n                    :alt=\"page.title\"\n                    class=\"w-48 h-48 object-contain rounded shrink-0 border border-surface-3 bg-surface\" />\n                <div class=\"flex flex-col gap-4 min-w-0 flex-1\">\n                    <strong class=\"font-bold text-12 text-word-1 truncate\">\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=\"text-center\">\n            <button\n                class=\"text-12 text-word-3 cursor-pointer hover:underline flex items-center gap-4 mx-auto\"\n                @click=\"showMore = !showMore\">\n                <VvIcon\n                    :name=\"\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: (toolPart?.input?.pages?.length || 0) - 2,\n                          })\n                }}\n            </button>\n        </li>\n    </ul>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAKI,IAAM,IAAQ,GAIR,IAAW,QACA,EAAM,KAWtB,EAEK,IAAW,EAAI,GAAK,EACpB,IAAQ,QACN,EAAS,QACF,EAAS,MAAM,OAAO,SAAS,EAAC,IAEnC,EAAS,MAAM,OAAO,SAAS,EAAE,EAAE,MAAM,GAAG,EAAC,CACxD,EACK,IAAU,SACL,EAAS,MAAM,OAAO,SAAS,EAAE,EAAE,SAAS,EACvD;;;UAIU,EAAA,OAAO,UAAA,GAAA,EAAjB,EAmDK,MAnDL,GAmDK,EAAA,EAAA,GAAA,EAlDD,EA+BK,GAAA,MAAA,EA9BuB,EAAA,QAAhB,GAAM,YADlB,EA+BK,MAAA;IA7BA,KAAK;IACN,OAAM;OACN,EA0BI,KAAA;IAzBC,MAAM,EAAK;IACX,OAAOA,EAAAA,GAAE,cAAA;IACT,QAAQ,EAAA,EAAU,CAAC,EAAK,IAAG,GAAI,KAAA,IAAS;IACxC,KAAK,EAAA,EAAU,CAAC,EAAK,IAAG,GAAI,KAAA,IAAS;IACtC,OAAM;OAEI,EAAK,SAAA,GAAA,EADf,EAI2F,OAAA;;IAFtF,KAAK,EAAK;IACV,KAAK,EAAK;IACX,OAAM;gCACV,EAcM,OAdN,GAcM;IAbF,EAES,UAFT,GAES,EADF,EAAK,MAAK,EAAA,EAAA;IAEjB,EAIO,QAJP,GAIO,CAFH,EAAkD,GAAA;KAA1C,MAAK;KAAU,OAAM;QAC7B,EAAyB,GAAA,EAAjB,KAAK,EAAK,KAAA,EAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA;IAGZ,EAAK,eAAA,GAAA,EADf,EAII,KAJJ,GAII,EADG,EAAK,YAAW,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;0BAKzB,EAAA,SAAA,GAAA,EAAV,EAiBK,MAjBL,GAiBK,CAhBD,EAeS,UAAA;IAdL,OAAM;IACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,QAAQ,CAAI,EAAA;OACpB,EAIsB,GAAA;IAHjB,MAA+B,EAAA,QAAQ,uBAAA;IAGxC,OAAM;4BAAY,MACtB,EACI,EAAA,QAAmCA,EAAAA,GAAE,kBAAA,GAA8CA,EAAAA,GAAE,mBAAA,EAAA,QAA4D,EAAA,OAAU,OAAO,OAAO,UAAM,KAAA,GAAA,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA"}