dsh-consumption-badge 1.2.2 → 1.3.2

package/lib/client.js

@@ -20,9 +20,63 @@ window.__ModuleLoader__.load({
 
     const API = '/api/consumption'
     const CSS_ID = 'dsh-consumption-badge'
-    const PRICES = {
-      'deepseek-flash': { hit: 0.02, miss: 1, out: 4 },
-      'deepseek-v4-pro': { hit: 0.15, miss: 4.5, out: 13.5 },
+
+    /**
+     * 主流大模型价目表（**统一折算成人民币 / 1M tokens**，仅供估算）。
+     *  - `hit` = 输入命中缓存、`miss` = 输入未命中、`out` = 输出；
+     *  - 生成顺序：每家厂商**当前版本在前、legacy 在后**；`legacy: true` 只用于承接历史日志里的旧 id；
+     *  - 非人民币原生价一律按官方 **USD 价 × 7.1** 折算（表里已经是折好的人民币，改价直接改这张表）；
+     *  - `peakPricing: true` 的模型才有 DeepSeek 那种「峰时 ×2」（其它厂商不区分峰谷）；
+     *  - `match` 是大小写无关的子串匹配，并且**最长命中优先**，所以 `gpt-5.6-terra-pro`、
+     *    `claude-sonnet-4-5`、`deepseek-v4.1-flash-1017` 这类带后缀/日期的 id 都能落到正确家族。
+     *
+     * 当前版本（2026-11 口径）：DeepSeek V4.1 Flash / V4 Pro(0813) / V3.2、GPT-5.6 Sol/Terra/Luna、
+     * Claude Opus·Sonnet·Haiku 5.5、Gemini 3.8 Flash / 3.1 Pro / 3 Flash、Qwen3.8 Max/Flash、
+     * GLM-5.3 / 5.1、Kimi K3.1 Pro / K3、Grok 4.7、Llama 4 Maverick、Mistral Large 4。
+     */
+    const MODELS = [
+      // 官方：MODEL deepseek-flash → MODEL VERSION DeepSeek-V4.1-Flash-1017（旧 id deepseek-v4-flash / -vision-exp 仍可调用并按 Flash 计费）
+      { id: 'deepseek-flash', provider: 'DeepSeek', label: 'DeepSeek V4.1 Flash', version: 'DeepSeek-V4.1-Flash-1017', legacy: false, match: ['deepseek-v4.1-flash', 'deepseek-v4-flash', 'deepseek-flash', 'deepseek-chat'], price: { hit: 0.02, miss: 1, out: 4 }, peakPricing: true, color: '#4d6bfe' },
+      // 官方：MODEL deepseek-v4-pro → MODEL VERSION DeepSeek-V4-Pro-0813
+      { id: 'deepseek-v4-pro', provider: 'DeepSeek', label: 'DeepSeek V4 Pro', version: 'DeepSeek-V4-Pro-0813', legacy: false, match: ['deepseek-v4-pro-0813', 'deepseek-v4-pro-0423', 'deepseek-v4-pro', 'deepseek-reasoner', 'deepseek-r1'], price: { hit: 0.15, miss: 4.5, out: 13.5 }, peakPricing: true, color: '#8b5cf6' },
+      // 老一代：只在历史日志里出现，按第三方零售价折算，仅作兜底估算
+      { id: 'deepseek-v3.2', provider: 'DeepSeek', label: 'DeepSeek V3.2 (legacy)', version: 'DeepSeek-V3.2', legacy: true, match: ['deepseek-v3.2', 'deepseek-v3'], price: { hit: 0.923, miss: 1.846, out: 2.698 }, peakPricing: true, color: '#818cf8' },
+      { id: 'gpt-5.6-sol', provider: 'OpenAI', label: 'GPT-5.6 Sol', legacy: false, match: ['gpt-5.6-sol'], price: { hit: 2.84, miss: 28.4, out: 142 }, peakPricing: false, color: '#0f766e' },
+      { id: 'gpt-5.6-terra', provider: 'OpenAI', label: 'GPT-5.6 Terra', legacy: false, match: ['gpt-5.6-terra'], price: { hit: 1.42, miss: 14.2, out: 85.2 }, peakPricing: false, color: '#10a37f' },
+      { id: 'gpt-5.6-luna', provider: 'OpenAI', label: 'GPT-5.6 Luna', legacy: false, match: ['gpt-5.6-luna'], price: { hit: 0.142, miss: 1.42, out: 8.52 }, peakPricing: false, color: '#34d399' },
+      { id: 'o3', provider: 'OpenAI', label: 'o3 / o3-pro', legacy: false, match: ['o3', 'o1', 'o4-mini'], price: { hit: 3.55, miss: 14.2, out: 56.8 }, peakPricing: false, color: '#059669' },
+      { id: 'gpt-4o', provider: 'OpenAI', label: 'GPT-4o (legacy)', legacy: true, match: ['gpt-4o'], price: { hit: 8.88, miss: 17.75, out: 71 }, peakPricing: false, color: '#22c55e' },
+      { id: 'gpt-4o-mini', provider: 'OpenAI', label: 'GPT-4o mini (legacy)', legacy: true, match: ['gpt-4o-mini', 'gpt-4.1-mini', 'gpt-4-mini'], price: { hit: 0.53, miss: 1.07, out: 4.26 }, peakPricing: false, color: '#86efac' },
+      { id: 'claude-opus-5.5', provider: 'Anthropic', label: 'Claude Opus 5.5', legacy: false, match: ['claude-opus-5', 'claude-opus'], price: { hit: 1.42, miss: 28.4, out: 142 }, peakPricing: false, color: '#c2410c' },
+      { id: 'claude-sonnet-5.5', provider: 'Anthropic', label: 'Claude Sonnet 5.5', legacy: false, match: ['claude-sonnet-5', 'claude-sonnet'], price: { hit: 0.71, miss: 14.2, out: 71 }, peakPricing: false, color: '#d97757' },
+      { id: 'claude-haiku-5.5', provider: 'Anthropic', label: 'Claude Haiku 5.5', legacy: false, match: ['claude-haiku-5', 'claude-haiku'], price: { hit: 0.071, miss: 0.71, out: 3.55 }, peakPricing: false, color: '#fb923c' },
+      { id: 'claude-sonnet-4.6', provider: 'Anthropic', label: 'Claude Sonnet 4.6 (legacy)', legacy: true, match: ['claude-sonnet-4'], price: { hit: 2.13, miss: 21.3, out: 106.5 }, peakPricing: false, color: '#f59e0b' },
+      { id: 'claude-opus-4', provider: 'Anthropic', label: 'Claude Opus 4.x (legacy)', legacy: true, match: ['claude-opus-4', 'opus-4', 'opus-3'], price: { hit: 3.55, miss: 35.5, out: 177.5 }, peakPricing: false, color: '#b45309' },
+      { id: 'gemini-3.8-flash', provider: 'Google', label: 'Gemini 3.8 Flash', legacy: false, match: ['gemini-3.8-flash', 'gemini-3.7-flash', 'gemini-3.6-flash'], price: { hit: 0.5858, miss: 5.8575, out: 29.2875 }, peakPricing: false, color: '#0ea5e9' },
+      { id: 'gemini-3.1-pro', provider: 'Google', label: 'Gemini 3.1 Pro', legacy: false, match: ['gemini-3.1-pro', 'gemini-3-pro', 'gemini-pro'], price: { hit: 1.42, miss: 14.2, out: 85.2 }, peakPricing: false, color: '#4285f4' },
+      { id: 'gemini-3-flash', provider: 'Google', label: 'Gemini 3 Flash', legacy: false, match: ['gemini-3-flash', 'gemini-flash'], price: { hit: 0.355, miss: 3.55, out: 21.3 }, peakPricing: false, color: '#38bdf8' },
+      { id: 'gemini-2.5-flash', provider: 'Google', label: 'Gemini 2.5 Flash (legacy)', legacy: true, match: ['gemini-2.5-flash', 'gemini-2.0-flash', 'gemini-1.5'], price: { hit: 0.213, miss: 2.13, out: 17.75 }, peakPricing: false, color: '#7dd3fc' },
+      { id: 'qwen3.8-max', provider: 'Alibaba', label: 'Qwen3.8 Max', legacy: false, match: ['qwen3.8-max', 'qwen3-max', 'qwen-max', 'qwen-max-latest'], price: { hit: 1.775, miss: 14.2, out: 42.6 }, peakPricing: false, color: '#615ced' },
+      { id: 'qwen3.8-flash', provider: 'Alibaba', label: 'Qwen3.8 Flash', legacy: false, match: ['qwen3.8-flash', 'qwen3.7-flash', 'qwen-flash'], price: { hit: 0.1136, miss: 1.065, out: 3.337 }, peakPricing: false, color: '#a78bfa' },
+      { id: 'qwen3.7-plus', provider: 'Alibaba', label: 'Qwen3.7 Plus (legacy)', legacy: true, match: ['qwen3.7-plus', 'qwen-plus', 'qwen-turbo', 'qwen3'], price: { hit: 0.4544, miss: 2.272, out: 9.088 }, peakPricing: false, color: '#c4b5fd' },
+      { id: 'glm-5.3', provider: 'Zhipu', label: 'GLM-5.3', legacy: false, match: ['glm-5.3', 'glm-5'], price: { hit: 0.5396, miss: 0.568, out: 25.56 }, peakPricing: false, color: '#0d9488' },
+      { id: 'glm-5.1', provider: 'Zhipu', label: 'GLM-5.1', legacy: false, match: ['glm-5.1'], price: { hit: 1.846, miss: 9.94, out: 31.24 }, peakPricing: false, color: '#2dd4bf' },
+      { id: 'glm-4.6', provider: 'Zhipu', label: 'GLM-4.6 (legacy)', legacy: true, match: ['glm-4.7', 'glm-4.6', 'glm-4-plus', 'glm-4.5', 'glm-4-air'], price: { hit: 0.71, miss: 3.55, out: 14.2 }, peakPricing: false, color: '#99f6e4' },
+      { id: 'kimi-k3.1-pro', provider: 'Moonshot', label: 'Kimi K3.1 Pro', legacy: false, match: ['kimi-k3.1-pro'], price: { hit: 1.42, miss: 14.2, out: 71 }, peakPricing: false, color: '#db2777' },
+      { id: 'kimi-k3', provider: 'Moonshot', label: 'Kimi K3', legacy: false, match: ['kimi-k3', 'kimi'], price: { hit: 1.2922, miss: 1.3632, out: 106.5 }, peakPricing: false, color: '#f472b6' },
+      { id: 'kimi-k2.5', provider: 'Moonshot', label: 'Kimi K2.5 (legacy)', legacy: true, match: ['kimi-k2', 'moonshot-v1'], price: { hit: 1.065, miss: 3.55, out: 17.75 }, peakPricing: false, color: '#fbcfe8' },
+      { id: 'grok-4.7', provider: 'xAI', label: 'Grok 4.7', legacy: false, match: ['grok-4.7', 'grok-4.6', 'grok-4.5', 'grok-4'], price: { hit: 3.55, miss: 14.2, out: 42.6 }, peakPricing: false, color: '#64748b' },
+      { id: 'grok-4.3', provider: 'xAI', label: 'Grok 4.3 (legacy)', legacy: true, match: ['grok-4.3', 'grok-4.20', 'grok-3', 'grok-2'], price: { hit: 1.42, miss: 8.875, out: 17.75 }, peakPricing: false, color: '#94a3b8' },
+      { id: 'llama-4-maverick', provider: 'Meta', label: 'Llama 4 Maverick', legacy: false, match: ['llama-4', 'llama-3', 'llama3'], price: { hit: 0.355, miss: 1.3312, out: 4.6328 }, peakPricing: false, color: '#06b6d4' },
+      { id: 'mistral-large-4', provider: 'Mistral', label: 'Mistral Large 4', legacy: false, match: ['mistral-large-4', 'mistral-large', 'mistral-medium', 'mistral'], price: { hit: 0.497, miss: 4.97, out: 14.91 }, peakPricing: false, color: '#f97316' },
+    ]
+    /** 兼容旧版本：按 id 建索引；`PRICES[id]` 额外带 `peak` 标记，Worker 里自包含的聚合函数直接读它。 */
+    const PRICES = {}
+    const MODEL_BY_ID = {}
+    for (let mi = 0; mi < MODELS.length; mi += 1) {
+      const entry = MODELS[mi]
+      PRICES[entry.id] = { hit: entry.price.hit, miss: entry.price.miss, out: entry.price.out, peak: entry.peakPricing === true }
+      MODEL_BY_ID[entry.id] = entry
     }
     const DEFAULT_MODEL = 'deepseek-flash'
     const PEAK_MULTIPLIER = 2
@@ -65,18 +119,82 @@ window.__ModuleLoader__.load({
       }
       return false
     }
-    // Unknown model ids still price as flash (or pro for pro-like ids) and are flagged.
-    function priceFor(model) {
-      const id = typeof model === 'string' ? model : ''
-      if (PRICES[id]) return { id: id, table: PRICES[id], known: true }
-      if (id.toLowerCase().indexOf('pro') >= 0) return { id: id, table: PRICES['deepseek-v4-pro'], known: false }
-      return { id: id || DEFAULT_MODEL, table: PRICES[DEFAULT_MODEL], known: false }
+    /**
+     * 把任意模型 id 归到价目表里的一个家族。
+     * 先精确命中 id，再按 `match` 子串大小写无关匹配；都不中就用兜底模型（并标 `known:false`，
+     * UI 会把金额标成估算）。`pro`/`large`/`opus` 这类更强的名字在没有精确信息时会落到更贵的一档。
+     */
+    function resolveModel(model, fallbackId) {
+      const raw = typeof model === 'string' ? model.trim() : ''
+      const lower = raw.toLowerCase()
+      const fallback = typeof fallbackId === 'string' && MODEL_BY_ID[fallbackId] ? MODEL_BY_ID[fallbackId] : MODEL_BY_ID[DEFAULT_MODEL]
+      if (raw !== '') {
+        if (MODEL_BY_ID[raw]) return { id: raw, entry: MODEL_BY_ID[raw], known: true, raw: raw }
+        // 取**最长命中**的家族：`gpt-4o-mini-2026` 必须落到 gpt-4o-mini，而不是被 gpt-4o 抢走。
+        let best = null
+        let bestLen = 0
+        for (let i = 0; i < MODELS.length; i += 1) {
+          const entry = MODELS[i]
+          for (let k = 0; k < entry.match.length; k += 1) {
+            const needle = entry.match[k]
+            if (needle.length > bestLen && lower.indexOf(needle) >= 0) {
+              best = entry
+              bestLen = needle.length
+            }
+          }
+        }
+        if (best !== null) return { id: best.id, entry: best, known: true, raw: raw }
+        if (lower.indexOf('pro') >= 0 || lower.indexOf('opus') >= 0 || lower.indexOf('max') >= 0) {
+          return { id: 'deepseek-v4-pro', entry: MODEL_BY_ID['deepseek-v4-pro'], known: false, raw: raw }
+        }
+      }
+      return { id: fallback.id, entry: fallback, known: raw === '', raw: raw }
     }
+    /**
+     * 模型的可解释文案：`DeepSeek V4.1 Flash（DeepSeek-V4.1-Flash-1017 · 日志 id deepseek-flash）`
+     * 先显示价目表族名，再显示官方 MODEL VERSION 和日志里真实的 id，避免「明明用 V4.1 却显示 V3」这种误会。
+     */
+    function modelDetail(model) {
+      const info = priceFor(model)
+      const bits = []
+      if (info.version) bits.push(info.version)
+      const raw = String(info.raw || '')
+      if (raw && raw !== info.id) bits.push(tt('日志 id {id}', { id: raw }))
+      else if (raw) bits.push(tt('日志 id {id}', { id: raw }))
+      return bits.length > 0 ? info.label + '（' + bits.join(' · ') + '）' : info.label
+    }
+    function modelColor(model) {
+      return resolveModel(model).entry.color
+    }
+    function modelLabel(model) {
+      const r = resolveModel(model)
+      return r.known || r.raw === '' ? r.entry.label : r.raw
+    }
+    /** 计价入口：返回价目表条目（含 `peak` 标记）+ 该模型的展示信息。 */
+    function priceFor(model, fallbackId) {
+      const r = resolveModel(model, fallbackId)
+      return {
+        id: r.id,
+        table: PRICES[r.id],
+        known: r.known,
+        peakPricing: r.entry.peakPricing === true,
+        label: r.entry.label,
+        version: r.entry.version || '',
+        provider: r.entry.provider,
+        color: r.entry.color,
+        raw: r.raw,
+      }
+    }
+    /** 按模型计价：只有标了 `peak` 的模型（DeepSeek）才乘峰时系数，其它厂商不区分峰谷。 */
     function costOf(bucket, table, peak) {
-      const k = peak ? PEAK_MULTIPLIER : 1
+      const k = peak && table && table.peak === true ? PEAK_MULTIPLIER : 1
       const cost = (bucket.hit / 1e6) * table.hit + (bucket.miss / 1e6) * table.miss + (bucket.out / 1e6) * table.out
       return cost * k
     }
+    /** 按「记录自己的模型」计价（多模型混跑时逐条算，不混价）。 */
+    function costOfModel(bucket, model, peak, fallbackId) {
+      return costOf(bucket, priceFor(model, fallbackId).table, peak)
+    }
     function fmtTokens(v) {
       const n = Math.max(0, Math.round(Number(v) || 0))
       if (n < 1000) return String(n)
@@ -95,6 +213,177 @@ window.__ModuleLoader__.load({
       if (n < 100) return n.toFixed(2)
       return n.toFixed(1)
     }
+
+    /* ===================== 显示币种（报价表始终是人民币） ===================== */
+    const LS_CURRENCY = 'dsh-consumption:currency'
+    const RATES_TTL_MS = 6 * 60 * 60 * 1000
+    /** 可选币种 + 符号；顺序与 Host 的 CURRENCY_CODES 一致（CNY 永远是第一项）。 */
+    const CURRENCIES = [
+      { code: 'CNY', symbol: '¥' },
+      { code: 'USD', symbol: '$' },
+      { code: 'EUR', symbol: '€' },
+      { code: 'GBP', symbol: '£' },
+      { code: 'JPY', symbol: 'JP¥' },
+      { code: 'HKD', symbol: 'HK$' },
+      { code: 'TWD', symbol: 'NT$' },
+      { code: 'KRW', symbol: '₩' },
+      { code: 'SGD', symbol: 'S$' },
+      { code: 'AUD', symbol: 'A$' },
+      { code: 'CAD', symbol: 'C$' },
+      { code: 'CHF', symbol: 'CHF ' },
+      { code: 'INR', symbol: '₹' },
+      { code: 'RUB', symbol: '₽' },
+      { code: 'BRL', symbol: 'R$' },
+      { code: 'THB', symbol: '฿' },
+      { code: 'MXN', symbol: 'MX$' },
+    ]
+
+    function currencyMeta(code) {
+      for (let i = 0; i < CURRENCIES.length; i += 1) {
+        if (CURRENCIES[i].code === code) return CURRENCIES[i]
+      }
+      return null
+    }
+    function symbolOf(code) {
+      const meta = currencyMeta(code)
+      return meta !== null ? meta.symbol : String(code) + ' '
+    }
+    /** 币种全名：优先用 Intl.DisplayNames（跟随系统语言），取不到就用代码。 */
+    function currencyName(code) {
+      try {
+        if (typeof Intl === 'object' && typeof Intl.DisplayNames === 'function') {
+          const names = new Intl.DisplayNames([localeTag()], { type: 'currency' })
+          const name = names.of(code)
+          if (typeof name === 'string' && name && name !== code) return name
+        }
+      } catch (e) { /* 回落代码 */ }
+      return code
+    }
+    /** 当前偏好币种（读不到/非法一律人民币）。 */
+    function readCurrency() {
+      const raw = lsGet(LS_CURRENCY)
+      return currencyMeta(raw) !== null ? raw : 'CNY'
+    }
+    const LS_MODEL_FILTER = 'dsh-consumption:model-filter'
+    /** 当前「模型」下拉的选择（'' = 全部模型）。非法值一律当全部。 */
+    function readModelFilter() {
+      const raw = lsGet(LS_MODEL_FILTER)
+      return typeof raw === 'string' && MODEL_BY_ID[raw] ? raw : ''
+    }
+    /**
+     * 把人民币金额换算成当前偏好币种。
+     * @returns {{value: number, code: string, rate: number, converted: boolean}}
+     *   `converted: false` 表示汇率还没拿到或该币种没有汇率 → 保持人民币。
+     */
+    function convertCny(value) {
+      const n = Number(value) || 0
+      // `store` 是模块级常量，渲染期一定已初始化；仍然兜一层，避免任何早期调用撞 TDZ。
+      let st = null
+      try {
+        st = store.state
+      } catch (e) {
+        st = null
+      }
+      const code = st !== null && typeof st.currency === 'string' ? st.currency : 'CNY'
+      if (code === 'CNY') return { value: n, code: 'CNY', rate: 1, converted: false }
+      const payload = st !== null ? st.rates : null
+      const table = payload && payload.rates && typeof payload.rates === 'object' ? payload.rates : null
+      const rate = table !== null && typeof table[code] === 'number' ? table[code] : null
+      if (rate === null || !(rate > 0)) return { value: n, code: 'CNY', rate: 1, converted: false }
+      return { value: n * rate, code: code, rate: rate, converted: true }
+    }
+    /** 金额（按偏好币种换算 + 前缀符号）。 */
+    function money(value) {
+      const r = convertCny(value)
+      return symbolOf(r.code) + fmtYuan(r.value)
+    }
+    /** 估算金额前缀 `≈`。 */
+    function moneyApprox(value) {
+      return '≈' + money(value)
+    }
+    /** 账户余额：原生币种是 CNY 就走换算，其它币种按原样显示。 */
+    function moneyBalance(amount, nativeCode) {
+      const src = typeof nativeCode === 'string' && nativeCode ? nativeCode : 'CNY'
+      if (src !== 'CNY') return symbolOf(src) + fmtYuan(Number(amount) || 0)
+      return money(amount)
+    }
+    /**
+     * 浏览器直连的汇率源（两个都带 `access-control-allow-origin: *`）。
+     * 用来兜住「Host 半边还没重启、/rates 404」以及 Host 侧出网被挡的情况。
+     */
+    const RATE_ENDPOINTS = [
+      { url: 'https://open.er-api.com/v6/latest/CNY', source: 'open.er-api.com' },
+      { url: 'https://cdn.jsdelivr.net/npm/@fawazahmed0/currency-api@latest/v1/currencies/cny.json', source: 'currency-api' },
+    ]
+
+    /** 把两种公开汇率的响应归一成 `{ok, base, rates, source, fetchedAt}`。 */
+    function parseRatesPayload(json, source) {
+      if (!json || typeof json !== 'object') return null
+      const raw = json.rates && typeof json.rates === 'object' ? json.rates : (json.cny && typeof json.cny === 'object' ? json.cny : null)
+      if (raw === null) return null
+      const rates = {}
+      let found = 0
+      for (let i = 0; i < CURRENCIES.length; i += 1) {
+        const code = CURRENCIES[i].code
+        const v = typeof raw[code] === 'number' ? raw[code] : raw[code.toLowerCase()]
+        if (typeof v === 'number' && Number.isFinite(v) && v > 0) {
+          rates[code] = v
+          found += 1
+        }
+      }
+      if (found === 0) return null
+      const stamp = typeof json.time_last_update_unix === 'number'
+        ? json.time_last_update_unix * 1000
+        : (typeof json.date === 'string' ? Date.parse(json.date) : 0)
+      return {
+        ok: true,
+        base: 'CNY',
+        rates: rates,
+        source: source,
+        fetchedAt: Number.isFinite(stamp) && stamp > 0 ? stamp : 0,
+        stale: false,
+        via: 'browser',
+      }
+    }
+
+    /** 依次尝试浏览器直连的汇率源；全失败返回 null。 */
+    function fetchRatesDirect() {
+      if (typeof fetch !== 'function') return Promise.resolve(null)
+      let chain = Promise.resolve(null)
+      for (let i = 0; i < RATE_ENDPOINTS.length; i += 1) {
+        const endpoint = RATE_ENDPOINTS[i]
+        chain = chain.then(function (found) {
+          if (found !== null) return found
+          return fetch(endpoint.url, { headers: { accept: 'application/json' } })
+            .then(function (res) {
+              if (!res || res.ok === false) return null
+              return res.json()
+            })
+            .then(function (json) { return parseRatesPayload(json, endpoint.source) })
+            .catch(function () { return null })
+        })
+      }
+      return chain
+    }
+    /** 把模型列表渲染成按厂商分组的 <optgroup>（设置页与弹层共用）。 */
+    function modelOptionNodes(list) {
+      const order = []
+      const byProvider = {}
+      for (let i = 0; i < list.length; i += 1) {
+        const m = list[i]
+        if (!byProvider[m.provider]) {
+          byProvider[m.provider] = []
+          order.push(m.provider)
+        }
+        byProvider[m.provider].push(m)
+      }
+      return order.map(function (provider) {
+        return h('optgroup', { key: provider, label: provider },
+          byProvider[provider].map(function (m) {
+            return h('option', { key: m.id, value: m.id }, m.label)
+          }))
+      })
+    }
     function bucketOfTurns(turns) {
       const out = { hit: 0, miss: 0, out: 0 }
       for (let i = 0; i < turns.length; i += 1) {
@@ -138,6 +427,25 @@ window.__ModuleLoader__.load({
       '账户余额': 'Account balance',
       '逐轮消耗趋势': 'Per-turn usage trend',
       '命中 {hit} · 未命中 {miss} · 输出 {out}': 'hit {hit} · miss {miss} · output {out}',
+      '本轮消耗（点击查看本会话明细）': 'This turn’s usage (click for session details)',
+      '货币': 'Currency',
+      '模型': 'Model',
+      '全部模型': 'All models',
+      '按模型筛选；同时作为计价兜底': 'Filter by model; also the pricing fallback',
+      '仅 {model}': 'only {model}',
+      '日志 id {id}': 'log id {id}',
+      '{count} 个模型各自计价': '{count} models priced separately',
+      '按 {model} 约还可跑 {tokens} tokens': 'about {tokens} tokens left at {model} prices',
+      '金额按各模型官方价估算（DeepSeek 区分峰谷 ×1/×2，其它厂商按 USD 价 ×7.1 折人民币），仅供参考；数据源为本会话日志，刷新后自动恢复。': 'Costs are estimated from each model’s list price (DeepSeek applies peak/off-peak ×1/×2; other vendors are converted from USD at 7.1), for reference only; the source is this session log, restored automatically after a refresh.',
+      '金额按人民币报价折算显示': 'Amounts are priced in CNY and converted for display',
+      '当前以人民币显示（可切换成其它币种）': 'Showing CNY — pick another currency to convert',
+      '1 CNY = {rate} {code}': '1 CNY = {rate} {code}',
+      '汇率来源 {source}': 'rates from {source}',
+      '内置兜底汇率': 'built-in fallback',
+      '联网失败时使用内置汇率': 'built-in rates used because the lookup failed',
+      '正在获取汇率…': 'Fetching exchange rates…',
+      '汇率获取失败，暂时按人民币显示：{msg}': 'Could not fetch exchange rates, showing CNY: {msg}',
+      '余额 = {amount}': 'Balance = {amount}',
       '{id}（按 flash 估算）': '{id} (priced as flash)',
       ' · 峰时 ×2': ' · peak ×2',
       ' · 谷时': ' · off-peak ×1',
@@ -168,8 +476,8 @@ window.__ModuleLoader__.load({
       '余额接口不可用': 'Balance API unavailable',
       '余额不足': 'Insufficient balance',
       '请前往 DeepSeek 开放平台充值': 'Top up at the DeepSeek open platform',
-      '赠送 ¥{v}': 'granted ¥{v}',
-      '充值 ¥{v}': 'topped up ¥{v}',
+      '赠送 {amount}': 'granted {amount}',
+      '充值 {amount}': 'topped up {amount}',
       'DeepSeek 账户余额': 'DeepSeek account balance',
       '空响应': 'Empty response',
       '余额获取失败': 'Balance request failed',
@@ -282,6 +590,15 @@ window.__ModuleLoader__.load({
      * Bind the shell's locale service when the composition provides one.
      * Optional dependency on purpose: without the service every string falls
      * back to its Chinese key, so the plugin still works standalone.
+     *
+     * The dictionary namespace is `consumption-badge`. A **hot reload inside an
+     * open page** mounts a second fiber while the previous one's registration may
+     * still be alive (the shell re-imports the bundle); the locale service rejects
+     * a duplicate `(ns, locale)` pair, and the old dictionary would then stay bound
+     * forever — new keys added in a later build would render as their raw Chinese
+     * key. So: on a duplicate we register under a suffixed namespace instead of
+     * giving up, and we hand the disposer to `ctx.effect` so a clean unload frees
+     * the plain namespace again.
      * @param ctx client cordis context.
      */
     function attachLocale(ctx) {
@@ -296,15 +613,29 @@ window.__ModuleLoader__.load({
         service = null
       }
       if (service === null || typeof service.register !== 'function' || typeof service.bind !== 'function') return
+      // Only the `en` side is registered: the key already is the `zh` copy, and
+      // the locale service resolves a miss to the key itself.
+      let ns = LOCALE_NS
+      let dispose = null
       try {
-        // Only the `en` side is registered: the key already is the `zh` copy, and
-        // the locale service resolves a miss to the key itself.
-        service.register(LOCALE_NS, 'en', DICT_EN)
+        dispose = service.register(ns, 'en', DICT_EN)
       } catch (e) {
-        // Already registered (hot re-mount of the same fiber) — binding is enough.
+        ns = LOCALE_NS + '#' + BUILD_TAG + '-' + Math.random().toString(36).slice(2, 7)
+        try {
+          dispose = service.register(ns, 'en', DICT_EN)
+          console.warn('[consumption-badge] previous dictionary still registered; bound a private locale namespace ' + ns)
+        } catch (e2) {
+          console.warn('[consumption-badge] locale dictionary registration failed: ' + msgOf(e2))
+          return
+        }
       }
-      boundTranslate = service.bind(LOCALE_NS)
+      boundTranslate = service.bind(ns)
       localeService = service
+      if (typeof dispose === 'function' && ctx && typeof ctx.effect === 'function') {
+        try {
+          ctx.effect(function () { return dispose })
+        } catch (e) { /* effects unavailable (tests): the dictionary simply stays */ }
+      }
     }
 
     /**
@@ -340,6 +671,20 @@ window.__ModuleLoader__.load({
       }
     }
 
+    /** Active locale id ('zh' when the service is absent). */
+    function activeLocaleId() {
+      try {
+        const snapshot = localeService !== null && typeof localeService.getLocale === 'function' ? localeService.getLocale() : null
+        if (snapshot && typeof snapshot.active === 'string' && snapshot.active) return snapshot.active
+      } catch (e) { /* fall through */ }
+      return 'zh'
+    }
+
+    /** BCP-47 tag for Intl: only zh/en are shipped. */
+    function localeTag() {
+      return activeLocaleId() === 'en' ? 'en' : 'zh-CN'
+    }
+
     /* Host error codes (lib/index.js) → the Chinese key tt() translates. */
     const HOST_ERROR_KEYS = {
       'no-credentials': 'credentials 服务不可用',
@@ -454,10 +799,10 @@ window.__ModuleLoader__.load({
 
     /* ================= 消耗弹窗背景样式（与个性化插件联动） ================= */
     const MODAL_STYLE_KEY = 'dsh-consumption:modal-style'
-    const BUILD_TAG = 'dcb-1.2.2'
+    const BUILD_TAG = 'dcb-1.3.2'
     // 本地版本：本包是零构建的手写客户端包，无法 import package.json，因此把版本号作为常量维护，
     // 并由 check.mjs 守卫与 package.json 严格一致（发布前不一致直接失败）。
-    const PLUGIN_VERSION = '1.2.2'
+    const PLUGIN_VERSION = '1.3.2'
     const PKG_NAME = 'dsh-consumption-badge'
     const UPDATE_REGISTRY_URL = 'https://registry.npmjs.org/' + PKG_NAME + '/latest'
     const UPDATE_COMMAND = 'dsh plugin --profile web update ' + PKG_NAME
@@ -830,6 +1175,11 @@ window.__ModuleLoader__.load({
         version: 0,
         focusPending: false,
         turns: [],
+        // 逐条 assistant 消息的用量（messageId → 记录）：只用来把胶囊定位到「哪一轮」。
+        messages: [],
+        messageById: new Map(),
+        // turn 号 → /turns 里的折叠记录（胶囊显示的是这一轮的合计）。
+        turnByNumber: new Map(),
         turnsState: 'idle',
         turnsError: '',
         // Error copy is stored language-neutral: the kind names the sentence and
@@ -841,6 +1191,13 @@ window.__ModuleLoader__.load({
         accountState: 'idle',
         integrations: null,
         modalStyle: readModalStyle(),
+        // 显示币种（本地偏好）+ 汇率（Host 路由，6h 缓存）：金额展示都走 money()。
+        currency: readCurrency(),
+        // 模型筛选 / 计价兜底（'' = 全部模型，不筛选；同时作为查不到模型时的计价基准）。
+        modelFilter: readModelFilter(),
+        rates: null,
+        ratesState: 'idle',
+        ratesError: '',
         // 已解析的弹窗背景图地址：URL 直接用，本地图片是 IndexedDB 里的 blob: 地址。
         modalImageUrl: '',
         // 图片保存过程的可观测状态：'' | 'saving' | 'saved' | 以 'error:' 开头的失败原因
@@ -856,11 +1213,13 @@ window.__ModuleLoader__.load({
         balanceErrorCode: '',
         balanceErrorFallback: '',
         balanceAt: 0,
+        ratesAt: 0,
       }
       const listeners = new Set()
       let turnsInFlight = null
       let accountInFlight = null
       let balanceInFlight = null
+      let ratesInFlight = null
 
       function emit() {
         state.version += 1
@@ -899,6 +1258,9 @@ window.__ModuleLoader__.load({
         if (state.sessionId !== sessionId) {
           state.sessionId = sessionId
           state.turns = []
+          state.messages = []
+          state.messageById = new Map()
+          state.turnByNumber = new Map()
           state.turnsState = 'idle'
           state.turnsError = ''
         }
@@ -921,7 +1283,33 @@ window.__ModuleLoader__.load({
                 cached: false,
               })
             }
+            // 逐条消息：仅当 Host 回了 messages（新增字段）时才覆盖，否则保持空表 ⇒ 徽章回落本会话口径。
+            const rawMessages = res && Array.isArray(res.messages) ? res.messages : []
+            const messages = []
+            const byId = new Map()
+            for (let i = 0; i < rawMessages.length; i += 1) {
+              const m = rawMessages[i]
+              if (!m || typeof m !== 'object') continue
+              const rec = {
+                id: typeof m.id === 'string' ? m.id : '',
+                turn: num(m.turn),
+                step: num(m.step),
+                hit: num(m.hit),
+                miss: num(m.miss),
+                out: num(m.out),
+                time: num(m.time),
+                model: typeof m.model === 'string' ? m.model : '',
+              }
+              messages.push(rec)
+              if (rec.id !== '') byId.set(rec.id, rec)
+            }
+            state.messages = messages
+            state.messageById = byId
             state.turns = restoreTurns(sessionId, normalized)
+            // 索引必须和 state.turns 用同一份数据（restoreTurns 会补上历史窗口外的轮次）。
+            const turnByNumber = new Map()
+            for (let i = 0; i < state.turns.length; i += 1) turnByNumber.set(state.turns[i].turn, state.turns[i])
+            state.turnByNumber = turnByNumber
             state.turnsState = res && res.ok === false ? 'error' : 'ready'
             if (res && res.ok === false) {
               state.turnsErrorKind = 'host'
@@ -1008,6 +1396,74 @@ window.__ModuleLoader__.load({
       function bump() {
         emit()
       }
+      /**
+       * 取汇率（Host 端 6h 缓存；`force` 强制刷新 Host 缓存）。
+       * 只要当前币种不是人民币就需要它，取不到时金额回落为人民币显示。
+       */
+      function ensureRates(force) {
+        const now = Date.now()
+        const fresh = state.rates && state.rates.ok && now - (state.ratesAt || 0) < RATES_TTL_MS
+        if (!force && fresh) return Promise.resolve(state.rates)
+        if (ratesInFlight) return ratesInFlight
+        state.ratesState = 'loading'
+        emit()
+        ratesInFlight = Promise.resolve()
+          .then(function () { return fetchJson(API + '/rates' + (force ? '?force=1' : '')) })
+          .catch(function () { return null })
+          .then(function (res) {
+            if (res && typeof res === 'object' && res.ok !== false && res.rates && typeof res.rates === 'object') {
+              return Object.assign({ via: 'host' }, res)
+            }
+            // Host 路由还没就绪（例如还没重启）或出网被挡：浏览器直连公开汇率源。
+            return fetchRatesDirect()
+          })
+          .then(function (res) {
+            if (res && typeof res === 'object' && res.ok !== false && res.rates && typeof res.rates === 'object') {
+              state.rates = res
+              state.ratesAt = Date.now()
+              state.ratesState = 'ready'
+              state.ratesError = ''
+            } else {
+              state.rates = null
+              state.ratesState = 'error'
+              state.ratesError = res && typeof res.error === 'string' ? res.error : 'rates unavailable'
+            }
+            emit()
+          })
+          .catch(function (e) {
+            state.rates = null
+            state.ratesState = 'error'
+            state.ratesError = msgOf(e)
+            emit()
+          })
+          .then(function () { ratesInFlight = null })
+        return ratesInFlight
+      }
+      /** 切换显示币种：落本地偏好 → 需要汇率时顺手取一次 → 通知所有订阅者（即时重绘）。 */
+      function setCurrency(code) {
+        const next = currencyMeta(code) !== null ? code : 'CNY'
+        if (state.currency === next) return
+        state.currency = next
+        lsSet(LS_CURRENCY, next)
+        emit()
+        if (next !== 'CNY') ensureRates(false)
+      }
+      /** 强制刷新汇率（设置页的「刷新汇率」按钮）。 */
+      function refreshRates() {
+        state.rates = null
+        return ensureRates(true)
+      }
+      /**
+       * 切换「模型」下拉：'' = 全部模型（不筛选）；
+       * 选了具体模型时，它同时是**统计筛选条件**和**计价兜底模型**。
+       */
+      function setModelFilter(id) {
+        const next = typeof id === 'string' && MODEL_BY_ID[id] ? id : ''
+        if (state.modelFilter === next) return
+        state.modelFilter = next
+        lsSet(LS_MODEL_FILTER, next)
+        emit()
+      }
       /** 更新弹窗背景配置：合并 → 落本地偏好 → 通知所有订阅者（弹层即时重绘）。 */
       function setModalStyle(patch) {
         const prev = state.modalStyle
@@ -1167,6 +1623,10 @@ window.__ModuleLoader__.load({
         ensureAccount: ensureAccount,
         ensureTurns: ensureTurns,
         ensureBalance: ensureBalance,
+        ensureRates: ensureRates,
+        setCurrency: setCurrency,
+        refreshRates: refreshRates,
+        setModelFilter: setModelFilter,
         openPanel: openPanel,
         closePanel: closePanel,
         setModalStyle: setModalStyle,
@@ -1199,7 +1659,8 @@ window.__ModuleLoader__.load({
         const bucket = { hit: num(t.hit), miss: num(t.miss), out: num(t.out) }
         const at = t.time > 0 ? t.time : nowMs
         const peak = isPeakAt(at)
-        const price = priceFor(t.model || modelFallback)
+        // 每轮按**它自己用的模型**计价（多模型混跑时不会串价）。
+        const price = priceFor(t.model, modelFallback)
         series.push({
           turn: t.turn,
           hit: bucket.hit,
@@ -1208,7 +1669,12 @@ window.__ModuleLoader__.load({
           tokens: bucket.hit + bucket.miss + bucket.out,
           cost: costOf(bucket, price.table, peak),
           peak: peak,
+          peakPricing: price.peakPricing,
           model: price.id,
+          rawModel: price.raw,
+          version: price.version,
+          label: price.label,
+          color: price.color,
           known: price.known,
           cached: !!t.cached,
           time: at,
@@ -1241,10 +1707,8 @@ window.__ModuleLoader__.load({
       function yCost(v) { return CHART_PAD.t + innerH - (v / topCost) * innerH }
 
       const tokenPts = []
-      const costPts = []
       for (let i = 0; i < n; i += 1) {
         tokenPts.push(xAt(i).toFixed(2) + ',' + yToken(series[i].tokens).toFixed(2))
-        costPts.push(xAt(i).toFixed(2) + ',' + yCost(series[i].cost).toFixed(2))
       }
       const grid = []
       const leftLabels = []
@@ -1254,7 +1718,7 @@ window.__ModuleLoader__.load({
         const y = CHART_PAD.t + innerH * ratio
         grid.push(h('line', { key: 'g' + g, x1: CHART_PAD.l, x2: CHART_PAD.l + innerW, y1: y, y2: y, className: 'dcb-grid-line' }))
         leftLabels.push(h('text', { key: 'lt' + g, x: CHART_PAD.l - 8, y: y + 3.5, textAnchor: 'end', className: 'dcb-axis-label' }, fmtTokens(topToken * (1 - ratio))))
-        rightLabels.push(h('text', { key: 'rt' + g, x: CHART_PAD.l + innerW + 8, y: y + 3.5, textAnchor: 'start', className: 'dcb-axis-label' }, '¥' + fmtYuan(topCost * (1 - ratio))))
+        rightLabels.push(h('text', { key: 'rt' + g, x: CHART_PAD.l + innerW + 8, y: y + 3.5, textAnchor: 'start', className: 'dcb-axis-label' }, money(topCost * (1 - ratio))))
       }
       const step = n <= 8 ? 1 : Math.ceil(n / 8)
       const xLabels = []
@@ -1262,11 +1726,49 @@ window.__ModuleLoader__.load({
         if (i % step !== 0 && i !== n - 1) continue
         xLabels.push(h('text', { key: 'x' + i, x: xAt(i), y: CHART_H - 6, textAnchor: 'middle', className: 'dcb-axis-label' }, '#' + String(series[i].turn)))
       }
-      const dots = []
+      // 每个模型一条金额折线（各自颜色）；该模型没有数据的轮次断开，不做插值连线。
+      const byModel = {}
+      const modelOrder = []
       for (let i = 0; i < n; i += 1) {
-        const active = hover === i
-        dots.push(h('circle', { key: 'dt' + i, cx: xAt(i), cy: yToken(series[i].tokens), r: active ? 4 : 2.2, className: 'dcb-dot' }))
-        dots.push(h('circle', { key: 'dc' + i, cx: xAt(i), cy: yCost(series[i].cost), r: active ? 4 : 2.2, className: 'dcb-dot dcb-dot-cost' }))
+        const key = series[i].model || DEFAULT_MODEL
+        if (byModel[key] === undefined) {
+          byModel[key] = []
+          modelOrder.push(key)
+        }
+        byModel[key].push(i)
+      }
+      const modelLines = []
+      const dots = []
+      for (let m = 0; m < modelOrder.length; m += 1) {
+        const key = modelOrder[m]
+        const idxs = byModel[key]
+        const color = series[idxs[0]].color || '#4d6bfe'
+        let d = ''
+        let run = false
+        for (let k = 0; k < n; k += 1) {
+          const idx = byModel[key].indexOf(k)
+          if (idx < 0) {
+            run = false
+            continue
+          }
+          const x = xAt(k)
+          const y = yCost(series[k].cost)
+          d += (run ? 'L' : 'M') + x.toFixed(2) + ' ' + y.toFixed(2) + ' '
+          run = true
+        }
+        modelLines.push(h('path', {
+          key: 'ml' + key,
+          d: d.trim(),
+          className: 'dcb-line dcb-line-cost',
+          stroke: color,
+          fill: 'none',
+        }))
+        for (let k = 0; k < idxs.length; k += 1) {
+          const i2 = idxs[k]
+          const active = hover === i2
+          dots.push(h('circle', { key: 'dt' + i2, cx: xAt(i2), cy: yToken(series[i2].tokens), r: active ? 4 : 2.2, className: 'dcb-dot' }))
+          dots.push(h('circle', { key: 'dc' + i2, cx: xAt(i2), cy: yCost(series[i2].cost), r: active ? 4 : 2.2, className: 'dcb-dot dcb-dot-cost', fill: color }))
+        }
       }
       const hovered = hover >= 0 && hover < n ? series[hover] : null
       const crosshair = hovered
@@ -1288,19 +1790,30 @@ window.__ModuleLoader__.load({
         ? h('div', { className: 'dcb-tooltip', style: { left: String((xAt(hover) / CHART_W) * 100) + '%' } },
             h('div', { className: 'dcb-tooltip-title' },
               '#' + String(hovered.turn),
-              h('span', { className: 'dcb-tooltip-model' }, hovered.model || DEFAULT_MODEL),
-              h('span', { className: hovered.peak ? 'dcb-tag is-peak' : 'dcb-tag is-valley' }, tt(hovered.peak ? '峰时' : '谷时'))),
+              h('span', { className: 'dcb-tooltip-model', title: modelDetail(hovered.rawModel || hovered.model) },
+                h('i', { className: 'dcb-model-dot', style: { background: hovered.color } }),
+                (hovered.label || hovered.model || DEFAULT_MODEL)
+                  + (hovered.version ? ' · ' + hovered.version : '')
+                  + (hovered.rawModel && hovered.rawModel !== hovered.model ? ' · ' + hovered.rawModel : '')),
+              h('span', { className: hovered.peak && hovered.peakPricing !== false ? 'dcb-tag is-peak' : 'dcb-tag is-valley' }, tt(hovered.peak ? '峰时' : '谷时'))),
             h('div', { className: 'dcb-tooltip-row' }, h('span', null, tt('输入命中')), h('b', null, fmtTokens(hovered.hit))),
             h('div', { className: 'dcb-tooltip-row' }, h('span', null, tt('输入未命中')), h('b', null, fmtTokens(hovered.miss))),
             h('div', { className: 'dcb-tooltip-row' }, h('span', null, tt('输出')), h('b', null, fmtTokens(hovered.out))),
             h('div', { className: 'dcb-tooltip-row dcb-tooltip-total' }, h('span', null, tt('本轮合计')), h('b', null, fmtTokens(hovered.tokens))),
-            h('div', { className: 'dcb-tooltip-row dcb-tooltip-total' }, h('span', null, tt('估算金额')), h('b', null, '≈¥' + fmtYuan(hovered.cost))))
+            h('div', { className: 'dcb-tooltip-row dcb-tooltip-total' }, h('span', null, tt('估算金额')), h('b', null, moneyApprox(hovered.cost))))
         : null
 
       return h('div', { className: 'dcb-chart-wrap' },
         h('div', { className: 'dcb-chart-legend' },
-          h('span', { className: 'dcb-legend-item' }, h('i', { className: 'dcb-legend-dot' }), tt('每轮 Token')),
-          h('span', { className: 'dcb-legend-item' }, h('i', { className: 'dcb-legend-dot dcb-dot-cost' }), tt('每轮估算金额'))),
+          h('span', { className: 'dcb-legend-item' }, h('i', { className: 'dcb-legend-dot dcb-dot-token' }), tt('每轮 Token')),
+          modelOrder.length > 1
+            ? modelOrder.map(function (key) {
+              const first = series[byModel[key][0]]
+              return h('span', { key: 'lg' + key, className: 'dcb-legend-item' },
+                h('i', { className: 'dcb-legend-dot', style: { background: first.color } }),
+                first.label || key)
+            })
+            : h('span', { className: 'dcb-legend-item' }, h('i', { className: 'dcb-legend-dot dcb-dot-cost' }), tt('每轮估算金额'))),
         h('div', { className: 'dcb-chart-body' },
           h('svg', {
             className: 'dcb-chart-svg',
@@ -1311,8 +1824,8 @@ window.__ModuleLoader__.load({
           },
             h('g', null, grid),
             crosshair,
-            h('polyline', { className: 'dcb-line', points: tokenPts.join(' ') }),
-            h('polyline', { className: 'dcb-line dcb-line-cost', points: costPts.join(' ') }),
+            h('polyline', { className: 'dcb-line dcb-line-token', points: tokenPts.join(' ') }),
+            h('g', null, modelLines),
             h('g', null, dots),
             h('g', null, leftLabels),
             h('g', null, rightLabels),
@@ -1357,6 +1870,26 @@ window.__ModuleLoader__.load({
         props.hint ? h('div', { className: 'dcb-card-hint' }, props.hint) : null)
     }
 
+    /**
+     * 从 DOM 里读出「自己在第几轮」：外壳把 assistant-actions 这个槽位渲染在
+     * `<div data-turn-tail="<turn>">` 里面。这是给「Host 还没重启、没回 messageId→turn 映射」
+     * 时用的兜底通道 —— 有 Host 映射时优先用 Host 的。
+     * @param el 胶囊自身的 DOM 节点。
+     * @returns 轮次号，取不到返回 undefined。
+     */
+    function turnFromElement(el) {
+      if (!el || typeof el.closest !== 'function') return undefined
+      let node = null
+      try {
+        node = el.closest('[data-turn-tail]')
+      } catch (e) {
+        node = null
+      }
+      if (!node || typeof node.getAttribute !== 'function') return undefined
+      const n = Number(node.getAttribute('data-turn-tail'))
+      return Number.isFinite(n) && n > 0 ? n : undefined
+    }
+
     function ConsumptionBadge(props) {
       const state = store.state
       const tick = React.useState(0)
@@ -1365,35 +1898,88 @@ window.__ModuleLoader__.load({
         return store.subscribe(function () { setTick(function (v) { return v + 1 }) })
       }, [])
       const sessionId = props && typeof props.sessionId === 'string' ? props.sessionId : ''
+      // 槽位 owner 传的是这条 finalized assistant 消息的身份；用它把自己的用量挑出来。
+      const messageId = props && typeof props.messageId === 'string' ? props.messageId : ''
+      const rootRef = React.useRef(null)
+      const domTurnState = React.useState(undefined)
+      const domTurn = domTurnState[0]
+      const setDomTurn = domTurnState[1]
+      React.useEffect(function () {
+        // 每次渲染后都对一遍（槽位可能在 DOM 变动后被重新挂载）。
+        const found = turnFromElement(rootRef.current)
+        if (found !== undefined && found !== domTurn) setDomTurn(found)
+      })
       const projection = props && typeof props.useProjection === 'function' ? props.useProjection('tokenUsage') : undefined
       React.useEffect(function () {
         store.ensureAccount()
         store.ensureTurns(sessionId)
+        // 胶囊里也要显示余额：走同一份 60s 缓存，不额外压测接口。
+        store.ensureBalance(false)
+        // 非人民币显示时才需要汇率（Host 端 6h 缓存）。
+        if (store.state.currency !== 'CNY') store.ensureRates(false)
       }, [sessionId, projection])
       React.useEffect(function () {
-        return everyTick(60000, function () { store.bump() })
+        return everyTick(60000, function () {
+          store.bump()
+          store.ensureBalance(false)
+        })
       }, [])
 
+      // 槽位是按「轮」渲染的（TurnTailNodeView 用该轮的 finalNode.messageId 调 useSlots），
+      // 所以这里要的是**这一轮**的合计，而不是某一步、更不是整个会话：
+      // messageId → turn 号（Host 回映射）→ 该 turn 的折叠记录（/turns 本来就有）。
+      const mapped = messageId !== '' ? state.messageById.get(messageId) : undefined
+      // 优先 Host 的 messageId→turn；Host 旧版本没回 messages 时退回 DOM 上的轮次号。
+      const turnNo = mapped !== undefined ? mapped.turn : domTurn
+      const ownTurn = typeof turnNo === 'number' ? state.turnByNumber.get(turnNo) : undefined
       const live = projection && typeof projection === 'object'
-      const bucket = live
-        ? {
-            hit: num(projection.cacheReadTokens),
-            miss: num(projection.uncachedInputTokens) + num(projection.cacheWriteTokens),
-            out: num(projection.outputTokens),
-          }
-        : bucketOfTurns(state.turns)
-      // Without the live projection the first paint has no numbers yet: show a
-      // placeholder instead of a misleading zero.
-      const pending = !live && state.turns.length === 0 && state.turnsState !== 'ready'
-      const model = state.account && typeof state.account.model === 'string' && state.account.model ? state.account.model : DEFAULT_MODEL
-      const peak = isPeakAt(Date.now())
-      const tokens = bucket.hit + bucket.miss + bucket.out
-      const cost = costOf(bucket, priceFor(model).table, peak)
+      // 三级口径：本轮合计 → 本会话（投影 / 折叠后的逐轮）→ 还没有数据。
+      let bucket = null
+      let scope = 'turn'
+      let bucketModel = ''
+      let bucketTime = 0
+      if (ownTurn !== undefined) {
+        bucket = { hit: ownTurn.hit, miss: ownTurn.miss, out: ownTurn.out }
+        bucketModel = ownTurn.model
+        bucketTime = ownTurn.time
+      } else if (live) {
+        scope = 'session'
+        bucket = {
+          hit: num(projection.cacheReadTokens),
+          miss: num(projection.uncachedInputTokens) + num(projection.cacheWriteTokens),
+          out: num(projection.outputTokens),
+        }
+      } else if (state.turns.length > 0) {
+        scope = 'session'
+        bucket = bucketOfTurns(state.turns)
+      }
+      // 还没有任何数字时显示占位符，而不是误导性的 0。
+      const pending = bucket === null && state.turnsState !== 'ready'
+      // 计价兜底模型：会话日志里查不到模型时用它（设置页下拉选的那个 → 账号当前模型 → 默认）。
+      const model = bucketModel
+        || state.modelFilter
+        || (state.account && typeof state.account.model === 'string' && state.account.model ? state.account.model : DEFAULT_MODEL)
+      const at = bucketTime > 0 ? bucketTime : Date.now()
+      const peak = isPeakAt(at)
+      const tokens = bucket === null ? 0 : bucket.hit + bucket.miss + bucket.out
+      const cost = bucket === null ? 0 : costOf(bucket, priceFor(bucketModel, state.modelFilter).table, peak)
+
+      // 账户余额：成功 → ¥金额；读取中 → …；失败/未配置 → —（原因放 title，不挤占胶囊宽度）。
+      const balance = state.balance
+      let balanceValue = '…'
+      if (balance && balance.ok === true && typeof balance.total === 'number') {
+        balanceValue = moneyBalance(balance.total, balance.currency)
+      } else if (state.balanceState === 'ready' || state.balanceState === 'error') {
+        balanceValue = '—'
+      }
+      const balanceTitle = balanceErrorText() || tt('账户余额')
 
       return h('button', {
         type: 'button',
         className: 'dcb-pill',
-        title: tt('本会话消耗（点击查看逐轮明细）'),
+        ref: function (el) { rootRef.current = el || null },
+        title: (scope === 'turn' ? tt('本轮消耗（点击查看本会话明细）') : tt('本会话消耗（点击查看逐轮明细）'))
+          + ' · ' + balanceTitle + ': ' + balanceValue,
         onClick: function (event) {
           try {
             event.preventDefault()
@@ -1405,9 +1991,11 @@ window.__ModuleLoader__.load({
         h('span', { className: 'dcb-pill-glyph' }, '⛽'),
         h('span', null, pending ? '…' : fmtTokens(tokens)),
         h('span', { className: 'dcb-pill-sep' }, '|'),
-        h('span', null, pending ? '…' : '≈¥' + fmtYuan(cost)),
+        h('span', null, pending ? '…' : moneyApprox(cost)),
+        h('span', { className: 'dcb-pill-sep' }, '|'),
+        h('span', { className: peak ? 'dcb-tag is-peak' : 'dcb-tag is-valley' }, tt(peak ? '峰' : '谷')),
         h('span', { className: 'dcb-pill-sep' }, '|'),
-        h('span', { className: peak ? 'dcb-tag is-peak' : 'dcb-tag is-valley' }, tt(peak ? '峰' : '谷')))
+        h('span', { className: 'dcb-pill-balance' }, tt('余额 = {amount}', { amount: balanceValue })))
     }
 
     function ConsumptionPanel() {
@@ -1432,19 +2020,33 @@ window.__ModuleLoader__.load({
         if (!open) return undefined
         store.ensureTurns(state.sessionId)
         store.ensureBalance(false)
+        if (store.state.currency !== 'CNY') store.ensureRates(false)
         return everyTick(60000, function () { store.ensureBalance(false) })
       }, [open, state.sessionId])
       if (!open) return null
 
       const now = Date.now()
       const surface = modalSurface(state.modalStyle, state.modalImageUrl)
-      const model = state.account && typeof state.account.model === 'string' && state.account.model ? state.account.model : DEFAULT_MODEL
+      const accountModel = state.account && typeof state.account.model === 'string' && state.account.model ? state.account.model : DEFAULT_MODEL
+      // 面板里的「模型」下拉 = 计价兜底模型（日志查不到模型时用它）+ 图例口径。
+      const model = state.modelFilter || accountModel
       const price = priceFor(model)
       const peak = isPeakAt(now)
-      const series = buildSeries(state.turns, model, now)
-      const aggregated = bucketOfTurns(state.turns)
+      const allSeries = buildSeries(state.turns, model, now)
+      // 只看选中模型时，卡片/图表都按该模型过滤（选「全部模型」时不过滤）。
+      const series = state.modelFilter ? allSeries.filter(function (s) { return s.model === state.modelFilter }) : allSeries
+      const aggregated = { hit: 0, miss: 0, out: 0 }
+      let totalCost = 0
+      for (let i = 0; i < series.length; i += 1) {
+        aggregated.hit += series[i].hit
+        aggregated.miss += series[i].miss
+        aggregated.out += series[i].out
+        totalCost += series[i].cost
+      }
       const tokens = aggregated.hit + aggregated.miss + aggregated.out
-      const totalCost = costOf(aggregated, price.table, peak)
+      const modelSet = {}
+      for (let i = 0; i < allSeries.length; i += 1) modelSet[allSeries[i].model] = allSeries[i]
+      const modelsUsed = Object.keys(modelSet).map(function (k) { return modelSet[k] })
       const balance = state.balance
       const loading = state.balanceState === 'loading'
       const balanceErr = balanceErrorText()
@@ -1463,12 +2065,18 @@ window.__ModuleLoader__.load({
         balanceHint = tt('请前往 DeepSeek 开放平台充值')
         balanceClass = 'dcb-card-value dcb-bad'
       } else if (balance) {
-        const symbol = balance.currency && balance.currency !== 'CNY' ? String(balance.currency) + ' ' : '¥'
-        balanceValue = symbol + fmtYuan(balance.total)
+        balanceValue = moneyBalance(balance.total, balance.currency)
         const parts = []
-        if (typeof balance.granted === 'number') parts.push(tt('赠送 ¥{v}', { v: fmtYuan(balance.granted) }))
-        if (typeof balance.toppedUp === 'number') parts.push(tt('充值 ¥{v}', { v: fmtYuan(balance.toppedUp) }))
+        if (typeof balance.granted === 'number') parts.push(tt('赠送 {amount}', { amount: moneyBalance(balance.granted, balance.currency) }))
+        if (typeof balance.toppedUp === 'number') parts.push(tt('充值 {amount}', { amount: moneyBalance(balance.toppedUp, balance.currency) }))
         balanceHint = parts.length ? parts.join(' · ') : tt('DeepSeek 账户余额')
+        // 选了模型时，把余额换算成「按该模型还能跑多少 token」——这就是余额显示与模型的联动。
+        const perMillion = price.table.hit * 0.5 + price.table.miss * 0.3 + price.table.out * 0.2
+        if (typeof balance.total === 'number' && perMillion > 0 && balance.currency === 'CNY') {
+          const affordable = (balance.total / perMillion) * 1e6
+          balanceHint = (parts.length ? parts.join(' · ') + ' · ' : '')
+            + tt('按 {model} 约还可跑 {tokens} tokens', { model: price.label, tokens: fmtTokens(affordable) })
+        }
       }
 
       function close() {
@@ -1502,11 +2110,31 @@ window.__ModuleLoader__.load({
           h('div', { className: 'dcb-head' },
             h('div', { className: 'dcb-head-title' }, tt('⛽ 本会话消耗')),
             h('div', { className: 'dcb-head-actions' },
+              // 模型下拉：只看某个模型，同时作为「查不到模型时」的计价基准。
+              h('select', {
+                className: 'dcb-select dcb-select-inline',
+                'aria-label': tt('模型'),
+                title: tt('按模型筛选；同时作为计价兜底'),
+                value: state.modelFilter,
+                onChange: function (event) { store.setModelFilter(event.target.value) },
+              },
+                h('option', { key: 'all', value: '' }, tt('全部模型')),
+                modelOptionNodes(modelsUsed.length > 0
+                  ? modelsUsed.map(function (m) { return MODEL_BY_ID[m.model] || { id: m.model, label: m.label, provider: '—' } })
+                  : MODELS)),
               h('button', { type: 'button', className: 'dcb-btn', onClick: function () { store.ensureBalance(true) } }, tt('刷新余额')),
               h('button', { type: 'button', className: 'dcb-btn dcb-btn-close', onClick: close, title: tt('Esc 关闭') }, '✕'))),
           h('div', { className: 'dcb-cards' },
             h(Card, { label: tt('累计 Token'), value: fmtTokens(tokens), hint: tt('命中 {hit} · 未命中 {miss} · 输出 {out}', { hit: fmtTokens(aggregated.hit), miss: fmtTokens(aggregated.miss), out: fmtTokens(aggregated.out) }) }),
-            h(Card, { label: tt('估算金额'), value: '≈¥' + fmtYuan(totalCost), hint: (price.known ? price.id : tt('{id}（按 flash 估算）', { id: price.id })) + tt(peak ? ' · 峰时 ×2' : ' · 谷时') }),
+            h(Card, {
+              label: tt('估算金额'),
+              value: moneyApprox(totalCost),
+              hint: (state.modelFilter
+                ? tt('仅 {model}', { model: modelDetail(state.modelFilter) })
+                : tt('{count} 个模型各自计价', { count: String(modelsUsed.length || 1) })
+                  + (modelsUsed.length === 1 ? ' · ' + modelDetail(modelsUsed[0].model) : ''))
+                + (price.peakPricing ? tt(peak ? ' · 峰时 ×2' : ' · 谷时') : ''),
+            }),
             h(Card, { label: tt('当前时段'), value: tt(peak ? '高峰' : '空闲'), hint: tt('北京时间 工作日 09:00-12:00 / 14:00-18:00') }),
             h('div', { className: 'dcb-card' },
               h('div', { className: 'dcb-card-label' }, tt('账户余额')),
@@ -1516,7 +2144,7 @@ window.__ModuleLoader__.load({
           h(UsageChart, { series: series }),
           h('div', { className: 'dcb-foot' },
             state.turnsError ? h('span', { className: 'dcb-foot-warn' }, turnsErrorText() + ' ') : null,
-            tt('金额按 DeepSeek 官方价估算（谷/峰 ×1/×2），仅供参考；数据源为本会话日志，刷新后自动恢复。'))))
+            tt('金额按各模型官方价估算（DeepSeek 区分峰谷 ×1/×2，其它厂商按 USD 价 ×7.1 折人民币），仅供参考；数据源为本会话日志，刷新后自动恢复。'))))
     }
 
     /* ===================== settings section: history page ===================== */
@@ -1631,9 +2259,11 @@ window.__ModuleLoader__.load({
     }
 
     /**
-     * 纯聚合：时间过滤 → 工作区过滤 → 按小时/日/月分桶（空桶补 0）→ 峰谷与金额拆分。
+     * 纯聚合：时间过滤 → 工作区/模型过滤 → 按小时/日/月分桶（空桶补 0）→ 峰谷与金额拆分 →
+     * 每个桶再按模型拆一份 `byModel`（折线图一个模型一条线就靠它）。
      * 刻意自包含（只读 input，不引用闭包变量），所以能直接 String() 进 Web Worker。
-     * @param input {records, from, to, wid, granularity: 'hour'|'day'|'month', prices, holidays, windows}
+     * @param input {records, from, to, wid, model, granularity: 'hour'|'day'|'month', prices, holidays, windows}
+     *   `model` 非空时只统计该模型；`prices[id]` 里的 `peak: true` 表示该模型参与峰谷计时。
      */
     function computeConsumptionStats(input) {
       const records = input.records || []
@@ -1643,6 +2273,7 @@ window.__ModuleLoader__.load({
       const from = typeof input.from === 'number' ? input.from : 0
       const to = typeof input.to === 'number' ? input.to : 0
       const wid = typeof input.wid === 'string' ? input.wid : ''
+      const modelFilter = typeof input.model === 'string' ? input.model : ''
       const granularity = input.granularity === 'month' ? 'month' : (input.granularity === 'hour' ? 'hour' : 'day')
       // noFill：只要合计不要时间轴（设置页顶部的“累计”卡片用），跳过分桶补齐。
       const noFill = input.noFill === true
@@ -1674,7 +2305,10 @@ window.__ModuleLoader__.load({
       function priceOf(model) {
         const id = typeof model === 'string' ? model : ''
         if (prices[id]) return prices[id]
-        if (id.toLowerCase().indexOf('pro') >= 0) return prices['deepseek-v4-pro'] || prices['deepseek-flash']
+        // 兼容历史 id：pro/opus/max 归到更贵的一档，其余按 flash。
+        if (id.toLowerCase().indexOf('pro') >= 0 || id.toLowerCase().indexOf('opus') >= 0 || id.toLowerCase().indexOf('max') >= 0) {
+          return prices['deepseek-v4-pro'] || prices['deepseek-flash']
+        }
         return prices['deepseek-flash']
       }
       function keyOf(ms) {
@@ -1702,14 +2336,17 @@ window.__ModuleLoader__.load({
         const produced = n(r.out)
         const tokens = hit + miss + produced
         if (tokens === 0) continue
+        const rowModel = typeof r.model === 'string' && r.model ? r.model : ''
+        if (modelFilter && rowModel !== modelFilter) continue
         const peak = isPeak(t)
-        const table = priceOf(r.model)
-        const k = peak ? 2 : 1
+        const table = priceOf(rowModel)
+        // 只有 `peak: true` 的模型（DeepSeek）才乘峰时系数。
+        const k = peak && table.peak === true ? 2 : 1
         const cost = ((hit / 1e6) * table.hit + (miss / 1e6) * table.miss + (produced / 1e6) * table.out) * k
         const key = keyOf(t)
         let b = buckets[key]
         if (!b) {
-          b = { key: key, tokens: 0, cost: 0, peakTokens: 0, peakCost: 0, valleyTokens: 0, valleyCost: 0, models: [], records: 0 }
+          b = { key: key, tokens: 0, cost: 0, peakTokens: 0, peakCost: 0, valleyTokens: 0, valleyCost: 0, models: [], records: 0, byModel: {} }
           buckets[key] = b
         }
         b.tokens += tokens
@@ -1733,13 +2370,22 @@ window.__ModuleLoader__.load({
         }
         const model = typeof r.model === 'string' && r.model ? r.model : 'unknown'
         if (b.models.indexOf(model) < 0) b.models.push(model)
+        // 桶内按模型拆分：cost/tokens 给折线图每个模型一条线用。
+        let slot = b.byModel[model]
+        if (!slot) {
+          slot = { cost: 0, tokens: 0, records: 0 }
+          b.byModel[model] = slot
+        }
+        slot.cost += cost
+        slot.tokens += tokens
+        slot.records += 1
         count += 1
       }
 
       const points = []
       function push(key, ms) {
         const b = buckets[key]
-        const point = b || { key: key, tokens: 0, cost: 0, peakTokens: 0, peakCost: 0, valleyTokens: 0, valleyCost: 0, models: [], records: 0 }
+        const point = b || { key: key, tokens: 0, cost: 0, peakTokens: 0, peakCost: 0, valleyTokens: 0, valleyCost: 0, models: [], records: 0, byModel: {} }
         if (granularity === 'month') point.label = key
         else if (granularity === 'hour') point.label = key.slice(11) + ':00'
         else point.label = key.slice(5)
@@ -1876,10 +2522,8 @@ window.__ModuleLoader__.load({
       function yToken(v) { return HIST_PAD.t + innerH - (v / topToken) * innerH }
       function yCost(v) { return HIST_PAD.t + innerH - (v / topCost) * innerH }
 
-      const costPts = []
       const tokenPts = []
       for (let i = 0; i < n; i += 1) {
-        costPts.push(xAt(i).toFixed(2) + ',' + yCost(points[i].cost).toFixed(2))
         tokenPts.push(xAt(i).toFixed(2) + ',' + yToken(points[i].tokens).toFixed(2))
       }
 
@@ -1890,7 +2534,7 @@ window.__ModuleLoader__.load({
         const ratio = g / 4
         const y = HIST_PAD.t + innerH * ratio
         grid.push(h('line', { key: 'hg' + g, x1: HIST_PAD.l, x2: HIST_PAD.l + innerW, y1: y, y2: y, className: 'dcb-grid-line' }))
-        rightLabels.push(h('text', { key: 'hr' + g, x: HIST_PAD.l + innerW + 8, y: y + 3.5, textAnchor: 'start', className: 'dcb-axis-label' }, '¥' + fmtYuan(topCost * (1 - ratio))))
+        rightLabels.push(h('text', { key: 'hr' + g, x: HIST_PAD.l + innerW + 8, y: y + 3.5, textAnchor: 'start', className: 'dcb-axis-label' }, money(topCost * (1 - ratio))))
         if (showTokens) {
           leftLabels.push(h('text', { key: 'hl' + g, x: HIST_PAD.l - 8, y: y + 3.5, textAnchor: 'end', className: 'dcb-axis-label' }, fmtTokens(topToken * (1 - ratio))))
         }
@@ -1904,13 +2548,47 @@ window.__ModuleLoader__.load({
       }
 
       const dots = []
+      // 每个模型一条金额折线（各自颜色）：该桶里没有这个模型就断线。
+      const modelUsage = {}
+      const modelOrder = []
       for (let i = 0; i < n; i += 1) {
-        const active = hover === i
-        if (points[i].records > 0) {
-          dots.push(h('circle', { key: 'hc' + i, cx: xAt(i), cy: yCost(points[i].cost), r: active ? 4 : 2.2, className: 'dcb-dot dcb-dot-cost' }))
+        const byModel = points[i].byModel || {}
+        for (const key in byModel) {
+          if (!Object.prototype.hasOwnProperty.call(byModel, key)) continue
+          if (modelUsage[key] === undefined) {
+            modelUsage[key] = []
+            modelOrder.push(key)
+          }
+          modelUsage[key].push(i)
+        }
+      }
+      const modelLines = []
+      for (let m = 0; m < modelOrder.length; m += 1) {
+        const key = modelOrder[m]
+        const rows = modelUsage[key]
+        const color = modelColor(key)
+        let d = ''
+        for (let k = 0; k < rows.length; k += 1) {
+          const idx = rows[k]
+          const seg = points[idx].byModel[key]
+          d += (k === 0 || rows[k - 1] !== idx - 1 ? 'M' : 'L') + xAt(idx).toFixed(2) + ' ' + yCost(seg.cost).toFixed(2) + ' '
+        }
+        modelLines.push(h('path', { key: 'hml' + key, d: d.trim(), className: 'dcb-line dcb-line-cost', stroke: color, fill: 'none' }))
+        for (let k = 0; k < rows.length; k += 1) {
+          const idx = rows[k]
+          dots.push(h('circle', {
+            key: 'hc' + key + idx,
+            cx: xAt(idx),
+            cy: yCost(points[idx].byModel[key].cost),
+            r: hover === idx ? 4 : 2.2,
+            className: 'dcb-dot dcb-dot-cost',
+            fill: color,
+          }))
         }
+      }
+      for (let i = 0; i < n; i += 1) {
         if (showTokens && points[i].records > 0) {
-          dots.push(h('circle', { key: 'ht' + i, cx: xAt(i), cy: yToken(points[i].tokens), r: active ? 4 : 2.2, className: 'dcb-dot' }))
+          dots.push(h('circle', { key: 'ht' + i, cx: xAt(i), cy: yToken(points[i].tokens), r: hover === i ? 4 : 2.2, className: 'dcb-dot' }))
         }
       }
 
@@ -1935,11 +2613,13 @@ window.__ModuleLoader__.load({
             h('div', { className: 'dcb-tooltip-title' },
               hovered.label,
               h('span', { className: 'dcb-tooltip-model' }, tt('{n} 轮', { n: hovered.records }))),
-            h('div', { className: 'dcb-tooltip-row dcb-tooltip-total' }, h('span', null, tt('当日合计')), h('b', null, '≈¥' + fmtYuan(hovered.cost))),
+            h('div', { className: 'dcb-tooltip-row dcb-tooltip-total' }, h('span', null, tt('当日合计')), h('b', null, moneyApprox(hovered.cost))),
             h('div', { className: 'dcb-tooltip-row' }, h('span', null, 'Token'), h('b', null, fmtTokens(hovered.tokens))),
-            h('div', { className: 'dcb-tooltip-row' }, h('span', null, tt('峰时')), h('b', null, '≈¥' + fmtYuan(hovered.peakCost) + ' / ' + fmtTokens(hovered.peakTokens))),
-            h('div', { className: 'dcb-tooltip-row' }, h('span', null, tt('谷时')), h('b', null, '≈¥' + fmtYuan(hovered.valleyCost) + ' / ' + fmtTokens(hovered.valleyTokens))),
-            h('div', { className: 'dcb-tooltip-row' }, h('span', null, tt('模型')), h('b', null, hovered.models.length ? hovered.models.join(', ') : '—')))
+            h('div', { className: 'dcb-tooltip-row' }, h('span', null, tt('峰时')), h('b', null, moneyApprox(hovered.peakCost) + ' / ' + fmtTokens(hovered.peakTokens))),
+            h('div', { className: 'dcb-tooltip-row' }, h('span', null, tt('谷时')), h('b', null, moneyApprox(hovered.valleyCost) + ' / ' + fmtTokens(hovered.valleyTokens))),
+            h('div', { className: 'dcb-tooltip-row' }, h('span', null, tt('模型')), h('b', null, hovered.models.length
+              ? hovered.models.map(function (m) { return modelLabel(m) }).join(', ')
+              : '—')))
         : null
 
       return h('div', { className: 'dcb-chart-body' },
@@ -1952,8 +2632,8 @@ window.__ModuleLoader__.load({
         },
           h('g', null, grid),
           crosshair,
-          showTokens ? h('polyline', { className: 'dcb-line', points: tokenPts.join(' ') }) : null,
-          h('polyline', { className: 'dcb-line dcb-line-cost', points: costPts.join(' ') }),
+          showTokens ? h('polyline', { className: 'dcb-line dcb-line-token', points: tokenPts.join(' ') }) : null,
+          h('g', null, modelLines),
           h('g', null, dots),
           h('g', null, leftLabels),
           h('g', null, rightLabels),
@@ -1990,6 +2670,8 @@ window.__ModuleLoader__.load({
       const s8 = React.useState(null)
       const allStats = s8[0]
       const setAllStats = s8[1]
+      // 「模型」下拉的状态放在 store 里（弹层与设置页共享同一个选择）。
+      const modelFilter = store.state.modelFilter
       const s9 = React.useState(0)
       const setStoreTick = s9[1]
 
@@ -2002,6 +2684,10 @@ window.__ModuleLoader__.load({
         store.ensureBalance(false)
         return everyTick(60000, function () { store.ensureBalance(false) })
       }, [])
+      // 非人民币显示时才需要汇率（Host 端 6h 缓存，切币种时 setCurrency 已经会取一次）。
+      React.useEffect(function () {
+        if (store.state.currency !== 'CNY') store.ensureRates(false)
+      }, [])
 
       // 工作区签名：id + 标题 + 归属会话（WorkspaceView.sessionIds 即归属账本）。
       const wsSig = props && typeof props.useWorkspaces === 'function'
@@ -2036,6 +2722,7 @@ window.__ModuleLoader__.load({
           from: range.from,
           to: range.to,
           wid: wid,
+          model: modelFilter,
           granularity: range.granularity,
           prices: PRICES,
           holidays: CN_FIXED_HOLIDAYS,
@@ -2051,7 +2738,7 @@ window.__ModuleLoader__.load({
           setStats(fallback)
         })
         return undefined
-      }, [records, rangeKey, wid, calFrom, calTo, wsSig])
+      }, [records, rangeKey, wid, calFrom, calTo, wsSig, modelFilter])
 
       // 顶部“累计”卡片：全部历史合计（不受筛选影响），只算合计不铺时间轴。
       React.useEffect(function () {
@@ -2084,8 +2771,32 @@ window.__ModuleLoader__.load({
       }, [records, wsSig])
 
       const st = store.state
+      // 显示币种 + 汇率提示（报价表恒为人民币，这里只是展示换算）。
+      const currency = typeof st.currency === 'string' ? st.currency : 'CNY'
+      const rates = st.rates
+      const rateValue = rates && rates.rates && typeof rates.rates[currency] === 'number' ? rates.rates[currency] : null
+      let rateNote = tt('金额按人民币报价折算显示')
+      if (currency === 'CNY') {
+        rateNote = tt('当前以人民币显示（可切换成其它币种）')
+      } else if (rateValue !== null) {
+        const when = rates && rates.fetchedAt ? new Date(rates.fetchedAt) : null
+        const stamp = when !== null && !Number.isNaN(when.getTime())
+          ? when.toLocaleString(localeTag())
+          : ''
+        rateNote = tt('1 CNY = {rate} {code}', { rate: String(Number(rateValue.toFixed(6))), code: currency })
+          + ' · ' + tt('汇率来源 {source}', { source: rates.stale === true ? tt('内置兜底汇率') : String(rates.source || '') })
+          + (stamp ? ' · ' + stamp : '')
+          + (rates.stale === true ? ' · ' + tt('联网失败时使用内置汇率') : '')
+      } else if (st.ratesState === 'loading') {
+        rateNote = tt('正在获取汇率…')
+      } else if (st.ratesState === 'error') {
+        rateNote = tt('汇率获取失败，暂时按人民币显示：{msg}', { msg: String(st.ratesError || '') })
+      } else {
+        rateNote = tt('金额按人民币报价折算显示')
+      }
       const accountModel = st.account && typeof st.account.model === 'string' && st.account.model ? st.account.model : DEFAULT_MODEL
-      const accountPrice = priceFor(accountModel)
+      // 「模型」下拉选了具体模型时，它同时是计价兜底（日志里查不到模型时用它）。
+      const accountPrice = priceFor(modelFilter || accountModel)
       const nowPeak = isPeakAt(Date.now())
       const balance = st.balance
       const balanceLoading = st.balanceState === 'loading'
@@ -2105,17 +2816,25 @@ window.__ModuleLoader__.load({
         balanceHint = tt('请前往 DeepSeek 开放平台充值')
         balanceClass = 'dcb-card-value dcb-bad'
       } else if (balance) {
-        const symbol = balance.currency && balance.currency !== 'CNY' ? String(balance.currency) + ' ' : '¥'
-        balanceValue = symbol + fmtYuan(balance.total)
+        balanceValue = moneyBalance(balance.total, balance.currency)
         const parts = []
-        if (typeof balance.granted === 'number') parts.push(tt('赠送 ¥{v}', { v: fmtYuan(balance.granted) }))
-        if (typeof balance.toppedUp === 'number') parts.push(tt('充值 ¥{v}', { v: fmtYuan(balance.toppedUp) }))
+        if (typeof balance.granted === 'number') parts.push(tt('赠送 {amount}', { amount: moneyBalance(balance.granted, balance.currency) }))
+        if (typeof balance.toppedUp === 'number') parts.push(tt('充值 {amount}', { amount: moneyBalance(balance.toppedUp, balance.currency) }))
         balanceHint = parts.length ? parts.join(' · ') : tt('DeepSeek 账户余额')
       }
 
       const index = buildWorkspaceIndex(wsSig)
       const points = stats ? stats.points : []
       const hasData = !!stats && stats.count > 0
+      // 图例：这一区间里出现过的模型（按聚合结果的 byModel 收集，颜色与折线一致）。
+      const legendModels = []
+      for (let pi = 0; pi < points.length; pi += 1) {
+        const byModel = points[pi].byModel || {}
+        for (const key in byModel) {
+          if (!Object.prototype.hasOwnProperty.call(byModel, key)) continue
+          if (legendModels.indexOf(key) < 0) legendModels.push(key)
+        }
+      }
       const rangeOptions = [
         { id: 'today', label: tt('今天') },
         { id: 'week', label: tt('近一周') },
@@ -2138,8 +2857,8 @@ window.__ModuleLoader__.load({
           }),
           h(Card, {
             label: tt('估算金额'),
-            value: allStats ? '≈¥' + fmtYuan(allStats.totalCost) : '—',
-            hint: (accountPrice.known ? accountPrice.id : tt('{id}（按 flash 估算）', { id: accountPrice.id })) + tt(' · 全部历史逐轮计价'),
+            value: allStats ? moneyApprox(allStats.totalCost) : '—',
+            hint: (accountPrice.known ? modelDetail(modelFilter || accountModel) : tt('{id}（按 flash 估算）', { id: accountPrice.id })) + tt(' · 全部历史逐轮计价'),
           }),
           h(Card, {
             label: tt('当前时段'),
@@ -2197,10 +2916,41 @@ window.__ModuleLoader__.load({
                 : null)),
           h('div', { className: 'dcb-field' },
             h('span', { className: 'dcb-field-label' }, tt('数据')),
-            h('button', { type: 'button', className: 'dcb-btn', onClick: function () { setReloadTick(function (v) { return v + 1 }) } }, tt('刷新')))),
+            h('button', { type: 'button', className: 'dcb-btn', onClick: function () { setReloadTick(function (v) { return v + 1 }) } }, tt('刷新'))),
+          // 模型筛选：只看某个模型的消耗；同时作为「日志查不到模型」时的计价基准。
+          h('div', { className: 'dcb-field' },
+            h('label', { className: 'dcb-field-label', htmlFor: 'dcb-model-select' }, tt('模型')),
+            h('select', {
+              id: 'dcb-model-select',
+              className: 'dcb-select',
+              value: modelFilter,
+              onChange: function (event) { store.setModelFilter(event.target.value) },
+            },
+              h('option', { key: 'all', value: '' }, tt('全部模型')),
+              modelOptionNodes(MODELS))),
+          // 显示币种：报价表永远是人民币，这里只决定展示时换算成什么货币。
+          h('div', { className: 'dcb-field' },
+            h('label', { className: 'dcb-field-label', htmlFor: 'dcb-currency-select' }, tt('货币')),
+            h('select', {
+              id: 'dcb-currency-select',
+              className: 'dcb-select',
+              value: currency,
+              onChange: function (event) { store.setCurrency(event.target.value) },
+            },
+              CURRENCIES.map(function (c) {
+                return h('option', { key: c.code, value: c.code }, c.code + ' ' + c.symbol.trim() + ' · ' + currencyName(c.code))
+              })))),
+        h('div', { className: 'dcb-set-note dcb-rate-note' }, rateNote),
         h('div', { className: 'dcb-set-body' },
           h('div', { className: 'dcb-hist-legend' },
-            h('span', { className: 'dcb-tog dcb-tog-cost is-on' }, h('i', null), tt('估算金额（右轴）')),
+            // 每个模型一枚颜色 chip（与折线同色），右侧是 Token 轴开关。
+            legendModels.length > 0
+              ? legendModels.map(function (key) {
+                return h('span', { key: 'lg' + key, className: 'dcb-legend-chip', title: modelDetail(key) },
+                  h('i', { className: 'dcb-legend-dot', style: { background: modelColor(key) } }),
+                  modelLabel(key))
+              })
+              : h('span', { className: 'dcb-tog dcb-tog-cost is-on' }, h('i', null), tt('估算金额（右轴）')),
             h('button', {
               type: 'button',
               className: showTokens ? 'dcb-tog is-on' : 'dcb-tog',
@@ -2211,11 +2961,11 @@ window.__ModuleLoader__.load({
             : h('div', { className: 'dcb-hist-empty' }, tt('该范围内暂无消耗记录'))),
         hasData
           ? h('div', { className: 'dcb-sum' },
-              h('span', null, tt('总消耗 '), h('b', null, '≈¥' + fmtYuan(stats.totalCost))),
+              h('span', null, tt('总消耗 '), h('b', null, moneyApprox(stats.totalCost))),
               h('span', null, tt('总 Token '), h('b', null, fmtTokens(stats.totalTokens))),
               h('span', null, tt('记录 '), h('b', null, String(stats.count)), tt(' 条')),
-              h('span', null, tt('峰时 '), h('b', null, '≈¥' + fmtYuan(stats.peakCost))),
-              h('span', null, tt('谷时 '), h('b', null, '≈¥' + fmtYuan(stats.valleyCost))),
+              h('span', null, tt('峰时 '), h('b', null, moneyApprox(stats.peakCost))),
+              h('span', null, tt('谷时 '), h('b', null, moneyApprox(stats.valleyCost))),
               h('span', null, tt('粒度 '), h('b', null, tt(stats.granularity === 'month' ? '按月' : (stats.granularity === 'hour' ? '按小时' : '按日')))))
           : null,
         h('div', { className: 'dcb-hist-aside' },
@@ -2620,6 +3370,7 @@ window.__ModuleLoader__.load({
 .dcb-pill:hover{border-color:var(--dsw-alias-brand-primary);color:var(--dsw-alias-label-primary)}
 .dcb-pill-glyph{font-size:11px;line-height:1}
 .dcb-pill-sep{opacity:.35}
+.dcb-pill-balance{font-variant-numeric:tabular-nums;max-width:160px;overflow:hidden;text-overflow:ellipsis}
 .dcb-tag{font-weight:600}
 .dcb-tag.is-peak{color:var(--dsw-alias-state-error-primary)}
 .dcb-tag.is-valley{color:var(--dsw-alias-state-success-primary)}
@@ -2660,6 +3411,14 @@ window.__ModuleLoader__.load({
 .dcb-legend-item{display:inline-flex;align-items:center;gap:6px}
 .dcb-legend-dot{display:inline-block;width:14px;height:3px;border-radius:2px;background:var(--dsw-alias-brand-primary)}
 .dcb-legend-dot.dcb-dot-cost{background:var(--dsw-alias-state-success-primary)}
+/* 图例里的模型 chip（与折线同色） */
+.dcb-legend-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);font-size:11px;line-height:16px;color:var(--dsw-alias-label-secondary)}
+.dcb-legend-chip .dcb-legend-dot{width:9px;height:9px;border-radius:50%}
+/* 弹层标题栏里的模型下拉 */
+.dcb-select-inline{height:22px;font-size:11px;min-width:118px;max-width:190px;padding:0 6px;border-radius:6px}
+.dcb-select-inline:focus{outline:none;border-color:var(--dsw-alias-brand-primary)}
+/* tooltip 里的模型色点 */
+.dcb-model-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px;vertical-align:middle}
 .dcb-chart-body{position:relative}
 .dcb-chart-svg{display:block;width:100%;height:216px}
 .dcb-grid-line{stroke:var(--dsw-alias-border-l1);stroke-width:1;opacity:.7;vector-effect:non-scaling-stroke}
@@ -2690,6 +3449,10 @@ window.__ModuleLoader__.load({
 .dcb-field-label{font-size:11px;color:var(--dsw-alias-label-secondary)}
 .dcb-select,.dcb-date{height:28px;padding:0 8px;border-radius:8px;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font-size:12px;min-width:0}
 .dcb-select{min-width:132px;cursor:pointer}
+/* 币种下拉要放「代码 + 符号 + 全名」，给它多一点宽度 */
+#dcb-currency-select{min-width:196px;max-width:300px}
+/* 汇率说明行会显示汇率 / 来源 / 时间戳，允许换行 */
+.dcb-rate-note{white-space:normal;line-height:16px;margin:-6px 0 12px}
 .dcb-date{min-width:126px}
 .dcb-select:focus,.dcb-date:focus{outline:none;border-color:var(--dsw-alias-brand-primary)}
 .dcb-range{display:flex;align-items:center;gap:6px}