@8wave/ai-elements 0.119.0-beta.26 → 0.119.0-beta.30

package/dist-vue/_chunks/{PkToolShowWeather-BOuNrvY2.js.map → PkToolShowWeather-DJxKxVp_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowWeather-BOuNrvY2.js","names":["z.object","z.number","z.string","z.array","__unplugin_components_0","__unplugin_components_1","_openBlock","_createElementBlock","_createVNode","_createElementVNode","_toDisplayString","_unref","_createTextVNode","_createCommentVNode","_Transition","_withCtx","_Fragment","_renderList","_createBlock","_normalizeClass","_sfc_main","string","number","array","object","WeatherCurrentSchema","WeatherHourlySchema","WeatherDailySchema","AirQualitySchema","hasWeatherForecast","value","current","hourly","daily","wmoCategory","code","aqiBand","aqi","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","PkToolShowWeather_default","defineComponent","props","__props","$t","$d","$n","useI18n","toolPart","computed","data","output","input","isUnavailable","selectedDayIndex","ref","dailyOpen","index","selectedDay","filteredHourly","dayDate","h","safeDate","direct","withT","timeOnly","today","noon","WMO_ICON","wmoToIcon","formatDay","parsed","isoDate","total","fallback","headerDate","AQI_PRESENTATION","aqiInfo","cssClass","labelKey","windDirectionLabel","deg","_component_VvIcon","VvIcon","_component_VvAccordion","VvAccordion","openBlock","createElementBlock","createVNode","createElementVNode","toDisplayString","unref","createTextVNode","createCommentVNode","Transition","withCtx","Fragment","renderList","hour","createBlock","_cache","$event","day","normalizeClass"],"sources":["../../../../packages/models/src/schema/Weather.ts","../../../../packages/utils/src/weather.ts","../../../../packages/components/src/chat/PkToolShowWeather.vue","../../../../packages/components/src/chat/PkToolShowWeather.vue"],"sourcesContent":["import { z } from 'zod'\n\n/**\n * The weather data contract shared by the `getWeather`/`showWeather` backend\n * tools, the web widget (`PkToolShowWeather.vue`), and the platform card\n * renderer. Single source of truth — do not redeclare these shapes elsewhere.\n */\n\nconst WeatherCurrentSchema = z.object({\n    temperature: z.number().describe('Temperature in °C'),\n    feelsLike: z.number().describe('Apparent temperature in °C'),\n    humidity: z.number().describe('Relative humidity in %'),\n    precipitation: z.number().describe('Precipitation in mm'),\n    weatherCode: z.number().describe('WMO weather interpretation code'),\n    windSpeed: z.number().describe('Wind speed in km/h'),\n    windDirection: z.number().describe('Wind direction in degrees'),\n    uvIndex: z.number().describe('UV index'),\n})\n\nconst WeatherHourlySchema = z.object({\n    time: z.string(),\n    temperature: z.number(),\n    precipitationProbability: z.number(),\n    precipitation: z.number(),\n    weatherCode: z.number(),\n    windSpeed: z.number(),\n})\n\nconst WeatherDailySchema = z.object({\n    date: z.string(),\n    maxTemp: z.number(),\n    minTemp: z.number(),\n    weatherCode: z.number(),\n    precipitationSum: z.number(),\n    precipitationProbabilityMax: z.number(),\n    uvIndexMax: z.number(),\n    sunrise: z.string(),\n    sunset: z.string(),\n})\n\nconst AirQualitySchema = z.object({\n    aqi: z.number().describe('European AQI index'),\n    pm10: z.number().describe('PM10 in µg/m³'),\n    pm25: z.number().describe('PM2.5 in µg/m³'),\n    no2: z.number().describe('NO₂ in µg/m³'),\n    ozone: z.number().describe('Ozone in µg/m³'),\n})\n\nexport const WeatherDataSchema = z.object({\n    locationName: z.string(),\n    latitude: z.number(),\n    longitude: z.number(),\n    timezone: z.string(),\n    current: WeatherCurrentSchema.nullable().describe(\n        'Current conditions — null when viewing a future date range',\n    ),\n    hourly: z\n        .array(WeatherHourlySchema)\n        .describe('Hourly forecast for the requested range'),\n    daily: z\n        .array(WeatherDailySchema)\n        .describe('Daily forecast for the requested range'),\n    airQuality: AirQualitySchema.nullable(),\n})\n\nexport type WeatherData = z.infer<typeof WeatherDataSchema>\n\n/**\n * Whether a value carries something the weather card can draw: current\n * conditions, or at least one hourly or daily entry. `showWeather` takes only\n * a `weatherKey`, so its input is a forecast only in conversations from before\n * the key, and a call that failed (a mangled key, expired data) has no output.\n */\nexport function hasWeatherForecast(value: unknown): value is WeatherData {\n    if (!value || typeof value !== 'object') {\n        return false\n    }\n    const { current, hourly, daily } = value as Partial<WeatherData>\n    return (\n        typeof current?.temperature === 'number' ||\n        (Array.isArray(hourly) && hourly.length > 0) ||\n        (Array.isArray(daily) && daily.length > 0)\n    )\n}\n","/**\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 { hasWeatherForecast } 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 {\n            state?: string\n            input?: unknown\n            output?: unknown\n        }\n    })\n\n    const data = computed(() => {\n        const { output, input } = toolPart.value\n        if (hasWeatherForecast(output)) {\n            return output\n        }\n        // Conversations from before `weatherKey` passed the whole forecast\n        return hasWeatherForecast(input) ? input : null\n    })\n\n    /**\n     * The call is over and left nothing to draw: a mangled or expired key\n     * fails the tool, and its input is only the key. Without this the card\n     * drew a thermometer and \"Oggi\" around nothing. While the call runs there\n     * is nothing to draw yet, and nothing has failed either: the card waits.\n     */\n    const isUnavailable = computed(\n        () =>\n            !data.value &&\n            toolPart.value.state !== 'input-streaming' &&\n            toolPart.value.state !== 'input-available',\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=\"isUnavailable\"\n        class=\"text-12 text-danger flex items-center gap-6 py-8\">\n        <VvIcon name=\"ri:error-warning-line\" class=\"w-16 h-16 shrink-0\" />\n        <span>{{ $t('weather.unavailable') }}</span>\n    </div>\n    <div\n        v-else-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 { hasWeatherForecast } 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 {\n            state?: string\n            input?: unknown\n            output?: unknown\n        }\n    })\n\n    const data = computed(() => {\n        const { output, input } = toolPart.value\n        if (hasWeatherForecast(output)) {\n            return output\n        }\n        // Conversations from before `weatherKey` passed the whole forecast\n        return hasWeatherForecast(input) ? input : null\n    })\n\n    /**\n     * The call is over and left nothing to draw: a mangled or expired key\n     * fails the tool, and its input is only the key. Without this the card\n     * drew a thermometer and \"Oggi\" around nothing. While the call runs there\n     * is nothing to draw yet, and nothing has failed either: the card waits.\n     */\n    const isUnavailable = computed(\n        () =>\n            !data.value &&\n            toolPart.value.state !== 'input-streaming' &&\n            toolPart.value.state !== 'input-available',\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=\"isUnavailable\"\n        class=\"text-12 text-danger flex items-center gap-6 py-8\">\n        <VvIcon name=\"ri:error-warning-line\" class=\"w-16 h-16 shrink-0\" />\n        <span>{{ $t('weather.unavailable') }}</span>\n    </div>\n    <div\n        v-else-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-DJxKxVp_.js","names":["z.object","z.number","z.string","z.array","__unplugin_components_0","__unplugin_components_1","_openBlock","_createElementBlock","_createVNode","_createElementVNode","_toDisplayString","_unref","_createTextVNode","_createCommentVNode","_Transition","_withCtx","_Fragment","_renderList","_createBlock","_normalizeClass","_sfc_main","string","number","array","object","WeatherCurrentSchema","WeatherHourlySchema","WeatherDailySchema","AirQualitySchema","hasWeatherForecast","value","current","hourly","daily","wmoCategory","code","aqiBand","aqi","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","PkToolShowWeather_default","defineComponent","props","__props","$t","$d","$n","useI18n","toolPart","computed","data","output","input","isUnavailable","selectedDayIndex","ref","dailyOpen","index","selectedDay","filteredHourly","dayDate","h","safeDate","direct","withT","timeOnly","today","noon","WMO_ICON","wmoToIcon","formatDay","parsed","isoDate","total","fallback","headerDate","AQI_PRESENTATION","aqiInfo","cssClass","labelKey","windDirectionLabel","deg","_component_VvIcon","VvIcon","_component_VvAccordion","VvAccordion","openBlock","createElementBlock","createVNode","createElementVNode","toDisplayString","unref","createTextVNode","createCommentVNode","Transition","withCtx","Fragment","renderList","hour","createBlock","_cache","$event","day","normalizeClass"],"sources":["../../../../packages/models/src/schema/Weather.ts","../../../../packages/utils/src/weather.ts","../../../../packages/components/src/chat/PkToolShowWeather.vue","../../../../packages/components/src/chat/PkToolShowWeather.vue"],"sourcesContent":["import { z } from 'zod'\n\n/**\n * The weather data contract shared by the `getWeather`/`showWeather` backend\n * tools, the web widget (`PkToolShowWeather.vue`), and the platform card\n * renderer. Single source of truth — do not redeclare these shapes elsewhere.\n */\n\nconst WeatherCurrentSchema = z.object({\n    temperature: z.number().describe('Temperature in °C'),\n    feelsLike: z.number().describe('Apparent temperature in °C'),\n    humidity: z.number().describe('Relative humidity in %'),\n    precipitation: z.number().describe('Precipitation in mm'),\n    weatherCode: z.number().describe('WMO weather interpretation code'),\n    windSpeed: z.number().describe('Wind speed in km/h'),\n    windDirection: z.number().describe('Wind direction in degrees'),\n    uvIndex: z.number().describe('UV index'),\n})\n\nconst WeatherHourlySchema = z.object({\n    time: z.string(),\n    temperature: z.number(),\n    precipitationProbability: z.number(),\n    precipitation: z.number(),\n    weatherCode: z.number(),\n    windSpeed: z.number(),\n})\n\nconst WeatherDailySchema = z.object({\n    date: z.string(),\n    maxTemp: z.number(),\n    minTemp: z.number(),\n    weatherCode: z.number(),\n    precipitationSum: z.number(),\n    precipitationProbabilityMax: z.number(),\n    uvIndexMax: z.number(),\n    sunrise: z.string(),\n    sunset: z.string(),\n})\n\nconst AirQualitySchema = z.object({\n    aqi: z.number().describe('European AQI index'),\n    pm10: z.number().describe('PM10 in µg/m³'),\n    pm25: z.number().describe('PM2.5 in µg/m³'),\n    no2: z.number().describe('NO₂ in µg/m³'),\n    ozone: z.number().describe('Ozone in µg/m³'),\n})\n\nexport const WeatherDataSchema = z.object({\n    locationName: z.string(),\n    latitude: z.number(),\n    longitude: z.number(),\n    timezone: z.string(),\n    current: WeatherCurrentSchema.nullable().describe(\n        'Current conditions — null when viewing a future date range',\n    ),\n    hourly: z\n        .array(WeatherHourlySchema)\n        .describe('Hourly forecast for the requested range'),\n    daily: z\n        .array(WeatherDailySchema)\n        .describe('Daily forecast for the requested range'),\n    airQuality: AirQualitySchema.nullable(),\n})\n\nexport type WeatherData = z.infer<typeof WeatherDataSchema>\n\n/**\n * Whether a value carries something the weather card can draw: current\n * conditions, or at least one hourly or daily entry. `showWeather` takes only\n * a `weatherKey`, so its input is a forecast only in conversations from before\n * the key, and a call that failed (a mangled key, expired data) has no output.\n */\nexport function hasWeatherForecast(value: unknown): value is WeatherData {\n    if (!value || typeof value !== 'object') {\n        return false\n    }\n    const { current, hourly, daily } = value as Partial<WeatherData>\n    return (\n        typeof current?.temperature === 'number' ||\n        (Array.isArray(hourly) && hourly.length > 0) ||\n        (Array.isArray(daily) && daily.length > 0)\n    )\n}\n","/**\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 { hasWeatherForecast } 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 {\n            state?: string\n            input?: unknown\n            output?: unknown\n        }\n    })\n\n    const data = computed(() => {\n        const { output, input } = toolPart.value\n        if (hasWeatherForecast(output)) {\n            return output\n        }\n        // Conversations from before `weatherKey` passed the whole forecast\n        return hasWeatherForecast(input) ? input : null\n    })\n\n    /**\n     * The call is over and left nothing to draw: a mangled or expired key\n     * fails the tool, and its input is only the key. Without this the card\n     * drew a thermometer and \"Oggi\" around nothing. While the call runs there\n     * is nothing to draw yet, and nothing has failed either: the card waits.\n     */\n    const isUnavailable = computed(\n        () =>\n            !data.value &&\n            toolPart.value.state !== 'input-streaming' &&\n            toolPart.value.state !== 'input-available',\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=\"isUnavailable\"\n        class=\"text-12 text-danger flex items-center gap-6 py-8\">\n        <VvIcon name=\"ri:error-warning-line\" class=\"w-16 h-16 shrink-0\" />\n        <span>{{ $t('weather.unavailable') }}</span>\n    </div>\n    <div\n        v-else-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 { hasWeatherForecast } 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 {\n            state?: string\n            input?: unknown\n            output?: unknown\n        }\n    })\n\n    const data = computed(() => {\n        const { output, input } = toolPart.value\n        if (hasWeatherForecast(output)) {\n            return output\n        }\n        // Conversations from before `weatherKey` passed the whole forecast\n        return hasWeatherForecast(input) ? input : null\n    })\n\n    /**\n     * The call is over and left nothing to draw: a mangled or expired key\n     * fails the tool, and its input is only the key. Without this the card\n     * drew a thermometer and \"Oggi\" around nothing. While the call runs there\n     * is nothing to draw yet, and nothing has failed either: the card waits.\n     */\n    const isUnavailable = computed(\n        () =>\n            !data.value &&\n            toolPart.value.state !== 'input-streaming' &&\n            toolPart.value.state !== 'input-available',\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=\"isUnavailable\"\n        class=\"text-12 text-danger flex items-center gap-6 py-8\">\n        <VvIcon name=\"ri:error-warning-line\" class=\"w-16 h-16 shrink-0\" />\n        <span>{{ $t('weather.unavailable') }}</span>\n    </div>\n    <div\n        v-else-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-D3CdjJUc.js → PkToolShowWebPages-BuaRjavD.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { r as t } from "./PkStreamingMarkdown-C55Fi0Pd.js";
-import "./src-DCfvejyT.js";
+import { r as t } from "./PkStreamingMarkdown-CsHzdW69.js";
+import "./src-DpkuiHam.js";
 import { n } from "./url-validation-9DstIfq2.js";
 import { t as r } from "./PkLazyImg-X5BMNU_R.js";
 import { t as i } from "./PkUrl-CN1kkZiH.js";
@@ -83,4 +83,4 @@ var x = {
 //#endregion
 export { k as n, A as t };
 
-//# sourceMappingURL=PkToolShowWebPages-D3CdjJUc.js.map
+//# sourceMappingURL=PkToolShowWebPages-BuaRjavD.js.map

package/dist-vue/_chunks/{PkToolShowWebPages-D3CdjJUc.js.map → PkToolShowWebPages-BuaRjavD.js.map}

@@ -1 +1 @@
-{"version":3,"file":"PkToolShowWebPages-D3CdjJUc.js","names":["$t","__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_unref","_createBlock","PkHeldImage","PkLazyImg","_createCommentVNode","_toDisplayString","_createVNode","PkUrl","_createTextVNode","_sfc_main","__exportAll","useChatImageGate","PkLazyImg_default","PkUrl_default","PkHeldImage_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","PkToolShowWebPages_vue_vue_type_script_setup_true_lang_default","props","__props","toolPart","computed","imageGate","normalizeUrl","u","url","uniquePages","seen","result","page","key","showMore","ref","pages","hasMore","_component_VvIcon","VvIcon","openBlock","createElementBlock","Fragment","renderList","index","createElementVNode","_ctx","unref","isSameSite","createBlock","createCommentVNode","toDisplayString","createVNode","_cache","createTextVNode","PkToolShowWebPages_exports","PkToolShowWebPages_default"],"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 { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.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 writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts).\n    const imageGate = useChatImageGate()\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\n        v-if=\"pages?.length\"\n        class=\"vv-item-group vv-item-group--framed w-full shrink-0\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"vv-item vv-item--top vv-item--roomy\">\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=\"vv-item__entry\">\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                <PkHeldImage\n                    v-if=\"page.image && !imageGate.canLoad(page.image)\"\n                    :host=\"imageGate.hostOf(page.image)\"\n                    class=\"w-48 h-48 rounded-lg shrink-0 border border-surface-3 bg-surface\"\n                    @release=\"imageGate.release(page.image)\" />\n                <PkLazyImg\n                    v-else-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=\"vv-item__title 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=\"vv-item\">\n            <button\n                class=\"vv-item__entry 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 { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.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 writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts).\n    const imageGate = useChatImageGate()\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\n        v-if=\"pages?.length\"\n        class=\"vv-item-group vv-item-group--framed w-full shrink-0\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"vv-item vv-item--top vv-item--roomy\">\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=\"vv-item__entry\">\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                <PkHeldImage\n                    v-if=\"page.image && !imageGate.canLoad(page.image)\"\n                    :host=\"imageGate.hostOf(page.image)\"\n                    class=\"w-48 h-48 rounded-lg shrink-0 border border-surface-3 bg-surface\"\n                    @release=\"imageGate.release(page.image)\" />\n                <PkLazyImg\n                    v-else-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=\"vv-item__title 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=\"vv-item\">\n            <button\n                class=\"vv-item__entry 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":"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"}
+{"version":3,"file":"PkToolShowWebPages-BuaRjavD.js","names":["$t","__unplugin_components_0","_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_unref","_createBlock","PkHeldImage","PkLazyImg","_createCommentVNode","_toDisplayString","_createVNode","PkUrl","_createTextVNode","_sfc_main","__exportAll","useChatImageGate","PkLazyImg_default","PkUrl_default","PkHeldImage_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","PkToolShowWebPages_vue_vue_type_script_setup_true_lang_default","props","__props","toolPart","computed","imageGate","normalizeUrl","u","url","uniquePages","seen","result","page","key","showMore","ref","pages","hasMore","_component_VvIcon","VvIcon","openBlock","createElementBlock","Fragment","renderList","index","createElementVNode","_ctx","unref","isSameSite","createBlock","createCommentVNode","toDisplayString","createVNode","_cache","createTextVNode","PkToolShowWebPages_exports","PkToolShowWebPages_default"],"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 { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.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 writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts).\n    const imageGate = useChatImageGate()\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\n        v-if=\"pages?.length\"\n        class=\"vv-item-group vv-item-group--framed w-full shrink-0\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"vv-item vv-item--top vv-item--roomy\">\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=\"vv-item__entry\">\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                <PkHeldImage\n                    v-if=\"page.image && !imageGate.canLoad(page.image)\"\n                    :host=\"imageGate.hostOf(page.image)\"\n                    class=\"w-48 h-48 rounded-lg shrink-0 border border-surface-3 bg-surface\"\n                    @release=\"imageGate.release(page.image)\" />\n                <PkLazyImg\n                    v-else-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=\"vv-item__title 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=\"vv-item\">\n            <button\n                class=\"vv-item__entry 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 { useChatImageGate } from './chatImagePolicy'\n    import PkHeldImage from './PkHeldImage.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 writes these urls: one from a host the agent does not list\n    // waits for a click (chatImagePolicy.ts).\n    const imageGate = useChatImageGate()\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\n        v-if=\"pages?.length\"\n        class=\"vv-item-group vv-item-group--framed w-full shrink-0\">\n        <li\n            v-for=\"(page, index) in pages\"\n            :key=\"index\"\n            class=\"vv-item vv-item--top vv-item--roomy\">\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=\"vv-item__entry\">\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                <PkHeldImage\n                    v-if=\"page.image && !imageGate.canLoad(page.image)\"\n                    :host=\"imageGate.hostOf(page.image)\"\n                    class=\"w-48 h-48 rounded-lg shrink-0 border border-surface-3 bg-surface\"\n                    @release=\"imageGate.release(page.image)\" />\n                <PkLazyImg\n                    v-else-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=\"vv-item__title 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=\"vv-item\">\n            <button\n                class=\"vv-item__entry 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":"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"}

package/dist-vue/_chunks/VvButtonLocalized-BuzLsXp3.js

@@ -0,0 +1,20 @@
+import { VvButton as e } from "@volverjs/ui-vue/components";
+import { getCurrentInstance as t } from "vue";
+//#region ../../packages/components/src/VvButtonLocalized.ts
+var { props: n } = e, r = {
+	...e,
+	props: {
+		...n,
+		loadingLabel: {
+			...n.loadingLabel,
+			default: () => {
+				let e = t()?.appContext.config.globalProperties.$t;
+				return e ? e("message.loading") : "";
+			}
+		}
+	}
+};
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=VvButtonLocalized-BuzLsXp3.js.map

package/dist-vue/_chunks/VvButtonLocalized-BuzLsXp3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VvButtonLocalized-BuzLsXp3.js","names":["VvButton","VvButtonLocalized","props","t","getCurrentInstance"],"sources":["../../../../packages/components/src/VvButtonLocalized.ts"],"sourcesContent":["import { getCurrentInstance } from 'vue'\nimport { VvButton } from '@volverjs/ui-vue/components'\n\ntype PropsOf = { props: Record<string, Record<string, unknown>> }\nconst { props } = VvButton as unknown as PropsOf\n\n/**\n * VvButton with a translated loading label. The library writes \"Loading...\"\n * next to the spinner of every button in its loading state, and the plugin\n * defaults that would change it reach only the components registered through\n * the plugin, while the apps auto-import theirs: so the apps resolve\n * `<VvButton>` to this one (see their vite.config.ts). The default is a\n * factory, called when a button is created, so it reads the locale of that\n * moment. A button that passes its own `loading-label` keeps it.\n */\nexport const VvButtonLocalized = {\n    ...VvButton,\n    props: {\n        ...props,\n        loadingLabel: {\n            ...props.loadingLabel,\n            default: () => {\n                const t =\n                    getCurrentInstance()?.appContext.config.globalProperties.$t\n                return t ? t('message.loading') : ''\n            },\n        },\n    },\n} as unknown as typeof VvButton\n"],"mappings":";;;AAIA,IAAM,EAAE,aAAUA,GAWLC,IAAoB;CAC7B,GAAGD;CACH,OAAO;EACH,GAAGE;EACH,cAAc;GACV,GAAGA,EAAM;GACT,eAAe;IACX,IAAMC,IACFC,EAAmB,CAAC,EAAE,WAAW,OAAO,iBAAiB;IAC7D,OAAOD,IAAIA,EAAE,iBAAiB,IAAI;GACtC;EACJ;CACJ;AACJ"}

package/dist-vue/_chunks/{createChatbotApiClient-DSLxswr4.js → createChatbotApiClient-G3Tt1I67.js}

@@ -1,8 +1,8 @@
 import { S as e, T as t, _ as n, m as r, o as i, r as a, s as o, u as s, v as c, w as l, x as u } from "./schemas-Bu1lick6.js";
-import { o as d, t as f } from "./Media-C6RS-s98.js";
-import { C as ee, N as te, U as p, W as m, a as h, c as g, f as ne, l as re, n as ie, s as ae } from "./Agent-dGF8mkG9.js";
+import { o as d, t as ee } from "./Media-C6RS-s98.js";
+import { E as te, I as ne, K as f, c as p, l as m, o as h, p as re, q as g, r as ie, u as ae } from "./Agent-DU1WWaHR.js";
 import { t as oe } from "./StreamError-D1AtGgS3.js";
-import "./src-DCfvejyT.js";
+import "./src-DpkuiHam.js";
 import { r as _, t as se } from "./url-validation-9DstIfq2.js";
 import { buildMongoQueryMatcher as ce, createAliasResolver as le } from "@casl/ability";
 import { createAccessControl as ue } from "better-auth/plugins";
@@ -47,7 +47,7 @@ var me = /* @__PURE__ */ function(e) {
 	text: e()
 }), D = c({
 	type: r("file"),
-	mediaType: e().regex(f),
+	mediaType: e().regex(ee),
 	url: t(),
 	filename: e().optional(),
 	providerMetadata: u(e(), u(e(), l())).optional()
@@ -67,16 +67,16 @@ c({
 	maxOutputTokens: n().positive().optional(),
 	presencePenalty: n().min(-2).max(2).optional(),
 	frequencyPenalty: n().min(-2).max(2).optional(),
-	searchMode: a(re).optional(),
+	searchMode: a(ae).optional(),
 	limit: n().optional(),
-	ranking: ae.optional(),
-	reasoning: g,
-	webSearch: ne.optional(),
+	ranking: p.optional(),
+	reasoning: m,
+	webSearch: re.optional(),
 	maxStepCount: n().int().min(1).max(40).optional(),
 	disabledTools: i(a(ie)).optional(),
 	fallbackModels: i(e()).optional(),
 	gatewayOptions: h.partial().optional(),
-	deviceContext: te.optional(),
+	deviceContext: ne.optional(),
 	externalContext: u(e(), l()).optional(),
 	smoothStream: o().optional()
 }), c({
@@ -104,7 +104,7 @@ function A(e) {
 			}
 			continue;
 		}
-		let n = p(e, r.keys()), s = n && r.get(n);
+		let n = f(e, r.keys()), s = n && r.get(n);
 		s && (t.state === "output-error" && oe.test(t.errorText ?? "") ? o.add(s) : a.add(s));
 	}
 	let s = new Set(n.selected), c = new Set(n.seeded), l = t.groups.map((e) => ({
@@ -161,16 +161,16 @@ var j = [
 	lastMessageAt: d()
 });
 c({
-	...m.pagination(),
-	...m.sort([
+	...g.pagination(),
+	...g.sort([
 		"updatedAt",
 		"createdAt",
 		"lastMessageAt"
 	]),
-	...m.filters(["agentId", "userId"]),
-	...m.range("updatedAt"),
-	...m.range("lastMessageAt"),
-	...m.ids(),
+	...g.filters(["agentId", "userId"]),
+	...g.range("updatedAt"),
+	...g.range("lastMessageAt"),
+	...g.ids(),
 	startDate: e().optional(),
 	endDate: e().optional()
 });
@@ -566,7 +566,7 @@ function ze(e) {
 			return i(`/agents/${encodeURIComponent(e)}/mcp-oauth/status?${n}`);
 		},
 		async createVoiceSession(e, t, n) {
-			return ee.parse(await i(`/agents/${encodeURIComponent(e)}/voice/session`, {
+			return te.parse(await i(`/agents/${encodeURIComponent(e)}/voice/session`, {
 				method: "POST",
 				headers: { "Content-Type": "application/json" },
 				body: JSON.stringify({
@@ -593,4 +593,4 @@ function ze(e) {
 //#endregion
 export { A as a, j as i, Z as n, M as r, ze as t };
 
-//# sourceMappingURL=createChatbotApiClient-DSLxswr4.js.map
+//# sourceMappingURL=createChatbotApiClient-G3Tt1I67.js.map