dsh-all-usage 1.1.2 → 1.1.4

package/lib/client.js

@@ -1,2906 +1 @@
-// dsh-all-usage 插件 Client 半（永久版，浏览器 bundle）
-// 客户端模块工厂格式：window.__ModuleLoader__.load({ id, factory })
-window.__ModuleLoader__.load({
-  id: "dsh-all-usage",
-  factory: (require) => {
-    var module = { exports: {} };
-    var exports = module.exports;
-    Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-    const React = require("react");
-
-    function pad2(n) {
-      return String(n).padStart(2, '0')
-    }
-    function fmtDate(d, utc) {
-      const year = utc ? d.getUTCFullYear() : d.getFullYear()
-      const month = utc ? d.getUTCMonth() : d.getMonth()
-      const day = utc ? d.getUTCDate() : d.getDate()
-      return year + '-' + pad2(month + 1) + '-' + pad2(day)
-    }
-    function shiftCalendarDate(d, days, utc) {
-      if (utc) return new Date(Date.UTC(d.getUTCFullYear(), d.getUTCMonth(), d.getUTCDate() + days))
-      return new Date(d.getFullYear(), d.getMonth(), d.getDate() + days)
-    }
-    function isCalendarDate(value, utc) {
-      if (typeof value !== 'string' || !/^\d{4}-\d{2}-\d{2}$/.test(value)) return false
-      const year = Number(value.slice(0, 4))
-      const month = Number(value.slice(5, 7))
-      const day = Number(value.slice(8, 10))
-      const date = utc ? new Date(Date.UTC(year, month - 1, day)) : new Date(year, month - 1, day)
-      return Number.isFinite(date.getTime()) && fmtDate(date, utc) === value
-    }
-    function normalizeCustomRange(range, utc) {
-      if (range === null || typeof range !== 'object') return null
-      const start = range.start
-      const end = range.end
-      if (!isCalendarDate(start, utc) || !isCalendarDate(end, utc) || start > end) return null
-      return { start, end }
-    }
-    function customRangeIssue(range, minDate, maxDate, utc) {
-      if (range === null || typeof range !== 'object' || !isCalendarDate(range.start, utc) || !isCalendarDate(range.end, utc)) return 'invalid'
-      if (range.start > range.end) return 'order'
-      if (range.start < minDate || range.end > maxDate) return 'bounds'
-      return ''
-    }
-    function availableDateBounds(days, maxDate) {
-      let min = maxDate
-      if (Array.isArray(days)) {
-        for (const day of days) {
-          if (day && isCalendarDate(day.date, true) && day.date <= maxDate && day.date < min) min = day.date
-        }
-      }
-      return { min, max: maxDate }
-    }
-    function createRequestGate() {
-      let latest = 0
-      return {
-        next() { latest += 1; return latest },
-        isCurrent(seq) { return seq === latest },
-      }
-    }
-    function snapshotVersion(data) {
-      if (data === null || typeof data !== 'object') return null
-      const instanceId = typeof data.instanceId === 'string' ? data.instanceId : ''
-      const revision = typeof data.revision === 'number' && Number.isFinite(data.revision) ? data.revision : null
-      return instanceId === '' || revision === null ? null : instanceId + ':' + revision
-    }
-    function statusRequiresFullSnapshot(status, snapshot) {
-      if (status === null || typeof status !== 'object' || snapshot === null || typeof snapshot !== 'object') return true
-      const statusVersion = snapshotVersion(status)
-      const snapshotVersionValue = snapshotVersion(snapshot)
-      if (statusVersion === null || snapshotVersionValue === null || statusVersion !== snapshotVersionValue) return true
-      const statusScan = status.scan
-      const snapshotScan = snapshot.scan
-      return !!(statusScan && snapshotScan && !!statusScan.done !== !!snapshotScan.done)
-    }
-    function retryDelayFor(failures) {
-      const count = Math.max(1, Math.min(4, typeof failures === 'number' && Number.isFinite(failures) ? failures : 1))
-      return 5000 * Math.pow(2, count - 1)
-    }
-    function rangeFilenamePart(range, customRange, utc) {
-      if (range !== 'custom') return range
-      const normalized = normalizeCustomRange(customRange, utc)
-      return normalized === null ? 'custom' : 'custom-' + normalized.start + '-to-' + normalized.end
-    }
-    function trim1(v) {
-      return String(Math.round(v * 10) / 10)
-    }
-    function fmtCompact(n) {
-      if (typeof n !== 'number' || !Number.isFinite(n)) return '0'
-      if (n < 1000) return String(n)
-      if (n < 1000000) return trim1(n / 1000) + 'k'
-      if (n < 1000000000) return trim1(n / 1000000) + 'M'
-      return trim1(n / 1000000000) + 'B'
-    }
-    function fmtCount(n, language) {
-      if (typeof n !== 'number' || !Number.isFinite(n)) return '0'
-      return Math.round(n).toLocaleString(language === 'en' ? 'en-US' : 'zh-CN')
-    }
-    function rateOf(input, cacheRead) {
-      const denom = input + cacheRead
-      if (denom <= 0) return 0
-      return (cacheRead / denom) * 100
-    }
-    function LineIcon(props) {
-      const size = props.size || 16
-      const base = { fill: 'none', stroke: 'currentColor', strokeWidth: 1.8, strokeLinecap: 'round', strokeLinejoin: 'round' }
-      const paths = {
-        edit: [React.createElement('path', { key: 'a', d: 'M12.2 3.4l2.4 2.4M4 16l2.8-.6L15 7.2a1.7 1.7 0 0 0-2.4-2.4L4.4 13z', ...base })],
-        export: [React.createElement('path', { key: 'a', d: 'M12 3v11M8 7l4-4 4 4M5 13v5h14v-5', ...base })],
-        refresh: [React.createElement('path', { key: 'a', d: 'M19 9a7 7 0 1 0 1.1 5.2M19 4v5h-5', ...base })],
-        close: [React.createElement('path', { key: 'a', d: 'M6 6l12 12M18 6L6 18', ...base })],
-        chart: [React.createElement('path', { key: 'a', d: 'M4 19V5M4 19h16M7 15l3-4 3 2 5-7', ...base })],
-        list: [React.createElement('path', { key: 'a', d: 'M6 6h12M6 12h12M6 18h12', ...base }), React.createElement('circle', { key: 'b', cx: 3.5, cy: 6, r: .7, fill: 'currentColor' }), React.createElement('circle', { key: 'c', cx: 3.5, cy: 12, r: .7, fill: 'currentColor' }), React.createElement('circle', { key: 'd', cx: 3.5, cy: 18, r: .7, fill: 'currentColor' })],
-        cache: [React.createElement('path', { key: 'a', d: 'M12 4l7 4-7 4-7-4 7-4zM5 12l7 4 7-4M5 16l7 4 7-4', ...base })],
-        wallet: [React.createElement('path', { key: 'a', d: 'M4 7.5A2.5 2.5 0 0 1 6.5 5H18v14H6.5A2.5 2.5 0 0 1 4 16.5zM4 8h14M14 13h.01', ...base })],
-        clock: [React.createElement('path', { key: 'a', d: 'M12 6v6l4 2M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0z', ...base })],
-        folder: [React.createElement('path', { key: 'a', d: 'M3.5 7.5h6l2 2h9v8.5a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2z', ...base })],
-        language: [React.createElement('circle', { key: 'a', cx: 12, cy: 12, r: 8, ...base }), React.createElement('path', { key: 'b', d: 'M4 12h16M12 4c2.1 2.2 3.2 4.9 3.2 8S14.1 17.8 12 20M12 4C9.9 6.2 8.8 8.9 8.8 12s1.1 5.8 3.2 8', ...base })],
-        chevron: [React.createElement('path', { key: 'a', d: 'M7 10l5 5 5-5', ...base })],
-        check: [React.createElement('path', { key: 'a', d: 'M5 12.5l4.2 4.1L19 7.3', ...base })],
-        plus: [React.createElement('path', { key: 'a', d: 'M12 5v14M5 12h14', ...base })],
-        calendar: [React.createElement('path', { key: 'a', d: 'M6 4v3M18 4v3M4 9h16M5 6h14a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1z', ...base })],
-      }
-      return React.createElement('svg', { className: 'uh-line-icon ' + (props.className || ''), width: size, height: size, viewBox: '0 0 24 24', 'aria-hidden': true }, paths[props.name] || paths.chart)
-    }
-    function chineseMagnitude(n, language) {
-      if (language === 'en' || typeof n !== 'number' || !Number.isFinite(n) || n < 10000) return ''
-      const value = n >= 100000000 ? n / 100000000 : n / 10000
-      const rounded = Math.round(value * 1000) / 1000
-      return String(rounded) + (n >= 100000000 ? '亿' : '万')
-    }
-    function valueWithMagnitude(value, raw, language) {
-      const magnitude = chineseMagnitude(raw, language)
-      return React.createElement(React.Fragment, null, value, magnitude ? React.createElement('span', { className: 'uh-unit' }, magnitude) : null)
-    }
-    function money(currency, n, language) {
-      if (n === null || n === undefined) return '—'
-      const sym = currency === 'CNY' ? '¥' : currency === 'USD' ? '$' : currency + ' '
-      return sym + n.toLocaleString(language === 'en' ? 'en-US' : 'zh-CN', { minimumFractionDigits: 4, maximumFractionDigits: 4 })
-    }
-    function decimalParts(value) {
-      const raw = typeof value === 'number' ? String(value) : typeof value === 'string' ? value.trim().toLowerCase() : ''
-      const match = raw.match(/^(\d+)(?:\.(\d+))?(?:e([+-]?\d+))?$/)
-      if (!match) return { digits: 0n, scale: 0 }
-      let digits = (match[1] || '') + (match[2] || '')
-      let scale = (match[2] || '').length - (match[3] ? Number(match[3]) : 0)
-      if (scale < 0) { digits += '0'.repeat(-scale); scale = 0 }
-      if (scale > digits.length) digits = '0'.repeat(scale - digits.length + 1) + digits
-      while (scale > 0 && digits.length > 1 && digits.endsWith('0')) { digits = digits.slice(0, -1); scale -= 1 }
-      return { digits: BigInt(digits.replace(/^0+(?=\d)/, '') || '0'), scale }
-    }
-    function decimalText(value) {
-      const parts = decimalParts(value)
-      if (parts.digits === 0n) return '0'
-      const raw = parts.digits.toString()
-      if (parts.scale === 0) return raw
-      const padded = raw.padStart(parts.scale + 1, '0')
-      const split = padded.length - parts.scale
-      return padded.slice(0, split) + '.' + padded.slice(split)
-    }
-    function decimalAdd(left, right) {
-      const a = decimalParts(left); const b = decimalParts(right)
-      const scale = Math.max(a.scale, b.scale)
-      const value = a.digits * 10n ** BigInt(scale - a.scale) + b.digits * 10n ** BigInt(scale - b.scale)
-      return decimalText(value.toString() + (scale > 0 ? 'e-' + scale : ''))
-    }
-    function emptyCostAggregate() {
-      return { currency: 'USD', input: '0', output: '0', cacheRead: '0', cacheWrite: '0', baseTotal: '0', total: '0', pricedCalls: 0, unpricedCalls: 0, ambiguousCalls: 0, unsupportedCalls: 0 }
-    }
-    function costAggregate(row) {
-      const source = row && row.cost && typeof row.cost === 'object' ? row.cost : (row && typeof row === 'object' ? row : {})
-      const value = emptyCostAggregate()
-      value.currency = typeof source.currency === 'string' && source.currency !== '' ? source.currency : 'USD'
-      if (source.breakdown && typeof source.breakdown === 'object') {
-        if (source.status === 'priced') {
-          value.input = decimalText(source.breakdown.input)
-          value.output = decimalText(source.breakdown.output)
-          value.cacheRead = decimalText(source.breakdown.cacheRead)
-          value.cacheWrite = decimalText(source.breakdown.cacheWrite)
-          value.baseTotal = decimalText(source.baseTotal)
-          value.total = decimalText(source.total)
-          value.pricedCalls = 1
-        } else if (source.status === 'ambiguous') value.ambiguousCalls = 1
-        else if (source.status === 'unsupported') value.unsupportedCalls = 1
-        else value.unpricedCalls = 1
-        return value
-      }
-      for (const key of ['input', 'output', 'cacheRead', 'cacheWrite', 'baseTotal', 'total']) value[key] = decimalText(source[key])
-      for (const key of ['pricedCalls', 'unpricedCalls', 'ambiguousCalls', 'unsupportedCalls']) value[key] = Number.isFinite(source[key]) ? source[key] : 0
-      return value
-    }
-    function addCostAggregate(target, row) {
-      const value = costAggregate(row)
-      for (const key of ['input', 'output', 'cacheRead', 'cacheWrite', 'baseTotal', 'total']) target[key] = decimalAdd(target[key], value[key])
-      target.pricedCalls += value.pricedCalls
-      target.unpricedCalls += value.unpricedCalls
-      target.ambiguousCalls += value.ambiguousCalls
-      target.unsupportedCalls += value.unsupportedCalls
-      return target
-    }
-    function costDisplay(row, language) {
-      const value = costAggregate(row)
-      if (value.pricedCalls <= 0) return '—'
-      const numeric = Number(value.total)
-      return Number.isFinite(numeric) ? money(value.currency, numeric, language) : value.currency + ' ' + value.total
-    }
-    function costCoverageLabel(row, language) {
-      const value = costAggregate(row)
-      if (value.pricedCalls > 0 && value.unpricedCalls === 0 && value.ambiguousCalls === 0 && value.unsupportedCalls === 0) return language === 'en' ? value.pricedCalls + ' priced' : value.pricedCalls + ' 次已计价'
-      const pending = value.unpricedCalls + value.ambiguousCalls + value.unsupportedCalls
-      return pending > 0 ? (language === 'en' ? pending + ' unpriced' : pending + ' 次未计价') : (language === 'en' ? 'No pricing' : '暂无价格')
-    }
-    function pricingDraftOf(pricing) {
-      const config = pricing && pricing.config && typeof pricing.config === 'object' ? pricing.config : {}
-      const sync = config.sync && typeof config.sync === 'object' ? config.sync : {}
-      return {
-        sync: { autoEnabled: sync.autoEnabled === true, intervalMs: Number.isFinite(sync.intervalMs) ? sync.intervalMs : 21600000 },
-        providerAliases: config.providerAliases && typeof config.providerAliases === 'object' ? Object.assign({}, config.providerAliases) : {},
-        mappings: Array.isArray(config.mappings) ? config.mappings.map((mapping) => Object.assign({}, mapping)) : [],
-        overrides: Array.isArray(config.overrides) ? config.overrides.map((entry) => Object.assign({}, entry)) : [],
-      }
-    }
-    function pricingStatusLabel(status, language) {
-      const labels = { priced: ['已计价', 'priced'], unpriced: ['未计价', 'unpriced'], ambiguous: ['待确认', 'ambiguous'], unsupported: ['不支持', 'unsupported'] }
-      const pair = labels[status] || labels.unpriced
-      return language === 'en' ? pair[1] : pair[0]
-    }
-    function pricingModelKey(value) {
-      return String(value || '').trim().toLowerCase().replace(/^.*\//, '').split(':')[0]
-    }
-    function modelViewKey(value) {
-      const text = String(value || '').trim()
-      return text.includes(' / ') ? text : pricingModelKey(text)
-    }
-    function humanDate(date, language) {
-      const parts = date.split('-')
-      const utc = language === 'en'
-      const d = utc ? new Date(Date.UTC(Number(parts[0]), Number(parts[1]) - 1, Number(parts[2]))) : new Date(Number(parts[0]), Number(parts[1]) - 1, Number(parts[2]))
-      const monthIndex = utc ? d.getUTCMonth() : d.getMonth()
-      const weekIndex = utc ? d.getUTCDay() : d.getDay()
-      if (language === 'en') {
-        const month = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][monthIndex]
-        const week = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][weekIndex]
-        return month + ' ' + Number(parts[2]) + ', ' + parts[0] + ' (' + week + ', UTC)'
-      }
-      const week = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'][weekIndex]
-      return parts[0] + '年' + Number(parts[1]) + '月' + Number(parts[2]) + '日 ' + week
-    }
-    function monthLabel(year, month, language) {
-      if (language === 'en') {
-        const label = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][month]
-        return month === 0 ? year + ' ' + label : label
-      }
-      return month === 0 ? year + '年1月' : (month + 1) + '月'
-    }
-    function levelOf(count) {
-      if (count >= 10) return 4
-      if (count >= 6) return 3
-      if (count >= 3) return 2
-      if (count >= 1) return 1
-      return 0
-    }
-    const GH_GREEN = '#2ea043'
-    const LEVEL_PCT = [20, 45, 70, 96]
-    function cellBg(level) {
-      if (level <= 0) return 'var(--dsw-alias-bg-layer-2)'
-      return 'color-mix(in srgb, ' + GH_GREEN + ' ' + LEVEL_PCT[level - 1] + '%, var(--dsw-alias-bg-layer-2))'
-    }
-    function wsColor(i) {
-      return 'hsl(' + ((i * 137) % 360) + ', 70%, 55%)'
-    }
-    function rangeAgg(stats, range, utc, customRange) {
-      const empty = { totals: { turns: 0, calls: 0, sessions: 0, input: 0, output: 0, cacheRead: 0, cacheWrite: 0, reasoning: 0, cost: emptyCostAggregate() }, perWs: [], perModel: [] }
-      if (stats === null) return empty
-      if (range === 'all') return { totals: stats.totals, perWs: stats.perWorkspace, perModel: stats.perModel || [] }
-      const days = utc && Array.isArray(stats.byDayUtc) ? stats.byDayUtc : (Array.isArray(stats.byDay) ? stats.byDay : [])
-      let start
-      let end = null
-      if (range === 'custom') {
-        const normalized = normalizeCustomRange(customRange, utc)
-        if (normalized === null) return empty
-        start = normalized.start
-        end = normalized.end
-      } else if (range === 'today') {
-        start = fmtDate(new Date(), utc)
-      } else if (range === '30d') {
-        start = fmtDate(shiftCalendarDate(new Date(), -29, utc), utc)
-      } else {
-        start = fmtDate(shiftCalendarDate(new Date(), -89, utc), utc)
-      }
-      const t = { turns: 0, calls: 0, sessions: 0, input: 0, output: 0, cacheRead: 0, cacheWrite: 0, reasoning: 0, cost: emptyCostAggregate() }
-      const per = new Map()
-      const models = new Map()
-      const sessionsInRange = new Set()
-      for (const day of days) {
-        if (day.date < start || (end !== null && day.date > end)) continue
-        const daySessionIds = Array.isArray(day.sessionIds) ? day.sessionIds : []
-        for (const sid of daySessionIds) sessionsInRange.add(sid)
-        t.turns += day.turns
-        t.input += day.tokens.input
-        t.output += day.tokens.output
-        t.cacheRead += day.tokens.cacheRead
-        t.cacheWrite += day.tokens.cacheWrite
-        t.reasoning += day.tokens.reasoning
-        addCostAggregate(t.cost, day.cost)
-        for (const w of day.byWorkspace) {
-          let p = per.get(w.workspaceId)
-          if (p === undefined) { p = { workspaceId: w.workspaceId, turns: 0, input: 0, output: 0, cacheRead: 0, cacheWrite: 0, reasoning: 0, cost: emptyCostAggregate() }; per.set(w.workspaceId, p) }
-          p.input += w.input
-          p.output += w.output
-          p.cacheRead += w.cacheRead
-          p.cacheWrite += w.cacheWrite
-          p.reasoning += w.reasoning
-          addCostAggregate(p.cost, w.cost)
-        }
-        for (const w of day.perWorkspace) {
-          let p = per.get(w.workspaceId)
-          if (p === undefined) { p = { workspaceId: w.workspaceId, turns: 0, input: 0, output: 0, cacheRead: 0, cacheWrite: 0, reasoning: 0, cost: emptyCostAggregate() }; per.set(w.workspaceId, p) }
-          p.turns += w.turns
-        }
-        for (const m of (day.byModel || [])) {
-          const key = m.identityKey || m.model
-          let p = models.get(key)
-          if (p === undefined) { p = { ...m, calls: 0, input: 0, output: 0, cacheRead: 0, cacheWrite: 0, reasoning: 0, cost: emptyCostAggregate() }; models.set(key, p) }
-          p.calls += m.calls; p.input += m.input; p.output += m.output; p.cacheRead += m.cacheRead; p.cacheWrite += m.cacheWrite; p.reasoning += m.reasoning
-          t.calls += Number.isFinite(m.calls) ? m.calls : 0
-          addCostAggregate(p.cost, m.cost)
-        }
-      }
-      t.sessions = sessionsInRange.size
-      return { totals: t, perWs: Array.from(per.values()), perModel: Array.from(models.values()) }
-    }
-    function resolveRangeBounds(stats, range, utc, customRange) {
-      const days = utc && Array.isArray(stats && stats.byDayUtc) ? stats.byDayUtc : (Array.isArray(stats && stats.byDay) ? stats.byDay : [])
-      const latest = fmtDate(new Date(), utc)
-      if (range === 'custom') {
-        const normalized = normalizeCustomRange(customRange, utc)
-        return normalized === null ? null : { start: normalized.start, end: normalized.end }
-      }
-      if (range === 'today') return { start: latest, end: latest }
-      if (range === '30d') return { start: fmtDate(shiftCalendarDate(new Date(), -29, utc), utc), end: latest }
-      if (range === '90d') return { start: fmtDate(shiftCalendarDate(new Date(), -89, utc), utc), end: latest }
-      const bounds = availableDateBounds(days, latest)
-      return { start: bounds.min, end: bounds.max }
-    }
-    function makeUsageScope(stats, range, utc, customRange, workspaceId, provider, modelKey) {
-      const bounds = resolveRangeBounds(stats, range, utc, customRange)
-      if (bounds === null) return null
-      return { start: bounds.start, end: bounds.end, utc: utc === true, workspaceId: workspaceId || null, provider: provider || null, modelKey: modelKey || null }
-    }
-    function usageScopeKey(scope) {
-      return scope === null ? '' : JSON.stringify({ start: scope.start, end: scope.end, utc: scope.utc === true, workspaceId: scope.workspaceId || null, provider: scope.provider || null, modelKey: scope.modelKey || null })
-    }
-    function rowTokens(row) {
-      const tokens = row && row.tokens && typeof row.tokens === 'object' ? row.tokens : row || {}
-      return { input: Number.isFinite(tokens.input) ? tokens.input : 0, output: Number.isFinite(tokens.output) ? tokens.output : 0, cacheRead: Number.isFinite(tokens.cacheRead) ? tokens.cacheRead : 0, cacheWrite: Number.isFinite(tokens.cacheWrite) ? tokens.cacheWrite : 0, reasoning: Number.isFinite(tokens.reasoning) ? tokens.reasoning : 0 }
-    }
-    function buildTrendRows(rows, bounds, utc) {
-      if (bounds === null || typeof bounds !== 'object') return []
-      const source = new Map((Array.isArray(rows) ? rows : []).filter((row) => row && typeof row.date === 'string').map((row) => [row.date, row]))
-      const startParts = bounds.start.split('-').map(Number)
-      const endParts = bounds.end.split('-').map(Number)
-      const cursor = utc ? new Date(Date.UTC(startParts[0], startParts[1] - 1, startParts[2])) : new Date(startParts[0], startParts[1] - 1, startParts[2])
-      const end = utc ? new Date(Date.UTC(endParts[0], endParts[1] - 1, endParts[2])) : new Date(endParts[0], endParts[1] - 1, endParts[2])
-      const result = []
-      while (cursor.getTime() <= end.getTime()) {
-        const date = fmtDate(cursor, utc)
-        const row = source.get(date)
-        const tokens = rowTokens(row)
-        result.push({ date, turns: row && Number.isFinite(row.turns) ? row.turns : 0, calls: row && Number.isFinite(row.calls) ? row.calls : 0, sessions: row && Number.isFinite(row.sessions) ? row.sessions : 0, tokens, cost: costAggregate(row), total: tokens.input + tokens.output + tokens.cacheRead + tokens.cacheWrite + tokens.reasoning })
-        if (utc) cursor.setUTCDate(cursor.getUTCDate() + 1)
-        else cursor.setDate(cursor.getDate() + 1)
-      }
-      return result
-    }
-    function buildTrendHourlyRows(rows, utc) {
-      const result = []
-      for (const row of (Array.isArray(rows) ? rows : [])) {
-        if (row === null || typeof row !== 'object') continue
-        const time = Number.isFinite(row.time) ? row.time : (typeof row.date === 'string' ? Date.parse(row.date) : NaN)
-        if (!Number.isFinite(time)) continue
-        const tokens = rowTokens(row)
-        result.push({ date: fmtDate(new Date(time), utc), time, turns: Number.isFinite(row.turns) ? row.turns : 0, calls: Number.isFinite(row.calls) ? row.calls : 0, sessions: Number.isFinite(row.sessions) ? row.sessions : 0, tokens, cost: costAggregate(row), total: tokens.input + tokens.output + tokens.cacheRead + tokens.cacheWrite + tokens.reasoning })
-      }
-      return result.sort((a, b) => a.time - b.time)
-    }
-    function trendHourLabel(time, language, detailed) {
-      const options = detailed
-        ? { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', hour12: false }
-        : { month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', hour12: false }
-      if (language === 'en') options.timeZone = 'UTC'
-      return new Date(time).toLocaleString(language === 'en' ? 'en-US' : 'zh-CN', options)
-    }
-    function trendRowLabel(row, language, detailed) {
-      if (row && Number.isFinite(row.time)) return trendHourLabel(row.time, language, detailed)
-      if (!row || typeof row.date !== 'string') return ''
-      return detailed ? humanDate(row.date, language) : row.date.slice(5)
-    }
-    function trendRowKey(row, index) {
-      return row && Number.isFinite(row.time) ? String(row.time) : (row && typeof row.date === 'string' ? row.date : String(index))
-    }
-    function trendRowDate(row) {
-      return row && typeof row.date === 'string' ? row.date : ''
-    }
-    function buildTrendGeometry(rows, visible, width = 900, height = 250) {
-      const keys = Array.isArray(visible) && visible.length > 0 ? visible : ['total']
-      const padding = { left: 46, right: 14, top: 14, bottom: 30 }
-      const innerWidth = Math.max(1, width - padding.left - padding.right)
-      const innerHeight = Math.max(1, height - padding.top - padding.bottom)
-      const values = (Array.isArray(rows) ? rows : []).flatMap((row) => keys.map((key) => key === 'total' ? row.total : row.tokens[key] || 0))
-      const max = Math.max(1, ...values)
-      const points = {}
-      for (const key of keys) points[key] = (Array.isArray(rows) ? rows : []).map((row, index) => ({ x: padding.left + (rows.length > 1 ? index * innerWidth / (rows.length - 1) : innerWidth / 2), y: padding.top + innerHeight - ((key === 'total' ? row.total : row.tokens[key] || 0) / max) * innerHeight, value: key === 'total' ? row.total : row.tokens[key] || 0 }))
-      return { width, height, padding, max, points }
-    }
-    function modelParts(row, unknownProvider, unknownModel) {
-      const structuredModel = typeof row.actualModel === 'string' && row.actualModel !== '' ? row.actualModel : (typeof row.requestedModel === 'string' && row.requestedModel !== '' ? row.requestedModel : '')
-      const displayModel = typeof row.model === 'string' && row.model !== '' ? row.model : unknownModel
-      const separator = displayModel.indexOf(' / ')
-      const rowProvider = typeof row.provider === 'string' && row.provider !== '' ? row.provider : ''
-      const provider = rowProvider || (separator > 0 ? displayModel.slice(0, separator) : unknownProvider)
-      const providerPrefix = provider !== unknownProvider ? provider + ' / ' : ''
-      const fallbackModel = structuredModel !== '' ? displayModel : providerPrefix !== '' && displayModel.startsWith(providerPrefix) ? displayModel.slice(providerPrefix.length) : separator > 0 ? displayModel.slice(separator + 3) : displayModel
-      const model = modelViewKey(structuredModel || fallbackModel) || unknownModel
-      return { provider, model }
-    }
-    function modelOptionLabel(row, unknownProvider, unknownModel) {
-      const parts = modelParts(row, unknownProvider, unknownModel)
-      const base = parts.provider + ' / ' + parts.model
-      return row && row.requestedModel && row.actualModel && row.requestedModel !== row.actualModel ? base + ' ← ' + row.requestedModel : base
-    }
-    function aggregateModelRows(rows, view, unknownProvider, unknownModel) {
-      if (view === 'route') return rows.slice()
-      const grouped = new Map()
-      for (const row of rows) {
-        const parts = modelParts(row, unknownProvider, unknownModel)
-        const key = view === 'model' ? parts.model : parts.provider
-        let item = grouped.get(key)
-        if (item === undefined) { item = { model: key, provider: view === 'provider' ? key : parts.provider, calls: 0, input: 0, output: 0, cacheRead: 0, cacheWrite: 0, reasoning: 0, cost: emptyCostAggregate() }; grouped.set(key, item) }
-        item.calls += row.calls; item.input += row.input; item.output += row.output; item.cacheRead += row.cacheRead; item.cacheWrite += row.cacheWrite; item.reasoning += row.reasoning
-        addCostAggregate(item.cost, row.cost)
-      }
-      return Array.from(grouped.values())
-    }
-    function streaks(dayMap, utc) {
-      const today = new Date()
-      let streak = 0
-      for (let i = 0; i < 371; i++) {
-        const d = shiftCalendarDate(today, -i, utc)
-        const day = dayMap.get(fmtDate(d, utc))
-        const active = day !== undefined && day.turns > 0
-        if (active) streak += 1
-        else if (i > 0) break
-      }
-      let best = 0
-      let run = 0
-      for (let i = 0; i < 371; i++) {
-        const d = shiftCalendarDate(today, -i, utc)
-        const day = dayMap.get(fmtDate(d, utc))
-        if (day !== undefined && day.turns > 0) {
-          run += 1
-          if (run > best) best = run
-        } else {
-          run = 0
-        }
-      }
-      return { streak, best }
-    }
-    // 数字滚动动画：首次从 0 滚动到目标值，之后直接同步目标值
-    function useCountUp(target, timer) {
-      const [state, setState] = React.useState({ value: 0, done: false })
-      React.useEffect(() => {
-        if (typeof target !== 'number' || !Number.isFinite(target) || target <= 0) {
-          setState({ value: 0, done: false })
-          return undefined
-        }
-        if (state.done) {
-          setState({ value: target, done: true })
-          return undefined
-        }
-        const start = Date.now()
-        const duration = 700
-        const stop = timer.interval(() => {
-          const t = Math.min(1, (Date.now() - start) / duration)
-          const eased = 1 - Math.pow(1 - t, 3)
-          if (t >= 1) {
-            stop()
-            setState({ value: target, done: true })
-          } else {
-            setState({ value: Math.round(target * eased), done: false })
-          }
-        }, 32)
-        return stop
-      }, [target])
-      return state.value
-    }
-
-    function smoothTrendPath(points) {
-      if (!Array.isArray(points) || points.length === 0) return ''
-      if (points.length === 1) return 'M' + points[0].x.toFixed(2) + ' ' + points[0].y.toFixed(2)
-      const slopes = []
-      for (let i = 0; i < points.length - 1; i += 1) {
-        const dx = points[i + 1].x - points[i].x
-        slopes.push(dx === 0 ? 0 : (points[i + 1].y - points[i].y) / dx)
-      }
-      const tangents = new Array(points.length).fill(0)
-      tangents[0] = slopes[0]
-      tangents[points.length - 1] = slopes[slopes.length - 1]
-      for (let i = 1; i < points.length - 1; i += 1) {
-        const before = slopes[i - 1]
-        const after = slopes[i]
-        tangents[i] = before * after <= 0 ? 0 : (before + after) / 2
-      }
-      // Fritsch-Carlson limiting keeps the smooth curve monotone between points.
-      for (let i = 0; i < slopes.length; i += 1) {
-        if (slopes[i] === 0) { tangents[i] = 0; tangents[i + 1] = 0; continue }
-        const a = tangents[i] / slopes[i]
-        const b = tangents[i + 1] / slopes[i]
-        const magnitude = a * a + b * b
-        if (magnitude > 9) {
-          const scale = 3 / Math.sqrt(magnitude)
-          tangents[i] = scale * a * slopes[i]
-          tangents[i + 1] = scale * b * slopes[i]
-        }
-      }
-      let path = 'M' + points[0].x.toFixed(2) + ' ' + points[0].y.toFixed(2)
-      for (let i = 0; i < points.length - 1; i += 1) {
-        const dx = points[i + 1].x - points[i].x
-        const c1x = points[i].x + dx / 3
-        const c1y = points[i].y + tangents[i] * dx / 3
-        const c2x = points[i + 1].x - dx / 3
-        const c2y = points[i + 1].y - tangents[i + 1] * dx / 3
-        path += ' C' + c1x.toFixed(2) + ' ' + c1y.toFixed(2) + ' ' + c2x.toFixed(2) + ' ' + c2y.toFixed(2) + ' ' + points[i + 1].x.toFixed(2) + ' ' + points[i + 1].y.toFixed(2)
-      }
-      return path
-    }
-    function trendPathLength(points) {
-      if (!Array.isArray(points) || points.length < 2) return 1
-      let length = 0
-      for (let i = 1; i < points.length; i += 1) {
-        const dx = points[i].x - points[i - 1].x
-        const dy = points[i].y - points[i - 1].y
-        length += Math.sqrt(dx * dx + dy * dy)
-      }
-      return Math.max(1, Math.ceil(length * 1.35 + 2))
-    }
-    const DONUT_COLORS = ['#0a84ff', '#30d158', '#bf5af2', '#ff9f0a', '#ff375f', '#64d2ff']
-    function tokenMagnitude(value, language) {
-      const magnitude = chineseMagnitude(value, language)
-      return magnitude !== '' ? magnitude : fmtCompact(value)
-    }
-    function tokenDisplay(value, language) {
-      return tokenMagnitude(value, language) + (language === 'en' ? ' tokens' : ' Token')
-    }
-    function buildDonutSegments(items, otherLabel, limit = 5) {
-      const topLimit = Math.max(1, Number.isInteger(limit) ? limit : 5)
-      const normalized = (Array.isArray(items) ? items : []).map((item, index) => ({
-        label: item && item.label !== undefined ? String(item.label) : '',
-        value: Number(item && item.value),
-        color: item && typeof item.color === 'string' && item.color !== '' ? item.color : DONUT_COLORS[index % DONUT_COLORS.length],
-        cost: costAggregate(item),
-      })).filter((item) => item.label !== '' && Number.isFinite(item.value) && item.value > 0).sort((a, b) => b.value - a.value)
-      const total = normalized.reduce((sum, item) => sum + item.value, 0)
-      if (total <= 0) return { total: 0, segments: [] }
-      const segments = normalized.slice(0, topLimit)
-      const remainderItems = normalized.slice(topLimit)
-      const remainder = remainderItems.reduce((sum, item) => sum + item.value, 0)
-      if (remainder > 0) {
-        const remainderCost = emptyCostAggregate()
-        for (const item of remainderItems) addCostAggregate(remainderCost, item.cost)
-        segments.push({ label: otherLabel + ' (' + (normalized.length - topLimit) + ')', value: remainder, color: '#b8c2cf', cost: remainderCost, other: true })
-      }
-      let angle = -Math.PI / 2
-      return {
-        total,
-        segments: segments.map((item, index) => {
-          const sweep = item.value / total * Math.PI * 2
-          const gap = segments.length > 1 ? Math.min(.018, sweep / 3) : 0
-          const startAngle = angle + gap
-          const endAngle = angle + sweep - gap
-          angle += sweep
-          return { ...item, index, percentage: item.value / total * 100, startAngle: endAngle <= startAngle ? angle - sweep : startAngle, endAngle: endAngle <= startAngle ? angle : endAngle }
-        }),
-      }
-    }
-    function donutArcPath(cx, cy, outerRadius, innerRadius, startAngle, endAngle) {
-      const sweep = Math.max(0, endAngle - startAngle)
-      const point = (radius, angle) => ({ x: cx + radius * Math.cos(angle), y: cy + radius * Math.sin(angle) })
-      const outerStart = point(outerRadius, startAngle)
-      const innerStart = point(innerRadius, startAngle)
-      if (sweep >= Math.PI * 2 - .0001) {
-        const outerMid = point(outerRadius, startAngle + Math.PI)
-        const innerMid = point(innerRadius, startAngle + Math.PI)
-        return 'M' + outerStart.x.toFixed(2) + ' ' + outerStart.y.toFixed(2) + ' A' + outerRadius + ' ' + outerRadius + ' 0 1 1 ' + outerMid.x.toFixed(2) + ' ' + outerMid.y.toFixed(2) + ' A' + outerRadius + ' ' + outerRadius + ' 0 1 1 ' + outerStart.x.toFixed(2) + ' ' + outerStart.y.toFixed(2) + ' L' + innerStart.x.toFixed(2) + ' ' + innerStart.y.toFixed(2) + ' A' + innerRadius + ' ' + innerRadius + ' 0 1 0 ' + innerMid.x.toFixed(2) + ' ' + innerMid.y.toFixed(2) + ' A' + innerRadius + ' ' + innerRadius + ' 0 1 0 ' + innerStart.x.toFixed(2) + ' ' + innerStart.y.toFixed(2) + ' Z'
-      }
-      const outerEnd = point(outerRadius, endAngle)
-      const innerEnd = point(innerRadius, endAngle)
-      const largeArc = sweep > Math.PI ? 1 : 0
-      return 'M' + outerStart.x.toFixed(2) + ' ' + outerStart.y.toFixed(2) + ' A' + outerRadius + ' ' + outerRadius + ' 0 ' + largeArc + ' 1 ' + outerEnd.x.toFixed(2) + ' ' + outerEnd.y.toFixed(2) + ' L' + innerEnd.x.toFixed(2) + ' ' + innerEnd.y.toFixed(2) + ' A' + innerRadius + ' ' + innerRadius + ' 0 ' + largeArc + ' 0 ' + innerStart.x.toFixed(2) + ' ' + innerStart.y.toFixed(2) + ' Z'
-    }
-    function donutArcLinePath(cx, cy, radius, startAngle, endAngle) {
-      const sweep = Math.max(0, endAngle - startAngle)
-      const point = (angle) => ({ x: cx + radius * Math.cos(angle), y: cy + radius * Math.sin(angle) })
-      const start = point(startAngle)
-      if (sweep >= Math.PI * 2 - .0001) {
-        const mid = point(startAngle + Math.PI)
-        return 'M' + start.x.toFixed(2) + ' ' + start.y.toFixed(2) + ' A' + radius + ' ' + radius + ' 0 1 1 ' + mid.x.toFixed(2) + ' ' + mid.y.toFixed(2) + ' A' + radius + ' ' + radius + ' 0 1 1 ' + start.x.toFixed(2) + ' ' + start.y.toFixed(2)
-      }
-      const end = point(endAngle)
-      return 'M' + start.x.toFixed(2) + ' ' + start.y.toFixed(2) + ' A' + radius + ' ' + radius + ' 0 ' + (sweep > Math.PI ? 1 : 0) + ' 1 ' + end.x.toFixed(2) + ' ' + end.y.toFixed(2)
-    }
-    function UsageDonutChart(props) {
-      const language = props.language === 'en' ? 'en' : 'zh'
-      const tr = (zh, en) => language === 'en' ? en : zh
-      const [activeIndex, setActiveIndex] = React.useState(null)
-      const [tooltipPosition, setTooltipPosition] = React.useState(null)
-      const data = buildDonutSegments(props.items, tr('其他', 'Other'))
-      const activeSegment = activeIndex === null ? null : (data.segments[activeIndex] || null)
-      if (data.total <= 0) return null
-      const cx = 130
-      const cy = 130
-      const outerRadius = 94
-      const innerRadius = 61
-      const percentText = (value) => (value >= 10 ? Math.round(value) : Math.round(value * 10) / 10) + '%'
-      const updatePointer = (event) => {
-        const visual = event.currentTarget.ownerSVGElement?.parentElement
-        const box = visual?.getBoundingClientRect()
-        if (!box) return
-        const tooltipWidth = 198
-        const tooltipHeight = 82
-        setTooltipPosition({ left: Math.max(8, Math.min(Math.max(8, box.width - tooltipWidth), event.clientX - box.left + 14)), top: Math.max(8, Math.min(Math.max(8, box.height - tooltipHeight), event.clientY - box.top + 14)) })
-      }
-      const clearPointer = () => { setActiveIndex(null); setTooltipPosition(null) }
-      return React.createElement('div', { className: 'uh-donut-chart', 'aria-label': props.title },
-        React.createElement('div', { className: 'uh-donut-title' }, React.createElement(LineIcon, { name: props.icon || 'chart', size: 16 }), props.title),
-        React.createElement('div', { className: 'uh-donut-layout' },
-          React.createElement('div', { className: 'uh-donut-visual' },
-            React.createElement('svg', { className: 'uh-donut-svg', viewBox: '0 0 260 260', role: 'img', 'aria-label': props.title + ' ' + tokenDisplay(data.total, language) },
-              React.createElement('circle', { cx, cy, r: (outerRadius + innerRadius) / 2, className: 'uh-donut-track', fill: 'none', stroke: 'var(--dsw-alias-bg-layer-2)', strokeWidth: outerRadius - innerRadius }),
-              data.segments.map((segment) => React.createElement('path', { key: 'donut-' + segment.index, d: donutArcLinePath(cx, cy, (outerRadius + innerRadius) / 2, segment.startAngle, segment.endAngle), className: 'uh-donut-segment' + (activeIndex === segment.index ? ' uh-active' : ''), fill: 'none', stroke: segment.color, strokeWidth: outerRadius - innerRadius, strokeLinecap: 'butt', strokeLinejoin: 'round', pathLength: 1, style: { animationDelay: (segment.index * 90) + 'ms' }, tabIndex: 0, 'aria-label': segment.label + ' ' + tokenDisplay(segment.value, language) + ' ' + percentText(segment.percentage) + ' ' + costDisplay(segment.cost, language), onMouseEnter: (event) => { setActiveIndex(segment.index); updatePointer(event) }, onMouseMove: updatePointer, onMouseLeave: clearPointer, onFocus: () => { setActiveIndex(segment.index); setTooltipPosition({ left: 12, top: 12 }) }, onBlur: clearPointer })),
-            ),
-            activeSegment ? React.createElement('div', { className: 'uh-donut-tooltip', style: tooltipPosition ? { left: tooltipPosition.left, top: tooltipPosition.top } : undefined },
-              React.createElement('span', { className: 'uh-donut-dot', style: { background: activeSegment.color } }),
-              React.createElement('div', {},
-                React.createElement('strong', {}, activeSegment.label),
-                React.createElement('span', {}, tokenDisplay(activeSegment.value, language) + ' · ' + percentText(activeSegment.percentage)),
-                React.createElement('span', { className: 'uh-donut-tooltip-cost' }, costDisplay(activeSegment.cost, language)),
-              ),
-            ) : null,
-            React.createElement('div', { className: 'uh-donut-center' },
-              React.createElement('strong', {}, tokenMagnitude(data.total, language)),
-              React.createElement('span', {}, language === 'en' ? 'tokens' : 'Token'),
-            ),
-          ),
-          React.createElement('div', { className: 'uh-donut-legend', role: 'list' },
-            data.segments.map((segment) => React.createElement('div', { key: 'legend-' + segment.index, className: 'uh-donut-legend-row', role: 'listitem' },
-              React.createElement('span', { className: 'uh-donut-dot', style: { background: segment.color } }),
-              React.createElement('div', { className: 'uh-donut-legend-copy' },
-                React.createElement('strong', { title: segment.label }, segment.label),
-              ),
-              React.createElement('div', { className: 'uh-donut-legend-metrics' },
-                React.createElement('span', {}, tokenDisplay(segment.value, language)),
-                React.createElement('span', { className: 'uh-donut-cost' }, costDisplay(segment.cost, language)),
-              ),
-              React.createElement('strong', { className: 'uh-donut-percent' }, percentText(segment.percentage)),
-            )),
-          ),
-        ),
-      )
-    }
-    function trendSeriesLabel(key, language) {
-      const labels = {
-        total: language === 'en' ? 'Total' : '总处理',
-        input: language === 'en' ? 'Input' : '输入',
-        cacheRead: language === 'en' ? 'Cache hits' : '缓存命中',
-        cacheWrite: language === 'en' ? 'Cache writes' : '缓存写入',
-        output: language === 'en' ? 'Output' : '输出',
-        reasoning: language === 'en' ? 'Reasoning' : '推理',
-      }
-      return labels[key] || key
-    }
-    function trendSeriesValue(row, key) {
-      return key === 'total' ? row.total : (row.tokens && Number.isFinite(row.tokens[key]) ? row.tokens[key] : 0)
-    }
-    function UsageTrendChart(props) {
-      const language = props.language === 'en' ? 'en' : 'zh'
-      const tr = (zh, en) => language === 'en' ? en : zh
-      const rows = Array.isArray(props.rows) ? props.rows : []
-      const visible = Array.isArray(props.visible) && props.visible.length > 0 ? props.visible : ['total']
-      const [hoverIndex, setHoverIndex] = React.useState(null)
-      const [tooltipIndex, setTooltipIndex] = React.useState(null)
-      const width = 900
-      const height = 280
-      const geometry = buildTrendGeometry(rows, visible, width, height)
-      const colors = { total: '#f4c542', input: '#5aa9ff', cacheRead: '#44d483', cacheWrite: '#d98bff', output: '#ff8c66', reasoning: '#aab4c4' }
-      const pathFor = (points) => smoothTrendPath(points)
-      const bottomY = height - geometry.padding.bottom
-      const areaPathFor = (points) => {
-        if (!Array.isArray(points) || points.length === 0) return ''
-        return pathFor(points) + ' L' + points[points.length - 1].x.toFixed(2) + ' ' + bottomY + ' L' + points[0].x.toFixed(2) + ' ' + bottomY + ' Z'
-      }
-      const gradientOpacity = { total: .20, input: .16, cacheRead: .18, cacheWrite: .14, output: .16, reasoning: .10 }
-      const tickIndexes = rows.length <= 1 ? [0] : Array.from(new Set([0, Math.floor((rows.length - 1) / 4), Math.floor((rows.length - 1) / 2), Math.floor((rows.length - 1) * 3 / 4), rows.length - 1]))
-      const chartReady = !props.loading && !props.error && rows.length > 0
-      const hourly = rows.length > 0 && Number.isFinite(rows[0].time)
-      const chartAriaLabel = hourly ? tr('每小时 Token 使用趋势，选择小时查看当天请求日志', 'Hourly Token usage trend; select an hour to view request logs') : tr('每日 Token 使用趋势，选择日期查看请求日志', 'Daily Token usage trend; select a date to view request logs')
-      const hovered = hoverIndex === null ? null : (rows[hoverIndex] || null)
-      const hoverPoint = hoverIndex === null ? null : ((geometry.points[visible[0]] || [])[hoverIndex] || null)
-      const tooltipRow = tooltipIndex === null ? null : (rows[tooltipIndex] || null)
-      const tooltipPoint = tooltipIndex === null ? null : ((geometry.points[visible[0]] || [])[tooltipIndex] || null)
-      const tooltipVisible = hoverIndex !== null && tooltipRow !== null && tooltipPoint !== null
-      const tooltipSide = tooltipPoint !== null && tooltipPoint.x > width * .68 ? ' uh-left' : ' uh-right'
-      const tooltipStyle = tooltipPoint === null ? undefined : { left: (tooltipPoint.x / width * 100).toFixed(2) + '%', top: Math.max(23, Math.min(77, tooltipPoint.y / height * 100)).toFixed(2) + '%' }
-      const activateHover = (index) => { setHoverIndex(index); setTooltipIndex(index) }
-      const toggle = (key) => {
-        if (typeof props.onToggle === 'function') props.onToggle(key)
-      }
-      const chartBody = props.loading
-        ? React.createElement('div', { className: 'uh-trend-stage uh-trend-loading', role: 'status', 'aria-label': tr('正在加载趋势', 'Loading trend') }, React.createElement('span', { className: 'uh-trend-spinner', 'aria-hidden': true }))
-        : props.error
-          ? React.createElement('div', { className: 'uh-trend-stage uh-trend-message', role: 'alert' }, props.error)
-          : rows.length === 0
-            ? React.createElement('div', { className: 'uh-trend-stage uh-trend-message' }, tr('该范围内暂无趋势数据', 'No trend data in this range'))
-            : React.createElement('div', { className: 'uh-trend-chart-wrap' },
-              React.createElement('svg', { className: 'uh-trend-svg', viewBox: '0 0 ' + width + ' ' + height, role: 'group', 'aria-label': chartAriaLabel },
-                [0, 0.5, 1].map((ratio) => React.createElement(React.Fragment, { key: ratio },
-                  React.createElement('line', { x1: geometry.padding.left, x2: width - geometry.padding.right, y1: geometry.padding.top + (height - geometry.padding.top - geometry.padding.bottom) * ratio, y2: geometry.padding.top + (height - geometry.padding.top - geometry.padding.bottom) * ratio, className: 'uh-trend-grid' }),
-                  React.createElement('text', { x: geometry.padding.left - 7, y: geometry.padding.top + (height - geometry.padding.top - geometry.padding.bottom) * ratio + 4, className: 'uh-trend-axis-label', textAnchor: 'end' }, fmtCompact(Math.round(geometry.max * (1 - ratio)))),
-                )),
-                React.createElement('defs', {},
-                  visible.map((key) => React.createElement('linearGradient', { key: key, id: 'uh-trend-gradient-' + key, x1: '0', y1: '0', x2: '0', y2: '1' },
-                    React.createElement('stop', { offset: '4%', stopColor: colors[key] || '#9aa4b2', stopOpacity: gradientOpacity[key] || .12 }),
-                    React.createElement('stop', { offset: '96%', stopColor: colors[key] || '#9aa4b2', stopOpacity: 0 }),
-                  )),
-                ),
-                visible.map((key, seriesIndex) => {
-                  const areaPath = areaPathFor(geometry.points[key] || [])
-                  return areaPath === '' ? null : React.createElement('path', { key: 'area-' + key, d: areaPath, className: 'uh-trend-area', 'data-series': key, fill: 'url(#uh-trend-gradient-' + key + ')', style: { animationDelay: (80 + seriesIndex * 80) + 'ms' } })
-                }),
-                visible.map((key) => React.createElement('path', { key: 'line-base-' + key, d: pathFor(geometry.points[key] || []), className: 'uh-trend-line', 'data-series': key, stroke: colors[key] || '#9aa4b2' })),
-                visible.map((key, seriesIndex) => {
-                  const points = geometry.points[key] || []
-                  const drawLength = trendPathLength(points)
-                  return React.createElement('path', { key: 'line-draw-' + key, d: pathFor(points), className: 'uh-trend-line-draw', 'data-series': key, stroke: colors[key] || '#9aa4b2', style: { '--uh-draw-length': drawLength + 'px', animationDelay: (seriesIndex * 90) + 'ms' } })
-                }),
-                visible.map((key) => {
-                  const points = geometry.points[key] || []
-                  if (points.length !== 1) return null
-                  const point = points[0]
-                  return React.createElement('circle', { key: 'single-point-' + key, cx: point.x, cy: point.y, r: 4, className: 'uh-trend-point', fill: colors[key] || '#9aa4b2' })
-                }),
-                hoverIndex !== null && hoverPoint ? React.createElement(React.Fragment, { key: 'hover-' + hoverIndex },
-                  React.createElement('line', { x1: hoverPoint.x, x2: hoverPoint.x, y1: geometry.padding.top, y2: bottomY, className: 'uh-trend-cursor' }),
-                  visible.map((key) => { const point = (geometry.points[key] || [])[hoverIndex]; return point ? React.createElement('circle', { key: key, cx: point.x, cy: point.y, r: 4, className: 'uh-trend-point', fill: colors[key] || '#9aa4b2' }) : null }),
-                ) : null,
-                rows.map((row, index) => {
-                  const point = (geometry.points[visible[0]] || [])[index]
-                  if (!point) return null
-                  const next = (geometry.points[visible[0]] || [])[index + 1]
-                  const cellWidth = next ? Math.max(8, next.x - point.x) : (index > 0 ? Math.max(8, point.x - (geometry.points[visible[0]] || [])[index - 1].x) : 24)
-                  return React.createElement('rect', { key: trendRowKey(row, index), x: Math.max(geometry.padding.left, point.x - cellWidth / 2), y: geometry.padding.top, width: cellWidth, height: height - geometry.padding.top - geometry.padding.bottom, className: 'uh-trend-hit', tabIndex: 0, role: 'button', 'aria-label': trendRowLabel(row, language, true) + ' ' + trendSeriesLabel('total', language) + ' ' + fmtCompact(row.total), onMouseEnter: () => activateHover(index), onMouseLeave: () => setHoverIndex(null), onFocus: () => activateHover(index), onBlur: () => setHoverIndex(null), onKeyDown: (event) => { if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); if (typeof props.onPointClick === 'function') props.onPointClick(trendRowDate(row)) } }, onClick: () => { if (typeof props.onPointClick === 'function') props.onPointClick(trendRowDate(row)) } })
-                }),
-                tickIndexes.map((index) => {
-                  const point = (geometry.points[visible[0]] || [])[index]
-                  const row = rows[index]
-                  return point && row ? React.createElement('text', { key: trendRowKey(row, index), x: point.x, y: height - 8, className: 'uh-trend-axis-label', textAnchor: index === 0 ? 'start' : index === rows.length - 1 ? 'end' : 'middle' }, trendRowLabel(row, language, false)) : null
-                }),
-              ),
-              tooltipRow && tooltipPoint ? React.createElement('div', { className: 'uh-trend-tooltip' + tooltipSide + (tooltipVisible ? ' uh-visible' : ''), style: tooltipStyle, 'aria-hidden': !tooltipVisible },
-                React.createElement('strong', { className: 'uh-trend-tooltip-title' }, trendRowLabel(tooltipRow, language, true)),
-                visible.map((key) => React.createElement('div', { key, className: 'uh-trend-tooltip-row', style: { color: colors[key] || '#9aa4b2' } },
-                  React.createElement('span', { className: 'uh-trend-dot', style: { background: colors[key] || '#9aa4b2' } }),
-                  React.createElement('span', { className: 'uh-trend-tooltip-label' }, trendSeriesLabel(key, language)),
-                  React.createElement('strong', { className: 'uh-trend-tooltip-value' }, fmtCompact(trendSeriesValue(tooltipRow, key))),
-                )),
-              ) : null,
-            )
-      return React.createElement('div', { className: 'uh-panel uh-trend-panel' },
-        React.createElement('div', { className: 'uh-trend-head' },
-          React.createElement('div', {}, React.createElement('h3', { className: 'uh-tbl-title uh-title-with-icon' }, React.createElement(LineIcon, { name: 'chart', size: 16 }), tr('Token 使用趋势', 'Token Usage Trend')), React.createElement('div', { className: 'uh-note' }, props.rangeLabel || '')),
-          chartReady ? React.createElement('div', { className: 'uh-note' }, tr('点击数据点查看当日明细', 'Click a point to inspect that day')) : null,
-        ),
-        chartBody,
-        chartReady ? React.createElement('div', { className: 'uh-trend-legend' },
-          ['total', 'input', 'cacheRead', 'cacheWrite', 'output', 'reasoning'].map((key) => React.createElement('button', { key, type: 'button', className: 'uh-trend-legend-item' + (visible.includes(key) ? ' uh-on' : ''), onClick: () => toggle(key), 'aria-pressed': visible.includes(key) }, React.createElement('span', { className: 'uh-trend-dot', style: { background: colors[key] || '#9aa4b2' } }), trendSeriesLabel(key, language))),
-        ) : null,
-      )
-    }
-
-    function UsageFilterMenu(props) {
-      const options = Array.isArray(props.options) ? props.options : []
-      const value = props.value === undefined || props.value === null ? '' : String(props.value)
-      const selected = options.find((option) => String(option.value) === value)
-      const [open, setOpen] = React.useState(false)
-      const menuRef = React.useRef(null)
-      React.useEffect(() => {
-        if (!open || typeof document === 'undefined') return undefined
-        const closeMenu = (event) => {
-          if (menuRef.current && !menuRef.current.contains(event.target)) setOpen(false)
-        }
-        document.addEventListener('pointerdown', closeMenu)
-        return () => document.removeEventListener('pointerdown', closeMenu)
-      }, [open])
-      const choose = (next) => {
-        if (typeof props.onChange === 'function') props.onChange(next)
-        setOpen(false)
-      }
-      return React.createElement('div', { className: 'uh-language-menu uh-filter-menu' + (props.className ? ' ' + props.className : '') + (open ? ' uh-open' : ''), ref: menuRef, onKeyDown: (event) => { if (event.key === 'Escape' && open) { event.preventDefault(); event.stopPropagation(); setOpen(false) } } },
-        React.createElement('button', {
-          type: 'button',
-          className: 'uh-language-trigger uh-filter-trigger' + (open ? ' uh-open' : ''),
-          title: selected ? selected.label : props.label,
-          'aria-label': props.ariaLabel || props.label,
-          'aria-haspopup': 'listbox',
-          'aria-expanded': open,
-          onClick: () => setOpen((current) => !current),
-        },
-          React.createElement(LineIcon, { name: props.icon || 'chart', size: 14 }),
-          React.createElement('span', { className: 'uh-filter-label' }, selected ? selected.label : props.label),
-          React.createElement(LineIcon, { name: 'chevron', size: 13, className: 'uh-language-caret' }),
-        ),
-        open ? React.createElement('div', { className: 'uh-language-options uh-filter-options', role: 'listbox', 'aria-label': props.ariaLabel || props.label },
-          options.map((option) => {
-            const optionValue = String(option.value)
-            const active = optionValue === value
-            return React.createElement('button', {
-              key: optionValue,
-              type: 'button',
-              role: 'option',
-              'aria-selected': active,
-              className: 'uh-language-option' + (active ? ' uh-on' : ''),
-              onClick: () => choose(optionValue),
-            },
-              React.createElement(LineIcon, { name: props.icon || 'chart', size: 14 }),
-              React.createElement('span', { className: 'uh-filter-option-label' }, option.label),
-              active ? React.createElement(LineIcon, { name: 'check', size: 14, className: 'uh-language-option-check' }) : null,
-            )
-          }),
-        ) : null,
-      )
-    }
-
-    const CSS = `
-.uh-page { display:flex; flex-direction:column; gap:14px; padding:2px 2px 28px; font-family:inherit; }
-.uh-head { position:relative; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
-.uh-title { margin:0; font-size:15px; font-weight:600; color:var(--dsw-alias-label-primary); }
-.uh-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
-.uh-language-menu, .uh-filter-menu { position:relative; z-index:12; }
-.uh-filter-menu { flex:0 1 auto; min-width:0; }
-.uh-filter-workspace { width:180px; }
-.uh-filter-provider { width:180px; }
-.uh-filter-model { width:260px; }
-.uh-filter-menu.uh-open { z-index:14; }
-.uh-language-trigger { display:inline-flex; align-items:center; gap:6px; min-height:30px; padding:4px 9px 4px 10px; border:1px solid transparent; border-radius:15px; background:color-mix(in srgb, var(--dsw-alias-label-primary) 7%, var(--dsw-alias-bg-layer-1)); color:var(--dsw-alias-label-primary); font:inherit; font-size:12px; font-weight:600; line-height:1; cursor:pointer; transition:border-color .15s ease, background-color .15s ease, transform .1s ease; }
-.uh-filter-trigger { width:100%; min-width:0; justify-content:flex-start; }
-.uh-language-trigger:hover, .uh-language-trigger.uh-open { border-color:color-mix(in srgb, var(--dsw-alias-brand-primary) 58%, var(--dsw-alias-border-l2)); background:color-mix(in srgb, var(--dsw-alias-brand-primary) 13%, var(--dsw-alias-bg-layer-1)); }
-.uh-language-trigger:active { transform:scale(.96); }
-.uh-language-label { min-width:26px; text-align:left; }
-.uh-filter-label { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; }
-.uh-language-caret { color:var(--dsw-alias-label-secondary); transition:transform .18s ease; }
-.uh-language-trigger.uh-open .uh-language-caret { transform:rotate(180deg); }
-.uh-language-menu.uh-open { z-index:30; }
-.uh-language-options { position:absolute; top:calc(100% + 7px); right:0; min-width:142px; padding:5px; border:1px solid var(--dsw-alias-border-l2); border-radius:12px; background:var(--dsw-alias-bg-layer-1); box-shadow:0 14px 28px color-mix(in srgb, #000 24%, transparent); animation:uh-menu-in .16s ease both; }
-.uh-filter-options { left:0; right:auto; min-width:100%; max-width:300px; }
-.uh-language-option { display:flex; align-items:center; gap:8px; width:100%; min-height:32px; padding:6px 8px; border:0; border-radius:8px; background:transparent; color:var(--dsw-alias-label-primary); font:inherit; font-size:12px; text-align:left; cursor:pointer; transition:background-color .14s ease, color .14s ease; }
-.uh-filter-option-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-.uh-language-option:hover, .uh-language-option:focus-visible { background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, var(--dsw-alias-bg-layer-2)); outline:0; }
-.uh-language-option.uh-on { background:color-mix(in srgb, var(--dsw-alias-brand-primary) 19%, var(--dsw-alias-bg-layer-2)); color:var(--dsw-alias-label-primary); font-weight:600; }
-.uh-language-option-check { margin-left:auto; color:var(--dsw-alias-brand-primary); }
-.uh-range { display:inline-flex; border:1px solid var(--dsw-alias-border-l2); border-radius:8px; overflow:hidden; }
-.uh-range button { border:0; background:transparent; color:var(--dsw-alias-label-secondary); padding:4px 12px; font-size:12px; cursor:pointer; font-family:inherit; transition:background-color .15s ease, color .15s ease; }
-.uh-range button + button { border-left:1px solid var(--dsw-alias-border-l2); }
-.uh-range button.uh-on { background:color-mix(in srgb, var(--dsw-alias-brand-primary) 20%, var(--dsw-alias-bg-layer-2)); color:var(--dsw-alias-label-primary); font-weight:600; }
-.uh-custom-range { display:grid; grid-template-columns:minmax(180px, 1fr) auto auto; gap:10px 14px; align-items:end; padding:12px; border:1px solid var(--dsw-alias-border-l1); border-radius:10px; background:var(--dsw-alias-bg-layer-1); }
-.uh-custom-range-meta { min-width:0; }
-.uh-custom-range-title { display:flex; align-items:center; gap:7px; color:var(--dsw-alias-label-primary); font-size:13px; font-weight:600; }
-.uh-custom-range-note { margin-top:3px; color:var(--dsw-alias-label-secondary); font-size:11px; line-height:1.45; }
-.uh-custom-range-fields { display:grid; grid-template-columns:repeat(2, minmax(136px, 1fr)); gap:8px; }
-.uh-custom-range-field { display:flex; flex-direction:column; gap:4px; color:var(--dsw-alias-label-secondary); font-size:11px; }
-.uh-custom-range-field input { min-width:0; min-height:30px; border:1px solid var(--dsw-alias-border-l2); border-radius:6px; padding:3px 7px; background:var(--dsw-alias-bg-base); color:var(--dsw-alias-label-primary); font:inherit; font-size:12px; outline:none; }
-.uh-custom-range-field input:focus { border-color:var(--dsw-alias-brand-primary); }
-.uh-custom-range-actions { display:flex; gap:6px; }
-.uh-custom-range-cancel, .uh-custom-range-apply { min-height:30px; border-radius:6px; padding:4px 10px; font:inherit; font-size:12px; cursor:pointer; }
-.uh-custom-range-cancel { border:1px solid var(--dsw-alias-border-l2); background:transparent; color:var(--dsw-alias-label-primary); }
-.uh-custom-range-apply { border:1px solid var(--dsw-alias-brand-primary); background:color-mix(in srgb, var(--dsw-alias-brand-primary) 16%, transparent); color:var(--dsw-alias-label-primary); }
-.uh-custom-range-apply:disabled { opacity:.48; cursor:not-allowed; }
-.uh-custom-range-error { grid-column:1 / -1; color:#d92d20; font-size:12px; }
-.uh-refresh { border:1px solid var(--dsw-alias-border-l2); background:var(--dsw-alias-bg-layer-1); color:var(--dsw-alias-label-primary); border-radius:8px; padding:4px 12px; font-size:12px; cursor:pointer; font-family:inherit; transition:border-color .15s ease, color .15s ease, transform .1s ease; }
-.uh-refresh:hover { border-color:var(--dsw-alias-brand-primary); }
-.uh-refresh:active, .uh-chip:active, .uh-range button:active { transform:scale(.96); }
-.uh-alias-panel-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; font-size:13px; font-weight:600; color:var(--dsw-alias-label-primary); }
-.uh-alias-close { border:0; background:transparent; color:var(--dsw-alias-label-secondary); font-size:12px; cursor:pointer; font-family:inherit; padding:0; transition:color .15s ease; }
-.uh-alias-close:hover { color:var(--dsw-alias-brand-primary); }
-.uh-alias-list { display:grid; grid-template-columns:repeat(auto-fill, minmax(250px, 1fr)); gap:8px 16px; max-height:240px; overflow-y:auto; }
-.uh-alias-item { display:flex; align-items:center; gap:8px; min-width:0; }
-.uh-alias-folder { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; color:var(--dsw-alias-label-secondary); }
-.uh-alias-input { flex:none; width:150px; border:1px solid var(--dsw-alias-border-l2); background:var(--dsw-alias-bg-base); color:var(--dsw-alias-label-primary); border-radius:6px; padding:3px 8px; font-size:12px; font-family:inherit; outline:none; transition:border-color .15s ease; }
-.uh-alias-input:focus { border-color:var(--dsw-alias-brand-primary); }
-.uh-alias-panel-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:10px; padding-top:10px; border-top:1px solid var(--dsw-alias-border-l1); }
-.uh-alias-ok { border:1px solid var(--dsw-alias-brand-primary); background:color-mix(in srgb, var(--dsw-alias-brand-primary) 16%, transparent); color:var(--dsw-alias-label-primary); border-radius:6px; font-size:12px; padding:3px 12px; cursor:pointer; font-family:inherit; flex:none; transition:transform .1s ease; }
-.uh-alias-ok:active { transform:scale(.96); }
-.uh-anim-panel { animation:uh-panel-in .28s ease both; }
-.uh-pricing-panel { display:flex; flex-direction:column; gap:12px; }
-.uh-pricing-head, .uh-pricing-toolbar, .uh-pricing-section-head, .uh-pricing-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
-.uh-pricing-note { color:var(--dsw-alias-label-secondary); font-size:12px; line-height:1.55; }
-.uh-pricing-toolbar { padding:10px 0; border-top:1px solid var(--dsw-alias-border-l1); border-bottom:1px solid var(--dsw-alias-border-l1); }
-.uh-pricing-switch { display:inline-flex; align-items:center; gap:7px; color:var(--dsw-alias-label-primary); font-size:12px; }
-.uh-pricing-section { display:flex; flex-direction:column; gap:8px; }
-.uh-pricing-table-wrap { max-height:392px; overflow-x:auto; overflow-y:scroll; scrollbar-gutter:stable; scrollbar-width:auto; scrollbar-color:#707780 #1d1f22; border:1px solid var(--dsw-alias-border-l1); border-radius:8px; background:var(--dsw-alias-bg-layer-2); }
-.uh-pricing-model-table { width:100%; min-width:920px; border-collapse:collapse; table-layout:fixed; font-size:11px; }
-.uh-pricing-model-table th, .uh-pricing-model-table td { min-width:0; padding:8px 9px; border-bottom:1px solid var(--dsw-alias-border-l1); text-align:left; vertical-align:middle; }
-.uh-pricing-model-table th { position:sticky; top:0; z-index:1; color:var(--dsw-alias-label-secondary); background:var(--dsw-alias-bg-layer-2); font-weight:650; white-space:nowrap; }
-.uh-pricing-model-table th:nth-child(1) { width:27%; }
-.uh-pricing-model-table th:nth-child(2) { width:88px; }
-.uh-pricing-model-table th:nth-child(3) { width:23%; }
-.uh-pricing-model-table th:nth-child(n+4) { width:105px; text-align:right; }
-.uh-pricing-model-table td:nth-child(n+4) { text-align:right; }
-.uh-pricing-model-table tbody tr:last-child td { border-bottom:0; }
-.uh-pricing-model-table tbody tr:hover { background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 65%, transparent); }
-.uh-pricing-model-name, .uh-pricing-model-target { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--dsw-alias-label-primary); }
-.uh-pricing-model-rate { color:var(--dsw-alias-label-secondary); font-variant-numeric:tabular-nums; white-space:nowrap; }
-.uh-pricing-status { display:inline-flex; justify-content:center; padding:3px 6px; border-radius:6px; font-size:10px; font-weight:650; }
-.uh-pricing-status-priced { color:#157347; background:color-mix(in srgb, #30d158 22%, transparent); }
-.uh-pricing-status-unpriced, .uh-pricing-status-ambiguous, .uh-pricing-status-unsupported { color:#9a5b00; background:color-mix(in srgb, #ff9f0a 20%, transparent); }
-.uh-pricing-used-model-picker { position:relative; z-index:2; min-width:0; }
-.uh-pricing-used-model-picker:focus-within { z-index:30; }
-.uh-pricing-used-model-input { box-sizing:border-box; width:100%; min-width:0; min-height:30px; border:1px solid var(--dsw-alias-border-l2); border-radius:6px; padding:4px 7px; background:var(--dsw-alias-bg-base); color:var(--dsw-alias-label-primary); font:inherit; font-size:11px; outline:none; }
-.uh-pricing-used-model-input:focus { border-color:var(--dsw-alias-brand-primary); }
-.uh-pricing-used-model-options { top:calc(100% + 7px); left:0; right:auto; width:100%; min-width:280px; max-height:240px; overflow-y:auto; z-index:40; }
-.uh-pricing-model-search { position:relative; z-index:2; min-width:0; }
-.uh-pricing-model-search:focus-within { z-index:30; }
-.uh-pricing-model-search-input { box-sizing:border-box; width:100%; min-width:0; min-height:30px; border:1px solid var(--dsw-alias-border-l2); border-radius:6px; padding:4px 7px; background:var(--dsw-alias-bg-base); color:var(--dsw-alias-label-primary); font:inherit; font-size:11px; outline:none; }
-.uh-pricing-model-search-input:focus { border-color:var(--dsw-alias-brand-primary); }
-.uh-pricing-model-options { top:calc(100% + 7px); left:0; right:auto; width:100%; min-width:280px; max-height:240px; overflow-y:auto; z-index:40; }
-.uh-pricing-model-option { align-items:flex-start; }
-.uh-pricing-model-option-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-.uh-pricing-model-option-id { margin-left:auto; padding-left:10px; color:var(--dsw-alias-label-secondary); font-size:10px; white-space:nowrap; }
-.uh-pricing-edit-row { display:grid; grid-template-columns:minmax(280px,1.35fr) minmax(300px,1.45fr) minmax(78px,.5fr) 32px; gap:10px; align-items:center; min-width:790px; }
-.uh-pricing-price-row { grid-template-columns:repeat(5,minmax(108px,1fr)) 32px; min-width:650px; }
-.uh-pricing-price-head { display:grid; grid-template-columns:repeat(5,minmax(108px,1fr)) 32px; gap:10px; align-items:center; min-width:650px; color:var(--dsw-alias-label-secondary); font-size:10px; }
-.uh-pricing-price-head span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-.uh-pricing-edit-row input, .uh-pricing-edit-row select { box-sizing:border-box; min-width:0; min-height:30px; border:1px solid var(--dsw-alias-border-l2); border-radius:6px; padding:4px 7px; background:var(--dsw-alias-bg-base); color:var(--dsw-alias-label-primary); font:inherit; font-size:11px; outline:none; }
-.uh-pricing-edit-row input:focus, .uh-pricing-edit-row select:focus { border-color:var(--dsw-alias-brand-primary); }
-.uh-pricing-edit-row .uh-refresh { min-height:30px; padding:0; }
-.uh-pricing-error { color:var(--dsw-alias-warning, #a55b00); font-size:12px; line-height:1.45; }
-.uh-pricing-foot { padding-top:4px; }
-.uh-cost-num { color:var(--dsw-alias-label-primary); }
-.uh-progress { font-size:12px; color:var(--dsw-alias-label-secondary); display:flex; align-items:center; gap:10px; }
-.uh-sync-health { margin-top:8px; padding:8px 12px; display:flex; align-items:center; flex-wrap:wrap; gap:6px; border:1px solid var(--dsw-alias-border-l1); border-radius:10px; color:var(--dsw-alias-label-secondary); background:var(--dsw-alias-bg-layer-1); font-size:11px; line-height:1.45; }
-.uh-sync-health.uh-stale { color:var(--dsw-alias-warning, #a55b00); border-color:color-mix(in srgb, var(--dsw-alias-warning, #d9822b) 45%, var(--dsw-alias-border-l1)); }
-.uh-sync-retry { border:0; background:transparent; color:inherit; font:inherit; text-decoration:underline; cursor:pointer; padding:0 2px; }
-.uh-trend-panel { min-height:300px; animation:uh-panel-in .38s ease both; }
-.uh-trend-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; }
-.uh-trend-chart-wrap { position:relative; min-height:250px; width:100%; overflow:hidden; }
-.uh-trend-stage { display:grid; place-items:center; min-height:250px; width:100%; }
-.uh-trend-message { color:var(--dsw-alias-label-secondary); font-size:12px; }
-.uh-trend-spinner { width:24px; height:24px; border:2px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, var(--dsw-alias-border-l2)); border-top-color:var(--dsw-alias-brand-primary); border-radius:50%; animation:uh-spinner-turn .78s linear infinite; }
-.uh-trend-svg { display:block; width:100%; height:auto; min-height:220px; }
-.uh-trend-grid { stroke:var(--dsw-alias-border-l1); stroke-width:1; stroke-dasharray:3 4; opacity:.8; }
-.uh-trend-cursor { stroke:var(--dsw-alias-label-secondary); stroke-width:1; stroke-dasharray:3 4; opacity:.65; pointer-events:none; }
-.uh-trend-point { stroke:var(--dsw-alias-bg-layer-1); stroke-width:2; vector-effect:non-scaling-stroke; pointer-events:none; }
-.uh-trend-axis-label { fill:var(--dsw-alias-label-secondary); font-size:11px; font-family:inherit; }
-.uh-trend-line { fill:none; stroke-width:2.2; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; opacity:.22; }
-.uh-trend-line-draw { fill:none; stroke-width:2.2; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:var(--uh-draw-length); stroke-dashoffset:var(--uh-draw-length); opacity:.96; pointer-events:none; animation:uh-trend-draw .95s cubic-bezier(.22,.61,.36,1) both; }
-.uh-trend-area { opacity:1; animation:uh-trend-fill .8s ease; }
-.uh-trend-hit { fill:transparent; cursor:crosshair; outline:none; }
-.uh-trend-hit:focus { fill:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent); outline:1px solid var(--dsw-alias-brand-primary); outline-offset:2px; }
-.uh-trend-tooltip { position:absolute; z-index:4; min-width:166px; padding:10px 11px; border:1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 88%, transparent); border-radius:8px; background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 94%, transparent); box-shadow:0 10px 24px rgba(0,0,0,.22); backdrop-filter:blur(10px); color:var(--dsw-alias-label-primary); font-size:12px; line-height:1.45; pointer-events:none; opacity:0; visibility:hidden; transform:translate(14px,-50%) scale(.985); transform-origin:left center; transition:left .16s cubic-bezier(.22,.61,.36,1), top .16s cubic-bezier(.22,.61,.36,1), opacity .12s ease, transform .16s cubic-bezier(.22,.61,.36,1), visibility 0s linear .16s; }
-.uh-trend-tooltip.uh-left { transform:translate(calc(-100% - 14px),-50%) scale(.985); transform-origin:right center; }
-.uh-trend-tooltip.uh-visible { opacity:1; visibility:visible; transform:translate(14px,-50%) scale(1); transition-delay:0s; }
-.uh-trend-tooltip.uh-left.uh-visible { transform:translate(calc(-100% - 14px),-50%) scale(1); }
-.uh-trend-tooltip-title { display:block; margin-bottom:6px; color:var(--dsw-alias-label-primary); font-size:12px; font-weight:650; }
-.uh-trend-tooltip-row { display:grid; grid-template-columns:8px minmax(0,1fr) auto; align-items:center; gap:7px; min-width:0; margin-top:3px; font-size:11px; }
-.uh-trend-tooltip-row .uh-trend-dot { width:8px; height:8px; margin:0; }
-.uh-trend-tooltip-label { overflow:hidden; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
-.uh-trend-tooltip-value { color:inherit; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
-.uh-trend-dot { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; vertical-align:1px; }
-.uh-trend-legend { display:flex; flex-wrap:wrap; gap:5px 8px; margin-top:5px; }
-.uh-trend-legend-item { display:inline-flex; align-items:center; gap:3px; border:0; border-radius:7px; padding:3px 6px; background:transparent; color:var(--dsw-alias-label-secondary); font:inherit; font-size:11px; cursor:pointer; transition:color .15s ease; }
-.uh-trend-legend-item:hover { background:var(--dsw-alias-bg-layer-2); color:var(--dsw-alias-label-primary); }
-.uh-trend-legend-item.uh-on { background:var(--dsw-alias-interactive-bg-hover); color:var(--dsw-alias-label-primary); }
-.uh-filter-bar { position:relative; z-index:10; display:flex; align-items:center; flex-wrap:wrap; gap:7px; }
-.uh-filter-clear { border:0; background:transparent; color:var(--dsw-alias-label-secondary); font:inherit; font-size:11px; cursor:pointer; text-decoration:underline; }
-.uh-query-note { color:var(--dsw-alias-label-secondary); font-size:11px; }
-.uh-detail-tabs { display:flex; align-items:center; flex-wrap:wrap; gap:4px; padding:4px; border:1px solid var(--dsw-alias-border-l1); border-radius:9px; background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 58%, transparent); }
-.uh-detail-tab { display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:5px 11px; border:0; border-radius:7px; background:transparent; color:var(--dsw-alias-label-secondary); font:inherit; font-size:12px; cursor:pointer; transition:background-color .15s ease, color .15s ease, transform .12s ease; }
-.uh-detail-tab:hover { color:var(--dsw-alias-label-primary); background:var(--dsw-alias-bg-layer-2); }
-.uh-detail-tab.uh-on { color:var(--dsw-alias-label-primary); background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 3px rgba(0,0,0,.14); }
-.uh-records-panel { animation:uh-panel-in .28s ease both; }
-.uh-records-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:7px; }
-.uh-records-note { margin:8px 0 10px; color:var(--dsw-alias-label-secondary); font-size:11px; line-height:1.45; }
-.uh-records-error { margin:7px 0; color:var(--dsw-alias-warning, #a55b00); font-size:11px; }
-.uh-records-scroll { overflow:auto; border:1px solid var(--dsw-alias-border-l1); border-radius:8px; }
-.uh-record-grid { display:grid; grid-template-columns:112px minmax(190px,1.45fr) 78px repeat(4,minmax(76px,.72fr)) 96px 82px; gap:0; min-width:900px; align-items:center; }
-.uh-record-grid > div { min-width:0; padding:8px 7px; border-bottom:1px solid var(--dsw-alias-border-l1); font-size:11px; }
-.uh-record-header { color:var(--dsw-alias-label-secondary); background:var(--dsw-alias-bg-layer-2); font-weight:600; }
-.uh-record-header > div { white-space:nowrap; }
-.uh-record-row { color:var(--dsw-alias-label-primary); cursor:pointer; outline:none; transition:background-color .14s ease, box-shadow .14s ease; }
-.uh-record-row:hover { background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 68%, transparent); }
-.uh-record-row.uh-on { background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, var(--dsw-alias-bg-layer-1)); box-shadow:inset 3px 0 var(--dsw-alias-brand-primary); }
-.uh-record-row:focus-visible { box-shadow:inset 0 0 0 1px var(--dsw-alias-brand-primary); }
-.uh-record-row:last-child > div { border-bottom:0; }
-.uh-record-time, .uh-record-num { color:var(--dsw-alias-label-secondary); font-variant-numeric:tabular-nums; white-space:nowrap; }
-.uh-record-num { text-align:right; }
-.uh-record-model { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:550; }
-.uh-record-model small { display:block; overflow:hidden; color:var(--dsw-alias-label-secondary); font-size:10px; font-weight:400; text-overflow:ellipsis; white-space:nowrap; }
-.uh-record-source { color:var(--dsw-alias-label-secondary); white-space:nowrap; }
-.uh-records-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:9px; }
-.uh-record-detail { margin-top:12px; padding:10px 11px; border-top:1px solid var(--dsw-alias-border-l2); background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 42%, transparent); animation:uh-detail-in .24s ease both; }
-.uh-record-detail-head, .uh-record-detail-meta { display:flex; align-items:center; flex-wrap:wrap; gap:7px 14px; }
-.uh-record-detail-head { justify-content:space-between; margin-bottom:5px; color:var(--dsw-alias-label-primary); font-size:12px; }
-.uh-record-detail-meta { color:var(--dsw-alias-label-secondary); font-size:11px; }
-.uh-record-token-strip { display:grid; grid-template-columns:repeat(5,minmax(72px,1fr)) repeat(2,minmax(82px,1.1fr)); gap:6px; margin-top:9px; }
-.uh-record-token-strip > div { display:flex; flex-direction:column; gap:2px; min-width:0; padding:6px 7px; border-radius:6px; background:var(--dsw-alias-bg-layer-2); }
-.uh-record-token-strip span { color:var(--dsw-alias-label-secondary); font-size:10px; }
-.uh-record-token-strip strong { color:var(--dsw-alias-label-primary); font-size:12px; font-variant-numeric:tabular-nums; }
-.uh-record-token-total { border:1px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 38%, var(--dsw-alias-border-l1)) !important; }
-@keyframes uh-detail-in { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
-@media (max-width:640px) { .uh-trend-head { flex-direction:column; } .uh-filter-menu { flex:1 1 130px; width:auto; } .uh-filter-trigger { max-width:100%; } .uh-trend-tooltip { min-width:116px; } .uh-records-head { flex-direction:column; } .uh-record-token-strip { grid-template-columns:repeat(2,minmax(0,1fr)); } .uh-record-token-total { grid-column:1 / -1; } }
-.uh-bar { flex:1; height:6px; border-radius:3px; background:var(--dsw-alias-bg-layer-2); overflow:hidden; max-width:340px; }
-.uh-fill { height:100%; background:var(--dsw-alias-brand-primary); border-radius:3px; transition:width .3s ease; }
-.uh-cards { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:10px; }
-.uh-card { background:var(--dsw-alias-bg-layer-1); border:1px solid var(--dsw-alias-border-l1); border-radius:12px; padding:12px 14px; display:flex; flex-direction:column; gap:6px; min-height:86px; animation:uh-card-in .45s ease both; transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
-.uh-card:hover { transform:translateY(-2px); border-color:var(--dsw-alias-border-l2); box-shadow:0 6px 18px rgba(0,0,0,.10); }
-.uh-card-label { font-size:12px; color:var(--dsw-alias-label-secondary); }
-.uh-card-value { font-size:20px; font-weight:650; color:var(--dsw-alias-label-primary); line-height:1.2; }
-.uh-card-sub { font-size:11px; color:var(--dsw-alias-label-secondary); line-height:1.55; }
-.uh-wsbars { display:flex; flex-direction:column; gap:6px; margin-top:2px; }
-.uh-wsbar { display:flex; flex-direction:column; gap:3px; cursor:pointer; padding:2px 6px; margin:0 -6px; border-radius:8px; transition:background-color .15s ease; }
-.uh-wsbar:hover { background:var(--dsw-alias-bg-layer-2); }
-.uh-wsbar.uh-sel { outline:1px solid var(--dsw-alias-brand-primary); }
-.uh-wsbar-top { display:flex; align-items:center; gap:6px; min-width:0; }
-.uh-wsbar-title { font-size:12px; color:var(--dsw-alias-label-primary); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; min-width:0; }
-.uh-wsbar-num { font-size:11px; font-variant-numeric:tabular-nums; color:var(--dsw-alias-label-secondary); flex:none; }
-.uh-panel { background:var(--dsw-alias-bg-layer-1); border:1px solid var(--dsw-alias-border-l1); border-radius:12px; padding:14px; }
-.uh-hm-head { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
-.uh-chips { display:flex; flex-wrap:wrap; gap:6px; }
-.uh-chip { display:inline-flex; align-items:center; gap:6px; border:1px solid var(--dsw-alias-border-l2); background:transparent; color:var(--dsw-alias-label-primary); border-radius:999px; padding:2px 10px; font-size:11px; cursor:pointer; font-family:inherit; max-width:190px; transition:border-color .15s ease, background-color .15s ease, color .15s ease, transform .1s ease; }
-.uh-chip .uh-chip-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-.uh-chip.uh-on { border-color:var(--dsw-alias-brand-primary); background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent); }
-.uh-dot { width:8px; height:8px; border-radius:50%; flex:none; }
-.uh-legend { display:flex; align-items:center; gap:4px; font-size:11px; color:var(--dsw-alias-label-secondary); }
-.uh-legend .uh-cell { width:10px; height:10px; border-radius:2px; animation:none; }
-.uh-hm-scroll { overflow-x:auto; padding-bottom:2px; }
-.uh-months { position:relative; height:16px; margin-left:30px; width:calc(100% - 30px); min-width:686px; font-size:10px; color:var(--dsw-alias-label-secondary); }
-.uh-months span { position:absolute; top:0; }
-.uh-hm-body { display:flex; gap:6px; min-width:0; }
-.uh-wdays { display:grid; grid-template-rows:repeat(7,10px); gap:3px; font-size:10px; color:var(--dsw-alias-label-secondary); text-align:right; width:24px; }
-.uh-wdays span { line-height:10px; }
-.uh-grid { flex:1 1 auto; min-width:686px; display:grid; grid-auto-flow:column; grid-template-columns:repeat(53,minmax(10px,1fr)); grid-template-rows:repeat(7,minmax(10px,auto)); gap:3px; }
-.uh-cell { width:100%; height:auto; min-width:10px; aspect-ratio:1; border-radius:2px; background:var(--dsw-alias-bg-layer-2); animation:uh-cell-in .45s ease both; transition:transform .12s ease, box-shadow .12s ease; }
-.uh-cell:hover { transform:scale(1.35); box-shadow:0 1px 6px rgba(0,0,0,.28); position:relative; z-index:2; }
-.uh-tip { position:fixed; z-index:1200; background:var(--dsw-alias-bg-overlay); border:1px solid var(--dsw-alias-border-l2); border-radius:10px; padding:10px 12px; box-shadow:0 8px 24px rgba(0,0,0,.18); pointer-events:auto; min-width:200px; max-width:290px; animation:uh-tip-in .16s ease both; }
-.uh-tip-date { font-size:12px; font-weight:600; color:var(--dsw-alias-label-primary); margin-bottom:6px; }
-.uh-tip-row { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--dsw-alias-label-primary); padding:3px 6px; margin:0 -6px; border-radius:6px; cursor:pointer; transition:background-color .12s ease; }
-.uh-tip-row:hover { background:color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent); }
-.uh-tip-row .uh-n { margin-left:auto; font-variant-numeric:tabular-nums; color:var(--dsw-alias-label-secondary); }
-.uh-tip-tokens { font-size:11px; color:var(--dsw-alias-label-secondary); margin-top:6px; border-top:1px solid var(--dsw-alias-border-l1); padding-top:6px; }
-.uh-tbl-title { font-size:13px; font-weight:600; color:var(--dsw-alias-label-primary); margin:0 0 10px; }
-.uh-tbl-scroll { overflow-x:auto; }
-.uh-hrow, .uh-row { display:grid; grid-template-columns:minmax(160px,2.2fr) .7fr .9fr .9fr .9fr .9fr 1.1fr .9fr .8fr 1fr; gap:8px; align-items:center; min-width:900px; padding:7px 10px; border-radius:8px; font-size:12px; }
-.uh-model-hrow, .uh-model-row { display:grid; grid-template-columns:minmax(190px,2.2fr) .7fr .9fr .9fr .9fr .9fr 1.1fr .9fr .8fr; gap:8px; align-items:center; min-width:860px; padding:7px 10px; border-radius:8px; font-size:12px; }
-.uh-hrow { color:var(--dsw-alias-label-secondary); font-size:11px; }
-.uh-row { cursor:pointer; border:1px solid transparent; transition:background-color .15s ease, border-color .15s ease; }
-.uh-row:hover { background:var(--dsw-alias-bg-layer-2); }
-.uh-row.uh-sel { border-color:var(--dsw-alias-brand-primary); }
-.uh-num { text-align:right; font-variant-numeric:tabular-nums; color:var(--dsw-alias-label-primary); }
-.uh-hrow .uh-num { color:var(--dsw-alias-label-secondary); }
-.uh-ws-title { color:var(--dsw-alias-label-primary); font-weight:550; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-.uh-row-title-wrap { min-width:0; }
-.uh-ws-path { color:var(--dsw-alias-label-secondary); font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-.uh-barwrap { height:5px; border-radius:3px; background:var(--dsw-alias-bg-layer-2); overflow:hidden; margin-top:3px; }
-.uh-barwrap.uh-bar-thin { height:3px; margin-top:1px; }
-.uh-barfill { height:100%; border-radius:3px; transform-origin:left center; animation:uh-bar-grow .7s cubic-bezier(.22,.61,.36,1) both; transition:width .5s cubic-bezier(.22,.61,.36,1); }
-.uh-empty { color:var(--dsw-alias-label-secondary); font-size:12px; text-align:center; padding:26px 0; }
-.uh-note { font-size:11px; color:var(--dsw-alias-label-secondary); line-height:1.6; }
-.uh-side-entry { width:100%; border:0; background:transparent; color:var(--dsw-alias-label-secondary); border-radius:8px; min-height:36px; padding:7px 10px; display:flex; align-items:center; gap:9px; font:inherit; font-size:13px; cursor:pointer; text-align:left; }
-.uh-side-entry:hover { background:var(--dsw-alias-interactive-bg-hover); color:var(--dsw-alias-label-primary); }
-.uh-side-entry-icon { width:18px; text-align:center; flex:none; font-size:15px; }
-.uh-side-entry-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-.uh-boundary-fallback { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:360px; padding:24px; border:1px solid var(--dsw-alias-border-l1); border-radius:12px; background:var(--dsw-alias-bg-layer-1); text-align:center; }
-.uh-boundary-title { color:var(--dsw-alias-label-primary); font-size:15px; font-weight:650; }
-.uh-boundary-note { max-width:420px; color:var(--dsw-alias-label-secondary); font-size:12px; line-height:1.6; }
-.uh-side-modal { position:fixed; inset:0; z-index:1100; background:color-mix(in srgb, #000 44%, transparent); display:flex; align-items:stretch; justify-content:center; padding:26px; }
-.uh-side-dialog { width:min(1120px, 100%); overflow-x:hidden; overflow-y:scroll; scrollbar-gutter:stable; scrollbar-width:auto; scrollbar-color:#707780 #1d1f22; background:var(--dsw-alias-bg-base); border:1px solid var(--dsw-alias-border-l2); border-radius:14px; box-shadow:0 18px 52px rgba(0,0,0,.35); padding:18px; }
-.uh-side-dialog::-webkit-scrollbar, .uh-pricing-table-wrap::-webkit-scrollbar { width:12px; height:12px; }
-.uh-side-dialog::-webkit-scrollbar-track, .uh-pricing-table-wrap::-webkit-scrollbar-track { background:#1d1f22; border-left:1px solid #363a40; }
-.uh-side-dialog::-webkit-scrollbar-thumb, .uh-pricing-table-wrap::-webkit-scrollbar-thumb { background:#707780; border:3px solid #1d1f22; border-radius:6px; }
-.uh-side-dialog::-webkit-scrollbar-thumb:hover, .uh-pricing-table-wrap::-webkit-scrollbar-thumb:hover { background:#9aa1aa; }
-.uh-side-dialog-head { display:flex; justify-content:flex-end; margin-bottom:8px; }
-@media (max-width: 640px) { .uh-side-modal { padding:0; } .uh-side-dialog { border-radius:0; border:0; padding:14px; } }
-/* iOS-style dashboard: grouped surfaces, tactile controls, and an elevated sheet. */
-.uh-page { gap:18px; max-width:1160px; margin:0 auto; padding:4px 2px 34px; font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif; }
-.uh-head { position:sticky; top:-18px; z-index:20; margin:0 -2px; padding:18px 2px 14px; background:color-mix(in srgb, var(--dsw-alias-bg-base) 88%, transparent); backdrop-filter:blur(18px) saturate(150%); border-bottom:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 76%, transparent); }
-.uh-title { font-size:22px; line-height:1.2; font-weight:700; letter-spacing:0; }
-.uh-actions { gap:8px; }
-.uh-range { padding:2px; gap:2px; border:0; border-radius:9px; background:color-mix(in srgb, var(--dsw-alias-label-primary) 10%, transparent); overflow:visible; }
-.uh-range button, .uh-range button + button { min-height:28px; border:0; border-radius:7px; padding:4px 10px; }
-.uh-range button.uh-on { background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 3px rgba(0,0,0,.16); }
-.uh-refresh { min-height:30px; border:0; border-radius:15px; padding:5px 12px; display:inline-flex; align-items:center; justify-content:center; gap:6px; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, var(--dsw-alias-bg-layer-1)); color:var(--dsw-alias-brand-primary); font-weight:600; }
-.uh-line-icon { flex:none; }
-.uh-icon-button { width:30px; padding:0; }
-.uh-refresh:hover { border:0; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, var(--dsw-alias-bg-layer-1)); }
-.uh-progress { padding:10px 12px; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 9%, var(--dsw-alias-bg-layer-1)); border:0; border-radius:12px; }
-.uh-cards { grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:10px; border:0; border-radius:0; overflow:visible; background:transparent; }
-.uh-card { min-height:84px; padding:12px 14px; gap:4px; border:0; border-radius:18px; background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 2px rgba(0,0,0,.07), 0 8px 22px rgba(0,0,0,.05); animation:none; }
-.uh-card:first-child { border:0; background:color-mix(in srgb, #0a84ff 15%, var(--dsw-alias-bg-layer-1)); }
-.uh-card:nth-child(2) { background:color-mix(in srgb, #30d158 13%, var(--dsw-alias-bg-layer-1)); }
-.uh-card:nth-child(3) { background:color-mix(in srgb, #ff9f0a 14%, var(--dsw-alias-bg-layer-1)); }
-.uh-card:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.12); }
-.uh-card-label { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:600; letter-spacing:0; }
-.uh-ios-summary-label, .uh-section-title, .uh-title-with-icon { display:flex; align-items:center; gap:7px; }
-.uh-section-title { margin-bottom:12px; color:var(--dsw-alias-label-primary); font-size:14px; font-weight:650; }
-/* Raise the complete reading scale without changing the data grid geometry. */
-.uh-page { font-size:14px; }
-.uh-range button, .uh-refresh { font-size:13px; }
-.uh-card-label, .uh-ios-summary-label { font-size:13px; }
-.uh-card-sub, .uh-ios-summary-caption, .uh-note { font-size:12px; }
-.uh-hrow, .uh-row, .uh-model-hrow, .uh-model-row { font-size:13px; }
-.uh-tbl-title { font-size:15px; }
-.uh-num { font-variant-numeric:tabular-nums; }
-.uh-card-value { font-size:23px; font-weight:700; letter-spacing:0; }
-.uh-card-sub { font-size:11px; line-height:1.45; }
-.uh-panel { padding:16px; border:0; border-radius:18px; background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 2px rgba(0,0,0,.06), 0 6px 18px rgba(0,0,0,.04); }
-.uh-hm-head { margin-bottom:12px; }
-.uh-chip { border:0; border-radius:14px; padding:5px 10px; background:color-mix(in srgb, var(--dsw-alias-label-primary) 7%, transparent); }
-.uh-chip.uh-on { border:0; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent); color:var(--dsw-alias-brand-primary); }
-.uh-hrow, .uh-row, .uh-model-hrow, .uh-model-row { border-radius:10px; }
-.uh-hrow, .uh-model-hrow { position:sticky; top:66px; z-index:2; background:var(--dsw-alias-bg-layer-1); border-bottom:1px solid var(--dsw-alias-border-l1); }
-.uh-row, .uh-model-row { padding-top:9px; padding-bottom:9px; }
-.uh-row:nth-child(even) { background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 52%, transparent); }
-.uh-side-entry { min-height:40px; border:0; border-radius:12px; padding:8px 10px; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 9%, transparent); color:var(--dsw-alias-brand-primary); font-weight:600; }
-.uh-side-entry:hover { border:0; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 17%, transparent); }
-.uh-side-entry-icon { color:var(--dsw-alias-brand-primary); font-weight:700; }
-.uh-side-modal { align-items:flex-end; padding:0; background:rgba(0,0,0,.34); backdrop-filter:blur(8px); }
-.uh-side-dialog { width:min(1260px, 100%); max-height:calc(100vh - 44px); border:0; border-radius:24px 24px 0 0; padding:22px 24px 28px; background:color-mix(in srgb, var(--dsw-alias-bg-base) 94%, transparent); box-shadow:0 -10px 44px rgba(0,0,0,.25); }
-.uh-side-dialog-head { position:sticky; top:-22px; z-index:8; justify-content:center; height:22px; margin:-22px -24px 8px; padding:8px 24px; background:color-mix(in srgb, var(--dsw-alias-bg-base) 94%, transparent); border:0; }
-.uh-side-dialog-head::before { content:""; width:36px; height:5px; border-radius:3px; background:color-mix(in srgb, var(--dsw-alias-label-primary) 24%, transparent); }
-.uh-side-dialog-head .uh-refresh { position:absolute; right:20px; top:7px; min-height:28px; background:transparent; }
-.uh-close-button { width:30px; padding:0; font-size:22px; line-height:1; color:var(--dsw-alias-label-secondary); }
-.uh-close-button:hover { color:var(--dsw-alias-label-primary); background:color-mix(in srgb, var(--dsw-alias-label-primary) 10%, transparent); }
-@media (max-width:640px) { .uh-page { gap:14px; padding-bottom:20px; } .uh-head { position:static; padding:4px 0 10px; } .uh-title { font-size:20px; } .uh-custom-range { grid-template-columns:1fr; align-items:stretch; } .uh-custom-range-fields { grid-template-columns:repeat(2, minmax(0, 1fr)); } .uh-custom-range-actions { justify-content:flex-end; } .uh-side-dialog { max-height:calc(100vh - 8px); border-radius:20px 20px 0 0; padding:18px 14px 24px; } .uh-side-dialog-head { top:-18px; margin:-18px -14px 8px; padding:7px 14px; } .uh-card-value { font-size:22px; } }
-/* Navigation separates the dashboard into three focused iOS-style surfaces. */
-.uh-ios-tabs { display:grid; grid-template-columns:repeat(3, 1fr); gap:4px; padding:4px; border-radius:14px; background:color-mix(in srgb, var(--dsw-alias-label-primary) 9%, transparent); }
-.uh-ios-tab { min-height:32px; border:0; border-radius:10px; background:transparent; color:var(--dsw-alias-label-secondary); font:inherit; font-size:13px; font-weight:600; cursor:pointer; }
-.uh-ios-tab.uh-on { color:var(--dsw-alias-label-primary); background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 4px rgba(0,0,0,.16); }
-.uh-ios-summary { display:flex; flex-direction:column; gap:12px; background:transparent; box-shadow:none; }
-.uh-ios-summary-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.48fr); min-height:142px; padding:20px 22px; border:1px solid var(--dsw-alias-border-l1); border-radius:18px; background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06); }
-.uh-ios-summary-total { min-width:0; min-height:0; padding:0; border-radius:0; display:flex; align-items:center; justify-content:flex-start; gap:16px; background:transparent; box-shadow:none; }
-.uh-ios-summary-total-icon { display:grid; place-items:center; flex:none; width:54px; height:54px; border-radius:16px; background:color-mix(in srgb,#0a84ff 18%,var(--dsw-alias-bg-layer-2)); color:#0a84ff; }
-.uh-ios-summary-total-copy { min-width:0; }
-.uh-ios-summary-label { font-size:13px; font-weight:600; color:var(--dsw-alias-label-secondary); }
-.uh-ios-summary-total .uh-ios-summary-label { font-size:14px; }
-.uh-ios-summary-value { margin-top:7px; font-size:40px; line-height:1; font-weight:750; letter-spacing:0; color:var(--dsw-alias-label-primary); }
-.uh-unit { margin-left:6px; color:var(--dsw-alias-label-secondary); font-size:.4em; font-weight:650; white-space:nowrap; vertical-align:baseline; }
-.uh-wsbar-num .uh-unit { font-size:.78em; margin-left:3px; }
-.uh-ios-summary-caption { margin-top:8px; font-size:12px; color:var(--dsw-alias-label-secondary); }
-.uh-ios-summary-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; min-width:0; gap:0; padding:0 0 0 22px; border-left:1px solid var(--dsw-alias-border-l1); background:transparent; font-size:12px; color:var(--dsw-alias-label-secondary); }
-.uh-ios-summary-meta-stat { min-width:0; padding:4px 22px; }
-.uh-ios-summary-meta-stat + .uh-ios-summary-meta-stat { border-left:1px solid var(--dsw-alias-border-l1); }
-.uh-ios-summary-meta-label { display:flex; align-items:center; gap:7px; color:var(--dsw-alias-label-secondary); font-size:12px; font-weight:600; white-space:nowrap; }
-.uh-ios-summary-meta-value { margin-top:7px; color:var(--dsw-alias-label-primary); font-size:24px; line-height:1; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
-.uh-ios-summary-meta-cost .uh-ios-summary-meta-value { color:#30d158; }
-.uh-ios-summary-meta-caption { margin-top:7px; color:var(--dsw-alias-label-secondary); font-size:11px; white-space:nowrap; }
-.uh-ios-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
-.uh-ios-metric { min-width:0; min-height:108px; padding:16px 18px; border:1px solid var(--dsw-alias-border-l1); border-radius:18px; display:flex; flex-direction:column; justify-content:center; gap:10px; background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 20px rgba(0,0,0,.05); animation:uh-card-in .35s ease both; }
-.uh-ios-metrics > .uh-card { min-width:0; min-height:141px; padding:16px 18px; gap:4px; border:0; border-radius:18px; }
-.uh-ios-metrics > .uh-card .uh-card-value { min-width:0; font-size:23px; line-height:1.2; font-weight:700; white-space:nowrap; }
-.uh-ios-metrics > .uh-card .uh-card-sub { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
-.uh-ios-metrics > .uh-card:nth-child(-n+3) { justify-content:center; }
-.uh-ios-metric-label { display:flex; align-items:center; gap:8px; min-width:0; color:var(--dsw-alias-label-secondary); font-size:13px; font-weight:600; white-space:nowrap; }
-.uh-ios-metric-label .uh-line-icon { flex:none; }
-.uh-ios-metric-value { min-width:0; color:var(--dsw-alias-label-primary); font-size:26px; line-height:1.05; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }
-.uh-ios-metric-input { background:color-mix(in srgb,#0a84ff 11%,var(--dsw-alias-bg-layer-1)); }
-.uh-ios-metric-input .uh-line-icon { color:#0a84ff; }
-.uh-ios-metric-output { background:color-mix(in srgb,#bf5af2 10%,var(--dsw-alias-bg-layer-1)); }
-.uh-ios-metric-output .uh-line-icon { color:#bf5af2; }
-.uh-ios-metric-write { background:color-mix(in srgb,#ff9f0a 11%,var(--dsw-alias-bg-layer-1)); }
-.uh-ios-metric-write .uh-line-icon { color:#ff9f0a; }
-.uh-ios-metric-read { background:color-mix(in srgb,#30d158 11%,var(--dsw-alias-bg-layer-1)); }
-.uh-ios-metric-read .uh-line-icon { color:#30d158; }
-.uh-ios-metric-rate { background:var(--dsw-alias-bg-layer-1); }
-.uh-ios-metric-rate .uh-line-icon { color:#30d158; }
-.uh-ios-metric-rate-head { display:flex; align-items:baseline; justify-content:space-between; gap:8px; min-width:0; }
-.uh-ios-metric-rate-value { flex:none; color:#30d158; font-size:24px; line-height:1; font-weight:700; font-variant-numeric:tabular-nums; }
-.uh-ios-metric-rate-detail { min-width:0; overflow:hidden; color:var(--dsw-alias-label-secondary); font-size:14px; line-height:1.2; font-weight:600; font-variant-numeric:tabular-nums; text-overflow:ellipsis; white-space:nowrap; }
-.uh-ios-metric-bar { height:7px; border-radius:4px; background:var(--dsw-alias-bg-layer-2); overflow:hidden; }
-.uh-ios-metric-fill { height:100%; border-radius:inherit; background:#30d158; transition:width .35s ease; }
-.uh-token-semantics { display:flex; align-items:flex-start; gap:8px; padding:10px 12px; border-radius:12px; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 8%, var(--dsw-alias-bg-layer-1)); color:var(--dsw-alias-label-secondary); font-size:12px; line-height:1.55; }
-.uh-token-semantics .uh-line-icon { margin-top:1px; color:var(--dsw-alias-brand-primary); }
-.uh-ios-list-panel { min-height:360px; }
-.uh-donut-chart { margin:0 0 18px; }
-.uh-donut-title { display:flex; align-items:center; gap:7px; margin-bottom:12px; color:var(--dsw-alias-label-primary); font-size:14px; font-weight:650; }
-.uh-donut-layout { display:grid; grid-template-columns:minmax(220px,300px) minmax(0,1fr); gap:24px; align-items:center; }
-.uh-donut-visual { position:relative; width:min(100%,280px); aspect-ratio:1; margin:0 auto; }
-.uh-donut-svg { display:block; width:100%; height:100%; overflow:visible; }
-.uh-donut-track { opacity:.78; }
-.uh-donut-segment { fill:none; stroke-dasharray:1; stroke-dashoffset:1; animation:uh-donut-draw .95s cubic-bezier(.22,.61,.36,1) both; cursor:pointer; outline:none; transition:filter .15s ease, opacity .15s ease; }
-.uh-donut-segment:hover, .uh-donut-segment:focus-visible, .uh-donut-segment.uh-active { filter:brightness(1.12); }
-.uh-donut-tooltip { position:absolute; top:0; left:0; z-index:3; display:flex; align-items:flex-start; gap:8px; max-width:190px; padding:9px 10px; border:1px solid var(--dsw-alias-border-l2); border-radius:8px; background:color-mix(in srgb, var(--dsw-alias-bg-base) 94%, transparent); box-shadow:0 10px 24px rgba(0,0,0,.22); backdrop-filter:blur(10px); color:var(--dsw-alias-label-primary); pointer-events:none; font-size:12px; line-height:1.4; transition:left .12s cubic-bezier(.22,.61,.36,1), top .12s cubic-bezier(.22,.61,.36,1); }
-.uh-donut-tooltip > div { min-width:0; display:flex; flex-direction:column; gap:4px; }
-.uh-donut-tooltip strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }
-.uh-donut-tooltip span:not(.uh-donut-dot) { color:var(--dsw-alias-label-secondary); font-size:11px; }
-.uh-donut-tooltip-cost { color:var(--dsw-alias-label-primary) !important; font-variant-numeric:tabular-nums; }
-.uh-donut-center { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; pointer-events:none; }
-.uh-donut-center strong { color:var(--dsw-alias-label-primary); font-size:28px; line-height:1; font-weight:750; font-variant-numeric:tabular-nums; }
-.uh-donut-center span { margin-top:5px; color:var(--dsw-alias-label-secondary); font-size:13px; }
-.uh-donut-legend { min-width:0; }
-.uh-donut-legend-row { display:grid; grid-template-columns:12px minmax(180px,1fr) minmax(250px,.8fr) 54px; gap:10px; align-items:center; min-height:58px; padding:8px 0; border-bottom:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 78%, transparent); }
-.uh-donut-legend-row:last-child { border-bottom:0; }
-.uh-donut-dot { width:12px; height:12px; border-radius:50%; }
-.uh-donut-legend-copy { min-width:0; display:flex; flex-direction:column; gap:5px; }
-.uh-donut-legend-copy strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--dsw-alias-label-primary); font-size:13px; font-weight:650; }
-.uh-donut-legend-metrics { display:grid; grid-template-columns:minmax(120px,1fr) minmax(92px,auto); align-items:center; gap:14px; min-width:0; }
-.uh-donut-legend-metrics span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--dsw-alias-label-secondary); font-size:12px; font-variant-numeric:tabular-nums; text-align:right; }
-.uh-donut-legend-metrics .uh-donut-cost { color:var(--dsw-alias-label-secondary); font-size:12px; }
-.uh-donut-percent { min-width:48px; color:var(--dsw-alias-label-secondary); font-size:12px; font-variant-numeric:tabular-nums; text-align:right; }
-/* Each detail table owns its scrolling and sticky header; sections must not overlap in the page scroll. */
-.uh-tbl-scroll { max-height:360px; overflow:auto; border-radius:12px; background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 55%, transparent); }
-.uh-hrow, .uh-model-hrow { position:sticky; top:0; z-index:3; border-bottom:1px solid var(--dsw-alias-border-l1); box-shadow:0 1px 0 color-mix(in srgb, var(--dsw-alias-bg-base) 70%, transparent); }
-.uh-row, .uh-model-row { min-height:48px; border-bottom:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 72%, transparent); }
-.uh-row:last-child, .uh-model-row:last-child { border-bottom:0; }
-@media (max-width:640px) { .uh-tbl-scroll { max-height:300px; border-radius:10px; } }
-@media (max-width:640px) { .uh-hm-body { min-width:720px; } .uh-donut-legend-row { grid-template-columns:12px minmax(0,1fr) 48px; gap:8px; } .uh-donut-legend-copy { grid-column:2; grid-row:1; } .uh-donut-legend-metrics { grid-column:2 / -1; grid-row:2; grid-template-columns:minmax(0,1fr) minmax(0,auto); gap:8px; } .uh-donut-percent { grid-column:3; grid-row:1; } .uh-ios-summary-hero { grid-template-columns:1fr; min-height:0; gap:18px; padding:18px; } .uh-ios-summary-total { align-items:flex-start; } .uh-ios-summary-meta { grid-template-columns:repeat(2,minmax(0,1fr)); padding:16px 0 0; border-left:0; border-top:1px solid var(--dsw-alias-border-l1); } .uh-ios-summary-meta-stat { padding:0 12px; } .uh-ios-summary-meta-stat:first-child { padding-left:0; } .uh-ios-summary-meta-stat:last-child { padding-right:0; } .uh-ios-summary-value { font-size:31px; } .uh-ios-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .uh-ios-metric:last-child { grid-column:1 / -1; } .uh-ios-metric-value { font-size:24px; } .uh-donut-layout { grid-template-columns:1fr; gap:12px; } .uh-donut-visual { width:min(100%,250px); } }
-@keyframes uh-cell-in { from { opacity:0; transform:scale(.4); } to { opacity:1; transform:scale(1); } }
-@keyframes uh-glow { 0% { box-shadow:0 0 0 0 rgba(46,160,67,.5); } 70% { box-shadow:0 0 0 5px rgba(46,160,67,0); } 100% { box-shadow:0 0 0 0 rgba(46,160,67,0); } }
-@keyframes uh-card-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
-@keyframes uh-bar-grow { from { transform:scaleX(0); } to { transform:scaleX(1); } }
-@keyframes uh-panel-in { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
-@keyframes uh-trend-draw { from { stroke-dashoffset:var(--uh-draw-length); opacity:.2; } to { stroke-dashoffset:0; opacity:1; } }
-@keyframes uh-trend-fill { from { opacity:0; } to { opacity:1; } }
-@keyframes uh-donut-draw { from { stroke-dashoffset:1; opacity:.25; } to { stroke-dashoffset:0; opacity:1; } }
-@keyframes uh-spinner-turn { to { transform:rotate(360deg); } }
-@keyframes uh-menu-in { from { opacity:0; transform:translateY(-4px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } }
-@keyframes uh-tip-in { from { opacity:0; } to { opacity:1; } }
-@media (prefers-reduced-motion: reduce) {
-  .uh-cell, .uh-card, .uh-ios-metric, .uh-barfill, .uh-anim-panel, .uh-trend-panel, .uh-trend-line-draw, .uh-trend-area, .uh-trend-point, .uh-trend-spinner, .uh-donut-segment, .uh-records-panel, .uh-record-detail, .uh-tip, .uh-language-options { animation:none !important; stroke-dashoffset:0 !important; opacity:1 !important; }
-  .uh-card, .uh-cell, .uh-ios-metric-fill, .uh-barfill, .uh-fill, .uh-refresh, .uh-chip, .uh-row, .uh-tip-row, .uh-trend-tooltip, .uh-language-trigger, .uh-language-caret, .uh-language-option { transition:none !important; }
-}
-`
-    const cssTagId = "dsh-all-usage/styles.css"
-    if (typeof document !== "undefined") {
-      let tag = document.querySelector("style[data-plugin-css=" + JSON.stringify(cssTagId) + "]")
-      if (tag === null) {
-        tag = document.createElement("style")
-        tag.dataset.plugin = "dsh-all-usage"
-        tag.dataset.pluginCss = cssTagId
-        document.head.appendChild(tag)
-      }
-      tag.textContent = CSS
-    }
-
-    // 与 Host 半的数据接口（webServer 路由）
-    const getStats = () => fetch('/api/all-usage', { headers: { accept: 'application/json' } }).then((r) => {
-      if (!r.ok) throw new Error('HTTP ' + r.status)
-      return r.json()
-    })
-    const getStatus = () => fetch('/api/all-usage/status', { headers: { accept: 'application/json' } }).then((r) => {
-      if (!r.ok) throw new Error('HTTP ' + r.status)
-      return r.json()
-    })
-    const getUsageQuery = (scope) => {
-      const params = new URLSearchParams({ start: scope.start, end: scope.end, utc: scope.utc ? '1' : '0' })
-      if (scope.workspaceId) params.set('workspaceId', scope.workspaceId)
-      if (scope.provider) params.set('provider', scope.provider)
-      if (scope.modelKey) params.set('modelKey', scope.modelKey)
-      return fetch('/api/all-usage/query?' + params.toString(), { headers: { accept: 'application/json' } }).then((r) => {
-        if (!r.ok) throw new Error('HTTP ' + r.status)
-        return r.json()
-      })
-    }
-    const getUsageRecords = (scope, cursor, limit) => {
-      const params = new URLSearchParams({ start: scope.start, end: scope.end, utc: scope.utc ? '1' : '0', limit: String(limit || 100) })
-      if (scope.workspaceId) params.set('workspaceId', scope.workspaceId)
-      if (scope.provider) params.set('provider', scope.provider)
-      if (scope.modelKey) params.set('modelKey', scope.modelKey)
-      if (cursor) params.set('cursor', cursor)
-      return fetch('/api/all-usage/records?' + params.toString(), { headers: { accept: 'application/json' } }).then((r) => {
-        if (!r.ok) { const error = new Error('HTTP ' + r.status); error.status = r.status; throw error }
-        return r.json()
-      })
-    }
-    const getBalance = (force, requestToken) => fetch('/api/all-usage/balance' + (force ? '?force=1' : ''), { headers: { accept: 'application/json', 'x-all-usage-request-token': requestToken } }).then((r) => {
-      if (!r.ok) throw new Error('HTTP ' + r.status)
-      return r.json()
-    })
-    const setAliasRpc = (workspaceId, alias, writeToken) => fetch('/api/all-usage/alias', {
-      method: 'POST',
-      headers: { 'content-type': 'application/json', 'x-all-usage-request-token': writeToken },
-      body: JSON.stringify({ workspaceId, alias }),
-    }).then((r) => {
-      if (!r.ok) throw new Error('HTTP ' + r.status)
-      return r.json()
-    })
-    const getPricing = () => fetch('/api/all-usage/pricing', { headers: { accept: 'application/json' } }).then((r) => {
-      if (!r.ok) throw new Error('HTTP ' + r.status)
-      return r.json()
-    })
-    const getPricingModels = (query) => {
-      const params = new URLSearchParams({ q: String(query || '').slice(0, 120), limit: '30' })
-      return fetch('/api/all-usage/pricing/models?' + params.toString(), { headers: { accept: 'application/json' } }).then((r) => {
-        if (!r.ok) throw new Error('HTTP ' + r.status)
-        return r.json()
-      })
-    }
-    const setPricingRpc = (pricing, backfill, writeToken) => fetch('/api/all-usage/pricing', {
-      method: 'POST',
-      headers: { 'content-type': 'application/json', 'x-all-usage-request-token': writeToken },
-      body: JSON.stringify({ pricing, backfill: backfill === true }),
-    }).then((r) => {
-      if (!r.ok) { const error = new Error('HTTP ' + r.status); error.status = r.status; throw error }
-      return r.json()
-    })
-    const syncPricingRpc = (writeToken) => fetch('/api/all-usage/pricing/sync', {
-      method: 'POST',
-      headers: { 'content-type': 'application/json', 'x-all-usage-request-token': writeToken },
-      body: '{}',
-    }).then((r) => {
-      if (!r.ok) { const error = new Error('HTTP ' + r.status); error.status = r.status; throw error }
-      return r.json()
-    })
-
-    const LANGUAGE_STORAGE_KEY = 'dsh-all-usage.language'
-    function storedLanguage() {
-      try { return window.localStorage.getItem(LANGUAGE_STORAGE_KEY) === 'en' ? 'en' : 'zh' } catch (_) { return 'zh' }
-    }
-    function persistLanguage(language) {
-      try { window.localStorage.setItem(LANGUAGE_STORAGE_KEY, language) } catch (_) {}
-    }
-    const USAGE_UI_STATE_KEY = 'dsh-all-usage.ui-state'
-    function storedUsageUiState() {
-      try {
-        const raw = window.localStorage.getItem(USAGE_UI_STATE_KEY)
-        const value = raw ? JSON.parse(raw) : {}
-        if (value === null || typeof value !== 'object' || Array.isArray(value)) return {}
-        const state = {}
-        if (['logs', 'model', 'workspace'].includes(value.detailView)) state.detailView = value.detailView
-        if (['route', 'model', 'provider'].includes(value.modelView)) state.modelView = value.modelView
-        if (['today', '30d', '90d', 'all'].includes(value.range)) state.range = value.range
-        if (typeof value.pricingAutoSync === 'boolean') state.pricingAutoSync = value.pricingAutoSync
-        return state
-      } catch (_) { return {} }
-    }
-    function persistUsageUiState(patch) {
-      try {
-        const current = storedUsageUiState()
-        window.localStorage.setItem(USAGE_UI_STATE_KEY, JSON.stringify(Object.assign({}, current, patch)))
-      } catch (_) {}
-    }
-
-    function UsagePage(props) {
-      const timer = props.timerCtx
-      const language = props.language === 'en' ? 'en' : 'zh'
-      const tr = (zh, en) => language === 'en' ? en : zh
-      const useUtc = language === 'en'
-      const usageUiStateRef = React.useRef(null)
-      if (usageUiStateRef.current === null) usageUiStateRef.current = storedUsageUiState()
-      const usageUiState = usageUiStateRef.current
-      const calendarNow = new Date()
-      const latestCalendarDate = fmtDate(calendarNow, useUtc)
-      const [stats, setStats] = React.useState(null)
-      const [status, setStatus] = React.useState(null)
-      const [statsError, setStatsError] = React.useState('')
-      const [lastStatsAt, setLastStatsAt] = React.useState(0)
-      const [balance, setBalance] = React.useState(null)
-      const [range, setRange] = React.useState(() => usageUiState.range || 'today')
-      const [customRange, setCustomRange] = React.useState({ start: '', end: '' })
-      const [customDraft, setCustomDraft] = React.useState({ start: '', end: '' })
-      const [customRangeOpen, setCustomRangeOpen] = React.useState(false)
-      const [modelView, setModelView] = React.useState(() => usageUiState.modelView || 'route')
-      const [wsFilter, setWsFilter] = React.useState(null)
-      const [providerFilter, setProviderFilter] = React.useState(null)
-      const [modelFilter, setModelFilter] = React.useState(null)
-      const [queryResult, setQueryResult] = React.useState(null)
-      const [queryResultKey, setQueryResultKey] = React.useState('')
-      const [queryLoading, setQueryLoading] = React.useState(false)
-      const [queryError, setQueryError] = React.useState('')
-      const [trendVisible, setTrendVisible] = React.useState(['total', 'input', 'cacheRead', 'output'])
-      const [detailView, setDetailView] = React.useState(() => usageUiState.detailView || 'logs')
-      const [detailSelection, setDetailSelection] = React.useState(null)
-      const [auditSelectedId, setAuditSelectedId] = React.useState(null)
-      const [auditRows, setAuditRows] = React.useState([])
-      const [auditCursor, setAuditCursor] = React.useState(null)
-      const [auditHasMore, setAuditHasMore] = React.useState(false)
-      const [auditReload, setAuditReload] = React.useState(0)
-      const [auditLoading, setAuditLoading] = React.useState(false)
-      const [auditExporting, setAuditExporting] = React.useState(false)
-      const [auditError, setAuditError] = React.useState('')
-      const [hover, setHover] = React.useState(null)
-      const [aliasOpen, setAliasOpen] = React.useState(false)
-      const [aliasDrafts, setAliasDrafts] = React.useState({})
-      const [pricingOpen, setPricingOpen] = React.useState(false)
-      const [pricingDraft, setPricingDraft] = React.useState(null)
-      const [pricingSaving, setPricingSaving] = React.useState(false)
-      const [pricingSyncing, setPricingSyncing] = React.useState(false)
-      const [pricingSyncSaving, setPricingSyncSaving] = React.useState(false)
-      const [pricingError, setPricingError] = React.useState('')
-      const [pricingModelSearchOptions, setPricingModelSearchOptions] = React.useState({})
-      const [pricingModelSearchOpen, setPricingModelSearchOpen] = React.useState(null)
-      const [pricingUsedModelSearchText, setPricingUsedModelSearchText] = React.useState({})
-      const [pricingUsedModelOpen, setPricingUsedModelOpen] = React.useState(null)
-      const [pricingOverrideSearchText, setPricingOverrideSearchText] = React.useState({})
-      const [pricingOverrideOpen, setPricingOverrideOpen] = React.useState(null)
-      const pricingModelSearchSeqRef = React.useRef({})
-      const pricingModelSearchTimerRef = React.useRef({})
-      const [languageMenuOpen, setLanguageMenuOpen] = React.useState(false)
-      const languageMenuRef = React.useRef(null)
-      const recordsPanelRef = React.useRef(null)
-      const statsGateRef = React.useRef(null)
-      if (statsGateRef.current === null) statsGateRef.current = createRequestGate()
-      const statusGateRef = React.useRef(null)
-      if (statusGateRef.current === null) statusGateRef.current = createRequestGate()
-      const balanceGateRef = React.useRef(null)
-      if (balanceGateRef.current === null) balanceGateRef.current = createRequestGate()
-      const queryGateRef = React.useRef(null)
-      if (queryGateRef.current === null) queryGateRef.current = createRequestGate()
-      const recordsGateRef = React.useRef(null)
-      if (recordsGateRef.current === null) recordsGateRef.current = createRequestGate()
-      const statsGate = statsGateRef.current
-      const statusGate = statusGateRef.current
-      const balanceGate = balanceGateRef.current
-      const queryGate = queryGateRef.current
-      const recordsGate = recordsGateRef.current
-      const refreshRef = React.useRef(() => {})
-      const setLanguage = (next) => { if (typeof props.onLanguageChange === 'function') props.onLanguageChange(next === 'en' ? 'en' : 'zh') }
-      const chooseLanguage = (next) => { setLanguage(next); setLanguageMenuOpen(false) }
-      React.useEffect(() => { persistUsageUiState({ detailView }) }, [detailView])
-      React.useEffect(() => { persistUsageUiState({ modelView }) }, [modelView])
-      React.useEffect(() => { if (range !== 'custom') persistUsageUiState({ range }) }, [range])
-
-      const queryScope = stats === null ? null : makeUsageScope(stats, range, useUtc, customRange, wsFilter, providerFilter, modelFilter)
-      const queryKey = usageScopeKey(queryScope)
-      const selectedDetailScope = detailSelection !== null && detailSelection.baseKey === queryKey ? detailSelection.scope : queryScope
-      const detailKey = usageScopeKey(selectedDetailScope)
-      const previousQueryKeyRef = React.useRef(queryKey)
-      React.useEffect(() => {
-        if (previousQueryKeyRef.current !== queryKey) {
-          previousQueryKeyRef.current = queryKey
-          setDetailSelection(null)
-          setAuditSelectedId(null)
-        }
-      }, [queryKey])
-
-      React.useEffect(() => {
-        let alive = true
-        let scanDone = false
-        let requestToken = ''
-        let appliedSnapshot = null
-        let fullFailures = 0
-        let statusFailures = 0
-        let retryTimer = null
-        const clearRetry = () => {
-          if (retryTimer !== null) {
-            clearTimeout(retryTimer)
-            retryTimer = null
-          }
-        }
-        const refreshBalance = (force) => {
-          if (requestToken === '') return
-          const seq = balanceGate.next()
-          getBalance(force === true, requestToken).then((data) => {
-            if (!alive || !balanceGate.isCurrent(seq)) return
-            if (data) setBalance(data)
-          }, () => {})
-        }
-        const scheduleRetry = (kind) => {
-          if (!alive || retryTimer !== null) return
-          const failures = kind === 'full' ? (fullFailures += 1) : (statusFailures += 1)
-          retryTimer = setTimeout(() => {
-            retryTimer = null
-            if (!alive) return
-            if (kind === 'full') refreshStats()
-            else refreshStatus()
-          }, retryDelayFor(failures))
-        }
-        const refreshStats = () => {
-          statusGate.next()
-          const seq = statsGate.next()
-          getStats().then((data) => {
-            if (!alive || !statsGate.isCurrent(seq)) return
-            if (data === null || typeof data !== 'object') {
-              setStatsError('full')
-              scheduleRetry('full')
-              return
-            }
-            appliedSnapshot = data
-            if (data.scan) scanDone = !!data.scan.done
-            const nextToken = typeof data.requestToken === 'string' ? data.requestToken : ''
-            const tokenChanged = nextToken !== '' && nextToken !== requestToken
-            requestToken = nextToken
-            fullFailures = 0
-            clearRetry()
-            setStatsError('')
-            setLastStatsAt(Date.now())
-            setStatus(data)
-            setStats(data)
-            if (tokenChanged) refreshBalance(false)
-          }, () => {
-            if (!alive || !statsGate.isCurrent(seq)) return
-            setStatsError('full')
-            scheduleRetry('full')
-          })
-        }
-        const refreshStatus = () => {
-          if (appliedSnapshot === null) { refreshStats(); return }
-          const seq = statusGate.next()
-          getStatus().then((data) => {
-            if (!alive || !statusGate.isCurrent(seq)) return
-            if (data === null || typeof data !== 'object') {
-              setStatsError('status')
-              scheduleRetry('status')
-              return
-            }
-            statusFailures = 0
-            const requiresFullSnapshot = statusRequiresFullSnapshot(data, appliedSnapshot)
-            if (data.scan) scanDone = !!data.scan.done
-            // Do not render a newer status beside an older full snapshot. A full
-            // fetch owns the state transition when instance/revision diverges.
-            if (requiresFullSnapshot) {
-              refreshStats()
-              return
-            }
-            setStatus(data)
-            clearRetry()
-            setStatsError('')
-          }, () => {
-            if (!alive || !statusGate.isCurrent(seq)) return
-            setStatsError('status')
-            scheduleRetry('status')
-          })
-        }
-        refreshStats()
-        const fast = timer.interval(() => { if (!scanDone && retryTimer === null) refreshStats() }, 2000)
-        const slow = timer.interval(() => { if (scanDone && retryTimer === null) refreshStatus() }, 15000)
-        const bal = timer.interval(() => { refreshBalance(false) }, 60000)
-        refreshRef.current = () => {
-          clearRetry()
-          fullFailures = 0
-          statusFailures = 0
-          refreshStats()
-          refreshBalance(true)
-        }
-        return () => {
-          alive = false
-          clearRetry()
-          fast(); slow(); bal()
-          for (const timerId of Object.values(pricingModelSearchTimerRef.current)) clearTimeout(timerId)
-          pricingModelSearchTimerRef.current = {}
-        }
-      }, [])
-
-      React.useEffect(() => {
-        if (!languageMenuOpen || typeof document === 'undefined') return undefined
-        const closeLanguageMenu = (event) => {
-          if (languageMenuRef.current && !languageMenuRef.current.contains(event.target)) setLanguageMenuOpen(false)
-        }
-        document.addEventListener('pointerdown', closeLanguageMenu)
-        return () => document.removeEventListener('pointerdown', closeLanguageMenu)
-      }, [languageMenuOpen])
-
-      React.useEffect(() => {
-        if (queryScope === null || queryKey === '') return undefined
-        const seq = queryGate.next()
-        setQueryLoading(true)
-        setQueryError('')
-        getUsageQuery(queryScope).then((data) => {
-          if (!queryGate.isCurrent(seq)) return
-          if (data === null || typeof data !== 'object' || data.revision !== (stats && stats.revision)) {
-            setQueryError('stale')
-            setQueryLoading(false)
-            return
-          }
-          setQueryResult(data)
-          setQueryResultKey(queryKey)
-          setQueryLoading(false)
-          setQueryError('')
-        }, () => {
-          if (!queryGate.isCurrent(seq)) return
-          setQueryLoading(false)
-          setQueryError('query')
-        })
-        return undefined
-      }, [queryKey, stats && stats.revision])
-
-      const openAuditForScope = (scope) => {
-        if (scope === null || queryKey === '') return
-        setDetailSelection({ baseKey: queryKey, scope: { ...scope } })
-        setDetailView('logs')
-        setAuditSelectedId(null)
-        setAuditError('')
-      }
-      const openAuditForDate = (date) => {
-        if (queryScope === null || typeof date !== 'string') return
-        openAuditForScope({ ...queryScope, start: date, end: date })
-      }
-      React.useEffect(() => {
-        if (selectedDetailScope === null || detailKey === '') return undefined
-        const seq = recordsGate.next()
-        setAuditLoading(true)
-        setAuditError('')
-        setAuditRows([])
-        setAuditSelectedId(null)
-        setAuditCursor(null)
-        setAuditHasMore(false)
-        getUsageRecords(selectedDetailScope, null, 20).then((data) => {
-          if (!recordsGate.isCurrent(seq)) return
-          if (data === null || typeof data !== 'object' || !Array.isArray(data.items)) {
-            setAuditError('audit')
-            setAuditLoading(false)
-            return
-          }
-          setAuditRows(data.items)
-          setAuditSelectedId(data.items[0] ? data.items[0].id : null)
-          setAuditCursor(data.nextCursor || null)
-          setAuditHasMore(data.hasMore === true)
-          setAuditLoading(false)
-          setAuditError('')
-        }, (reason) => {
-          if (!recordsGate.isCurrent(seq)) return
-          if (reason && reason.status === 409) {
-            setAuditError('stale')
-            setAuditReload((value) => value + 1)
-            return
-          }
-          setAuditLoading(false)
-          setAuditError('audit')
-        })
-        return undefined
-      }, [detailKey, stats && stats.revision, auditReload])
-      const loadMoreAudit = () => {
-        if (selectedDetailScope === null || auditCursor === null || auditLoading) return
-        const seq = recordsGate.next()
-        setAuditLoading(true)
-        getUsageRecords(selectedDetailScope, auditCursor, 20).then((data) => {
-          if (!recordsGate.isCurrent(seq)) return
-          if (data === null || typeof data !== 'object' || !Array.isArray(data.items)) {
-            setAuditError('audit')
-            setAuditLoading(false)
-            return
-          }
-          setAuditRows((prev) => prev.concat(data.items))
-          setAuditCursor(data.nextCursor || null)
-          setAuditHasMore(data.hasMore === true)
-          setAuditLoading(false)
-          setAuditError('')
-        }, (reason) => {
-          if (!recordsGate.isCurrent(seq)) return
-          if (reason && reason.status === 409) {
-            setAuditRows([])
-            setAuditSelectedId(null)
-            setAuditCursor(null)
-            setAuditHasMore(false)
-            setAuditError('stale')
-            setAuditReload((value) => value + 1)
-            return
-          }
-          setAuditLoading(false)
-          setAuditError('audit')
-        })
-      }
-      React.useEffect(() => {
-        if (detailSelection === null || detailView !== 'logs' || recordsPanelRef.current === null) return undefined
-        recordsPanelRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' })
-        return undefined
-      }, [detailSelection && usageScopeKey(detailSelection.scope), detailView])
-      const onRefresh = () => { refreshRef.current() }
-      const toggleFilter = (id) => {
-        setWsFilter((prev) => (prev === id ? null : id))
-      }
-      const clearFilters = () => {
-        setWsFilter(null)
-        setProviderFilter(null)
-        setModelFilter(null)
-      }
-      const chooseProvider = (value) => {
-        setProviderFilter(value || null)
-      }
-      const chooseModel = (value) => {
-        setModelFilter(value || null)
-      }
-      const activeDayRows = useUtc && Array.isArray(stats && stats.byDayUtc) ? stats.byDayUtc : (Array.isArray(stats && stats.byDay) ? stats.byDay : [])
-      const availableDateRange = availableDateBounds(activeDayRows, latestCalendarDate)
-      const earliestAvailableDate = availableDateRange.min
-      const activeCustomRange = normalizeCustomRange(customRange, useUtc)
-      const customDraftIssue = customRangeIssue(customDraft, earliestAvailableDate, latestCalendarDate, useUtc)
-      const openCustomRange = () => {
-        const current = normalizeCustomRange(customRange, useUtc)
-        const defaultStart = fmtDate(shiftCalendarDate(calendarNow, -89, useUtc), useUtc)
-        setCustomDraft(current || { start: defaultStart < earliestAvailableDate ? earliestAvailableDate : defaultStart, end: latestCalendarDate })
-        setCustomRangeOpen(true)
-      }
-      const applyCustomRange = () => {
-        if (customDraftIssue !== '') return
-        const next = normalizeCustomRange(customDraft, useUtc)
-        if (next === null) return
-        setCustomRange(next)
-        setRange('custom')
-        setCustomRangeOpen(false)
-      }
-      const chooseRange = (next) => {
-        setRange(next)
-        setCustomRangeOpen(false)
-      }
-
-      const queryReady = queryResult !== null && queryResultKey === queryKey && queryResult.revision === (stats && stats.revision)
-      const displayedDays = queryReady && Array.isArray(queryResult.daily) ? queryResult.daily : activeDayRows
-      const displayedHeatmap = queryReady && Array.isArray(queryResult.heatmap) ? queryResult.heatmap : activeDayRows
-      const activeCustomRangeKey = activeCustomRange === null ? '' : activeCustomRange.start + ':' + activeCustomRange.end
-      const rangeOnlyAgg = React.useMemo(() => rangeAgg(stats, range, useUtc, activeCustomRange), [stats, range, useUtc, activeCustomRangeKey])
-      const agg = React.useMemo(() => queryReady
-        ? { totals: queryResult.totals, perWs: queryResult.perWorkspace || [], perModel: queryResult.perModel || [] }
-        : rangeOnlyAgg, [queryReady, queryResult, rangeOnlyAgg])
-      const animatedTotal = useCountUp(agg.totals.input + agg.totals.output + agg.totals.cacheRead + agg.totals.cacheWrite + agg.totals.reasoning, timer)
-      const animatedRate = useCountUp(Math.round(rateOf(agg.totals.input, agg.totals.cacheRead) * 10), timer)
-      const scopedCountIsCalls = providerFilter !== null || modelFilter !== null
-      const requestCount = Number.isFinite(agg.totals.calls) && agg.totals.calls > 0 ? agg.totals.calls : agg.totals.turns
-      const displayedCount = scopedCountIsCalls ? requestCount : agg.totals.turns
-      const animatedTurns = useCountUp(displayedCount, timer)
-      const animatedRequests = useCountUp(requestCount, timer)
-      const wsTotal = (w) => w.input + w.output + w.cacheRead + w.cacheWrite + w.reasoning
-      const rows = React.useMemo(() => (Array.isArray(agg.perWs) ? agg.perWs : []).slice().sort((a, b) => wsTotal(b) - wsTotal(a)), [agg.perWs])
-      const modelRows = React.useMemo(() => aggregateModelRows(agg.perModel || [], modelView, tr('未知供应商', 'Unknown provider'), tr('未知模型', 'Unknown model')).sort((a, b) => wsTotal(b) - wsTotal(a)), [agg.perModel, modelView, language])
-      const rangeModelOptions = Array.isArray(rangeOnlyAgg.perModel) ? rangeOnlyAgg.perModel.filter((row) => row && typeof row === 'object') : []
-      const providerOptions = Array.from(new Set(rangeModelOptions.map((row) => typeof row.provider === 'string' && row.provider !== '' ? row.provider : null).filter((value) => value !== null))).sort()
-      const modelFilterValue = (row) => {
-        const structured = typeof row.actualModel === 'string' && row.actualModel !== '' ? row.actualModel : typeof row.requestedModel === 'string' && row.requestedModel !== '' ? row.requestedModel : null
-        if (structured !== null) return structured
-        const display = typeof row.model === 'string' && row.model !== '' ? row.model : tr('未知模型', 'Unknown model')
-        const separator = display.indexOf(' / ')
-        const legacyProvider = separator > 0 ? display.slice(0, separator) : ''
-        return separator > 0 && providerOptions.includes(legacyProvider) ? display.slice(separator + 3) : display
-      }
-      const modelOptions = Array.from(new Set(rangeModelOptions.map(modelFilterValue))).sort((a, b) => a.localeCompare(b))
-      const workspaces = stats && Array.isArray(stats.workspaces) ? stats.workspaces : []
-      const rangeWorkspaceTotals = new Map((Array.isArray(rangeOnlyAgg.perWs) ? rangeOnlyAgg.perWs : []).map((row) => [row.workspaceId, row]))
-      const workspaceHasUsage = (row) => row !== undefined && (Number(row.turns) > 0 || Number(row.calls) > 0 || Number(row.input) > 0 || Number(row.output) > 0 || Number(row.cacheRead) > 0 || Number(row.cacheWrite) > 0 || Number(row.reasoning) > 0)
-      const rangeWorkspaceOptions = workspaces.filter((workspace) => workspaceHasUsage(rangeWorkspaceTotals.get(workspace.id)))
-      const rangeWorkspaceIds = new Set(rangeWorkspaceOptions.map((workspace) => workspace.id))
-      React.useEffect(() => {
-        if (wsFilter !== null && !rangeWorkspaceIds.has(wsFilter)) setWsFilter(null)
-        if (providerFilter !== null && !providerOptions.includes(providerFilter)) setProviderFilter(null)
-        if (modelFilter !== null && !modelOptions.includes(modelFilter)) setModelFilter(null)
-      }, [wsFilter, providerFilter, modelFilter, Array.from(rangeWorkspaceIds).sort().join('\0'), providerOptions.join('\0'), modelOptions.join('\0')])
-
-      if (stats === null) {
-        const failed = statsError !== ''
-        return React.createElement('div', { className: 'uh-page' },
-          React.createElement('div', { className: 'uh-panel' },
-            React.createElement('div', { className: 'uh-empty' }, failed
-              ? tr('无法加载用量统计。请重试。', 'Unable to load usage statistics. Please retry.')
-              : tr('正在加载用量统计…', 'Loading usage statistics…'),
-            ),
-            failed ? React.createElement('div', { style: { textAlign: 'center' } },
-              React.createElement('button', { className: 'uh-refresh', onClick: onRefresh }, React.createElement(LineIcon, { name: 'refresh', size: 14 }), tr('重试', 'Retry')),
-            ) : null,
-          ),
-        )
-      }
-
-      const statusPayload = status !== null && typeof status === 'object' ? status : stats
-      const scan = statusPayload && statusPayload.scan ? statusPayload.scan : (stats.scan || { done: true, started: true, scanned: 0, total: 0, failed: 0 })
-      const sync = statusPayload && statusPayload.sync ? statusPayload.sync : (stats.sync || {})
-      const aliases = stats.aliases && typeof stats.aliases === 'object' ? stats.aliases : {}
-      const wsById = new Map()
-      const wsIndex = new Map()
-      workspaces.forEach((w, i) => { wsById.set(w.id, w); wsIndex.set(w.id, i) })
-      const dayRows = displayedDays
-      const heatmapMap = new Map()
-      for (const d of displayedHeatmap) heatmapMap.set(d.date, d)
-      const dayMap = new Map()
-      for (const d of activeDayRows) dayMap.set(d.date, d)
-      const wsTitle = (id) => {
-        const alias = aliases[id]
-        if (typeof alias === 'string' && alias !== '') return alias
-        const meta = wsById.get(id)
-        return meta ? meta.title : tr('未知工作区', 'Unknown workspace')
-      }
-
-      const saveAlias = (wsId, value) => {
-        const requestToken = typeof stats.requestToken === 'string' ? stats.requestToken : ''
-        if (requestToken === '') return
-        setAliasRpc(wsId, String(value === undefined ? '' : value).trim(), requestToken).then((res) => {
-          if (res && res.ok && res.aliases) {
-            setStats((prev) => (prev === null ? prev : Object.assign({}, prev, { aliases: res.aliases })))
-          }
-        }, () => {})
-      }
-      const openAliasPanel = () => {
-        const drafts = {}
-        workspaces.forEach((w) => { drafts[w.id] = typeof aliases[w.id] === 'string' ? aliases[w.id] : '' })
-        setAliasDrafts(drafts)
-        setAliasOpen(true)
-      }
-      const saveAllAliases = () => {
-        for (const id of Object.keys(aliasDrafts)) {
-          const current = typeof aliases[id] === 'string' ? aliases[id] : ''
-          if (aliasDrafts[id] !== current) saveAlias(id, aliasDrafts[id])
-        }
-        setAliasOpen(false)
-      }
-      const currentPricing = stats.pricing && typeof stats.pricing === 'object' ? stats.pricing : {}
-      const pricingUsedModels = Array.isArray(currentPricing.usedModels) ? currentPricing.usedModels : []
-      const pricingUsedModelOptions = pricingUsedModels.slice().sort((left, right) => {
-        const rank = { unpriced: 0, ambiguous: 1, unsupported: 2, priced: 3 }
-        return (rank[left.status] === undefined ? 9 : rank[left.status]) - (rank[right.status] === undefined ? 9 : rank[right.status]) || String(left.model || '').localeCompare(String(right.model || ''))
-      }).map((model) => ({
-        value: String(model.identityKey || model.model || ''),
-        label: (model.model || tr('未知模型', 'Unknown model')) + ' · ' + pricingStatusLabel(model.status, language),
-        model: pricingModelKey(model.actualModel || model.requestedModel || model.pricingModel),
-        officialModel: pricingModelKey(model.pricingModel),
-      })).filter((option) => option.value !== '')
-      const openPricingPanel = () => {
-        const draft = pricingDraftOf(currentPricing)
-        const uiState = storedUsageUiState()
-        if (typeof uiState.pricingAutoSync === 'boolean') draft.sync.autoEnabled = uiState.pricingAutoSync
-        setPricingDraft(draft)
-        setPricingUsedModelSearchText({})
-        setPricingOverrideSearchText({})
-        setPricingUsedModelOpen(null)
-        setPricingOverrideOpen(null)
-        setPricingModelSearchOptions({})
-        setPricingModelSearchOpen(null)
-        setPricingError('')
-        setPricingOpen(true)
-        setAliasOpen(false)
-      }
-      const savePricingSettings = (backfill) => {
-        if (pricingDraft === null || pricingSaving || pricingSyncing || pricingSyncSaving) return
-        const requestToken = typeof stats.requestToken === 'string' ? stats.requestToken : ''
-        if (requestToken === '') { setPricingError('token'); return }
-        setPricingSaving(true)
-        setPricingError('')
-        setPricingRpc(pricingDraft, backfill, requestToken).then((data) => {
-          if (!data || data.ok !== true || !data.pricing) { setPricingError('save'); return }
-          setStats((prev) => prev === null ? prev : Object.assign({}, prev, { pricing: data.pricing }))
-          setPricingDraft(pricingDraftOf(data.pricing))
-          setPricingUsedModelSearchText({})
-          setPricingOverrideSearchText({})
-          setPricingUsedModelOpen(null)
-          setPricingOverrideOpen(null)
-          setPricingOpen(false)
-          refreshRef.current()
-        }, (reason) => { setPricingError(reason && reason.status === 403 ? 'forbidden' : 'save') }).finally(() => setPricingSaving(false))
-      }
-      const syncPricingNow = () => {
-        if (pricingSaving || pricingSyncing || pricingSyncSaving) return
-        const requestToken = typeof stats.requestToken === 'string' ? stats.requestToken : ''
-        if (requestToken === '') { setPricingError('token'); return }
-        setPricingSyncing(true)
-        setPricingError('')
-        syncPricingRpc(requestToken).then((data) => {
-          if (!data || data.ok !== true || !data.pricing) { setPricingError('sync'); return }
-          setStats((prev) => prev === null ? prev : Object.assign({}, prev, { pricing: data.pricing }))
-          setPricingDraft(pricingDraftOf(data.pricing))
-          setPricingUsedModelSearchText({})
-          setPricingOverrideSearchText({})
-          setPricingUsedModelOpen(null)
-          setPricingOverrideOpen(null)
-          refreshRef.current()
-        }, (reason) => { setPricingError(reason && reason.status === 403 ? 'forbidden' : 'sync') }).finally(() => setPricingSyncing(false))
-      }
-      const updatePricingSync = (enabled) => {
-        if (pricingDraft === null || pricingSyncSaving || pricingSaving || pricingSyncing) return
-        const nextEnabled = enabled === true
-        const previousEnabled = pricingDraft.sync && pricingDraft.sync.autoEnabled === true
-        setPricingDraft((prev) => prev === null ? prev : Object.assign({}, prev, { sync: Object.assign({}, prev.sync, { autoEnabled: nextEnabled }) }))
-        persistUsageUiState({ pricingAutoSync: nextEnabled })
-        const requestToken = typeof stats.requestToken === 'string' ? stats.requestToken : ''
-        if (requestToken === '') {
-          setPricingDraft((prev) => prev === null ? prev : Object.assign({}, prev, { sync: Object.assign({}, prev.sync, { autoEnabled: previousEnabled }) }))
-          persistUsageUiState({ pricingAutoSync: previousEnabled })
-          setPricingError('token')
-          return
-        }
-        const rollback = (error) => {
-          setPricingDraft((prev) => prev === null ? prev : Object.assign({}, prev, { sync: Object.assign({}, prev.sync, { autoEnabled: previousEnabled }) }))
-          persistUsageUiState({ pricingAutoSync: previousEnabled })
-          setPricingError(error)
-        }
-        setPricingSyncSaving(true)
-        setPricingError('')
-        setPricingRpc({ sync: { autoEnabled: nextEnabled } }, false, requestToken).then((data) => {
-          if (!data || data.ok !== true || !data.pricing) { rollback('save'); return }
-          const savedEnabled = data.pricing.sync && data.pricing.sync.autoEnabled === true
-          setStats((prev) => prev === null ? prev : Object.assign({}, prev, { pricing: data.pricing }))
-          setPricingDraft((prev) => prev === null ? prev : Object.assign({}, prev, { sync: Object.assign({}, prev.sync, { autoEnabled: savedEnabled, intervalMs: data.pricing.sync && data.pricing.sync.intervalMs }) }))
-          persistUsageUiState({ pricingAutoSync: savedEnabled })
-        }, (reason) => rollback(reason && reason.status === 403 ? 'forbidden' : 'save')).finally(() => setPricingSyncSaving(false))
-      }
-      const updatePricingMapping = (index, field, value) => {
-        setPricingDraft((prev) => {
-          if (prev === null || !Array.isArray(prev.mappings) || !prev.mappings[index]) return prev
-          const mappings = prev.mappings.slice()
-          mappings[index] = Object.assign({}, mappings[index], { [field]: value })
-          return Object.assign({}, prev, { mappings })
-        })
-      }
-      const selectPricingUsedModel = (index, value) => {
-        const selected = pricingUsedModels.find((model) => String(model.identityKey || model.model || '') === String(value))
-        if (!selected) return
-        const modelAlias = selected.actualModel || selected.requestedModel || selected.pricingModel || ''
-        const officialModel = selected.status === 'priced' ? (selected.pricingModel || '') : ''
-        setPricingDraft((prev) => {
-          if (prev === null || !Array.isArray(prev.mappings) || !prev.mappings[index]) return prev
-          const mappings = prev.mappings.slice()
-          mappings[index] = Object.assign({}, mappings[index], { usageIdentityKey: value, model: modelAlias, catalogModelId: officialModel, catalogProviderId: selected.providerId || '' })
-          return Object.assign({}, prev, { mappings })
-        })
-        setPricingUsedModelSearchText((prev) => Object.assign({}, prev, { [index]: selected.model || modelAlias }))
-        setPricingUsedModelOpen(null)
-        setPricingModelSearchOpen(null)
-      }
-      const searchUsedModels = (index, value) => {
-        setPricingUsedModelSearchText((prev) => Object.assign({}, prev, { [index]: value }))
-        setPricingUsedModelOpen(index)
-        setPricingDraft((prev) => {
-          if (prev === null || !Array.isArray(prev.mappings) || !prev.mappings[index]) return prev
-          const mappings = prev.mappings.slice()
-          mappings[index] = Object.assign({}, mappings[index], { usageIdentityKey: '', model: '', catalogModelId: '', catalogProviderId: '' })
-          return Object.assign({}, prev, { mappings })
-        })
-      }
-      const searchOfficialModels = (index, value) => {
-        updatePricingMapping(index, 'catalogModelId', value)
-        setPricingModelSearchOpen(index)
-        const previousTimer = pricingModelSearchTimerRef.current[index]
-        if (previousTimer !== undefined) {
-          clearTimeout(previousTimer)
-          delete pricingModelSearchTimerRef.current[index]
-        }
-        const nextSeq = (pricingModelSearchSeqRef.current[index] || 0) + 1
-        pricingModelSearchSeqRef.current[index] = nextSeq
-        if (String(value || '').trim() === '') {
-          setPricingModelSearchOptions((prev) => Object.assign({}, prev, { [index]: [] }))
-          return
-        }
-        const timerId = setTimeout(() => {
-          delete pricingModelSearchTimerRef.current[index]
-          getPricingModels(value).then((data) => {
-            if (pricingModelSearchSeqRef.current[index] !== nextSeq) return
-            setPricingModelSearchOptions((prev) => Object.assign({}, prev, { [index]: Array.isArray(data && data.items) ? data.items : [] }))
-          }, () => {
-            if (pricingModelSearchSeqRef.current[index] === nextSeq) setPricingModelSearchOptions((prev) => Object.assign({}, prev, { [index]: [] }))
-          })
-        }, 180)
-        pricingModelSearchTimerRef.current[index] = timerId
-      }
-      const chooseOfficialModel = (index, option) => {
-        if (!option || typeof option.value !== 'string') return
-        const pendingTimer = pricingModelSearchTimerRef.current[index]
-        if (pendingTimer !== undefined) {
-          clearTimeout(pendingTimer)
-          delete pricingModelSearchTimerRef.current[index]
-        }
-        pricingModelSearchSeqRef.current[index] = (pricingModelSearchSeqRef.current[index] || 0) + 1
-        setPricingDraft((prev) => {
-          if (prev === null || !Array.isArray(prev.mappings) || !prev.mappings[index]) return prev
-          const mappings = prev.mappings.slice()
-          mappings[index] = Object.assign({}, mappings[index], { catalogModelId: option.value, catalogProviderId: option.providerId || '' })
-          return Object.assign({}, prev, { mappings })
-        })
-        setPricingModelSearchOpen(null)
-      }
-      const addPricingMapping = () => {
-        setPricingDraft((prev) => prev === null ? prev : Object.assign({}, prev, { mappings: prev.mappings.concat([{ usageIdentityKey: '', model: '', catalogProviderId: '', catalogModelId: '', inputTokenSemantics: 'fresh', multiplier: '1' }]) }))
-      }
-      const removePricingMapping = (index) => {
-        setPricingDraft((prev) => prev === null ? prev : Object.assign({}, prev, { mappings: prev.mappings.filter((_, itemIndex) => itemIndex !== index) }))
-      }
-      const updatePricingOverride = (index, field, value) => {
-        setPricingDraft((prev) => {
-          if (prev === null || !Array.isArray(prev.overrides) || !prev.overrides[index]) return prev
-          const overrides = prev.overrides.slice()
-          overrides[index] = Object.assign({}, overrides[index], { [field]: value })
-          return Object.assign({}, prev, { overrides })
-        })
-      }
-      const selectPricingOverrideModel = (index, value) => {
-        const selected = pricingUsedModels.find((model) => String(model.identityKey || model.model || '') === String(value))
-        if (!selected) return
-        const modelId = selected.pricingModel || selected.actualModel || selected.requestedModel || ''
-        setPricingDraft((prev) => {
-          if (prev === null || !Array.isArray(prev.overrides) || !prev.overrides[index]) return prev
-          const overrides = prev.overrides.slice()
-          overrides[index] = Object.assign({}, overrides[index], { modelId })
-          return Object.assign({}, prev, { overrides })
-        })
-        setPricingOverrideSearchText((prev) => Object.assign({}, prev, { [index]: modelId }))
-        setPricingOverrideOpen(null)
-      }
-      const searchPricingOverrideModels = (index, value) => {
-        setPricingOverrideSearchText((prev) => Object.assign({}, prev, { [index]: value }))
-        setPricingOverrideOpen(index)
-        updatePricingOverride(index, 'modelId', value)
-      }
-      const addPricingOverride = () => {
-        setPricingDraft((prev) => prev === null ? prev : Object.assign({}, prev, { overrides: prev.overrides.concat([{ providerId: '', modelId: '', displayName: '', input: '', output: '', cacheRead: '', cacheWrite: '' }]) }))
-      }
-      const removePricingOverride = (index) => {
-        setPricingDraft((prev) => prev === null ? prev : Object.assign({}, prev, { overrides: prev.overrides.filter((_, itemIndex) => itemIndex !== index) }))
-      }
-
-      const totalTokens = agg.totals.input + agg.totals.output + agg.totals.cacheRead + agg.totals.cacheWrite + agg.totals.reasoning
-      const cacheRate = rateOf(agg.totals.input, agg.totals.cacheRead)
-      const scopedCost = costAggregate(agg.totals)
-      const costValue = costDisplay(agg.totals, language)
-      const costCoverage = costCoverageLabel(agg.totals, language)
-      const st = streaks(dayMap, useUtc)
-
-      const today = calendarNow
-      const todayKey = latestCalendarDate
-      const todayWeekday = useUtc ? today.getUTCDay() : today.getDay()
-      const sunday = shiftCalendarDate(today, -todayWeekday, useUtc)
-      const start = shiftCalendarDate(sunday, -52 * 7, useUtc)
-      const cells = []
-      for (let i = 0; i < 53 * 7; i++) {
-        const d = shiftCalendarDate(start, i, useUtc)
-        cells.push({ date: fmtDate(d, useUtc), month: useUtc ? d.getUTCMonth() : d.getMonth(), year: useUtc ? d.getUTCFullYear() : d.getFullYear() })
-      }
-      const monthLabels = []
-      for (let j = 0; j < 53; j++) {
-        const first = cells[j * 7]
-        const prev = j > 0 ? cells[(j - 1) * 7] : null
-        if (prev === null || first.month !== prev.month) {
-          monthLabels.push({ left: (j * 100 / 53) + '%', text: monthLabel(first.year, first.month, language) })
-        }
-      }
-      const weekdayLabels = language === 'en' ? ['', 'Mon', '', 'Wed', '', 'Fri', ''] : ['', '周一', '', '周三', '', '周五', '']
-
-      const onEnter = (cell, ev) => {
-        setHover({ date: cell.date, x: ev.clientX, y: ev.clientY, day: heatmapMap.get(cell.date) })
-      }
-      const onMove = (cell, ev) => {
-        setHover((prev) => (prev !== null && prev.date === cell.date ? { date: prev.date, x: ev.clientX, y: ev.clientY, day: prev.day } : prev))
-      }
-      const onLeave = () => setHover(null)
-
-      const cellElements = cells.map((cell, i) => {
-        const day = heatmapMap.get(cell.date)
-        let count = 0
-        if (day !== undefined) {
-          if (queryReady || wsFilter === null) count = day.turns
-          else {
-            const w = Array.isArray(day.perWorkspace) ? day.perWorkspace.find((x) => x.workspaceId === wsFilter) : undefined
-            if (w !== undefined) count = w.turns
-          }
-        }
-        const level = levelOf(count)
-        const dim = wsFilter !== null && day !== undefined && day.turns > 0 && count === 0
-        const isToday = cell.date === todayKey
-        const style = {
-          background: cellBg(level),
-          opacity: dim ? 0.22 : 1,
-          animationDelay: (i * 1.2) + 'ms',
-        }
-        if (isToday) style.animation = 'uh-cell-in .45s ease both, uh-glow 3s ease-in-out .7s infinite'
-        return React.createElement('div', {
-          key: cell.date,
-          className: 'uh-cell',
-          style,
-          onMouseEnter: (ev) => onEnter(cell, ev),
-          onMouseMove: (ev) => onMove(cell, ev),
-          onMouseLeave: onLeave,
-          onClick: () => openAuditForDate(cell.date),
-        })
-      })
-
-      let balanceValue = '—'
-      let balanceSub = tr('查询中…', 'Checking…')
-      if (balance !== null && balance !== undefined) {
-        if (balance.status === 'missing-key') {
-          balanceValue = tr('未配置', 'Not configured')
-          balanceSub = tr('在 设置 → 模型 中填写 DeepSeek API Key 后可见', 'Available after you enter a DeepSeek API key in Settings → Models')
-        } else if (balance.status === 'unavailable') {
-          balanceValue = tr('不可用', 'Unavailable')
-          balanceSub = balance.message || tr('DeepSeek 接口返回余额不可用', 'The DeepSeek API reported that balance information is unavailable')
-        } else if (balance.status === 'error') {
-          balanceValue = tr('查询失败', 'Lookup failed')
-          const detail = balance.detail ? (language === 'en' ? ' (' + String(balance.detail).slice(0, 90) + ')' : '（' + String(balance.detail).slice(0, 90) + '）') : ''
-          balanceSub = (balance.message || '') + detail + tr(' 点“刷新”重试', ' Click Refresh to try again')
-        } else if (balance.status === 'ok' && Array.isArray(balance.currencies) && balance.currencies.length > 0) {
-          const list = balance.currencies
-          const primary = list.find((c) => c.currency === 'CNY') || list[0]
-          const others = list.filter((c) => c !== primary)
-          balanceValue = money(primary.currency, primary.total, language)
-          let sub = primary.total !== null ? tr('赠送 ', 'Granted ') + money(primary.currency, primary.granted, language) + ' · ' + tr('充值 ', 'Top-up ') + money(primary.currency, primary.toppedUp, language) : ''
-          if (others.length > 0) sub += (sub ? ' ｜ ' : '') + others.map((c) => money(c.currency, c.total, language)).join(' ')
-          balanceSub = sub
-        } else {
-          balanceValue = tr('无数据', 'No data')
-          balanceSub = ''
-        }
-      }
-
-      const card = (label, value, sub, delay, icon) => React.createElement('div', { className: 'uh-card', style: { animationDelay: (delay * 70) + 'ms' } },
-        React.createElement('div', { className: 'uh-card-label' }, icon ? React.createElement(LineIcon, { name: icon, size: 14 }) : null, label),
-        React.createElement('div', { className: 'uh-card-value' }, value),
-        React.createElement('div', { className: 'uh-card-sub' }, sub),
-      )
-      const summaryRateMetric = React.createElement('div', { className: 'uh-ios-metric uh-ios-metric-rate', style: { animationDelay: '280ms' } },
-        React.createElement('div', { className: 'uh-ios-metric-rate-head' },
-          React.createElement('div', { className: 'uh-ios-metric-label' }, React.createElement(LineIcon, { name: 'cache', size: 18 }), tr('缓存命中率', 'Cache Hit Rate')),
-          React.createElement('div', { className: 'uh-ios-metric-rate-value' }, (cacheRate).toFixed(1) + '%'),
-        ),
-        React.createElement('div', { className: 'uh-ios-metric-bar' }, React.createElement('div', { className: 'uh-ios-metric-fill', style: { width: Math.max(0, Math.min(100, cacheRate)) + '%' } })),
-        React.createElement('div', { className: 'uh-ios-metric-rate-detail' }, language === 'en' ? 'Context reused ' + fmtCompact(agg.totals.cacheRead) + ' tokens' : '复用上下文 ' + fmtCompact(agg.totals.cacheRead) + ' Token'),
-      )
-
-      const maxTotal = rows.length > 0 ? wsTotal(rows[0]) : 0
-
-      const tokenCardRows = rows.slice(0, 3).map((w) => {
-        const total = wsTotal(w)
-        const idx = wsIndex.get(w.workspaceId)
-        const color = wsColor(idx === undefined ? 0 : idx)
-        const selected = wsFilter === w.workspaceId
-        return React.createElement('div', {
-          key: w.workspaceId,
-          className: 'uh-wsbar' + (selected ? ' uh-sel' : ''),
-          onClick: () => toggleFilter(w.workspaceId),
-        },
-          React.createElement('div', { className: 'uh-wsbar-top' },
-            React.createElement('span', { className: 'uh-dot', style: { background: color } }),
-            React.createElement('span', { className: 'uh-wsbar-title' }, wsTitle(w.workspaceId)),
-            React.createElement('span', { className: 'uh-wsbar-num' }, valueWithMagnitude(fmtCompact(total), total, language)),
-          ),
-          React.createElement('div', { className: 'uh-barwrap uh-bar-thin' },
-            React.createElement('div', { className: 'uh-barfill', style: { width: maxTotal > 0 ? Math.max(2, (total / maxTotal) * 100) + '%' : '0%', background: color } }),
-          ),
-        )
-      })
-      const tokenCard = React.createElement('div', { className: 'uh-card', style: { animationDelay: '210ms' } },
-        React.createElement('div', { className: 'uh-card-label' }, React.createElement(LineIcon, { name: 'folder', size: 14 }), tr('各工作区总处理量', 'Total Tokens Processed by Workspace')),
-        rows.length === 0
-          ? React.createElement('div', { className: 'uh-empty', style: { padding: '8px 0' } }, tr('暂无数据', 'No data yet'))
-          : React.createElement('div', { className: 'uh-wsbars' },
-            tokenCardRows,
-            rows.length > 3 ? React.createElement('div', { className: 'uh-card-sub' }, language === 'en' ? 'See the details table for the other ' + (rows.length - 3) + ' workspaces' : '其余 ' + (rows.length - 3) + ' 个工作区见明细表') : null,
-          ),
-      )
-
-      const rowElements = rows.map((w) => {
-        const meta = wsById.get(w.workspaceId)
-        const alias = typeof aliases[w.workspaceId] === 'string' ? aliases[w.workspaceId] : ''
-        const folderTitle = meta ? meta.title : tr('未知工作区', 'Unknown workspace')
-        const path = meta ? meta.path : ''
-        const title = alias !== '' ? alias : folderTitle
-        const subText = alias !== '' ? folderTitle + ' · ' + path : path
-        const total = wsTotal(w)
-        const rate = rateOf(w.input, w.cacheRead)
-        const idx = wsIndex.get(w.workspaceId)
-        const color = wsColor(idx === undefined ? 0 : idx)
-        const selected = wsFilter === w.workspaceId
-        return React.createElement('div', {
-          key: w.workspaceId,
-          className: 'uh-row' + (selected ? ' uh-sel' : ''),
-          onClick: () => toggleFilter(w.workspaceId),
-        },
-          React.createElement('div', { className: 'uh-row-title-wrap' },
-            React.createElement('div', { className: 'uh-ws-title' }, title),
-            React.createElement('div', { className: 'uh-ws-path' }, subText),
-          ),
-          React.createElement('div', { className: 'uh-num' }, fmtCompact(w.turns)),
-          React.createElement('div', { className: 'uh-num' }, fmtCompact(w.input)),
-          React.createElement('div', { className: 'uh-num' }, fmtCompact(w.cacheRead)),
-          React.createElement('div', { className: 'uh-num' }, fmtCompact(w.output)),
-          React.createElement('div', { className: 'uh-num' }, fmtCompact(w.reasoning)),
-          React.createElement('div', {},
-            React.createElement('div', { className: 'uh-num' }, fmtCompact(total)),
-            React.createElement('div', { className: 'uh-barwrap' },
-              React.createElement('div', { className: 'uh-barfill', style: { width: maxTotal > 0 ? Math.max(2, (total / maxTotal) * 100) + '%' : '0%', background: color } }),
-            ),
-          ),
-          React.createElement('div', { className: 'uh-num uh-cost-num' }, costDisplay(w, language)),
-          React.createElement('div', { className: 'uh-num' }, rate.toFixed(1) + '%'),
-          React.createElement('div', { className: 'uh-num' }, maxTotal > 0 ? ((total / maxTotal) * 100).toFixed(0) + '%' : '0%'),
-        )
-      })
-
-      const modelViewLabel = modelView === 'route' ? tr('混合查看', 'Combined View') : modelView === 'model' ? tr('按模型合并', 'Grouped by Model') : tr('按供应商汇总', 'Grouped by Provider')
-      const modelColumnLabel = modelView === 'route' ? tr('供应商 / 模型', 'Provider / Model') : modelView === 'model' ? tr('模型', 'Model') : tr('供应商', 'Provider')
-      const modelDonutChart = detailView !== 'model' || modelRows.length === 0 ? null : React.createElement(UsageDonutChart, {
-        key: 'model-donut-' + detailView + ':' + queryKey + ':' + stats.revision + ':' + modelView,
-        title: modelView === 'provider' ? tr('供应商用量', 'Provider Usage') : tr('模型用量', 'Model Usage'),
-        icon: 'chart',
-        language,
-        items: modelRows.map((row, index) => ({ label: row.model, value: wsTotal(row), cost: row.cost, color: DONUT_COLORS[index % DONUT_COLORS.length] })),
-      })
-      const workspaceDonutChart = detailView !== 'workspace' || rows.length === 0 ? null : React.createElement(UsageDonutChart, {
-        key: 'workspace-donut-' + detailView + ':' + queryKey + ':' + stats.revision,
-        title: tr('工作区用量', 'Workspace Usage'),
-        icon: 'folder',
-        language,
-        items: rows.map((row, index) => ({ label: wsTitle(row.workspaceId), value: wsTotal(row), cost: row.cost, color: DONUT_COLORS[index % DONUT_COLORS.length] })),
-      })
-      const exportCsv = () => {
-        const quote = (value) => '"' + String(value === undefined || value === null ? '' : value).replace(/"/g, '""') + '"'
-        const line = (values) => values.map(quote).join(',')
-        const allTokens = (entry) => entry.input + entry.output + entry.cacheRead + entry.cacheWrite + entry.reasoning
-        const tokenHeaders = [tr('输入 Token', 'Input Tokens'), tr('缓存命中 Token', 'Cache-Hit Tokens'), tr('缓存写入 Token', 'Cache-Write Tokens'), tr('输出 Token', 'Output Tokens'), tr('推理 Token', 'Reasoning Tokens'), tr('总处理 Token', 'Total Tokens Processed'), tr('成本', 'Cost'), tr('缓存命中率', 'Cache Hit Rate')]
-        const output = [
-          line([tr('DSH 用量统计导出', 'DSH Usage Statistics Export')]),
-          line([tr('导出时间', 'Exported At'), useUtc ? new Date().toLocaleString('en-US', { timeZone: 'UTC', timeZoneName: 'short' }) : new Date().toLocaleString('zh-CN')]),
-          line([tr('时间范围', 'Time Range'), rangeLabel]),
-          line([tr('时区', 'Timezone'), useUtc ? 'UTC' : tr('本地', 'Local')]),
-          line([tr('工作区筛选', 'Workspace Filter'), wsFilter || tr('全部', 'All')]),
-          line([tr('供应商筛选', 'Provider Filter'), providerFilter || tr('全部', 'All')]),
-          line([tr('模型筛选', 'Model Filter'), modelFilter || tr('全部', 'All')]),
-          line([tr('统计 revision', 'Stats Revision'), stats.revision || '']),
-          line([tr('模型查看模式', 'Model View Mode'), modelViewLabel]),
-          '',
-          line([tr('汇总', 'Summary')]),
-          line([tr('回合', 'Turns'), tr('会话', 'Sessions'), ...tokenHeaders]),
-          line([agg.totals.turns, agg.totals.sessions, agg.totals.input, agg.totals.cacheRead, agg.totals.cacheWrite, agg.totals.output, agg.totals.reasoning, allTokens(agg.totals), costDisplay(agg.totals, language), rateOf(agg.totals.input, agg.totals.cacheRead).toFixed(2) + '%']),
-          '',
-          line([tr('模型用量明细', 'Model Usage Details')]),
-          line([modelColumnLabel, tr('调用', 'Calls'), ...tokenHeaders]),
-          ...modelRows.map((m) => line([m.model, m.calls, m.input, m.cacheRead, m.cacheWrite, m.output, m.reasoning, allTokens(m), costDisplay(m, language), rateOf(m.input, m.cacheRead).toFixed(2) + '%'])),
-          '',
-          line([tr('工作区明细', 'Workspace Details')]),
-          line([tr('工作区', 'Workspace'), tr('路径', 'Path'), tr('回合', 'Turns'), ...tokenHeaders]),
-          ...rows.map((w) => { const meta = wsById.get(w.workspaceId); return line([wsTitle(w.workspaceId), meta ? meta.path : '', w.turns, w.input, w.cacheRead, w.cacheWrite, w.output, w.reasoning, allTokens(w), costDisplay(w, language), rateOf(w.input, w.cacheRead).toFixed(2) + '%']) }),
-        ]
-        const blob = new Blob(['\uFEFF' + output.join('\r\n')], { type: 'text/csv;charset=utf-8' })
-        const url = URL.createObjectURL(blob)
-        const anchor = document.createElement('a')
-        anchor.href = url
-        anchor.download = 'dsh-all-usage-' + rangeFilePart + '-' + modelView + '-' + fmtDate(new Date(), useUtc) + '.csv'
-        document.body.appendChild(anchor); anchor.click(); anchor.remove()
-        URL.revokeObjectURL(url)
-      }
-
-      const modelElements = detailView === 'model' ? modelRows.map((m) => {
-        const total = wsTotal(m)
-        const rate = rateOf(m.input, m.cacheRead)
-        return React.createElement('div', { key: m.identityKey || m.model, className: 'uh-model-row uh-row' },
-          React.createElement('div', { className: 'uh-row-title-wrap' },
-            React.createElement('div', { className: 'uh-ws-title', title: m.model }, m.model),
-          ),
-          React.createElement('div', { className: 'uh-num' }, fmtCompact(m.calls)),
-          React.createElement('div', { className: 'uh-num' }, fmtCompact(m.input)),
-          React.createElement('div', { className: 'uh-num' }, fmtCompact(m.cacheRead)),
-          React.createElement('div', { className: 'uh-num' }, fmtCompact(m.output)),
-          React.createElement('div', { className: 'uh-num' }, fmtCompact(m.reasoning)),
-          React.createElement('div', { className: 'uh-num' }, fmtCompact(total)),
-          React.createElement('div', { className: 'uh-num uh-cost-num' }, costDisplay(m, language)),
-          React.createElement('div', { className: 'uh-num' }, rate.toFixed(1) + '%'),
-        )
-      }) : []
-
-      const aliasPanel = aliasOpen
-        ? React.createElement('div', { className: 'uh-panel uh-anim-panel' },
-          React.createElement('div', { className: 'uh-alias-panel-head' },
-            React.createElement('span', {}, tr('工作区别名', 'Workspace Aliases')),
-            React.createElement('button', { className: 'uh-alias-close', onClick: () => setAliasOpen(false) }, tr('关闭', 'Close')),
-          ),
-          workspaces.length === 0
-            ? React.createElement('div', { className: 'uh-empty', style: { padding: '10px 0' } }, tr('暂无工作区', 'No workspaces yet'))
-            : React.createElement('div', { className: 'uh-alias-list' },
-              workspaces.map((w, i) => React.createElement('div', { key: w.id, className: 'uh-alias-item' },
-                React.createElement('span', { className: 'uh-dot', style: { background: wsColor(i) } }),
-                React.createElement('span', { className: 'uh-alias-folder', title: w.path }, w.title || w.path),
-                React.createElement('input', {
-                  className: 'uh-alias-input',
-                  value: aliasDrafts[w.id] !== undefined ? aliasDrafts[w.id] : '',
-                  placeholder: tr('项目别名', 'Project alias'),
-                  onChange: (e) => setAliasDrafts((prev) => Object.assign({}, prev, { [w.id]: e.target.value })),
-                  onKeyDown: (e) => { if (e.key === 'Enter') saveAlias(w.id, e.target.value) },
-                }),
-              )),
-            ),
-          React.createElement('div', { className: 'uh-alias-panel-foot' },
-            React.createElement('span', { className: 'uh-note' }, tr('回车保存单个；清空别名还原文件夹名', 'Press Enter to save one; clear an alias to restore the folder name')),
-            React.createElement('button', { className: 'uh-alias-ok', onClick: saveAllAliases }, tr('全部保存', 'Save All')),
-          ),
-        )
-        : null
-
-
-      const pricingSync = currentPricing.sync && typeof currentPricing.sync === 'object' ? currentPricing.sync : {}
-      const pricingPanel = pricingOpen && pricingDraft !== null ? React.createElement('div', { className: 'uh-panel uh-pricing-panel uh-anim-panel' },
-        React.createElement('div', { className: 'uh-pricing-head' },
-          React.createElement('div', { className: 'uh-title-with-icon' }, React.createElement(LineIcon, { name: 'wallet', size: 16 }), React.createElement('strong', {}, tr('成本统计设置', 'Cost Statistics'))),
-          React.createElement('button', { type: 'button', className: 'uh-refresh uh-icon-button', title: tr('关闭成本设置', 'Close cost settings'), 'aria-label': tr('关闭成本设置', 'Close cost settings'), onClick: () => setPricingOpen(false) }, React.createElement(LineIcon, { name: 'close', size: 16 })),
-        ),
-        React.createElement('div', { className: 'uh-pricing-note' }, tr('价格来自 models.dev 的公开目录，单位为 USD / 1M Token。已保存的历史成本不会因目录更新重算；同步只回填当前未计价的调用。', 'Prices come from the public models.dev catalog in USD per 1M tokens. Saved historical costs are not recalculated; sync only backfills currently unpriced calls.')),
-        React.createElement('div', { className: 'uh-pricing-toolbar' },
-          React.createElement('label', { className: 'uh-pricing-switch' },
-            React.createElement('input', { type: 'checkbox', checked: pricingDraft.sync.autoEnabled === true, disabled: pricingSaving || pricingSyncing || pricingSyncSaving, onChange: (event) => updatePricingSync(event.target.checked) }),
-            React.createElement('span', {}, tr('启用 6 小时自动同步', 'Enable 6-hour automatic sync')),
-          ),
-          React.createElement('span', { className: 'uh-note' }, pricingSyncSaving ? tr('保存中…', 'Saving…') : (pricingSync.lastSuccessAt > 0 ? tr('上次成功：', 'Last success: ') + new Date(pricingSync.lastSuccessAt).toLocaleString() : tr('尚未同步', 'Not synced yet'))),
-          React.createElement('button', { type: 'button', className: 'uh-refresh', onClick: syncPricingNow, disabled: pricingSyncing || pricingSaving || pricingSyncSaving }, React.createElement(LineIcon, { name: 'refresh', size: 14 }), pricingSyncing ? tr('同步中…', 'Syncing…') : tr('立即同步', 'Sync now')),
-        ),
-        pricingSync.lastError ? React.createElement('div', { className: 'uh-pricing-error', role: 'alert' }, tr('上次同步失败：', 'Last sync failed: ') + pricingSync.lastError) : null,
-        React.createElement('div', { className: 'uh-pricing-section' },
-          React.createElement('div', { className: 'uh-pricing-section-head' }, React.createElement('strong', {}, tr('当前用量匹配', 'Usage matches')), React.createElement('span', { className: 'uh-note' }, pricingUsedModels.length + ' ' + tr('个模型', 'models'))),
-          pricingUsedModels.length === 0 ? React.createElement('div', { className: 'uh-empty', style: { padding: '12px 0' } }, tr('暂无模型用量', 'No model usage yet')) : React.createElement('div', { className: 'uh-pricing-table-wrap' },
-            React.createElement('table', { className: 'uh-pricing-model-table' },
-              React.createElement('thead', {}, React.createElement('tr', {},
-                React.createElement('th', { scope: 'col' }, tr('当前模型', 'Usage model')),
-                React.createElement('th', { scope: 'col' }, tr('状态', 'Status')),
-                React.createElement('th', { scope: 'col' }, tr('官方模型', 'Official model')),
-                React.createElement('th', { scope: 'col', title: tr('输入价格（USD / 1M）', 'Input price (USD / 1M)') }, tr('输入', 'Input')),
-                React.createElement('th', { scope: 'col', title: tr('输出价格（USD / 1M）', 'Output price (USD / 1M)') }, tr('输出', 'Output')),
-                React.createElement('th', { scope: 'col', title: tr('缓存读取价格（USD / 1M）', 'Cache read price (USD / 1M)') }, tr('缓存读', 'Cache read')),
-                React.createElement('th', { scope: 'col', title: tr('缓存写入价格（USD / 1M）', 'Cache write price (USD / 1M)') }, tr('缓存写', 'Cache write')),
-              )),
-              React.createElement('tbody', {}, pricingUsedModels.map((model) => React.createElement('tr', { key: model.identityKey },
-                React.createElement('td', { className: 'uh-pricing-model-name', title: model.model }, model.model || tr('未知模型', 'Unknown model')),
-                React.createElement('td', { title: model.reason || '' }, React.createElement('span', { className: 'uh-pricing-status uh-pricing-status-' + (model.status || 'unpriced') }, pricingStatusLabel(model.status || 'unpriced', language))),
-                React.createElement('td', { className: 'uh-pricing-model-target', title: model.pricingModel || '' }, model.pricingModel || tr('未匹配', 'No match')),
-                React.createElement('td', { className: 'uh-pricing-model-rate' }, model.status === 'priced' && model.rates ? model.rates.input : '—'),
-                React.createElement('td', { className: 'uh-pricing-model-rate' }, model.status === 'priced' && model.rates ? model.rates.output : '—'),
-                React.createElement('td', { className: 'uh-pricing-model-rate' }, model.status === 'priced' && model.rates ? model.rates.cacheRead : '—'),
-                React.createElement('td', { className: 'uh-pricing-model-rate' }, model.status === 'priced' && model.rates ? model.rates.cacheWrite : '—'),
-              )),
-            ),
-          ),
-        ),
-          ),
-        React.createElement('div', { className: 'uh-pricing-section' },
-          React.createElement('div', { className: 'uh-pricing-section-head' }, React.createElement('strong', {}, tr('模型映射', 'Model mappings')), React.createElement('button', { type: 'button', className: 'uh-refresh', onClick: addPricingMapping }, React.createElement(LineIcon, { name: 'plus', size: 13 }), tr('添加映射', 'Add mapping'))),
-          pricingDraft.mappings.length === 0 ? React.createElement('div', { className: 'uh-empty', style: { padding: '12px 0' } }, tr('选择当前模型后，再指定对应的官方模型。DSH Provider 不参与计价。', 'Select a used model, then choose its official model. The DSH provider is ignored.')) : pricingDraft.mappings.map((mapping, index) => {
-            const usedModelQuery = String(pricingUsedModelSearchText[index] || '').trim().toLowerCase()
-            const mappingModelKey = pricingModelKey(mapping.model)
-            const mappingOfficialModelKey = pricingModelKey(mapping.catalogModelId)
-            const selectedUsedModel = pricingUsedModelOptions.find((option) => option.value === String(mapping.usageIdentityKey || '')) || pricingUsedModelOptions.find((option) => mappingModelKey !== '' && option.model === mappingModelKey) || pricingUsedModelOptions.find((option) => mappingOfficialModelKey !== '' && option.officialModel === mappingOfficialModelKey)
-            const usedModelOptions = pricingUsedModelOptions.filter((option) => usedModelQuery === '' || option.label.toLowerCase().includes(usedModelQuery))
-            return React.createElement('div', { key: index, className: 'uh-pricing-edit-row' },
-              React.createElement('div', { className: 'uh-pricing-used-model-picker' },
-                React.createElement('input', { type: 'text', className: 'uh-pricing-used-model-input', placeholder: tr('选择当前用过的模型', 'Select a used model'), value: pricingUsedModelSearchText[index] !== undefined ? pricingUsedModelSearchText[index] : (selectedUsedModel ? selectedUsedModel.label : ''), 'aria-label': tr('当前用过的模型', 'Used model'), 'aria-haspopup': 'listbox', 'aria-expanded': pricingUsedModelOpen === index, onFocus: () => { setPricingUsedModelOpen(index); setPricingUsedModelSearchText((prev) => Object.assign({}, prev, { [index]: '' })) }, onClick: () => setPricingUsedModelOpen(index), onBlur: () => setTimeout(() => { setPricingUsedModelOpen((current) => current === index ? null : current); if (selectedUsedModel) setPricingUsedModelSearchText((prev) => Object.assign({}, prev, { [index]: selectedUsedModel.label })) }, 120), onKeyDown: (event) => { if (event.key === 'Escape') setPricingUsedModelOpen(null) }, onChange: (event) => searchUsedModels(index, event.target.value) }),
-                pricingUsedModelOpen === index && usedModelOptions.length > 0 ? React.createElement('div', { className: 'uh-language-options uh-pricing-used-model-options', role: 'listbox', 'aria-label': tr('当前用过的模型', 'Used models') },
-                  usedModelOptions.map((option) => React.createElement('button', { key: option.value, type: 'button', role: 'option', className: 'uh-language-option uh-pricing-model-option', onMouseDown: (event) => event.preventDefault(), onClick: () => selectPricingUsedModel(index, option.value) },
-                    React.createElement(LineIcon, { name: 'list', size: 14 }),
-                    React.createElement('span', { className: 'uh-pricing-model-option-name' }, option.label),
-                  )),
-                ) : null,
-              ),
-              React.createElement('div', { className: 'uh-pricing-model-search' },
-                React.createElement('input', { type: 'text', className: 'uh-pricing-model-search-input', placeholder: tr('输入官方模型 ID 检索', 'Type official model ID to search'), value: mapping.catalogModelId || '', 'aria-label': tr('官方模型 ID', 'Official model ID'), 'aria-autocomplete': 'list', onFocus: () => setPricingModelSearchOpen(index), onBlur: () => setTimeout(() => setPricingModelSearchOpen((current) => current === index ? null : current), 120), onKeyDown: (event) => { if (event.key === 'Escape') setPricingModelSearchOpen(null) }, onChange: (event) => searchOfficialModels(index, event.target.value) }),
-                pricingModelSearchOpen === index && Array.isArray(pricingModelSearchOptions[index]) && pricingModelSearchOptions[index].length > 0 ? React.createElement('div', { className: 'uh-language-options uh-pricing-model-options', role: 'listbox', 'aria-label': tr('官方模型匹配结果', 'Official model matches') },
-                  pricingModelSearchOptions[index].map((option) => React.createElement('button', { key: option.value, type: 'button', role: 'option', className: 'uh-language-option uh-pricing-model-option', onMouseDown: (event) => event.preventDefault(), onClick: () => chooseOfficialModel(index, option) },
-                    React.createElement(LineIcon, { name: 'list', size: 14 }),
-                    React.createElement('span', { className: 'uh-pricing-model-option-name' }, option.label || option.value),
-                    React.createElement('span', { className: 'uh-pricing-model-option-id' }, option.value),
-                  )),
-                ) : null,
-              ),
-              React.createElement('input', { type: 'number', min: '0', step: 'any', title: tr('成本倍率', 'Cost multiplier'), 'aria-label': tr('成本倍率', 'Cost multiplier'), value: mapping.multiplier || '1', onChange: (event) => updatePricingMapping(index, 'multiplier', event.target.value) }),
-              React.createElement('button', { type: 'button', className: 'uh-refresh uh-icon-button', title: tr('删除映射', 'Remove mapping'), 'aria-label': tr('删除映射', 'Remove mapping'), onClick: () => removePricingMapping(index) }, React.createElement(LineIcon, { name: 'close', size: 14 })),
-            )
-          }),
-        ),
-        React.createElement('div', { className: 'uh-pricing-section' },
-          React.createElement('div', { className: 'uh-pricing-section-head' }, React.createElement('strong', {}, tr('显式价格覆盖', 'Explicit price overrides')), React.createElement('button', { type: 'button', className: 'uh-refresh', onClick: addPricingOverride }, React.createElement(LineIcon, { name: 'plus', size: 13 }), tr('添加价格', 'Add price'))),
-          pricingDraft.overrides.length === 0 ? React.createElement('div', { className: 'uh-empty', style: { padding: '12px 0' } }, tr('仅在官方目录未覆盖或有明确官方账单时添加；价格按模型 ID 生效。', 'Add an override only when the official catalog lacks the model or you have an authoritative official price. It applies by model ID.')) : React.createElement(React.Fragment, null,
-            React.createElement('div', { className: 'uh-pricing-price-head' },
-              React.createElement('span', {}, tr('官方模型 ID', 'Official model ID')),
-              React.createElement('span', {}, tr('输入价 / 1M', 'Input / 1M')),
-              React.createElement('span', {}, tr('输出价 / 1M', 'Output / 1M')),
-              React.createElement('span', {}, tr('缓存读 / 1M', 'Cache read / 1M')),
-              React.createElement('span', {}, tr('缓存写 / 1M', 'Cache write / 1M')),
-              React.createElement('span', {}, ''),
-            ),
-            pricingDraft.overrides.map((entry, index) => {
-              const overrideModelQuery = String(pricingOverrideSearchText[index] || '').trim().toLowerCase()
-              const overrideModelOptions = pricingUsedModelOptions.filter((option) => overrideModelQuery === '' || option.label.toLowerCase().includes(overrideModelQuery))
-              return React.createElement('div', { key: index, className: 'uh-pricing-edit-row uh-pricing-price-row' },
-                React.createElement('div', { className: 'uh-pricing-used-model-picker' },
-                  React.createElement('input', { type: 'text', className: 'uh-pricing-used-model-input', placeholder: tr('选择当前用过的模型', 'Select a used model'), value: pricingOverrideSearchText[index] !== undefined ? pricingOverrideSearchText[index] : (entry.modelId || ''), 'aria-label': tr('覆盖模型 ID', 'Override model ID'), 'aria-haspopup': 'listbox', 'aria-expanded': pricingOverrideOpen === index, onFocus: () => { setPricingOverrideOpen(index); setPricingOverrideSearchText((prev) => Object.assign({}, prev, { [index]: '' })) }, onClick: () => setPricingOverrideOpen(index), onBlur: () => setTimeout(() => { setPricingOverrideOpen((current) => current === index ? null : current); if (entry.modelId) setPricingOverrideSearchText((prev) => Object.assign({}, prev, { [index]: entry.modelId })) }, 120), onKeyDown: (event) => { if (event.key === 'Escape') setPricingOverrideOpen(null) }, onChange: (event) => searchPricingOverrideModels(index, event.target.value) }),
-                  pricingOverrideOpen === index && overrideModelOptions.length > 0 ? React.createElement('div', { className: 'uh-language-options uh-pricing-used-model-options', role: 'listbox', 'aria-label': tr('当前用过的模型', 'Used models') },
-                    overrideModelOptions.map((option) => React.createElement('button', { key: option.value, type: 'button', role: 'option', className: 'uh-language-option uh-pricing-model-option', onMouseDown: (event) => event.preventDefault(), onClick: () => selectPricingOverrideModel(index, option.value) },
-                      React.createElement(LineIcon, { name: 'list', size: 14 }),
-                      React.createElement('span', { className: 'uh-pricing-model-option-name' }, option.label),
-                    )),
-                  ) : null,
-                ),
-                React.createElement('input', { type: 'number', min: '0', step: 'any', placeholder: tr('输入价 / 1M', 'Input / 1M'), title: tr('输入价格，美元 / 100 万 Token', 'Input price, USD / 1M tokens'), 'aria-label': tr('输入价格 / 1M', 'Input price / 1M'), value: entry.input === undefined ? '' : entry.input, onChange: (event) => updatePricingOverride(index, 'input', event.target.value) }),
-                React.createElement('input', { type: 'number', min: '0', step: 'any', placeholder: tr('输出价 / 1M', 'Output / 1M'), title: tr('输出价格，美元 / 100 万 Token', 'Output price, USD / 1M tokens'), 'aria-label': tr('输出价格 / 1M', 'Output price / 1M'), value: entry.output === undefined ? '' : entry.output, onChange: (event) => updatePricingOverride(index, 'output', event.target.value) }),
-                React.createElement('input', { type: 'number', min: '0', step: 'any', placeholder: tr('缓存读 / 1M', 'Cache read / 1M'), title: tr('缓存读取价格，美元 / 100 万 Token', 'Cache read price, USD / 1M tokens'), 'aria-label': tr('缓存读取价格 / 1M', 'Cache read price / 1M'), value: entry.cacheRead === undefined ? '' : entry.cacheRead, onChange: (event) => updatePricingOverride(index, 'cacheRead', event.target.value) }),
-                React.createElement('input', { type: 'number', min: '0', step: 'any', placeholder: tr('缓存写 / 1M', 'Cache write / 1M'), title: tr('缓存写入价格，美元 / 100 万 Token', 'Cache write price, USD / 1M tokens'), 'aria-label': tr('缓存写入价格 / 1M', 'Cache write price / 1M'), value: entry.cacheWrite === undefined ? '' : entry.cacheWrite, onChange: (event) => updatePricingOverride(index, 'cacheWrite', event.target.value) }),
-                React.createElement('button', { type: 'button', className: 'uh-refresh uh-icon-button', title: tr('删除价格覆盖', 'Remove price override'), 'aria-label': tr('删除价格覆盖', 'Remove price override'), onClick: () => removePricingOverride(index) }, React.createElement(LineIcon, { name: 'close', size: 14 })),
-              )
-            }),
-          ),
-        ),
-        pricingError !== '' ? React.createElement('div', { className: 'uh-pricing-error', role: 'alert' }, pricingError === 'forbidden' ? tr('没有权限保存成本设置', 'Not allowed to save cost settings') : pricingError === 'token' ? tr('当前进程令牌不可用，请刷新看板', 'The process capability is unavailable; refresh the dashboard') : pricingError === 'sync' ? tr('models.dev 同步失败，已保留上次成功目录', 'models.dev sync failed; the last good catalog was kept') : tr('成本设置保存失败，请检查输入', 'Cost settings could not be saved; check the inputs')) : null,
-        React.createElement('div', { className: 'uh-pricing-foot' },
-          React.createElement('span', { className: 'uh-note' }, tr('保存不会重算已有正成本；回填只处理未计价调用。', 'Saving does not recalculate existing positive costs; backfill only handles unpriced calls.')),
-          React.createElement('div', { className: 'uh-actions' },
-            React.createElement('button', { type: 'button', className: 'uh-refresh', onClick: () => setPricingOpen(false) }, tr('取消', 'Cancel')),
-            React.createElement('button', { type: 'button', className: 'uh-refresh', disabled: pricingSaving || pricingSyncing, onClick: () => savePricingSettings(false) }, pricingSaving ? tr('保存中…', 'Saving…') : tr('保存', 'Save')),
-            React.createElement('button', { type: 'button', className: 'uh-refresh uh-pricing-backfill', disabled: pricingSaving || pricingSyncing, onClick: () => savePricingSettings(true) }, tr('保存并回填', 'Save and backfill')),
-          ),
-        ),
-      ) : null
-
-      let tip = null
-      if (hover !== null && hover !== undefined) {
-        const day = hover.day
-        let rowsContent = []
-        let tokensText = ''
-        if (day !== undefined) {
-          const sorted = (Array.isArray(day.perWorkspace) ? day.perWorkspace : []).slice().sort((a, b) => b.turns - a.turns)
-          rowsContent = sorted.map((entry) => {
-            const idx = wsIndex.get(entry.workspaceId)
-            return React.createElement('div', {
-              key: entry.workspaceId,
-              className: 'uh-tip-row',
-              onClick: () => { toggleFilter(entry.workspaceId); setHover(null) },
-            },
-              React.createElement('span', { className: 'uh-dot', style: { background: wsColor(idx === undefined ? 0 : idx) } }),
-              React.createElement('span', {}, wsTitle(entry.workspaceId)),
-              React.createElement('span', { className: 'uh-n' }, language === 'en' ? entry.turns + ' uses' : entry.turns + ' 次'),
-            )
-          })
-          const dayTokenValues = rowTokens(day)
-          if (dayTokenValues.input + dayTokenValues.output + dayTokenValues.cacheRead > 0) {
-            tokensText = language === 'en' ? 'Tokens: Input ' + fmtCompact(dayTokenValues.input) + ' · Cache hits ' + fmtCompact(dayTokenValues.cacheRead) + ' · Output ' + fmtCompact(dayTokenValues.output) : 'Token：输入 ' + fmtCompact(dayTokenValues.input) + ' · 缓存命中 ' + fmtCompact(dayTokenValues.cacheRead) + ' · 输出 ' + fmtCompact(dayTokenValues.output)
-          }
-        }
-        const flip = hover.x > 640
-        tip = React.createElement('div', {
-          key: hover.date,
-          className: 'uh-tip',
-          style: {
-            left: hover.x + 14,
-            top: hover.y + 12,
-            transform: flip ? 'translateX(calc(-100% - 28px))' : 'none',
-          },
-        },
-          React.createElement('div', { className: 'uh-tip-date' }, humanDate(hover.date, language)),
-          day !== undefined && day.turns > 0
-            ? rowsContent
-            : React.createElement('div', { className: 'uh-empty', style: { padding: '6px 0' } }, tr('这一天没有使用记录', 'No usage records for this day')),
-          tokensText !== '' ? React.createElement('div', { className: 'uh-tip-tokens' }, tokensText) : null,
-        )
-      }
-
-      const rangeLabel = range === 'custom' && activeCustomRange !== null
-        ? (language === 'en' ? activeCustomRange.start + ' to ' + activeCustomRange.end + ' (UTC)' : activeCustomRange.start + ' 至 ' + activeCustomRange.end)
-        : range === 'today' ? tr('今日', 'Today') : range === '30d' ? tr('近 30 天', 'Last 30 Days') : range === '90d' ? tr('近 90 天', 'Last 90 Days') : tr('全部', 'All Time')
-      const rangeFilePart = rangeFilenamePart(range, activeCustomRange, useUtc)
-      const customRangeErrorText = customDraftIssue === 'invalid'
-        ? tr('请选择有效的开始日期和结束日期', 'Choose valid start and end dates')
-        : customDraftIssue === 'order'
-          ? tr('结束日期不能早于开始日期', 'End date must be on or after the start date')
-          : customDraftIssue === 'bounds'
-            ? tr('可选范围为 ' + earliestAvailableDate + ' 至 ' + latestCalendarDate, 'Choose a date from ' + earliestAvailableDate + ' to ' + latestCalendarDate)
-            : ''
-      const customRangePanel = customRangeOpen ? React.createElement('div', { className: 'uh-custom-range', role: 'group', 'aria-label': tr('自定义时间范围', 'Custom date range') },
-        React.createElement('div', { className: 'uh-custom-range-meta' },
-          React.createElement('div', { className: 'uh-custom-range-title' }, React.createElement(LineIcon, { name: 'calendar', size: 15 }), tr('自定义时间范围', 'Custom date range')),
-          React.createElement('div', { className: 'uh-custom-range-note' }, tr('可查看全部可扫描历史日数据；中文按本地日期，English 按 UTC。热力图始终展示最近 53 周。', 'All available historical daily data can be selected. Chinese uses local dates; English uses UTC. The heatmap always shows the latest 53 weeks.')),
-        ),
-        React.createElement('div', { className: 'uh-custom-range-fields' },
-          React.createElement('label', { className: 'uh-custom-range-field' },
-            React.createElement('span', {}, tr('开始日期', 'Start date')),
-            React.createElement('input', { type: 'date', value: customDraft.start, min: earliestAvailableDate, max: latestCalendarDate, onChange: (event) => setCustomDraft((prev) => Object.assign({}, prev, { start: event.target.value })) }),
-          ),
-          React.createElement('label', { className: 'uh-custom-range-field' },
-            React.createElement('span', {}, tr('结束日期', 'End date')),
-            React.createElement('input', { type: 'date', value: customDraft.end, min: earliestAvailableDate, max: latestCalendarDate, onChange: (event) => setCustomDraft((prev) => Object.assign({}, prev, { end: event.target.value })) }),
-          ),
-        ),
-        React.createElement('div', { className: 'uh-custom-range-actions' },
-          React.createElement('button', { type: 'button', className: 'uh-custom-range-cancel', onClick: () => setCustomRangeOpen(false) }, tr('取消', 'Cancel')),
-          React.createElement('button', { type: 'button', className: 'uh-custom-range-apply', disabled: customDraftIssue !== '', onClick: applyCustomRange }, tr('应用', 'Apply')),
-        ),
-        customRangeErrorText !== '' ? React.createElement('div', { className: 'uh-custom-range-error', role: 'alert' }, customRangeErrorText) : null,
-      ) : null
-      const trendBounds = queryScope !== null ? { start: queryScope.start, end: queryScope.end } : resolveRangeBounds(stats, range, useUtc, activeCustomRange)
-      const hourlyTrendRows = queryReady && queryScope !== null && queryScope.start === queryScope.end && queryResult && Array.isArray(queryResult.hourly) ? buildTrendHourlyRows(queryResult.hourly, useUtc) : []
-      const trendRows = hourlyTrendRows.length > 0 ? hourlyTrendRows : buildTrendRows(queryReady && queryResult && Array.isArray(queryResult.daily) ? queryResult.daily : activeDayRows, trendBounds, useUtc)
-      const trendAnimationKey = queryReady && queryResult ? queryKey + ':' + queryResult.revision : queryKey
-      const toggleTrendSeries = (key) => {
-        setTrendVisible((prev) => {
-          if (prev.includes(key)) return prev.length <= 1 ? prev : prev.filter((item) => item !== key)
-          return prev.concat(key)
-        })
-      }
-      const trendPanel = React.createElement(UsageTrendChart, {
-        key: trendAnimationKey,
-        rows: trendRows,
-        visible: trendVisible,
-        language,
-        rangeLabel,
-        loading: queryLoading && !queryReady,
-        error: queryError !== '' && queryError !== 'stale' && !queryReady ? tr('趋势数据加载失败', 'Trend data unavailable') : '',
-        onToggle: toggleTrendSeries,
-        onPointClick: openAuditForDate,
-      })
-      const detailScopeLabel = selectedDetailScope === null
-        ? rangeLabel
-        : selectedDetailScope.start === selectedDetailScope.end
-          ? selectedDetailScope.start
-          : selectedDetailScope.start + ' → ' + selectedDetailScope.end
-      const auditToken = (row, key) => Number(row && row.values && row.values[key]) || 0
-      const auditTotal = (row) => auditToken(row, 'input') + auditToken(row, 'cacheRead') + auditToken(row, 'cacheWrite') + auditToken(row, 'output') + auditToken(row, 'reasoning')
-      const auditSource = (row) => row && row.materialization === 'ledger-recovery' ? tr('账本恢复', 'Ledger recovery') : row && row.materialization === 'ledger-reuse' ? tr('账本复用', 'Ledger reuse') : row && row.materialization === 'scan' ? tr('扫描', 'Scan') : row && row.materialization === 'live' ? tr('实时', 'Live') : tr('未知', 'Unknown')
-      const auditTime = (row, detailed) => row && Number.isFinite(row.time) ? new Date(row.time).toLocaleString(language === 'en' ? 'en-US' : 'zh-CN', language === 'en' ? (detailed ? { timeZone: 'UTC' } : { timeZone: 'UTC', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' }) : (detailed ? undefined : { month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' })) : '—'
-      const selectedAudit = auditRows.find((row) => row.id === auditSelectedId) || auditRows[0] || null
-      const exportAuditCsv = async () => {
-        if (selectedDetailScope === null || auditExporting) return
-        setAuditExporting(true)
-        setAuditError('')
-        try {
-          let cursor = null
-          const all = []
-          for (let page = 0; page < 50; page += 1) {
-            const data = await getUsageRecords(selectedDetailScope, cursor, 200)
-            if (data === null || typeof data !== 'object' || !Array.isArray(data.items)) throw new Error('audit export failed')
-            all.push(...data.items)
-            if (!data.hasMore || !data.nextCursor) break
-            cursor = data.nextCursor
-          }
-          const quote = (value) => '"' + String(value === undefined || value === null ? '' : value).replace(/"/g, '""') + '"'
-          const line = (values) => values.map(quote).join(',')
-          const headers = [tr('时间', 'Time'), tr('日期', 'Date'), tr('Provider', 'Provider'), tr('请求模型', 'Requested model'), tr('实际模型', 'Actual model'), tr('显示模型', 'Display model'), 'turn', 'step', 'seq', tr('输入', 'Input'), tr('缓存命中', 'Cache read'), tr('缓存写入', 'Cache write'), tr('输出', 'Output'), tr('推理', 'Reasoning'), tr('成本', 'Cost'), tr('计价状态', 'Cost status'), tr('计价模型', 'Pricing model'), tr('来源', 'Source')]
-          const lines = [line([tr('DSH 用量明细导出', 'DSH Usage Audit Export')]), line([tr('范围', 'Scope'), selectedDetailScope.start + ' → ' + selectedDetailScope.end]), line([tr('时区', 'Timezone'), selectedDetailScope.utc ? 'UTC' : tr('本地', 'Local')]), line(headers)]
-          for (const row of all) lines.push(line([row.time, row.date, row.provider, row.requestedModel, row.actualModel, row.model, row.turn, row.step, row.seq, auditToken(row, 'input'), auditToken(row, 'cacheRead'), auditToken(row, 'cacheWrite'), auditToken(row, 'output'), auditToken(row, 'reasoning'), row.cost && row.cost.status === 'priced' ? row.cost.total : '', row.cost && row.cost.status ? row.cost.status : 'unpriced', row.cost && row.cost.pricingModel ? row.cost.pricingModel : '', row.materialization || 'unknown']))
-          const blob = new Blob(['\uFEFF' + lines.join('\r\n')], { type: 'text/csv;charset=utf-8' })
-          const url = URL.createObjectURL(blob)
-          const anchor = document.createElement('a')
-          anchor.href = url
-          anchor.download = 'dsh-all-usage-audit-' + selectedDetailScope.start + '-to-' + selectedDetailScope.end + '.csv'
-          document.body.appendChild(anchor); anchor.click(); anchor.remove()
-          URL.revokeObjectURL(url)
-        } catch (err) {
-          setAuditError('audit-export')
-        } finally {
-          setAuditExporting(false)
-        }
-      }
-      const recordsPanel = React.createElement('div', { className: 'uh-panel uh-records-panel', ref: recordsPanelRef, style: { display: detailView === 'logs' ? 'block' : 'none' } },
-        React.createElement('div', { className: 'uh-records-head' },
-          React.createElement('div', {},
-            React.createElement('h3', { className: 'uh-tbl-title uh-title-with-icon' }, React.createElement(LineIcon, { name: 'list', size: 16 }), tr('请求日志', 'Request Logs')),
-            React.createElement('div', { className: 'uh-note' }, detailScopeLabel + (selectedDetailScope && selectedDetailScope.utc ? ' · UTC' : '')),
-          ),
-          React.createElement('div', { className: 'uh-actions' },
-            auditLoading ? React.createElement('span', { className: 'uh-query-note' }, tr('同步中…', 'Refreshing…')) : null,
-            React.createElement('button', { type: 'button', className: 'uh-refresh', title: tr('导出当前日志', 'Export current logs'), onClick: exportAuditCsv, disabled: auditExporting || selectedDetailScope === null }, React.createElement(LineIcon, { name: 'export', size: 13 }), auditExporting ? tr('导出中…', 'Exporting…') : tr('导出日志', 'Export logs')),
-          ),
-        ),
-        auditError !== '' ? React.createElement('div', { className: 'uh-records-error', role: 'alert' }, auditError === 'stale' ? tr('数据已更新，正在重新加载日志…', 'Data changed; reloading logs…') : auditError === 'audit-export' ? tr('日志导出失败', 'Unable to export logs') : tr('日志加载失败，请重试', 'Unable to load logs')) : null,
-        React.createElement('div', { className: 'uh-records-note' }, tr('按时间倒序显示可审计的 Token 调用；选择一行查看 turn / step 和完整 Token 分桶。', 'Token calls are newest first; select a row to inspect its turn / step and token buckets.')),
-        auditRows.length === 0 && !auditLoading ? React.createElement('div', { className: 'uh-empty' }, tr('当前范围没有可审计的 Token 调用', 'No auditable Token calls in this scope')) : React.createElement('div', { className: 'uh-records-scroll' },
-          React.createElement('div', { className: 'uh-record-grid uh-record-header' },
-            React.createElement('div', {}, tr('时间', 'Time')), React.createElement('div', {}, tr('Provider / 模型', 'Provider / Model')), React.createElement('div', { className: 'uh-record-num' }, 'turn / step'), React.createElement('div', { className: 'uh-record-num' }, tr('输入', 'Input')), React.createElement('div', { className: 'uh-record-num' }, tr('缓存命中', 'Cache read')), React.createElement('div', { className: 'uh-record-num' }, tr('缓存写入', 'Cache write')), React.createElement('div', { className: 'uh-record-num' }, tr('输出', 'Output')), React.createElement('div', { className: 'uh-record-num' }, tr('成本', 'Cost')), React.createElement('div', {}, tr('来源', 'Source')),
-          ),
-          auditRows.map((row) => React.createElement('div', { key: row.id, className: 'uh-record-grid uh-record-row' + (selectedAudit && selectedAudit.id === row.id ? ' uh-on' : ''), role: 'button', tabIndex: 0, 'aria-pressed': selectedAudit && selectedAudit.id === row.id, onClick: () => setAuditSelectedId(row.id), onKeyDown: (event) => { if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); setAuditSelectedId(row.id) } } },
-            React.createElement('div', { className: 'uh-record-time' }, auditTime(row, false)),
-            React.createElement('div', { className: 'uh-record-model', title: row.model || '' }, row.model || tr('未知模型', 'Unknown model'), row.requestedModel && row.actualModel && row.requestedModel !== row.actualModel ? React.createElement('small', {}, row.requestedModel + ' → ' + row.actualModel) : null),
-            React.createElement('div', { className: 'uh-record-num' }, (row.turn === null || row.turn === undefined ? '—' : row.turn) + ' / ' + (row.step === null || row.step === undefined ? '—' : row.step)),
-            React.createElement('div', { className: 'uh-record-num' }, fmtCompact(auditToken(row, 'input'))),
-            React.createElement('div', { className: 'uh-record-num' }, fmtCompact(auditToken(row, 'cacheRead'))),
-            React.createElement('div', { className: 'uh-record-num' }, fmtCompact(auditToken(row, 'cacheWrite'))),
-            React.createElement('div', { className: 'uh-record-num' }, fmtCompact(auditToken(row, 'output'))),
-            React.createElement('div', { className: 'uh-record-num uh-cost-num' }, costDisplay(row, language)),
-            React.createElement('div', { className: 'uh-record-source' }, auditSource(row)),
-          )),
-        ),
-        React.createElement('div', { className: 'uh-records-footer' },
-          React.createElement('span', { className: 'uh-note' }, auditRows.length > 0 ? (auditHasMore ? tr('已显示 ' + auditRows.length + ' 条，继续加载可查看更多', auditRows.length + ' shown; load more for additional records') : tr('共显示 ' + auditRows.length + ' 条', auditRows.length + ' records shown')) : ''),
-          auditHasMore ? React.createElement('button', { type: 'button', className: 'uh-refresh', onClick: loadMoreAudit, disabled: auditLoading }, auditLoading ? tr('加载中…', 'Loading…') : tr('加载更多', 'Load more')) : null,
-        ),
-        selectedAudit ? React.createElement('div', { className: 'uh-record-detail' },
-          React.createElement('div', { className: 'uh-record-detail-head' }, React.createElement('strong', {}, tr('选中调用', 'Selected call')), React.createElement('span', { className: 'uh-note' }, auditTime(selectedAudit, true))),
-          React.createElement('div', { className: 'uh-record-detail-meta' },
-            React.createElement('span', {}, (selectedAudit.provider || tr('未知供应商', 'Unknown provider')) + ' / ' + (selectedAudit.actualModel || selectedAudit.requestedModel || selectedAudit.model || tr('未知模型', 'Unknown model'))),
-            React.createElement('span', {}, 'turn ' + (selectedAudit.turn === null || selectedAudit.turn === undefined ? '—' : selectedAudit.turn) + ' · step ' + (selectedAudit.step === null || selectedAudit.step === undefined ? '—' : selectedAudit.step)),
-            React.createElement('span', {}, tr('来源：', 'Source: ') + auditSource(selectedAudit)),
-            React.createElement('span', {}, tr('计价模型：', 'Pricing model: ') + (selectedAudit.cost && selectedAudit.cost.pricingModel ? selectedAudit.cost.pricingModel : tr('未计价', 'unpriced'))),
-          ),
-          React.createElement('div', { className: 'uh-record-token-strip' },
-            ['input', 'cacheRead', 'cacheWrite', 'output', 'reasoning'].map((key) => React.createElement('div', { key }, React.createElement('span', {}, key === 'cacheRead' ? tr('缓存命中', 'Cache read') : key === 'cacheWrite' ? tr('缓存写入', 'Cache write') : key === 'reasoning' ? tr('推理', 'Reasoning') : key === 'input' ? tr('输入', 'Input') : tr('输出', 'Output')), React.createElement('strong', {}, fmtCompact(auditToken(selectedAudit, key))))),
-            React.createElement('div', { className: 'uh-record-token-total' }, React.createElement('span', {}, tr('总处理', 'Total')), React.createElement('strong', {}, fmtCompact(auditTotal(selectedAudit)))),
-            React.createElement('div', { className: 'uh-record-token-total' }, React.createElement('span', {}, tr('成本', 'Cost')), React.createElement('strong', {}, costDisplay(selectedAudit, language))),
-          ),
-        ) : null,
-      )
-      const scanning = !scan.done
-      const pct = scan.total > 0 ? Math.min(100, Math.round((scan.scanned / scan.total) * 100)) : 40
-      const isEmpty = scan.done && dayRows.length === 0 && agg.totals.turns === 0 && agg.totals.calls === 0
-      const syncCompletedAt = typeof sync.lastCompletedAt === 'number' && sync.lastCompletedAt > 0 ? new Date(sync.lastCompletedAt).toLocaleString(language === 'en' ? 'en-US' : 'zh-CN') : ''
-      const lastStatsText = lastStatsAt > 0 ? new Date(lastStatsAt).toLocaleString(language === 'en' ? 'en-US' : 'zh-CN') : ''
-      const healthTitle = syncCompletedAt === '' ? undefined : (language === 'en' ? 'Historical scan completed ' + syncCompletedAt : '历史扫描完成于 ' + syncCompletedAt)
-      const healthText = language === 'en'
-        ? (lastStatsText !== '' ? 'Updated ' + lastStatsText : (scanning ? 'Refreshing data' : 'Update state pending'))
-          + ' · ' + (sync.sessionsSkippedByRevision || 0) + ' revision reused'
-          + ' · ' + (sync.sessionsRead || 0) + ' read'
-          + ((sync.sessionsRestoredFromLedger || 0) > 0 ? ' · ' + sync.sessionsRestoredFromLedger + ' ledger restored' : '')
-          + ((sync.sessionsFailed || 0) > 0 ? ' · ' + sync.sessionsFailed + ' failed' : '')
-          + ' · ' + (sync.persistenceSnapshotsAvailable === true ? 'revision optimization on' : 'full-read fallback')
-        : (lastStatsText !== '' ? '已更新 ' + lastStatsText : (scanning ? '正在更新数据' : '数据更新准备中'))
-          + ' · revision 复用 ' + (sync.sessionsSkippedByRevision || 0)
-          + ' · 实际读取 ' + (sync.sessionsRead || 0)
-          + ((sync.sessionsRestoredFromLedger || 0) > 0 ? ' · 账本恢复 ' + sync.sessionsRestoredFromLedger : '')
-          + ((sync.sessionsFailed || 0) > 0 ? ' · 失败 ' + sync.sessionsFailed : '')
-          + ' · ' + (sync.persistenceSnapshotsAvailable === true ? '免读优化已启用' : '全量读取回退')
-      const staleText = statsError === '' ? '' : (language === 'en'
-        ? 'Usage data may be stale' + (lastStatsText !== '' ? '; last full update ' + lastStatsText : '')
-        : '用量数据可能已过期' + (lastStatsText !== '' ? '；上次完整更新 ' + lastStatsText : ''))
-
-      return React.createElement('div', { className: 'uh-page' },
-        React.createElement('div', { className: 'uh-head' },
-          React.createElement('div', { className: 'uh-title-wrap' },
-            React.createElement('h2', { className: 'uh-title' }, tr('用量统计', 'Usage Statistics')),
-          ),
-          React.createElement('div', { className: 'uh-actions' },
-            React.createElement('button', {
-              className: 'uh-refresh',
-              title: tr('管理工作区别名', 'Manage workspace aliases'),
-              onClick: () => { if (aliasOpen) setAliasOpen(false); else openAliasPanel() },
-            }, React.createElement(LineIcon, { name: 'edit', size: 14 }), tr('工作区别名', 'Workspace Aliases')),
-            React.createElement('button', {
-              className: 'uh-refresh',
-              title: tr('配置模型价格与同步', 'Configure model prices and sync'),
-              onClick: () => { if (pricingOpen) setPricingOpen(false); else openPricingPanel() },
-            }, React.createElement(LineIcon, { name: 'wallet', size: 14 }), tr('成本设置', 'Cost Settings')),
-            React.createElement('div', {
-              className: 'uh-language-menu' + (languageMenuOpen ? ' uh-open' : ''),
-              ref: languageMenuRef,
-              onKeyDown: (event) => { if (event.key === 'Escape') { event.preventDefault(); setLanguageMenuOpen(false) } },
-            },
-              React.createElement('button', {
-                type: 'button',
-                className: 'uh-language-trigger' + (languageMenuOpen ? ' uh-open' : ''),
-                title: tr('切换界面语言', 'Change interface language'),
-                'aria-label': tr('界面语言', 'Interface language'),
-                'aria-haspopup': 'menu',
-                'aria-expanded': languageMenuOpen,
-                onClick: () => setLanguageMenuOpen((open) => !open),
-              },
-                React.createElement(LineIcon, { name: 'language', size: 14 }),
-                React.createElement('span', { className: 'uh-language-label' }, language === 'en' ? 'English' : '中文'),
-                React.createElement(LineIcon, { name: 'chevron', size: 13, className: 'uh-language-caret' }),
-              ),
-              languageMenuOpen ? React.createElement('div', { className: 'uh-language-options', role: 'menu', 'aria-label': tr('界面语言', 'Interface language') },
-                [['zh', '中文'], ['en', 'English']].map((entry) => React.createElement('button', {
-                  key: entry[0],
-                  type: 'button',
-                  role: 'menuitemradio',
-                  'aria-checked': language === entry[0],
-                  className: 'uh-language-option' + (language === entry[0] ? ' uh-on' : ''),
-                  onClick: () => chooseLanguage(entry[0]),
-                },
-                  React.createElement(LineIcon, { name: 'language', size: 14 }),
-                  React.createElement('span', {}, entry[1]),
-                  language === entry[0] ? React.createElement(LineIcon, { name: 'check', size: 14, className: 'uh-language-option-check' }) : null,
-                )),
-              ) : null,
-            ),
-            React.createElement('div', { className: 'uh-range' },
-              ['today', '30d', '90d', 'all', 'custom'].map((r) => React.createElement('button', {
-                key: r,
-                type: 'button',
-                className: range === r ? 'uh-on' : '',
-                title: r === 'custom' && range === 'custom' ? rangeLabel : undefined,
-                onClick: () => { if (r === 'custom') openCustomRange(); else chooseRange(r) },
-              }, r === 'today' ? tr('今日', 'Today') : r === '30d' ? tr('近 30 天', 'Last 30 Days') : r === '90d' ? tr('近 90 天', 'Last 90 Days') : r === 'all' ? tr('全部', 'All Time') : tr('自定义', 'Custom'))),
-            ),
-            React.createElement('button', { className: 'uh-refresh', title: tr('导出当前时间范围与模型查看模式的 CSV 数据', 'Export CSV data for the current time range and model view'), onClick: exportCsv }, React.createElement(LineIcon, { name: 'export', size: 14 }), tr('导出数据', 'Export Data')),
-            React.createElement('button', { className: 'uh-refresh uh-icon-button', title: tr('刷新统计数据', 'Refresh usage statistics'), 'aria-label': tr('刷新统计数据', 'Refresh usage statistics'), onClick: onRefresh }, React.createElement(LineIcon, { name: 'refresh', size: 16 })),
-          ),
-        ),
-        React.createElement('div', { className: 'uh-filter-bar', role: 'group', 'aria-label': tr('统一筛选', 'Unified filters') },
-          React.createElement(UsageFilterMenu, {
-            label: tr('全部工作区', 'All workspaces'),
-            ariaLabel: tr('工作区筛选', 'Workspace filter'),
-            className: 'uh-filter-workspace',
-            icon: 'folder',
-            value: wsFilter || '',
-            options: [{ value: '', label: tr('全部工作区', 'All workspaces') }].concat(rangeWorkspaceOptions.map((w) => ({ value: w.id, label: wsTitle(w.id) }))),
-            onChange: (value) => setWsFilter(value || null),
-          }),
-          React.createElement(UsageFilterMenu, {
-            label: tr('全部供应商', 'All providers'),
-            ariaLabel: tr('供应商筛选', 'Provider filter'),
-            className: 'uh-filter-provider',
-            icon: 'chart',
-            value: providerFilter || '',
-            options: [{ value: '', label: tr('全部供应商', 'All providers') }].concat(providerOptions.map((value) => ({ value, label: value }))),
-            onChange: (value) => chooseProvider(value),
-          }),
-          React.createElement(UsageFilterMenu, {
-            label: tr('全部模型', 'All models'),
-            ariaLabel: tr('模型筛选', 'Model filter'),
-            className: 'uh-filter-model',
-            icon: 'cache',
-            value: modelFilter || '',
-            options: [{ value: '', label: tr('全部模型', 'All models') }].concat(modelOptions.map((value) => ({ value, label: value }))),
-            onChange: (value) => chooseModel(value),
-          }),
-          (wsFilter !== null || providerFilter !== null || modelFilter !== null) ? React.createElement('button', { type: 'button', className: 'uh-filter-clear', onClick: clearFilters }, tr('清除筛选', 'Clear filters')) : null,
-          queryLoading ? React.createElement('span', { className: 'uh-query-note' }, tr('正在更新筛选结果…', 'Updating filtered data…')) : null,
-          queryError !== '' && queryError !== 'stale' ? React.createElement('span', { className: 'uh-query-note', role: 'alert' }, tr('筛选结果加载失败', 'Filtered data unavailable')) : null,
-        ),
-        aliasOpen ? aliasPanel : null,
-        pricingPanel,
-        customRangePanel,
-        scanning ? React.createElement('div', { className: 'uh-progress' },
-          React.createElement('span', {}, language === 'en' ? 'Scanning historical sessions: ' + scan.scanned + ' / ' + scan.total + (scan.failed > 0 ? ' (' + scan.failed + ' failed to read)' : '') : '正在统计历史会话 ' + scan.scanned + ' / ' + scan.total + (scan.failed > 0 ? '（' + scan.failed + ' 个读取失败）' : '')),
-          React.createElement('div', { className: 'uh-bar' }, React.createElement('div', { className: 'uh-fill', style: { width: pct + '%' } })),
-        ) : null,
-        React.createElement('div', { className: 'uh-sync-health' + (staleText !== '' ? ' uh-stale' : ''), title: staleText !== '' ? undefined : healthTitle },
-          React.createElement(LineIcon, { name: staleText !== '' ? 'refresh' : 'clock', size: 14 }),
-          React.createElement('span', {}, staleText !== '' ? staleText : healthText),
-          staleText !== '' ? React.createElement('button', { className: 'uh-sync-retry', onClick: onRefresh }, tr('重试', 'Retry')) : null,
-        ),
-        isEmpty ? React.createElement('div', { className: 'uh-panel' },
-          React.createElement('div', { className: 'uh-empty' }, tr('还没有使用记录。开始对话后，这里会点亮。', 'No usage recorded yet. This area will light up after you start a conversation.')),
-        ) : React.createElement(React.Fragment, null,
-          React.createElement(React.Fragment, null,
-          React.createElement('div', { className: 'uh-ios-summary' },
-            React.createElement('div', { className: 'uh-ios-summary-hero' },
-              React.createElement('div', { className: 'uh-ios-summary-total' },
-                React.createElement('div', { className: 'uh-ios-summary-total-icon' }, React.createElement(LineIcon, { name: 'chart', size: 24 })),
-                React.createElement('div', { className: 'uh-ios-summary-total-copy' },
-                  React.createElement('div', { className: 'uh-ios-summary-label' }, tr('总处理 Token', 'Total Tokens Processed')),
-                  React.createElement('div', { className: 'uh-ios-summary-value' }, valueWithMagnitude(fmtCompact(animatedTotal), totalTokens, language)),
-                  React.createElement('div', { className: 'uh-ios-summary-caption' }, language === 'en' ? rangeLabel + ' · ' + fmtCompact(animatedTurns) + (scopedCountIsCalls ? ' calls' : ' uses') + ' · includes cache reads/writes and reasoning' : rangeLabel + ' · ' + fmtCompact(animatedTurns) + (scopedCountIsCalls ? ' 次调用' : ' 次使用') + ' · 含缓存读写与推理'),
-                ),
-              ),
-              React.createElement('div', { className: 'uh-ios-summary-meta' },
-                React.createElement('div', { className: 'uh-ios-summary-meta-stat' },
-                  React.createElement('div', { className: 'uh-ios-summary-meta-label' }, React.createElement(LineIcon, { name: 'chart', size: 16 }), tr('总请求数', 'Total Requests')),
-                  React.createElement('div', { className: 'uh-ios-summary-meta-value' }, fmtCount(animatedRequests, language)),
-                ),
-                React.createElement('div', { className: 'uh-ios-summary-meta-stat uh-ios-summary-meta-cost' },
-                  React.createElement('div', { className: 'uh-ios-summary-meta-label' }, React.createElement(LineIcon, { name: 'wallet', size: 16 }), tr('估算成本', 'Estimated Cost')),
-                  React.createElement('div', { className: 'uh-ios-summary-meta-value' }, costValue),
-                  React.createElement('div', { className: 'uh-ios-summary-meta-caption' }, costCoverage),
-                ),
-              ),
-            ),
-            React.createElement('div', { className: 'uh-ios-metrics' },
-              card(tr('DeepSeek 账户余额', 'DeepSeek Account Balance'), balanceValue, balanceSub, 0, 'wallet'),
-              card(scopedCountIsCalls ? tr('匹配调用次数', 'Matching Calls') : tr('总使用次数', 'Total Uses'), fmtCompact(animatedTurns), range === 'all' && !scopedCountIsCalls ? (language === 'en' ? agg.totals.sessions + ' sessions' : agg.totals.sessions + ' 个会话') : (language === 'en' ? (scopedCountIsCalls ? 'Calls in ' : 'Turns in ') + rangeLabel : rangeLabel + (scopedCountIsCalls ? '内的调用数' : '内的回合数')), 1, 'chart'),
-              card(tr('连续使用', 'Current Streak'), language === 'en' ? st.streak + ' days' : st.streak + ' 天', language === 'en' ? 'Longest streak: ' + st.best + ' days' : '最长连续 ' + st.best + ' 天', 2, 'clock'),
-              tokenCard,
-              summaryRateMetric,
-            ),
-          ),
-          React.createElement('div', { className: 'uh-token-semantics' },
-            React.createElement(LineIcon, { name: 'cache', size: 16 }),
-            tr('总处理 Token = 输入 + 输出 + 缓存读写 + 推理。缓存命中代表复用上下文，不等于新生成 Token 或实际费用。', 'Total tokens processed = input + output + cache reads/writes + reasoning. Cache hits represent reused context; they are not newly generated tokens or actual cost.'),
-          ),
-          trendPanel,
-          React.createElement('div', { className: 'uh-panel' },
-            React.createElement('div', { className: 'uh-section-title' }, React.createElement(LineIcon, { name: 'calendar', size: 16 }), tr('使用热力图', 'Usage Heatmap')),
-            React.createElement('div', { className: 'uh-hm-head' },
-              React.createElement('div', { className: 'uh-chips' }, workspaces.map((w, i) => {
-                const on = wsFilter === w.id
-                return React.createElement('button', {
-                  key: w.id,
-                  className: 'uh-chip' + (on ? ' uh-on' : ''),
-                  onClick: () => toggleFilter(w.id),
-                  title: w.path,
-                },
-                  React.createElement('span', { className: 'uh-dot', style: { background: wsColor(i) } }),
-                  React.createElement('span', { className: 'uh-chip-title' }, wsTitle(w.id)),
-                )
-              })),
-              React.createElement('div', { className: 'uh-legend' },
-                React.createElement('span', {}, tr('少', 'Less')),
-                [0, 1, 2, 3, 4].map((l) => React.createElement('span', { key: l, className: 'uh-cell', style: { background: cellBg(l) } })),
-                React.createElement('span', {}, tr('多', 'More')),
-              ),
-            ),
-            React.createElement('div', { className: 'uh-hm-scroll' },
-              React.createElement('div', { className: 'uh-months' }, monthLabels.map((m, i) => React.createElement('span', { key: i, style: { left: m.left } }, m.text))),
-              React.createElement('div', { className: 'uh-hm-body' },
-                React.createElement('div', { className: 'uh-wdays' }, weekdayLabels.map((w, i) => React.createElement('span', { key: i }, w))),
-                React.createElement('div', { className: 'uh-grid' }, cellElements),
-              ),
-            ),
-            React.createElement('div', { className: 'uh-note', style: { marginTop: 10 } }, tr('口径：每完成一个回合点亮一次（含子代理会话）；悬停查看按工作区明细，点击工作区可筛选热力图与明细表。日期按本地时区。', 'Methodology: one cell lights up for each completed turn, including subagent sessions. Hover to view workspace details; click a workspace to filter the heatmap and detail tables. English dates and day boundaries use UTC.')),
-          ),
-          React.createElement('div', { className: 'uh-detail-tabs', role: 'tablist', 'aria-label': tr('用量明细视图', 'Usage detail views') },
-            [['logs', tr('请求日志', 'Request Logs'), 'list'], ['model', tr('模型统计', 'Model Stats'), 'chart'], ['workspace', tr('工作区统计', 'Workspace Stats'), 'folder']].map((entry) => React.createElement('button', { key: entry[0], type: 'button', role: 'tab', 'aria-selected': detailView === entry[0], className: 'uh-detail-tab' + (detailView === entry[0] ? ' uh-on' : ''), onClick: () => setDetailView(entry[0]) }, React.createElement(LineIcon, { name: entry[2], size: 14 }), entry[1])),
-          ),
-          recordsPanel,
-          ),
-          detailView === 'model' ? React.createElement('div', { className: 'uh-panel uh-ios-list-panel' },
-            React.createElement('div', { className: 'uh-hm-head' },
-              React.createElement('h3', { className: 'uh-tbl-title uh-title-with-icon', style: { margin: 0 } }, React.createElement(LineIcon, { name: 'chart', size: 16 }), language === 'en' ? 'Model Usage Details (' + rangeLabel + ')' : '模型用量明细（' + rangeLabel + '）'),
-              React.createElement('div', { className: 'uh-range' },
-                [['route', tr('混合查看', 'Combined View')], ['model', tr('按模型', 'By Model')], ['provider', tr('按供应商', 'By Provider')]].map((entry) => React.createElement('button', {
-                  key: entry[0], className: modelView === entry[0] ? 'uh-on' : '', onClick: () => setModelView(entry[0]),
-                }, entry[1])),
-              ),
-            ),
-            modelRows.length === 0
-              ? React.createElement('div', { className: 'uh-empty' }, tr('尚无带模型路由信息的用量记录', 'No usage records with model-routing information yet'))
-              : React.createElement(React.Fragment, null,
-                modelDonutChart,
-                React.createElement('div', { className: 'uh-tbl-scroll' },
-                  React.createElement('div', { className: 'uh-model-hrow uh-hrow' },
-                    React.createElement('div', {}, modelColumnLabel),
-                    React.createElement('div', { className: 'uh-num' }, tr('调用', 'Calls')),
-                    React.createElement('div', { className: 'uh-num' }, tr('输入', 'Input')),
-                    React.createElement('div', { className: 'uh-num' }, tr('缓存命中', 'Cache Hits')),
-                    React.createElement('div', { className: 'uh-num' }, tr('输出', 'Output')),
-                    React.createElement('div', { className: 'uh-num' }, tr('推理', 'Reasoning')),
-                    React.createElement('div', { className: 'uh-num' }, tr('总处理', 'Total Processed')),
-                    React.createElement('div', { className: 'uh-num' }, tr('成本', 'Cost')),
-                    React.createElement('div', { className: 'uh-num' }, tr('命中率', 'Hit Rate')),
-                  ),
-                  modelElements,
-                ),
-              ),
-            React.createElement('div', { className: 'uh-note', style: { marginTop: 10 } }, language === 'en' ? modelViewLabel + ': Combined View distinguishes “Provider / Model”; By Model merges identically named models across providers; By Provider aggregates all of a provider’s models. Historical records without routing information are grouped as “Unknown.”' : modelViewLabel + '：混合查看按“供应商 / 模型”区分；按模型会跨供应商合并同名模型；按供应商则汇总其全部模型。缺少路由信息的历史记录会归为“未知”。'),
-          ) : null,
-          detailView === 'workspace' ? React.createElement('div', { className: 'uh-panel uh-ios-list-panel' },
-            React.createElement('h3', { className: 'uh-tbl-title uh-title-with-icon' }, React.createElement(LineIcon, { name: 'folder', size: 16 }), language === 'en' ? 'Workspace Details (' + rangeLabel + ')' : '工作区明细（' + rangeLabel + '）'),
-            rows.length === 0
-              ? React.createElement('div', { className: 'uh-empty' }, tr('该时间范围内没有使用记录', 'No usage records in this time range'))
-              : React.createElement(React.Fragment, null,
-                workspaceDonutChart,
-                React.createElement('div', { className: 'uh-tbl-scroll' },
-                  React.createElement('div', { className: 'uh-hrow' },
-                    React.createElement('div', {}, tr('工作区', 'Workspace')),
-                    React.createElement('div', { className: 'uh-num' }, tr('回合', 'Turns')),
-                    React.createElement('div', { className: 'uh-num' }, tr('输入', 'Input')),
-                    React.createElement('div', { className: 'uh-num' }, tr('缓存命中', 'Cache Hits')),
-                    React.createElement('div', { className: 'uh-num' }, tr('输出', 'Output')),
-                    React.createElement('div', { className: 'uh-num' }, tr('推理', 'Reasoning')),
-                    React.createElement('div', { className: 'uh-num' }, tr('总处理', 'Total Processed')),
-                    React.createElement('div', { className: 'uh-num' }, tr('成本', 'Cost')),
-                    React.createElement('div', { className: 'uh-num' }, tr('命中率', 'Hit Rate')),
-                    React.createElement('div', { className: 'uh-num' }, tr('占比', 'Share')),
-                  ),
-                  rowElements,
-                ),
-              ),
-          ) : null,
-        ),
-        tip,
-      )
-    }
-
-    class UsageDashboardBoundary extends React.Component {
-      constructor(props) { super(props); this.state = { error: null, resetKey: props.resetKey } }
-      static getDerivedStateFromError(error) { return { error } }
-      componentDidUpdate(prevProps) {
-        if (prevProps.resetKey !== this.props.resetKey && this.state.error !== null) this.setState({ error: null, resetKey: this.props.resetKey })
-      }
-      render() {
-        if (this.state.error !== null) return this.props.fallback(this.state.error)
-        return this.props.children
-      }
-    }
-    function UsageSidebarEntry(props) {
-      const [open, setOpen] = React.useState(false)
-      const [dashboardResetKey, setDashboardResetKey] = React.useState(0)
-      const [language, setLanguage] = React.useState(storedLanguage)
-      const tr = (zh, en) => language === 'en' ? en : zh
-      const dashboardFallback = () => React.createElement('div', { className: 'uh-boundary-fallback', role: 'alert' },
-        React.createElement('div', { className: 'uh-boundary-title' }, tr('用量统计暂时无法显示', 'Usage statistics is temporarily unavailable')),
-        React.createElement('div', { className: 'uh-boundary-note' }, tr('当前范围加载失败，入口仍然可用。', 'The selected range failed to render; the sidebar entry is still available.')),
-        React.createElement('div', { className: 'uh-actions' },
-          React.createElement('button', { type: 'button', className: 'uh-refresh', onClick: () => setDashboardResetKey((value) => value + 1) }, React.createElement(LineIcon, { name: 'refresh', size: 14 }), tr('重试', 'Retry')),
-          React.createElement('button', { type: 'button', className: 'uh-refresh', onClick: () => setOpen(false) }, React.createElement(LineIcon, { name: 'close', size: 14 }), tr('关闭', 'Close')),
-        ),
-      )
-      const changeLanguage = (next) => {
-        const value = next === 'en' ? 'en' : 'zh'
-        setLanguage(value)
-        persistLanguage(value)
-      }
-      React.useEffect(() => {
-        if (!open) return undefined
-        const closeOnEscape = (event) => { if (event.key === 'Escape') setOpen(false) }
-        document.addEventListener('keydown', closeOnEscape)
-        return () => document.removeEventListener('keydown', closeOnEscape)
-      }, [open])
-      return React.createElement(React.Fragment, null,
-        React.createElement('button', {
-          type: 'button', className: 'uh-side-entry', title: tr('用量统计', 'Usage Statistics'), 'aria-label': tr('用量统计', 'Usage Statistics'), onClick: () => setOpen(true),
-        }, React.createElement('span', { className: 'uh-side-entry-icon' }, React.createElement(LineIcon, { name: 'chart', size: 17 })), props.wide ? React.createElement('span', { className: 'uh-side-entry-label' }, tr('用量统计', 'Usage Statistics')) : null),
-        open ? React.createElement('div', { className: 'uh-side-modal', role: 'presentation', onMouseDown: (event) => { if (event.target === event.currentTarget) setOpen(false) } },
-          React.createElement('div', { className: 'uh-side-dialog', role: 'dialog', 'aria-modal': true, 'aria-label': tr('用量统计', 'Usage Statistics') },
-            React.createElement('div', { className: 'uh-side-dialog-head' },
-              React.createElement('button', { className: 'uh-refresh uh-close-button', type: 'button', title: tr('关闭用量统计', 'Close Usage Statistics'), 'aria-label': tr('关闭用量统计', 'Close Usage Statistics'), onClick: () => setOpen(false) }, React.createElement(LineIcon, { name: 'close', size: 18 })),
-            ),
-            React.createElement(UsageDashboardBoundary, { resetKey: dashboardResetKey, fallback: dashboardFallback }, React.createElement(UsagePage, { timerCtx: props.timerCtx, language, onLanguageChange: changeLanguage })),
-          ),
-        ) : null,
-      )
-    }
-
-    exports.inject = ['timer', 'slots']
-    exports.apply = (ctx) => {
-      const slots = ctx.get('slots')
-      const timer = ctx.get('timer')
-      if (slots === undefined || timer === undefined) return
-      slots.inject('sidebar.footer.action', () => slots.register(
-        { name: 'sidebar.footer.action', id: 'all-usage', order: 10 },
-        (props) => React.createElement(UsageSidebarEntry, { wide: props.wide, timerCtx: timer }),
-      ))
-    }
-    return module.exports;
-  }
-});
+window.__ModuleLoader__.load({id:"dsh-all-usage",factory:e=>{var t={},a=t;Object.defineProperty(a,Symbol.toStringTag,{value:"Module"});const n=e("react");function r(e){return String(e).padStart(2,"0")}function i(e,t){const a=t?e.getUTCFullYear():e.getFullYear(),n=t?e.getUTCMonth():e.getMonth(),i=t?e.getUTCDate():e.getDate();return a+"-"+r(n+1)+"-"+r(i)}function l(e,t,a){return a?new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate()+t)):new Date(e.getFullYear(),e.getMonth(),e.getDate()+t)}function s(e,t){if("string"!=typeof e||!/^\d{4}-\d{2}-\d{2}$/.test(e))return!1;const a=Number(e.slice(0,4)),n=Number(e.slice(5,7)),r=Number(e.slice(8,10)),l=t?new Date(Date.UTC(a,n-1,r)):new Date(a,n-1,r);return Number.isFinite(l.getTime())&&i(l,t)===e}function o(e,t){if(null===e||"object"!=typeof e)return null;const a=e.start,n=e.end;return!s(a,t)||!s(n,t)||a>n?null:{start:a,end:n}}function u(e,t){let a=t;if(Array.isArray(e))for(const n of e)n&&s(n.date,!0)&&n.date<=t&&n.date<a&&(a=n.date);return{min:a,max:t}}function c(){let e=0;return{next:()=>(e+=1,e),isCurrent:t=>t===e}}function d(e){if(null===e||"object"!=typeof e)return null;const t="string"==typeof e.instanceId?e.instanceId:"",a="number"==typeof e.revision&&Number.isFinite(e.revision)?e.revision:null;return""===t||null===a?null:t+":"+a}function p(e,t,a){const n=e&&"object"==typeof e?e[t]:void 0;return"number"==typeof n&&Number.isFinite(n)?n:a}function m(e){return null!==e&&"object"==typeof e&&["dataRevision","metadataRevision","scanRevision","pricingRevision"].every(t=>null!==p(e,t,null))}function g(e){if(null===e||"object"!=typeof e||"string"!=typeof e.instanceId||""===e.instanceId)return null;if("string"==typeof e.queryRevision&&""!==e.queryRevision)return e.instanceId+":"+e.queryRevision;const t=p(e,"dataRevision",p(e,"revision",null)),a=p(e,"pricingRevision",0);return null===t?null:e.instanceId+":"+t+":"+a}function M(e){return String(Math.round(10*e)/10)}function h(e){return"number"==typeof e&&Number.isFinite(e)?e<1e3?String(e):e<1e6?M(e/1e3)+"k":e<1e9?M(e/1e6)+"M":M(e/1e9)+"B":"0"}function y(e,t){return"number"==typeof e&&Number.isFinite(e)?Math.round(e).toLocaleString("en"===t?"en-US":"zh-CN"):"0"}function x(e,t){const a=e+t;return a<=0?0:t/a*100}function b(e){const t=e.size||16,a={fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",strokeLinejoin:"round"},r={edit:[n.createElement("path",{key:"a",d:"M12.2 3.4l2.4 2.4M4 16l2.8-.6L15 7.2a1.7 1.7 0 0 0-2.4-2.4L4.4 13z",...a})],export:[n.createElement("path",{key:"a",d:"M12 3v11M8 7l4-4 4 4M5 13v5h14v-5",...a})],refresh:[n.createElement("path",{key:"a",d:"M19 9a7 7 0 1 0 1.1 5.2M19 4v5h-5",...a})],close:[n.createElement("path",{key:"a",d:"M6 6l12 12M18 6L6 18",...a})],chart:[n.createElement("path",{key:"a",d:"M4 19V5M4 19h16M7 15l3-4 3 2 5-7",...a})],list:[n.createElement("path",{key:"a",d:"M6 6h12M6 12h12M6 18h12",...a}),n.createElement("circle",{key:"b",cx:3.5,cy:6,r:.7,fill:"currentColor"}),n.createElement("circle",{key:"c",cx:3.5,cy:12,r:.7,fill:"currentColor"}),n.createElement("circle",{key:"d",cx:3.5,cy:18,r:.7,fill:"currentColor"})],cache:[n.createElement("path",{key:"a",d:"M12 4l7 4-7 4-7-4 7-4zM5 12l7 4 7-4M5 16l7 4 7-4",...a})],wallet:[n.createElement("path",{key:"a",d:"M4 7.5A2.5 2.5 0 0 1 6.5 5H18v14H6.5A2.5 2.5 0 0 1 4 16.5zM4 8h14M14 13h.01",...a})],clock:[n.createElement("path",{key:"a",d:"M12 6v6l4 2M20 12a8 8 0 1 1-16 0 8 8 0 0 1 16 0z",...a})],folder:[n.createElement("path",{key:"a",d:"M3.5 7.5h6l2 2h9v8.5a2 2 0 0 1-2 2h-13a2 2 0 0 1-2-2z",...a})],language:[n.createElement("circle",{key:"a",cx:12,cy:12,r:8,...a}),n.createElement("path",{key:"b",d:"M4 12h16M12 4c2.1 2.2 3.2 4.9 3.2 8S14.1 17.8 12 20M12 4C9.9 6.2 8.8 8.9 8.8 12s1.1 5.8 3.2 8",...a})],chevron:[n.createElement("path",{key:"a",d:"M7 10l5 5 5-5",...a})],check:[n.createElement("path",{key:"a",d:"M5 12.5l4.2 4.1L19 7.3",...a})],plus:[n.createElement("path",{key:"a",d:"M12 5v14M5 12h14",...a})],calendar:[n.createElement("path",{key:"a",d:"M6 4v3M18 4v3M4 9h16M5 6h14a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1z",...a})]};return n.createElement("svg",{className:"uh-line-icon "+(e.className||""),width:t,height:t,viewBox:"0 0 24 24","aria-hidden":!0},r[e.name]||r.chart)}const N=[{key:"deepseek",label:"DeepSeek",providers:["deepseek","deepseek-official"],prefixes:["deepseek-"],exact:[],href:"data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgc3R5bGU9ImZsZXg6bm9uZTtsaW5lLWhlaWdodDoxIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxZW0iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkRlZXBTZWVrPC90aXRsZT48cGF0aCBkPSJNMjMuNzQ4IDQuNDgyYy0uMjU0LS4xMjQtLjM2NC4xMTMtLjUxMi4yMzQtLjA1MS4wMzktLjA5NC4wOS0uMTM3LjEzNi0uMzcyLjM5Ny0uODA2LjY1Ny0xLjM3My42MjYtLjgyOS0uMDQ2LTEuNTM3LjIxNC0yLjE2My44NDgtLjEzMy0uNzgyLS41NzUtMS4yNDgtMS4yNDctMS41NDgtLjM1Mi0uMTU2LS43MDgtLjMxMS0uOTU1LS42NS0uMTcyLS4yNDEtLjIxOS0uNTEtLjMwNS0uNzc0LS4wNTUtLjE2LS4xMS0uMzIzLS4yOTMtLjM1LS4yLS4wMzEtLjI3OC4xMzYtLjM1Ni4yNzYtLjMxMy41NzItLjQzNCAxLjIwMi0uNDIyIDEuODQuMDI3IDEuNDM2LjYzMyAyLjU4IDEuODM4IDMuMzkzLjEzNy4wOTMuMTcyLjE4Ny4xMjkuMzIzLS4wODIuMjgtLjE4LjU1Mi0uMjY2LjgzMy0uMDU1LjE3OS0uMTM3LjIxNy0uMzI5LjE0YTUuNTI2IDUuNTI2IDAgMDEtMS43MzYtMS4xOGMtLjg1Ny0uODI4LTEuNjMxLTEuNzQyLTIuNTk3LTIuNDU4YTExLjM2NSAxMS4zNjUgMCAwMC0uNjg5LS40NzFjLS45ODUtLjk1Ny4xMy0xLjc0My4zODgtMS44MzYuMjctLjA5OC4wOTMtLjQzMi0uNzc5LS40MjgtLjg3Mi4wMDQtMS42Ny4yOTUtMi42ODcuNjg0YTMuMDU1IDMuMDU1IDAgMDEtLjQ2NS4xMzcgOS41OTcgOS41OTcgMCAwMC0yLjg4My0uMTAyYy0xLjg4NS4yMS0zLjM5IDEuMTAyLTQuNDk3IDIuNjIzQy4wODIgOC42MDYtLjIzMSAxMC42ODQuMTUyIDEyLjg1Yy40MDMgMi4yODQgMS41NjkgNC4xNzUgMy4zNiA1LjY1MyAxLjg1OCAxLjUzMyAzLjk5NyAyLjI4NCA2LjQzOCAyLjE0IDEuNDgyLS4wODUgMy4xMzMtLjI4NCA0Ljk5NC0xLjg2LjQ3LjIzNC45NjIuMzI3IDEuNzguMzk3LjYzLjA1OSAxLjIzNi0uMDMgMS43MDUtLjEyOC43MzUtLjE1Ni42ODQtLjgzNy40MTktLjk2MS0yLjE1NS0xLjAwNC0xLjY4Mi0uNTk1LTIuMTEzLS45MjYgMS4wOTYtMS4yOTYgMi43NDYtMi42NDIgMy4zOTItNy4wMDMuMDUtLjM0Ny4wMDctLjU2NSAwLS44NDUtLjAwNC0uMTcuMDM1LS4yMzcuMjMtLjI1NmE0LjE3MyA0LjE3MyAwIDAwMS41NDUtLjQ3NWMxLjM5Ni0uNzYzIDEuOTYtMi4wMTUgMi4wOTMtMy41MTcuMDItLjIzLS4wMDQtLjQ2Ny0uMjQ3LS41ODh6TTExLjU4MSAxOGMtMi4wODktMS42NDItMy4xMDItMi4xODMtMy41Mi0yLjE2LS4zOTIuMDI0LS4zMjEuNDcxLS4yMzUuNzYzLjA5LjI4OC4yMDcuNDg2LjM3MS43MzkuMTE0LjE2Ny4xOTIuNDE2LS4xMTMuNjAzLS42NzMuNDE2LTEuODQyLS4xNC0xLjg5Ny0uMTY3LTEuMzYxLS44MDItMi41LTEuODYtMy4zMDEtMy4zMDctLjc3NC0xLjM5My0xLjIyNC0yLjg4Ny0xLjI5OC00LjQ4Mi0uMDItLjM4Ni4wOTMtLjUyMi40NzctLjU5MmE0LjY5NiA0LjY5NiAwIDAxMS41MjktLjAzOWMyLjEzMi4zMTIgMy45NDYgMS4yNjUgNS40NjggMi43NzQuODY4Ljg2IDEuNTI1IDEuODg3IDIuMjAyIDIuODkxLjcyIDEuMDY2IDEuNDk0IDIuMDgyIDIuNDggMi45MTQuMzQ4LjI5Mi42MjUuNTE0Ljg5MS42NzctLjgwMi4wOS0yLjE0LjExLTMuMDU0LS42MTR6bTEtNi40NGEuMzA2LjMwNiAwIDAxLjQxNS0uMjg3LjMwMi4zMDIgMCAwMS4yLjI4OC4zMDYuMzA2IDAgMDEtLjMxLjMwNy4zMDMuMzAzIDAgMDEtLjMwNC0uMzA4em0zLjExIDEuNTk2Yy0uMi4wODEtLjM5OS4xNTEtLjU5LjE2YTEuMjQ1IDEuMjQ1IDAgMDEtLjc5OC0uMjU0Yy0uMjc0LS4yMy0uNDctLjM1OC0uNTUyLS43NThhMS43MyAxLjczIDAgMDEuMDE2LS41ODhjLjA3LS4zMjctLjAwOC0uNTM3LS4yMzktLjcyNy0uMTg3LS4xNTYtLjQyNi0uMTk5LS42ODgtLjE5OWEuNTU5LjU1OSAwIDAxLS4yNTQtLjA3OGMtLjExLS4wNTQtLjItLjE5LS4xMTQtLjM1OC4wMjgtLjA1NC4xNi0uMTg2LjE5Mi0uMjEuMzU2LS4yMDIuNzY3LS4xMzYgMS4xNDYuMDE2LjM1Mi4xNDQuNjE4LjQwOCAxLjAwMS43ODIuMzkxLjQ1MS40NjIuNTc2LjY4NS45MTQuMTc2LjI2NS4zMzYuNTM3LjQ0NS44NDguMDY3LjE5NS0uMDE5LjM1NC0uMjUuNDUyeiIgZmlsbD0iIzRENkJGRSI+PC9wYXRoPjwvc3ZnPg=="},{key:"openai",label:"OpenAI",providers:["openai","azure-openai"],prefixes:["gpt-","o1-","o3-","o4-","o5-","codex-"],exact:["o1","o3","o4","o5"],href:"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjOGE4Zjk4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGhlaWdodD0iMWVtIiBzdHlsZT0iZmxleDpub25lO2xpbmUtaGVpZ2h0OjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+T3BlbkFJPC90aXRsZT48cGF0aCBkPSJNMjEuNTUgMTAuMDA0YTUuNDE2IDUuNDE2IDAgMDAtLjQ3OC00LjUwMWMtMS4yMTctMi4wOS0zLjY2Mi0zLjE2Ni02LjA1LTIuNjZBNS41OSA1LjU5IDAgMDAxMC44MzEgMUM4LjM5Ljk5NSA2LjIyNCAyLjU0NiA1LjQ3MyA0LjgzOEE1LjU1MyA1LjU1MyAwIDAwMS43NiA3LjQ5NmE1LjQ4NyA1LjQ4NyAwIDAwLjY5MSA2LjUgNS40MTYgNS40MTYgMCAwMC40NzcgNC41MDJjMS4yMTcgMi4wOSAzLjY2MiAzLjE2NSA2LjA1IDIuNjZBNS41ODYgNS41ODYgMCAwMDEzLjE2OCAyM2MyLjQ0My4wMDYgNC42MS0xLjU0NiA1LjM2MS0zLjg0YTUuNTUzIDUuNTUzIDAgMDAzLjcxNS0yLjY2IDUuNDg4IDUuNDg4IDAgMDAtLjY5My02LjQ5N3YuMDAxem0tOC4zODEgMTEuNTU4YTQuMTk5IDQuMTk5IDAgMDEtMi42NzUtLjk1NGMuMDM0LS4wMTguMDkzLS4wNS4xMzItLjA3NGw0LjQ0LTIuNTNhLjcxLjcxIDAgMDAuMzY0LS42MjN2LTYuMTc2bDEuODc3IDEuMDY5Yy4wMi4wMS4wMzMuMDI5LjAzNi4wNXY1LjExNWMtLjAwMyAyLjI3NC0xLjg3IDQuMTE4LTQuMTc0IDQuMTIzek00LjE5MiAxNy43OGE0LjA1OSA0LjA1OSAwIDAxLS40OTgtMi43NjNjLjAzMi4wMi4wOS4wNTUuMTMxLjA3OGw0LjQ0IDIuNTNjLjIyNS4xMy41MDQuMTMuNzMgMGw1LjQyLTMuMDg4djIuMTM4YS4wNjguMDY4IDAgMDEtLjAyNy4wNTdMOS45IDE5LjI4OGMtMS45OTkgMS4xMzYtNC41NTIuNDYtNS43MDctMS41MWgtLjAwMXpNMy4wMjMgOC4yMTZBNC4xNSA0LjE1IDAgMDE1LjE5OCA2LjQxbC0uMDAyLjE1MXY1LjA2YS43MTEuNzExIDAgMDAuMzY0LjYyNGw1LjQyIDMuMDg3LTEuODc2IDEuMDdhLjA2Ny4wNjcgMCAwMS0uMDYzLjAwNWwtNC40ODktMi41NTljLTEuOTk1LTEuMTQtMi42NzktMy42NTgtMS41My01LjYzaC4wMDF6bTE1LjQxNyAzLjU0bC01LjQyLTMuMDg4TDE0Ljg5NiA3LjZhLjA2Ny4wNjcgMCAwMS4wNjMtLjAwNmw0LjQ4OSAyLjU1N2MxLjk5OCAxLjE0IDIuNjgzIDMuNjYyIDEuNTI5IDUuNjMzYTQuMTYzIDQuMTYzIDAgMDEtMi4xNzQgMS44MDdWMTIuMzhhLjcxLjcxIDAgMDAtLjM2My0uNjIzem0xLjg2Ny0yLjc3M2E2LjA0IDYuMDQgMCAwMC0uMTMyLS4wNzhsLTQuNDQtMi41M2EuNzMxLjczMSAwIDAwLS43MjkgMGwtNS40MiAzLjA4OFY3LjMyNWEuMDY4LjA2OCAwIDAxLjAyNy0uMDU3TDE0LjEgNC43MTNjMi0xLjEzNyA0LjU1NS0uNDYgNS43MDcgMS41MTMuNDg3LjgzMy42NjQgMS44MDkuNDk5IDIuNzU3aC4wMDF6bS0xMS43NDEgMy44MWwtMS44NzctMS4wNjhhLjA2NS4wNjUgMCAwMS0uMDM2LS4wNTFWNi41NTljLjAwMS0yLjI3NyAxLjg3My00LjEyMiA0LjE4MS00LjEyLjk3NiAwIDEuOTIuMzM4IDIuNjcxLjk1NC0uMDM0LjAxOC0uMDkyLjA1LS4xMzEuMDczbC00LjQ0IDIuNTNhLjcxLjcxIDAgMDAtLjM2NS42MjNsLS4wMDMgNi4xNzN2LjAwMnptMS4wMi0yLjE2OEwxMiA5LjI1bDIuNDE0IDEuMzc1djIuNzVMMTIgMTQuNzVsLTIuNDE1LTEuMzc1di0yLjc1eiI+PC9wYXRoPjwvc3ZnPg=="},{key:"claude",label:"Anthropic Claude",providers:["anthropic"],prefixes:["claude-"],exact:[],href:"data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgc3R5bGU9ImZsZXg6bm9uZTtsaW5lLWhlaWdodDoxIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxZW0iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkNsYXVkZTwvdGl0bGU+PHBhdGggZD0iTTQuNzA5IDE1Ljk1NWw0LjcyLTIuNjQ3LjA4LS4yMy0uMDgtLjEyOEg5LjJsLS43OS0uMDQ4LTIuNjk4LS4wNzMtMi4zMzktLjA5Ny0yLjI2Ni0uMTIyLS41NzEtLjEyMUwwIDExLjc4NGwuMDU1LS4zNTIuNDgtLjMyMS42ODYuMDYgMS41Mi4xMDMgMi4yNzguMTU4IDEuNjUyLjA5NyAyLjQ0OS4yNTVoLjM4OWwuMDU1LS4xNTctLjEzNC0uMDk4LS4xMDMtLjA5Ny0yLjM1OC0xLjU5Ni0yLjU1Mi0xLjY4OC0xLjMzNi0uOTcyLS43MjQtLjQ5MS0uMzY0LS40NjItLjE1OC0xLjAwOC42NTYtLjcyMi44ODEuMDYuMjI1LjA2MS44OTMuNjg2IDEuOTA4IDEuNDc2IDIuNDkxIDEuODMzLjM2NS4zMDQuMTQ1LS4xMDMuMDE5LS4wNzMtLjE2NC0uMjc0LTEuMzU1LTIuNDQ2LTEuNDQ2LTIuNDktLjY0NC0xLjAzMi0uMTctLjYxOWEyLjk3IDIuOTcgMCAwMS0uMTA0LS43MjlMNi4yODMuMTM0IDYuNjk2IDBsLjk5Ni4xMzQuNDIuMzY0LjYyIDEuNDE0IDEuMDAyIDIuMjI5IDEuNTU1IDMuMDMuNDU2Ljg5OC4yNDMuODMyLjA5MS4yNTVoLjE1OFY5LjAxbC4xMjgtMS43MDYuMjM3LTIuMDk1LjIzLTIuNjk1LjA4LS43Ni4zNzYtLjkxLjc0Ny0uNDkyLjU4NC4yOC40OC42ODUtLjA2Ny40NDQtLjI4NiAxLjg1MS0uNTU5IDIuOTAzLS4zNjQgMS45NDJoLjIxMmwuMjQzLS4yNDIuOTg1LTEuMzA2IDEuNjUyLTIuMDY0LjczLS44Mi44NS0uOTA0LjU0Ny0uNDMxaDEuMDMzbC43NiAxLjEyOS0uMzQgMS4xNjYtMS4wNjQgMS4zNDctLjg4MSAxLjE0Mi0xLjI2NCAxLjctLjc5IDEuMzYuMDczLjExLjE4OC0uMDIgMi44NTYtLjYwNiAxLjU0My0uMjggMS44NDEtLjMxNS44MzMuMzg4LjA5MS4zOTUtLjMyOC44MDctMS45NjkuNDg2LTIuMzA5LjQ2Mi0zLjQzOS44MTMtLjA0Mi4wMy4wNDkuMDYxIDEuNTQ5LjE0Ni42NjIuMDM2aDEuNjIybDMuMDIuMjI1Ljc5LjUyMi40NzQuNjM4LS4wNzkuNDg1LTEuMjE1LjYyLTEuNjQtLjM4OS0zLjgyOS0uOTEtMS4zMTItLjMyOWgtLjE4MnYuMTFsMS4wOTMgMS4wNjggMi4wMDYgMS44MSAyLjUwOSAyLjMzLjEyNy41NzgtLjMyMi40NTUtLjM0LS4wNDktMi4yMDUtMS42NTctLjg1MS0uNzQ3LTEuOTI2LTEuNjJoLS4xMjh2LjE3bC40NDQuNjQ5IDIuMzQ1IDMuNTIxLjEyMiAxLjA4LS4xNy4zNTMtLjYwOC4yMTMtLjY2OC0uMTIyLTEuMzc0LTEuOTI1LTEuNDE1LTIuMTY3LTEuMTQzLTEuOTQzLS4xNC4wOC0uNjc0IDcuMjU0LS4zMTYuMzctLjcyOS4yOC0uNjA3LS40NjEtLjMyMi0uNzQ3LjMyMi0xLjQ3Ni4zODktMS45MjQuMzE1LTEuNTMuMjg2LTEuOS4xNy0uNjMyLS4wMTItLjA0Mi0uMTQuMDE4LTEuNDM0IDEuOTY3LTIuMTggMi45NDUtMS43MjYgMS44NDUtLjQxNC4xNjQtLjcxNy0uMzcuMDY3LS42NjIuNDAxLS41ODkgMi4zODgtMy4wMzYgMS40NC0xLjg4Mi45My0xLjA4Ni0uMDA2LS4xNThoLS4wNTVMNC4xMzIgMTguNTZsLTEuMTMuMTQ2LS40ODctLjQ1Ni4wNjEtLjc0Ni4yMzEtLjI0MyAxLjkwOC0xLjMxMi0uMDA2LjAwNnoiIGZpbGw9IiNEOTc3NTciIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPjwvc3ZnPg=="},{key:"gemini",label:"Google Gemini",providers:["google","google-vertex","vertex"],prefixes:["gemini-","gemma-"],exact:[],href:"data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgc3R5bGU9ImZsZXg6bm9uZTtsaW5lLWhlaWdodDoxIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxZW0iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkdlbWluaTwvdGl0bGU+PHBhdGggZD0iTTIwLjYxNiAxMC44MzVhMTQuMTQ3IDE0LjE0NyAwIDAxLTQuNDUtMy4wMDEgMTQuMTExIDE0LjExMSAwIDAxLTMuNjc4LTYuNDUyLjUwMy41MDMgMCAwMC0uOTc1IDAgMTQuMTM0IDE0LjEzNCAwIDAxLTMuNjc5IDYuNDUyIDE0LjE1NSAxNC4xNTUgMCAwMS00LjQ1IDMuMDAxYy0uNjUuMjgtMS4zMTguNTA1LTIuMDAyLjY3OGEuNTAyLjUwMiAwIDAwMCAuOTc1Yy42ODQuMTcyIDEuMzUuMzk3IDIuMDAyLjY3N2ExNC4xNDcgMTQuMTQ3IDAgMDE0LjQ1IDMuMDAxIDE0LjExMiAxNC4xMTIgMCAwMTMuNjc5IDYuNDUzLjUwMi41MDIgMCAwMC45NzUgMGMuMTcyLS42ODUuMzk3LTEuMzUxLjY3Ny0yLjAwM2ExNC4xNDUgMTQuMTQ1IDAgMDEzLjAwMS00LjQ1IDE0LjExMyAxNC4xMTMgMCAwMTYuNDUzLTMuNjc4LjUwMy41MDMgMCAwMDAtLjk3NSAxMy4yNDUgMTMuMjQ1IDAgMDEtMi4wMDMtLjY3OHoiIGZpbGw9IiMzMTg2RkYiPjwvcGF0aD48cGF0aCBkPSJNMjAuNjE2IDEwLjgzNWExNC4xNDcgMTQuMTQ3IDAgMDEtNC40NS0zLjAwMSAxNC4xMTEgMTQuMTExIDAgMDEtMy42NzgtNi40NTIuNTAzLjUwMyAwIDAwLS45NzUgMCAxNC4xMzQgMTQuMTM0IDAgMDEtMy42NzkgNi40NTIgMTQuMTU1IDE0LjE1NSAwIDAxLTQuNDUgMy4wMDFjLS42NS4yOC0xLjMxOC41MDUtMi4wMDIuNjc4YS41MDIuNTAyIDAgMDAwIC45NzVjLjY4NC4xNzIgMS4zNS4zOTcgMi4wMDIuNjc3YTE0LjE0NyAxNC4xNDcgMCAwMTQuNDUgMy4wMDEgMTQuMTEyIDE0LjExMiAwIDAxMy42NzkgNi40NTMuNTAyLjUwMiAwIDAwLjk3NSAwYy4xNzItLjY4NS4zOTctMS4zNTEuNjc3LTIuMDAzYTE0LjE0NSAxNC4xNDUgMCAwMTMuMDAxLTQuNDUgMTQuMTEzIDE0LjExMyAwIDAxNi40NTMtMy42NzguNTAzLjUwMyAwIDAwMC0uOTc1IDEzLjI0NSAxMy4yNDUgMCAwMS0yLjAwMy0uNjc4eiIgZmlsbD0idXJsKCNsb2JlLWljb25zLWdlbWluaS0wLV9SXzBfKSI+PC9wYXRoPjxwYXRoIGQ9Ik0yMC42MTYgMTAuODM1YTE0LjE0NyAxNC4xNDcgMCAwMS00LjQ1LTMuMDAxIDE0LjExMSAxNC4xMTEgMCAwMS0zLjY3OC02LjQ1Mi41MDMuNTAzIDAgMDAtLjk3NSAwIDE0LjEzNCAxNC4xMzQgMCAwMS0zLjY3OSA2LjQ1MiAxNC4xNTUgMTQuMTU1IDAgMDEtNC40NSAzLjAwMWMtLjY1LjI4LTEuMzE4LjUwNS0yLjAwMi42NzhhLjUwMi41MDIgMCAwMDAgLjk3NWMuNjg0LjE3MiAxLjM1LjM5NyAyLjAwMi42NzdhMTQuMTQ3IDE0LjE0NyAwIDAxNC40NSAzLjAwMSAxNC4xMTIgMTQuMTEyIDAgMDEzLjY3OSA2LjQ1My41MDIuNTAyIDAgMDAuOTc1IDBjLjE3Mi0uNjg1LjM5Ny0xLjM1MS42NzctMi4wMDNhMTQuMTQ1IDE0LjE0NSAwIDAxMy4wMDEtNC40NSAxNC4xMTMgMTQuMTEzIDAgMDE2LjQ1My0zLjY3OC41MDMuNTAzIDAgMDAwLS45NzUgMTMuMjQ1IDEzLjI0NSAwIDAxLTIuMDAzLS42Nzh6IiBmaWxsPSJ1cmwoI2xvYmUtaWNvbnMtZ2VtaW5pLTEtX1JfMF8pIj48L3BhdGg+PHBhdGggZD0iTTIwLjYxNiAxMC44MzVhMTQuMTQ3IDE0LjE0NyAwIDAxLTQuNDUtMy4wMDEgMTQuMTExIDE0LjExMSAwIDAxLTMuNjc4LTYuNDUyLjUwMy41MDMgMCAwMC0uOTc1IDAgMTQuMTM0IDE0LjEzNCAwIDAxLTMuNjc5IDYuNDUyIDE0LjE1NSAxNC4xNTUgMCAwMS00LjQ1IDMuMDAxYy0uNjUuMjgtMS4zMTguNTA1LTIuMDAyLjY3OGEuNTAyLjUwMiAwIDAwMCAuOTc1Yy42ODQuMTcyIDEuMzUuMzk3IDIuMDAyLjY3N2ExNC4xNDcgMTQuMTQ3IDAgMDE0LjQ1IDMuMDAxIDE0LjExMiAxNC4xMTIgMCAwMTMuNjc5IDYuNDUzLjUwMi41MDIgMCAwMC45NzUgMGMuMTcyLS42ODUuMzk3LTEuMzUxLjY3Ny0yLjAwM2ExNC4xNDUgMTQuMTQ1IDAgMDEzLjAwMS00LjQ1IDE0LjExMyAxNC4xMTMgMCAwMTYuNDUzLTMuNjc4LjUwMy41MDMgMCAwMDAtLjk3NSAxMy4yNDUgMTMuMjQ1IDAgMDEtMi4wMDMtLjY3OHoiIGZpbGw9InVybCgjbG9iZS1pY29ucy1nZW1pbmktMi1fUl8wXykiPjwvcGF0aD48ZGVmcz48bGluZWFyR3JhZGllbnQgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGlkPSJsb2JlLWljb25zLWdlbWluaS0wLV9SXzBfIiB4MT0iNyIgeDI9IjExIiB5MT0iMTUuNSIgeTI9IjEyIj48c3RvcCBzdG9wLWNvbG9yPSIjMDhCOTYyIj48L3N0b3A+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDhCOTYyIiBzdG9wLW9wYWNpdHk9IjAiPjwvc3RvcD48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9ImxvYmUtaWNvbnMtZ2VtaW5pLTEtX1JfMF8iIHgxPSI4IiB4Mj0iMTEuNSIgeTE9IjUuNSIgeTI9IjExIj48c3RvcCBzdG9wLWNvbG9yPSIjRjk0NTQzIj48L3N0b3A+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjk0NTQzIiBzdG9wLW9wYWNpdHk9IjAiPjwvc3RvcD48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgaWQ9ImxvYmUtaWNvbnMtZ2VtaW5pLTItX1JfMF8iIHgxPSIzLjUiIHgyPSIxNy41IiB5MT0iMTMuNSIgeTI9IjEyIj48c3RvcCBzdG9wLWNvbG9yPSIjRkFCQzEyIj48L3N0b3A+PHN0b3Agb2Zmc2V0PSIuNDYiIHN0b3AtY29sb3I9IiNGQUJDMTIiIHN0b3Atb3BhY2l0eT0iMCI+PC9zdG9wPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="},{key:"meta",label:"Meta Llama",providers:["meta","meta-llama"],prefixes:["llama-","meta-llama"],exact:[],href:"data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgc3R5bGU9ImZsZXg6bm9uZTtsaW5lLWhlaWdodDoxIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxZW0iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPk1ldGE8L3RpdGxlPjxwYXRoIGQ9Ik02Ljg5NyA0aC0uMDI0bC0uMDMxIDIuNjE1aC4wMjJjMS43MTUgMCAzLjA0NiAxLjM1NyA1Ljk0IDYuMjQ2bC4xNzUuMjk3LjAxMi4wMiAxLjYyLTIuNDM4LS4wMTItLjAxOWE0OC43NjMgNDguNzYzIDAgMDAtMS4wOTgtMS43MTYgMjguMDEgMjguMDEgMCAwMC0xLjE3NS0xLjYyOUMxMC40MTMgNC45MzIgOC44MTIgNCA2Ljg5NiA0eiIgZmlsbD0idXJsKCNsb2JlLWljb25zLW1ldGEtMC1fUl8wXykiPjwvcGF0aD48cGF0aCBkPSJNNi44NzMgNEM0Ljk1IDQuMDEgMy4yNDcgNS4yNTggMi4wMiA3LjE3YTQuMzUyIDQuMzUyIDAgMDAtLjAxLjAxN2wyLjI1NCAxLjIzMS4wMTEtLjAxN2MuNzE4LTEuMDgzIDEuNjEtMS43NzQgMi41NjgtMS43ODVoLjAyMUw2Ljg5NiA0aC0uMDIzeiIgZmlsbD0idXJsKCNsb2JlLWljb25zLW1ldGEtMS1fUl8wXykiPjwvcGF0aD48cGF0aCBkPSJNMi4wMTkgNy4xN2wtLjAxMS4wMTdDMS4yIDguNDQ3LjU5OCA5Ljk5NS4yNzQgMTEuNjY0bC0uMDA1LjAyMiAyLjUzNC42LjAwNC0uMDIyYy4yNy0xLjQ2Ny43ODYtMi44MjggMS40NTYtMy44NDVsLjAxMS0uMDE3TDIuMDIgNy4xN3oiIGZpbGw9InVybCgjbG9iZS1pY29ucy1tZXRhLTItX1JfMF8pIj48L3BhdGg+PHBhdGggZD0iTTIuODA3IDEyLjI2NGwtMi41MzMtLjYtLjAwNS4wMjJjLS4xNzcuOTE4LS4yNjcgMS44NTEtLjI2OSAyLjc4NnYuMDIzbDIuNTk4LjIzM3YtLjAyM2ExMi41OTEgMTIuNTkxIDAgMDEuMjEtMi40NHoiIGZpbGw9InVybCgjbG9iZS1pY29ucy1tZXRhLTMtX1JfMF8pIj48L3BhdGg+PHBhdGggZD0iTTIuNjc3IDE1LjUzN2E1LjQ2MiA1LjQ2MiAwIDAxLS4wNzktLjgxM3YtLjAyMkwwIDE0LjQ2OHYuMDI0YTguODkgOC44OSAwIDAwLjE0NiAxLjY1MmwyLjUzNS0uNTg1YTQuMTA2IDQuMTA2IDAgMDEtLjAwNC0uMDIyeiIgZmlsbD0idXJsKCNsb2JlLWljb25zLW1ldGEtNC1fUl8wXykiPjwvcGF0aD48cGF0aCBkPSJNMy4yNyAxNi44OWMtLjI4NC0uMzEtLjQ4NC0uNzU2LS41ODktMS4zMjhsLS4wMDQtLjAyMS0yLjUzNS41ODUuMDA0LjAyMWMuMTkyIDEuMDEuNTY4IDEuODUgMS4xMDYgMi40ODdsLjAxNC4wMTcgMi4wMTgtMS43NDVhMi4xMDYgMi4xMDYgMCAwMS0uMDE1LS4wMTZ6IiBmaWxsPSJ1cmwoI2xvYmUtaWNvbnMtbWV0YS01LV9SXzBfKSI+PC9wYXRoPjxwYXRoIGQ9Ik0xMC43OCA5LjY1NGMtMS41MjggMi4zNS0yLjQ1NCAzLjgyNS0yLjQ1NCAzLjgyNS0yLjAzNSAzLjItMi43MzkgMy45MTctMy44NzEgMy45MTdhMS41NDUgMS41NDUgMCAwMS0xLjE4Ni0uNTA4bC0yLjAxNyAxLjc0NC4wMTQuMDE3QzIuMDEgMTkuNTE4IDMuMDU4IDIwIDQuMzU2IDIwYzEuOTYzIDAgMy4zNzQtLjkyOCA1Ljg4NC01LjMzbDEuNzY2LTMuMTNhNDEuMjgzIDQxLjI4MyAwIDAwLTEuMjI3LTEuODg2eiIgZmlsbD0iIzAwODJGQiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMy41MDIgNS45NDZsLS4wMTYuMDE2Yy0uNC40My0uNzg2LjkwOC0xLjE2IDEuNDE2LjM3OC40ODMuNzY4IDEuMDI0IDEuMTc1IDEuNjMuNDgtLjc0My45MjgtMS4zNDUgMS4zNjctMS44MDdsLjAxNi0uMDE2LTEuMzgyLTEuMjR6IiBmaWxsPSJ1cmwoI2xvYmUtaWNvbnMtbWV0YS02LV9SXzBfKSI+PC9wYXRoPjxwYXRoIGQ9Ik0yMC45MTggNS43MTNDMTkuODUzIDQuNjMzIDE4LjU4MyA0IDE3LjIyNSA0Yy0xLjQzMiAwLTIuNjM3Ljc4Ny0zLjcyMyAxLjk0NGwtLjAxNi4wMTYgMS4zODIgMS4yNC4wMTYtLjAxN2MuNzE1LS43NDcgMS40MDgtMS4xMiAyLjE3Ni0xLjEyLjgyNiAwIDEuNi4zOSAyLjI3IDEuMDc1bC4wMTUuMDE2IDEuNTg5LTEuNDI1LS4wMTYtLjAxNnoiIGZpbGw9IiMwMDgyRkIiPjwvcGF0aD48cGF0aCBkPSJNMjMuOTk4IDE0LjEyNWMtLjA2LTMuNDY3LTEuMjctNi41NjYtMy4wNjQtOC4zOTZsLS4wMTYtLjAxNi0xLjU4OCAxLjQyNC4wMTUuMDE2YzEuMzUgMS4zOTIgMi4yNzcgMy45OCAyLjM2MSA2Ljk3MXYuMDIzaDIuMjkydi0uMDIyeiIgZmlsbD0idXJsKCNsb2JlLWljb25zLW1ldGEtNy1fUl8wXykiPjwvcGF0aD48cGF0aCBkPSJNMjMuOTk4IDE0LjE1di0uMDIzaC0yLjI5MnYuMDIyYy4wMDQuMTQuMDA2LjI4Mi4wMDYuNDI0IDAgLjgxNS0uMTIxIDEuNDc0LS4zNjggMS45NWwtLjAxMS4wMjIgMS43MDggMS43ODIuMDEzLS4wMmMuNjItLjk2Ljk0Ni0yLjI5My45NDYtMy45MSAwLS4wODMgMC0uMTY1LS4wMDItLjI0N3oiIGZpbGw9InVybCgjbG9iZS1pY29ucy1tZXRhLTgtX1JfMF8pIj48L3BhdGg+PHBhdGggZD0iTTIxLjM0NCAxNi41MmwtLjAxMS4wMmMtLjIxNC40MDItLjUxOS42Ny0uOTE3Ljc4N2wuNzc4IDIuNDYyYTMuNDkzIDMuNDkzIDAgMDAuNDM4LS4xODIgMy41NTggMy41NTggMCAwMDEuMzY2LTEuMjE4bC4wNDQtLjA2NS4wMTItLjAyLTEuNzEtMS43ODR6IiBmaWxsPSJ1cmwoI2xvYmUtaWNvbnMtbWV0YS05LV9SXzBfKSI+PC9wYXRoPjxwYXRoIGQ9Ik0xOS45MiAxNy4zOTNjLS4yNjIgMC0uNDkyLS4wMzktLjcxOC0uMTRsLS43OTggMi41MjJjLjQ0OS4xNTMuOTI3LjIyMiAxLjQ2LjIyMi40OTIgMCAuOTQzLS4wNzMgMS4zNTItLjIxNWwtLjc4LTIuNDYyYy0uMTY3LjA1LS4zNDEuMDc1LS41MTcuMDczeiIgZmlsbD0idXJsKCNsb2JlLWljb25zLW1ldGEtMTAtX1JfMF8pIj48L3BhdGg+PHBhdGggZD0iTTE4LjMyMyAxNi41MzRsLS4wMTQtLjAxNy0xLjgzNiAxLjkxNC4wMTYuMDE3Yy42MzcuNjgyIDEuMjQ2IDEuMTA1IDEuOTM3IDEuMzM3bC43OTctMi41MmMtLjI5MS0uMTI1LS41NzMtLjM1My0uOS0uNzMxeiIgZmlsbD0idXJsKCNsb2JlLWljb25zLW1ldGEtMTEtX1JfMF8pIj48L3BhdGg+PHBhdGggZD0iTTE4LjMwOSAxNi41MTVjLS41NS0uNjQyLTEuMjMyLTEuNzEyLTIuMzAzLTMuNDRsLTEuMzk2LTIuMzM2LS4wMTEtLjAyLTEuNjIgMi40MzguMDEyLjAyLjk4OSAxLjY2OGMuOTU5IDEuNjEgMS43NCAyLjc3NCAyLjQ5MyAzLjU4NWwuMDE2LjAxNiAxLjgzNC0xLjkxNGEyLjM1MyAyLjM1MyAwIDAxLS4wMTQtLjAxN3oiIGZpbGw9InVybCgjbG9iZS1pY29ucy1tZXRhLTEyLV9SXzBfKSI+PC9wYXRoPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ibG9iZS1pY29ucy1tZXRhLTAtX1JfMF8iIHgxPSI3NS44OTclIiB4Mj0iMjYuMzEyJSIgeTE9Ijg5LjE5OSUiIHkyPSIxMi4xOTQlIj48c3RvcCBvZmZzZXQ9Ii4wNiUiIHN0b3AtY29sb3I9IiMwODY3REYiPjwvc3RvcD48c3RvcCBvZmZzZXQ9IjQ1LjM5JSIgc3RvcC1jb2xvcj0iIzA2NjhFMSI+PC9zdG9wPjxzdG9wIG9mZnNldD0iODUuOTElIiBzdG9wLWNvbG9yPSIjMDA2NEUwIj48L3N0b3A+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImxvYmUtaWNvbnMtbWV0YS0xLV9SXzBfIiB4MT0iMjEuNjclIiB4Mj0iOTcuMDY4JSIgeTE9Ijc1Ljg3NCUiIHkyPSIyMy45ODUlIj48c3RvcCBvZmZzZXQ9IjEzLjIzJSIgc3RvcC1jb2xvcj0iIzAwNjRERiI+PC9zdG9wPjxzdG9wIG9mZnNldD0iOTkuODglIiBzdG9wLWNvbG9yPSIjMDA2NEUwIj48L3N0b3A+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImxvYmUtaWNvbnMtbWV0YS0yLV9SXzBfIiB4MT0iMzguMjYzJSIgeDI9IjYwLjg5NSUiIHkxPSI4OS4xMjclIiB5Mj0iMTYuMTMxJSI+PHN0b3Agb2Zmc2V0PSIxLjQ3JSIgc3RvcC1jb2xvcj0iIzAwNzJFQyI+PC9zdG9wPjxzdG9wIG9mZnNldD0iNjguODElIiBzdG9wLWNvbG9yPSIjMDA2NERGIj48L3N0b3A+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImxvYmUtaWNvbnMtbWV0YS0zLV9SXzBfIiB4MT0iNDcuMDMyJSIgeDI9IjUyLjE1JSIgeTE9IjkwLjE5JSIgeTI9IjE1Ljc0NSUiPjxzdG9wIG9mZnNldD0iNy4zMSUiIHN0b3AtY29sb3I9IiMwMDdDRjYiPjwvc3RvcD48c3RvcCBvZmZzZXQ9Ijk5LjQzJSIgc3RvcC1jb2xvcj0iIzAwNzJFQyI+PC9zdG9wPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJsb2JlLWljb25zLW1ldGEtNC1fUl8wXyIgeDE9IjUyLjE1NSUiIHgyPSI0Ny41OTElIiB5MT0iNTguMzAxJSIgeTI9IjM3LjAwNCUiPjxzdG9wIG9mZnNldD0iNy4zMSUiIHN0b3AtY29sb3I9IiMwMDdGRjkiPjwvc3RvcD48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDdDRjYiPjwvc3RvcD48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ibG9iZS1pY29ucy1tZXRhLTUtX1JfMF8iIHgxPSIzNy42ODklIiB4Mj0iNjEuOTYxJSIgeTE9IjEyLjUwMiUiIHkyPSI2My42MjQlIj48c3RvcCBvZmZzZXQ9IjcuMzElIiBzdG9wLWNvbG9yPSIjMDA3RkY5Ij48L3N0b3A+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDA4MkZCIj48L3N0b3A+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImxvYmUtaWNvbnMtbWV0YS02LV9SXzBfIiB4MT0iMzQuODA4JSIgeDI9IjYyLjMxMyUiIHkxPSI2OC44NTklIiB5Mj0iMjMuMTc0JSI+PHN0b3Agb2Zmc2V0PSIyNy45OSUiIHN0b3AtY29sb3I9IiMwMDdGRjgiPjwvc3RvcD48c3RvcCBvZmZzZXQ9IjkxLjQxJSIgc3RvcC1jb2xvcj0iIzAwODJGQiI+PC9zdG9wPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJsb2JlLWljb25zLW1ldGEtNy1fUl8wXyIgeDE9IjQzLjc2MiUiIHgyPSI1Ny42MDIlIiB5MT0iNi4yMzUlIiB5Mj0iOTguNTE0JSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwODJGQiI+PC9zdG9wPjxzdG9wIG9mZnNldD0iOTkuOTUlIiBzdG9wLWNvbG9yPSIjMDA4MUZBIj48L3N0b3A+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImxvYmUtaWNvbnMtbWV0YS04LV9SXzBfIiB4MT0iNjAuMDU1JSIgeDI9IjM5Ljg4JSIgeTE9IjQuNjYxJSIgeTI9IjY5LjA3NyUiPjxzdG9wIG9mZnNldD0iNi4xOSUiIHN0b3AtY29sb3I9IiMwMDgxRkEiPjwvc3RvcD48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgwRjkiPjwvc3RvcD48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ibG9iZS1pY29ucy1tZXRhLTktX1JfMF8iIHgxPSIzMC4yODIlIiB4Mj0iNjEuMDgxJSIgeTE9IjU5LjMyJSIgeTI9IjMzLjI0NCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMjdBRjMiPjwvc3RvcD48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgwRjkiPjwvc3RvcD48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ibG9iZS1pY29ucy1tZXRhLTEwLV9SXzBfIiB4MT0iMjAuNDMzJSIgeDI9IjgyLjExMiUiIHkxPSI1MC4wMDElIiB5Mj0iNTAuMDAxJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzNzdFRiI+PC9zdG9wPjxzdG9wIG9mZnNldD0iOTkuOTQlIiBzdG9wLWNvbG9yPSIjMDI3OUYxIj48L3N0b3A+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImxvYmUtaWNvbnMtbWV0YS0xMS1fUl8wXyIgeDE9IjQwLjMwMyUiIHgyPSI3Mi4zOTQlIiB5MT0iMzUuMjk4JSIgeTI9IjU3LjgxMSUiPjxzdG9wIG9mZnNldD0iLjE5JSIgc3RvcC1jb2xvcj0iIzA0NzFFOSI+PC9zdG9wPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAzNzdFRiI+PC9zdG9wPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJsb2JlLWljb25zLW1ldGEtMTItX1JfMF8iIHgxPSIzMi4yNTQlIiB4Mj0iNjguMDAzJSIgeTE9IjE5LjcxOSUiIHkyPSI4NC45MDglIj48c3RvcCBvZmZzZXQ9IjI3LjY1JSIgc3RvcC1jb2xvcj0iIzA4NjdERiI+PC9zdG9wPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA0NzFFOSI+PC9zdG9wPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="},{key:"zhipu",label:"Zhipu GLM",providers:["zhipu","zhipuai","zai","bigmodel"],prefixes:["glm-","chatglm-"],exact:[],href:"data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgc3R5bGU9ImZsZXg6bm9uZTtsaW5lLWhlaWdodDoxIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxZW0iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPlpoaXB1PC90aXRsZT48cGF0aCBkPSJNMTEuOTkxIDIzLjUwM2EuMjQuMjQgMCAwMC0uMjQ0LjI0OC4yNC4yNCAwIDAwLjI0NC4yNDkuMjQuMjQgMCAwMC4yNDUtLjI0OS4yNC4yNCAwIDAwLS4yMi0uMjQ3bC0uMDI1LS4wMDF6TTkuNjcxIDUuMzY1YTEuNjk3IDEuNjk3IDAgMDExLjA5OSAyLjEzMmwtLjA3MS4xNzItLjAxNi4wNC0uMDE4LjA1NGMtLjA3LjE2LS4xMDQuMzItLjEwNC40OTgtLjAzNS43MS40NyAxLjI3OSAxLjE4NiAxLjMxNGguMzY2YzEuMzA5LjA1MyAyLjMzOCAxLjE3MyAyLjI4NiAyLjUyMy0uMDUyIDEuMzMyLTEuMTUyIDIuMzgtMi40NzggMi4zMjdoLS4xNzRjLS43MTUuMDE4LTEuMjc0LjY0LTEuMjM5IDEuMzY4IDAgLjEyNC4wMTguMjMuMDUzLjMzNy4yMDkuMzczLjU0LjY1OC45Ni44Ljc1LjIzIDEuNTE3LS4xMjUgMS45LS43ODJsLjAxOC0uMDM1Yy40MDItLjY0IDEuMTctLjk2IDEuOTItLjcxMS44NTQuMjg0IDEuMzc4IDEuMjI2IDEuMDk5IDIuMTY3YTEuNjYxIDEuNjYxIDAgMDEtMi4wNzcgMS4xMDIgMS43MTEgMS43MTEgMCAwMS0uOTA3LS43MTFsLS4wMTctLjAzNWMtLjItLjMyMy0uNDYzLS41OC0uODUxLS43MTFsLS4wNTYtLjAxOGExLjY0NiAxLjY0NiAwIDAwLTEuOTU0Ljc0NiAxLjY2IDEuNjYgMCAwMS0xLjA2NS43NjQgMS42NzcgMS42NzcgMCAwMS0xLjk4OS0xLjI3OWMtLjIwOS0uOTA2LjMzMi0xLjgzIDEuMjU3LTIuMDQzYTEuNTEgMS41MSAwIDAxLjI5Ni0uMDM1aC4wMThjLjY4LS4wNzEgMS4xNTEtLjYyMiAxLjExNi0xLjMzM2ExLjMwNyAxLjMwNyAwIDAwLS4yMjctLjY5MyAyLjUxNSAyLjUxNSAwIDAxLS4zNjYtMS40MDMgMi4zOSAyLjM5IDAgMDEuMzY2LTEuMjA4Yy4xNC0uMTk1LjIxLS40NDQuMjI3LS42OTMuMDE4LS43MS0uNTA2LTEuMjYxLTEuMTg2LTEuMzMybC0uMDctLjAxOGExLjQzIDEuNDMgMCAwMS0uMjk5LS4wN2wtLjA1LS4wMTlhMS43IDEuNyAwIDAxLTEuMDQ3LTIuMTE0IDEuNjggMS42OCAwIDAxMi4wOTQtMS4xMDF6bS01LjU3NSAxMC4xMWMuMjYtLjI2NC42MzktLjM2Ny45OTQtLjI3LjM1NS4wOTYuNjMzLjM3OS43MjguNzQuMDk1LjM2Mi0uMDA3Ljc0OC0uMjY3IDEuMDEzLS40MDIuNDEtMS4wNTMuNDEtMS40NTUgMGExLjA2MiAxLjA2MiAwIDAxMC0xLjQ4MnptMTQuODQ1LS4yOTRjLjM1OS0uMDkuNzM4LjAyNC45OTIuMjk3LjI1NC4yNzQuMzQ0LjY2NS4yMzcgMS4wMjUtLjEwNy4zNi0uMzk2LjYzNC0uNzU2LjcxOC0uNTUxLjEyOC0xLjEtLjIyLTEuMjMtLjc4MWExLjA1IDEuMDUgMCAwMS43NTctMS4yNnptLS4wNjQtNC4zOWMuMzE0LjMyLjQ5Ljc1My40OSAxLjIwNiAwIC40NTItLjE3Ni44ODYtLjQ5IDEuMjA2LS4zMTUuMzItLjc0LjUtMS4xODUuNS0uNDQ0IDAtLjg3LS4xOC0xLjE4NC0uNWExLjcyNyAxLjcyNyAwIDAxMC0yLjQxMiAxLjY1NCAxLjY1NCAwIDAxMi4zNjkgMHptLTExLjI0My4xNjNjLjM2NC40ODQuNDQ3IDEuMTI4LjIxOCAxLjY5MWExLjY2NSAxLjY2NSAwIDAxLTIuMTg4LjkyM2MtLjg1NS0uMzYtMS4yNi0xLjM1OC0uOTA3LTIuMjI4YTEuNjggMS42OCAwIDAxMS4zMy0xLjAzOGMuNTkzLS4wOCAxLjE4My4xNjkgMS41NDcuNjUyem0xMS41NDUtNC4yMjFjLjM2OCAwIC43MDguMi44OTIuNTI0LjE4NC4zMjQuMTg0LjcyNCAwIDEuMDQ4YTEuMDI2IDEuMDI2IDAgMDEtLjg5Mi41MjRjLS41NjggMC0xLjAzLS40Ny0xLjAzLTEuMDQ4IDAtLjU3OS40NjItMS4wNDggMS4wMy0xLjA0OHptLTE0LjM1OCAwYy4zNjggMCAuNzA3LjIuODkxLjUyNC4xODQuMzI0LjE4NC43MjQgMCAxLjA0OGExLjAyNiAxLjAyNiAwIDAxLS44OTEuNTI0Yy0uNTY5IDAtMS4wMy0uNDctMS4wMy0xLjA0OCAwLS41NzkuNDYxLTEuMDQ4IDEuMDMtMS4wNDh6bTEwLjAzMS0xLjQ3NWMuOTI1IDAgMS42NzUuNzY0IDEuNjc1IDEuNzA2cy0uNzUgMS43MDUtMS42NzUgMS43MDUtMS42NzQtLjc2My0xLjY3NC0xLjcwNWMwLS45NDIuNzUtMS43MDYgMS42NzQtMS43MDZ6bS0yLjYyNi0uNjg0Yy4zNjItLjA4Mi42NTMtLjM1Ni43NjEtLjcxOGExLjA2MiAxLjA2MiAwIDAwLS4yMzgtMS4wMjggMS4wMTcgMS4wMTcgMCAwMC0uOTk2LS4yOTRjLS41NDcuMTQtLjg4MS43LS43NTIgMS4yNTcuMTMuNTU4LjY3NS45MDcgMS4yMjUuNzgzem0wIDE2Ljg3NmMuMzU5LS4wODcuNjQ0LS4zNi43NS0uNzJhMS4wNjIgMS4wNjIgMCAwMC0uMjM3LTEuMDE5IDEuMDE4IDEuMDE4IDAgMDAtLjk4NS0uMzAxIDEuMDM3IDEuMDM3IDAgMDAtLjc2Mi43MTdjLS4xMDguMzYxLS4wMTcuNzU0LjIzOSAxLjAyOC4yNDUuMjYzLjYwNi4zNzcuOTUzLjMwNWwuMDQzLS4wMXpNMTcuMTkgMy41YS42MzEuNjMxIDAgMDAuNjI4LS42NGMwLS4zNTUtLjI3OS0uNjQtLjYyOC0uNjRhLjYzMS42MzEgMCAwMC0uNjI4LjY0YzAgLjM1NS4yOC42NC42MjguNjR6bS0xMC4zOCAwYS42MzEuNjMxIDAgMDAuNjI4LS42NGMwLS4zNTUtLjI4LS42NC0uNjI4LS42NGEuNjMxLjYzMSAwIDAwLS42MjguNjRjMCAuMzU1LjI3OS42NC42MjguNjR6bS01LjE4MiA3Ljg1MmEuNjMxLjYzMSAwIDAwLS42MjguNjRjMCAuMzU0LjI4LjYzOS42MjguNjM5YS42My42MyAwIDAwLjYyNy0uNjA2bC4wMDEtLjAzNGEuNjIuNjIgMCAwMC0uNjI4LS42NHptNS4xODIgOS4xM2EuNjMxLjYzMSAwIDAwLS42MjguNjRjMCAuMzU1LjI3OS42NC42MjguNjRhLjYzMS42MzEgMCAwMC42MjgtLjY0YzAtLjM1NS0uMjgtLjY0LS42MjgtLjY0em0xMC4zOC4wMThhLjYzMS42MzEgMCAwMC0uNjI4LjY0YzAgLjM1NS4yOC42NC42MjguNjRhLjYzMS42MzEgMCAwMC42MjgtLjY0YzAtLjM1NS0uMjc5LS42NC0uNjI4LS42NHptNS4xODItOS4xNDhhLjYzMS42MzEgMCAwMC0uNjI4LjY0YzAgLjM1NC4yNzkuNjM5LjYyOC42MzlhLjYzMS42MzEgMCAwMC42MjgtLjY0YzAtLjM1NS0uMjgtLjY0LS42MjgtLjY0em0tLjM4NC00Ljk5MmEuMjQuMjQgMCAwMC4yNDQtLjI0OS4yNC4yNCAwIDAwLS4yNDQtLjI0OS4yNC4yNCAwIDAwLS4yNDQuMjQ5YzAgLjE0Mi4xMjIuMjQ5LjI0NC4yNDl6TTExLjk5MS40OTdhLjI0LjI0IDAgMDAuMjQ1LS4yNDhBLjI0LjI0IDAgMDAxMS45OSAwYS4yNC4yNCAwIDAwLS4yNDQuMjQ5YzAgLjEzMy4xMDguMjM2LjIyMy4yNDdsLjAyMS4wMDF6TTIuMDExIDYuMzZhLjI0LjI0IDAgMDAuMjQ1LS4yNDkuMjQuMjQgMCAwMC0uMjQ0LS4yNDkuMjQuMjQgMCAwMC0uMjQ0LjI0OS4yNC4yNCAwIDAwLjI0NC4yNDl6bTAgMTEuMjYzYS4yNC4yNCAwIDAwLS4yNDMuMjQ4LjI0LjI0IDAgMDAuMjQ0LjI0OS4yNC4yNCAwIDAwLjI0NC0uMjQ5LjI1Mi4yNTIgMCAwMC0uMjQ0LS4yNDh6bTE5Ljk5NS0uMDE4YS4yNC4yNCAwIDAwLS4yNDUuMjQ4LjI0LjI0IDAgMDAuMjQ1LjI1LjI0LjI0IDAgMDAuMjQ0LS4yNS4yNTIuMjUyIDAgMDAtLjI0NC0uMjQ4eiIgZmlsbD0iIzM4NTlGRiIgZmlsbC1ydWxlPSJub256ZXJvIj48L3BhdGg+PC9zdmc+"},{key:"grok",label:"xAI Grok",providers:["xai"],prefixes:["grok-"],exact:["grok"],href:"data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjOGE4Zjk4IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGhlaWdodD0iMWVtIiBzdHlsZT0iZmxleDpub25lO2xpbmUtaGVpZ2h0OjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+R3JvazwvdGl0bGU+PHBhdGggZD0iTTkuMjcgMTUuMjlsNy45NzgtNS44OTdjLjM5MS0uMjkuOTUtLjE3NyAxLjEzNy4yNzIuOTggMi4zNjkuNTQyIDUuMjE1LTEuNDEgNy4xNjktMS45NTEgMS45NTQtNC42NjcgMi4zODItNy4xNDkgMS40MDZsLTIuNzExIDEuMjU3YzMuODg5IDIuNjYxIDguNjExIDIuMDAzIDExLjU2Mi0uOTUzIDIuMzQxLTIuMzQ0IDMuMDY2LTUuNTM5IDIuMzg4LTguNDJsLjAwNi4wMDdjLS45ODMtNC4yMzIuMjQyLTUuOTI0IDIuNzUtOS4zODMuMDYtLjA4Mi4xMi0uMTY0LjE3OS0uMjQ4bC0zLjMwMSAzLjMwNXYtLjAxTDkuMjY3IDE1LjI5Mk03LjYyMyAxNi43MjNjLTIuNzkyLTIuNjctMi4zMS02LjgwMS4wNzEtOS4xODQgMS43NjEtMS43NjMgNC42NDctMi40ODMgNy4xNjYtMS40MjVsMi43MDUtMS4yNWE3LjgwOCA3LjgwOCAwIDAwLTEuODI5LTFBOC45NzUgOC45NzUgMCAwMDUuOTg0IDUuODNjLTIuNTMzIDIuNTM2LTMuMzMgNi40MzYtMS45NjIgOS43NjQgMS4wMjIgMi40ODctLjY1MyA0LjI0Ni0yLjM0IDYuMDIyLS41OTkuNjMtMS4xOTkgMS4yNTktMS42ODIgMS45MjVsNy42Mi02LjgxNSI+PC9wYXRoPjwvc3ZnPg=="},{key:"qwen",label:"Qwen",providers:["qwen","alibaba","dashscope","bailian"],prefixes:["qwen","qwq-","qvq-"],exact:[],href:"data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgc3R5bGU9ImZsZXg6bm9uZTtsaW5lLWhlaWdodDoxIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxZW0iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPlF3ZW48L3RpdGxlPjxwYXRoIGQ9Ik0xMi42MDQgMS4zNGMuMzkzLjY5Ljc4NCAxLjM4MiAxLjE3NCAyLjA3NWEuMTguMTggMCAwMC4xNTcuMDkxaDUuNTUyYy4xNzQgMCAuMzIyLjExLjQ0Ni4zMjdsMS40NTQgMi41N2MuMTkuMzM3LjI0LjQ3OC4wMjQuODM3LS4yNi40My0uNTEzLjg2NC0uNzYgMS4zbC0uMzY3LjY1OGMtLjEwNi4xOTYtLjIyMy4yOC0uMDQuNTEybDIuNjUyIDQuNjM3Yy4xNzIuMzAxLjExMS40OTQtLjA0My43Ny0uNDM3Ljc4NS0uODgyIDEuNTY0LTEuMzM1IDIuMzQtLjE1OS4yNzItLjM1Mi4zNzUtLjY4LjM3LS43NzctLjAxNi0xLjU1Mi0uMDEtMi4zMjcuMDE2YS4wOTkuMDk5IDAgMDAtLjA4MS4wNSA1NzUuMDk3IDU3NS4wOTcgMCAwMS0yLjcwNSA0Ljc0Yy0uMTY5LjI5My0uMzguMzYzLS43MjUuMzY0LS45OTcuMDAzLTIuMDAyLjAwNC0zLjAxNy4wMDJhLjUzNy41MzcgMCAwMS0uNDY1LS4yNzFsLTEuMzM1LTIuMzIzYS4wOS4wOSAwIDAwLS4wODMtLjA0OUg0Ljk4MmMtLjI4NS4wMy0uNTUzLS4wMDEtLjgwNS0uMDkybC0xLjYwMy0yLjc3YS41NDMuNTQzIDAgMDEtLjAwMi0uNTRsMS4yMDctMi4xMmEuMTk4LjE5OCAwIDAwMC0uMTk3IDU1MC45NTEgNTUwLjk1MSAwIDAxLTEuODc1LTMuMjcybC0uNzktMS4zOTVjLS4xNi0uMzEtLjE3My0uNDk2LjA5NS0uOTY1LjQ2NS0uODEzLjkyNy0xLjYyNSAxLjM4Ny0yLjQzNi4xMzItLjIzNC4zMDQtLjMzNC41ODQtLjMzNWEzMzguMyAzMzguMyAwIDAxMi41ODktLjAwMS4xMjQuMTI0IDAgMDAuMTA3LS4wNjNsMi44MDYtNC44OTVhLjQ4OC40ODggMCAwMS40MjItLjI0NmMuNTI0LS4wMDEgMS4wNTMgMCAxLjU4My0uMDA2TDExLjcwNCAxYy4zNDEtLjAwMy43MjQuMDMyLjkuMzR6bS0zLjQzMi40MDNhLjA2LjA2IDAgMDAtLjA1Mi4wM0w2LjI1NCA2Ljc4OGEuMTU3LjE1NyAwIDAxLS4xMzUuMDc4SDMuMjUzYy0uMDU2IDAtLjA3LjAyNS0uMDQxLjA3NGw1LjgxIDEwLjE1NmMuMDI1LjA0Mi4wMTMuMDYyLS4wMzQuMDYzbC0yLjc5NS4wMTVhLjIxOC4yMTggMCAwMC0uMi4xMTZsLTEuMzIgMi4zMWMtLjA0NC4wNzgtLjAyMS4xMTguMDY4LjExOGw1LjcxNi4wMDhjLjA0NiAwIC4wOC4wMi4xMDQuMDYxbDEuNDAzIDIuNDU0Yy4wNDYuMDgxLjA5Mi4wODIuMTM5IDBsNS4wMDYtOC43Ni43ODMtMS4zODJhLjA1NS4wNTUgMCAwMS4wOTYgMGwxLjQyNCAyLjUzYS4xMjIuMTIyIDAgMDAuMTA3LjA2MmwyLjc2My0uMDJhLjA0LjA0IDAgMDAuMDM1LS4wMi4wNDEuMDQxIDAgMDAwLS4wNGwtMi45LTUuMDg2YS4xMDguMTA4IDAgMDEwLS4xMTNsLjI5My0uNTA3IDEuMTItMS45NzdjLjAyNC0uMDQxLjAxMi0uMDYyLS4wMzUtLjA2Mkg5LjJjLS4wNTkgMC0uMDczLS4wMjYtLjA0My0uMDc3bDEuNDM0LTIuNTA1YS4xMDcuMTA3IDAgMDAwLS4xMTRMOS4yMjUgMS43NzRhLjA2LjA2IDAgMDAtLjA1My0uMDMxem02LjI5IDguMDJjLjA0NiAwIC4wNTguMDIuMDM0LjA2bC0uODMyIDEuNDY1LTIuNjEzIDQuNTg1YS4wNTYuMDU2IDAgMDEtLjA1LjAyOS4wNTguMDU4IDAgMDEtLjA1LS4wMjlMOC40OTggOS44NDFjLS4wMi0uMDM0LS4wMS0uMDUyLjAyOC0uMDU0bC4yMTYtLjAxMiA2LjcyMi0uMDEyeiIgZmlsbD0idXJsKCNsb2JlLWljb25zLXF3ZW4tX1JfMF8pIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImxvYmUtaWNvbnMtcXdlbi1fUl8wXyIgeDE9IjAlIiB4Mj0iMTAwJSIgeTE9IjAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM2MzM2RTciIHN0b3Atb3BhY2l0eT0iLjg0Ij48L3N0b3A+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNkY2OUY3IiBzdG9wLW9wYWNpdHk9Ii44NCI+PC9zdG9wPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="},{key:"doubao",label:"Doubao",providers:["doubao","bytedance","volcengine","ark"],prefixes:["doubao-"],exact:[],href:"data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgc3R5bGU9ImZsZXg6bm9uZTtsaW5lLWhlaWdodDoxIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxZW0iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPkRvdWJhbzwvdGl0bGU+PHBhdGggZD0iTTUuMzEgMTUuNzU2Yy4xNzItMy43NSAxLjg4My01Ljk5OSAyLjU0OS02LjczOS0zLjI2IDIuMDU4LTUuNDI1IDUuNjU4LTYuMzU4IDguMzA4djEuMTJDMS41MDEgMjEuNTEzIDQuMjI2IDI0IDcuNTkgMjRhNi41OSA2LjU5IDAgMDAyLjItLjM3NWMuMzUzLS4xMi43LS4yNDggMS4wMzktLjM3OC45MTMtLjg5OSAxLjY1LTEuOTEgMi4yNDMtMi45OTItNC44NzcgMi40MzEtNy45NzQuMDcyLTcuNzYzLTQuNWwuMDAyLjAwMXoiIGZpbGw9IiMxRTM3RkMiPjwvcGF0aD48cGF0aCBkPSJNMjIuNTcgMTAuMjgzYy0xLjIxMi0uOTAxLTQuMTA5LTIuNDA0LTcuMzk3LTIuOC4yOTUgMy43OTIuMDkzIDguNzY2LTIuMSAxMi43NzNhMTIuNzgyIDEyLjc4MiAwIDAxLTIuMjQ0IDIuOTkyYzMuNzY0LTEuNDQ4IDYuNzQ2LTMuNDU3IDguNTk2LTUuMjE5IDIuODItMi42ODMgMy4zNTMtNS4xNzggMy4zNjEtNi42NmEyLjczNyAyLjczNyAwIDAwLS4yMTYtMS4wODR2LS4wMDJ6IiBmaWxsPSIjMzdFMUJFIj48L3BhdGg+PHBhdGggZD0iTTE0LjMwMyAxLjg2N0MxMi45NTUuNyAxMS4yNDggMCA5LjM5IDAgNy41MzIgMCA1Ljg4My42NzcgNC41NDUgMS44MDcgMi43OTEgMy4yOSAxLjYyNyA1LjU1NyAxLjUgOC4xMjV2OS4yMDFjLjkzMi0yLjY1IDMuMDk3LTYuMjUgNi4zNTctOC4zMDcuNS0uMzE4IDEuMDI1LS41OTUgMS41NjktLjgyOSAxLjg4My0uODAxIDMuODc4LS45MzIgNS43NDYtLjcwNi0uMjIyLTIuODMtLjcxOC01LjAwMi0uODctNS42MTdoLjAwMXoiIGZpbGw9IiNBNTY5RkYiPjwvcGF0aD48cGF0aCBkPSJNMTcuMzA1IDQuOTYxYTE5OS40NyAxOTkuNDcgMCAwMS0xLjA4LTEuMDk0Yy0uMjAyLS4yMTMtLjM5OC0uNDE5LS41ODYtLjYyMmwtMS4zMzMtMS4zNzhjLjE1MS42MTUuNjQ4IDIuNzg2Ljg2OSA1LjYxNyAzLjI4OC4zOTUgNi4xODUgMS44OTggNy4zOTYgMi44LTEuMzA2LTEuMjc1LTMuNDc1LTMuNDg3LTUuMjY2LTUuMzIzeiIgZmlsbD0iIzFFMzdGQyI+PC9wYXRoPjwvc3ZnPg=="},{key:"kimi",label:"Moonshot Kimi",providers:["moonshot","moonshotai"],prefixes:["kimi-","moonshot-"],exact:["kimi"],href:"data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgc3R5bGU9ImZsZXg6bm9uZTtsaW5lLWhlaWdodDoxIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxZW0iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPktpbWk8L3RpdGxlPjxwYXRoIGQ9Ik0yMS44NDYgMGExLjkyMyAxLjkyMyAwIDExMCAzLjg0NkgyMC4xNWEuMjI2LjIyNiAwIDAxLS4yMjctLjIyNlYxLjkyM0MxOS45MjMuODYxIDIwLjc4NCAwIDIxLjg0NiAweiIgZmlsbD0iIzE3ODNGRiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMS4wNjUgMTEuMTk5bDcuMjU3LTcuMmMuMTM3LS4xMzYuMDYtLjQxLS4xMTYtLjQxSDE0LjNhLjE2NC4xNjQgMCAwMC0uMTE3LjA1MWwtNy44MiA3Ljc1NmMtLjEyMi4xMi0uMzAyLjAxMy0uMzAyLS4xNzlWMy44MmMwLS4xMjctLjA4My0uMjMtLjE4NS0uMjNIMy4xODZjLS4xMDMgMC0uMTg2LjEwMy0uMTg2LjIzVjE5Ljc3YzAgLjEyOC4wODMuMjMuMTg2LjIzaDIuNjljLjEwMyAwIC4xODYtLjEwMi4xODYtLjIzdi0zLjI1YzAtLjA2OS4wMjUtLjEzNS4wNjktLjE3OGwyLjQyNC0yLjQwNmEuMTU4LjE1OCAwIDAxLjIwNS0uMDIzbDYuNDg0IDQuNzcyYTcuNjc3IDcuNjc3IDAgMDAzLjQ1MyAxLjI4M2MuMTA4LjAxMi4yLS4wOTUuMi0uMjN2LTMuMDZjMC0uMTE3LS4wNy0uMjEyLS4xNjQtLjIyN2E1LjAyOCA1LjAyOCAwIDAxLTIuMDI3LS44MDdsLTUuNjEzLTQuMDY0Yy0uMTE3LS4wNzgtLjEzMi0uMjc5LS4wMjgtLjM4MXoiIGZpbGw9IiNmZmYiPjwvcGF0aD48L3N2Zz4="},{key:"minimax",label:"MiniMax",providers:["minimax"],prefixes:["minimax-","abab"],exact:[],href:"data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgc3R5bGU9ImZsZXg6bm9uZTtsaW5lLWhlaWdodDoxIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxZW0iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHRpdGxlPk1pbmltYXg8L3RpdGxlPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ibG9iZS1pY29ucy1taW5pbWF4LV9SXzBfIiB4MT0iMCUiIHgyPSIxMDAuMTgyJSIgeTE9IjUwLjA1NyUiIHkyPSI1MC4wNTclIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjRTIxNjdFIj48L3N0b3A+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjRkU2MDNDIj48L3N0b3A+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZD0iTTE2LjI3OCAyYzEuMTU2IDAgMi4wOTMuOTI3IDIuMDkzIDIuMDd2MTIuNTAxYS43NC43NCAwIDAwLjc0NC43MDkuNzQuNzQgMCAwMC43NDMtLjcwOVY5LjA5OWEyLjA2IDIuMDYgMCAwMTIuMDcxLTIuMDQ5QTIuMDYgMi4wNiAwIDAxMjQgOS4xdjYuNTYxYS42NDkuNjQ5IDAgMDEtLjY1Mi42NDUuNjQ5LjY0OSAwIDAxLS42NTMtLjY0NVY5LjFhLjc2Mi43NjIgMCAwMC0uNzY2LS43NTguNzYyLjc2MiAwIDAwLS43NjYuNzU4djcuNDcyYTIuMDM3IDIuMDM3IDAgMDEtMi4wNDggMi4wMjYgMi4wMzcgMi4wMzcgMCAwMS0yLjA0OC0yLjAyNnYtMTIuNWEuNzg1Ljc4NSAwIDAwLS43ODgtLjc1My43ODUuNzg1IDAgMDAtLjc4OS43NTJsLS4wMDEgMTUuOTA0QTIuMDM3IDIuMDM3IDAgMDExMy40NDEgMjJhMi4wMzcgMi4wMzcgMCAwMS0yLjA0OC0yLjAyNlYxOC4wNGMwLS4zNTYuMjkyLS42NDUuNjUyLS42NDUuMzYgMCAuNjUyLjI4OS42NTIuNjQ1djEuOTM0YzAgLjI2My4xNDIuNTA2LjM3Mi42MzguMjMuMTMxLjUxNC4xMzEuNzQ0IDBhLjczNC43MzQgMCAwMC4zNzItLjYzOFY0LjA3YzAtMS4xNDMuOTM3LTIuMDcgMi4wOTMtMi4wN3ptLTUuNjc0IDBjMS4xNTYgMCAyLjA5My45MjcgMi4wOTMgMi4wN3YxMS41MjNhLjY0OC42NDggMCAwMS0uNjUyLjY0NS42NDguNjQ4IDAgMDEtLjY1Mi0uNjQ1VjQuMDdhLjc4NS43ODUgMCAwMC0uNzg5LS43OC43ODUuNzg1IDAgMDAtLjc4OS43OHYxNC4wMTNhMi4wNiAyLjA2IDAgMDEtMi4wNyAyLjA0OCAyLjA2IDIuMDYgMCAwMS0yLjA3MS0yLjA0OFY5LjFhLjc2Mi43NjIgMCAwMC0uNzY2LS43NTguNzYyLjc2MiAwIDAwLS43NjYuNzU4djMuOGEyLjA2IDIuMDYgMCAwMS0yLjA3MSAyLjA0OUEyLjA2IDIuMDYgMCAwMTAgMTIuOXYtMS4zNzhjMC0uMzU3LjI5Mi0uNjQ2LjY1Mi0uNjQ2LjM2IDAgLjY1My4yOS42NTMuNjQ2VjEyLjljMCAuNDE4LjM0My43NTcuNzY2Ljc1N3MuNzY2LS4zMzkuNzY2LS43NTdWOS4wOTlhMi4wNiAyLjA2IDAgMDEyLjA3LTIuMDQ4IDIuMDYgMi4wNiAwIDAxMi4wNzEgMi4wNDh2OC45ODRjMCAuNDE5LjM0My43NTguNzY3Ljc1OC40MjMgMCAuNzY2LS4zMzkuNzY2LS43NThWNC4wN2MwLTEuMTQzLjkzNy0yLjA3IDIuMDkzLTIuMDd6IiBmaWxsPSJ1cmwoI2xvYmUtaWNvbnMtbWluaW1heC1fUl8wXykiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPjwvc3ZnPg=="}],w=Array.isArray(N)?N:[],j=new Map(w.map(e=>[e.key,e])),L=new Map;function f(e){const t="string"==typeof e?e.trim().toLowerCase():"";if(""===t)return null;for(const e of w)if(e.providers.includes(t))return e;return null}function I(e,t){if(""===t||!e.startsWith(t))return!1;if(e.length===t.length)return!0;if(/[-_.:\/]$/.test(t))return!0;const a=e.charAt(t.length);return"-"===a||"_"===a||"."===a||":"===a||"/"===a||/[a-z]$/.test(t)&&/[0-9]/.test(a)}function D(e){const t=function(e){if("string"!=typeof e)return"";let t=e.trim().toLowerCase();const a=t.lastIndexOf("/");return a>=0&&(t=t.slice(a+1)),t.split(":")[0].replace(/@/g,"-").trim()}(e);if(""===t)return null;for(const e of w)if(e.exact.includes(t))return e;let a=null,n=0;for(const e of w)for(const r of e.prefixes)I(t,r)&&r.length>n&&(a=e,n=r.length);return a}function v(e){if(0===w.length||null===e||"object"!=typeof e)return null;const t="string"==typeof e.actualModel?e.actualModel:"",a="string"==typeof e.requestedModel?e.requestedModel:"",n="string"==typeof e.model?e.model:"",r="string"==typeof e.provider?e.provider:"",i=t+"\0"+a+"\0"+n+"\0"+r;if(L.has(i))return L.get(i);const l=n.includes(" / ")?n.slice(n.indexOf(" / ")+3):n;let s=D(""!==t?t:a);if(null===s&&""===t&&""===a){const e=f(r),t=D(l);s=null===e||null!==t&&t!==e?t:e}return L.size>=2e3&&L.clear(),L.set(i,s),s}function E(e){if(!Array.isArray(e)||0===e.length)return null;let t=null;for(const a of e){const e=v(a);if(null===e)return null;if(null===t)t=e;else if(t!==e)return null}return t}function A(e,t){if("en"===t||"number"!=typeof e||!Number.isFinite(e)||e<1e4)return"";const a=e>=1e8?e/1e8:e/1e4,n=Math.round(1e3*a)/1e3;return String(n)+(e>=1e8?"亿":"万")}function S(e,t,a){const r=A(t,a);return n.createElement(n.Fragment,null,e,r?n.createElement("span",{className:"uh-unit"},r):null)}function z(e,t,a){return null==t?"—":("CNY"===e?"¥":"USD"===e?"$":e+" ")+t.toLocaleString("en"===a?"en-US":"zh-CN",{minimumFractionDigits:4,maximumFractionDigits:4})}function T(e){const t=("number"==typeof e?String(e):"string"==typeof e?e.trim().toLowerCase():"").match(/^(\d+)(?:\.(\d+))?(?:e([+-]?\d+))?$/);if(!t)return{digits:0n,scale:0};let a=(t[1]||"")+(t[2]||""),n=(t[2]||"").length-(t[3]?Number(t[3]):0);for(n<0&&(a+="0".repeat(-n),n=0),n>a.length&&(a="0".repeat(n-a.length+1)+a);n>0&&a.length>1&&a.endsWith("0");)a=a.slice(0,-1),n-=1;return{digits:BigInt(a.replace(/^0+(?=\d)/,"")||"0"),scale:n}}function k(e){const t=T(e);if(0n===t.digits)return"0";const a=t.digits.toString();if(0===t.scale)return a;const n=a.padStart(t.scale+1,"0"),r=n.length-t.scale;return n.slice(0,r)+"."+n.slice(r)}function C(e,t){const a=T(e),n=T(t),r=Math.max(a.scale,n.scale);return k((a.digits*10n**BigInt(r-a.scale)+n.digits*10n**BigInt(r-n.scale)).toString()+(r>0?"e-"+r:""))}function O(){return{currency:"USD",input:"0",output:"0",cacheRead:"0",cacheWrite:"0",baseTotal:"0",total:"0",pricedCalls:0,unpricedCalls:0,ambiguousCalls:0,unsupportedCalls:0}}function Y(e){const t=e&&e.cost&&"object"==typeof e.cost?e.cost:e&&"object"==typeof e?e:{},a={currency:"USD",input:"0",output:"0",cacheRead:"0",cacheWrite:"0",baseTotal:"0",total:"0",pricedCalls:0,unpricedCalls:0,ambiguousCalls:0,unsupportedCalls:0};if(a.currency="string"==typeof t.currency&&""!==t.currency?t.currency:"USD",t.breakdown&&"object"==typeof t.breakdown)return"priced"===t.status?(a.input=k(t.breakdown.input),a.output=k(t.breakdown.output),a.cacheRead=k(t.breakdown.cacheRead),a.cacheWrite=k(t.breakdown.cacheWrite),a.baseTotal=k(t.baseTotal),a.total=k(t.total),a.pricedCalls=1):"ambiguous"===t.status?a.ambiguousCalls=1:"unsupported"===t.status?a.unsupportedCalls=1:a.unpricedCalls=1,a;for(const e of["input","output","cacheRead","cacheWrite","baseTotal","total"])a[e]=k(t[e]);for(const e of["pricedCalls","unpricedCalls","ambiguousCalls","unsupportedCalls"])a[e]=Number.isFinite(t[e])?t[e]:0;return a}function U(e,t){const a=Y(t);for(const t of["input","output","cacheRead","cacheWrite","baseTotal","total"])e[t]=C(e[t],a[t]);return e.pricedCalls+=a.pricedCalls,e.unpricedCalls+=a.unpricedCalls,e.ambiguousCalls+=a.ambiguousCalls,e.unsupportedCalls+=a.unsupportedCalls,e}function Q(e,t){const a=Y(e);if(a.pricedCalls<=0)return"—";const n=Number(a.total);return Number.isFinite(n)?z(a.currency,n,t):a.currency+" "+a.total}function W(e,t){const a=e&&e.cost&&"object"==typeof e.cost?e.cost:{},n=[];return a.pricingPolicyId&&n.push(a.pricingPolicyId),"UTC"===a.pricingTimezone&&Number.isFinite(a.pricingAt)&&n.push(("en"===t?"at ":"计费时刻 ")+new Date(a.pricingAt).toISOString().slice(0,16).replace("T"," ")+" UTC"),n.length>0?n.join(" · "):null}function R(e){const t=e&&e.config&&"object"==typeof e.config?e.config:{},a=t.sync&&"object"==typeof t.sync?t.sync:{};return{sync:{autoEnabled:!0===a.autoEnabled,intervalMs:Number.isFinite(a.intervalMs)?a.intervalMs:216e5},providerAliases:t.providerAliases&&"object"==typeof t.providerAliases?Object.assign({},t.providerAliases):{},mappings:Array.isArray(t.mappings)?t.mappings.map(e=>Object.assign({},e)):[],overrides:Array.isArray(t.overrides)?t.overrides.map(e=>Object.assign({},e,{tiers:Array.isArray(e.tiers)?e.tiers.map(e=>Object.assign({},e)):[]})):[]}}function P(e,t){const a=R(t);if(null===e||"object"!=typeof e)return a;const n=R({config:e});return Object.assign({},a,{providerAliases:n.providerAliases,mappings:n.mappings,overrides:n.overrides})}function G(e,t){const a={priced:["已计价","priced"],unpriced:["未计价","unpriced"],ambiguous:["待确认","ambiguous"],unsupported:["不支持","unsupported"]},n=a[e]||a.unpriced;return"en"===t?n[1]:n[0]}function Z(e){const t=String(e??"").trim().toLowerCase();if(""===t||t.length>128)return!1;const a=t.match(/^(\d+)(?:\.(\d+))?(?:e([+-]?\d+))?$/);if(!a)return!1;const n=a[3]?Number(a[3]):0;if(!Number.isSafeInteger(n)||Math.abs(n)>24)return!1;let r=(a[1]||"")+(a[2]||""),i=(a[2]||"").length-n;return r=r.replace(/^0+(?=\d)/,""),i<0&&(r+="0".repeat(-i),i=0),i>r.length&&(r="0".repeat(i-r.length+1)+r),r.length<=40}function F(e,t){const a=Number(e&&e.size);return!(!e||"context"!==e.type||!Number.isSafeInteger(a)||a<=t||a>1e9)&&["input","output","cacheRead","cacheWrite"].every(t=>Z(e[t]))}function B(e){return String(e||"").trim().toLowerCase().replace(/^.*\//,"").split(":")[0]}function H(e,t){const a=e.split("-"),n="en"===t,r=n?new Date(Date.UTC(Number(a[0]),Number(a[1])-1,Number(a[2]))):new Date(Number(a[0]),Number(a[1])-1,Number(a[2])),i=n?r.getUTCMonth():r.getMonth(),l=n?r.getUTCDay():r.getDay();if("en"===t){const e=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][l];return["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][i]+" "+Number(a[2])+", "+a[0]+" ("+e+", UTC)"}const s=["周日","周一","周二","周三","周四","周五","周六"][l];return a[0]+"年"+Number(a[1])+"月"+Number(a[2])+"日 "+s}function J(e,t,a){if("en"===a){const a=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][t];return 0===t?e+" "+a:a}return 0===t?e+"年1月":t+1+"月"}function X(e){return e>=10?4:e>=6?3:e>=3?2:e>=1?1:0}const V=[20,45,70,96];function K(e){return e<=0?"var(--dsw-alias-bg-layer-2)":"color-mix(in srgb, #2ea043 "+V[e-1]+"%, var(--dsw-alias-bg-layer-2))"}function q(e){return"hsl("+137*e%360+", 70%, 55%)"}function $(e,t,a,n){const r=a&&Array.isArray(e&&e.byDayUtc)?e.byDayUtc:Array.isArray(e&&e.byDay)?e.byDay:[],s=i(new Date,a);if("custom"===t){const e=o(n,a);return null===e?null:{start:e.start,end:e.end}}if("today"===t)return{start:s,end:s};if("30d"===t)return{start:i(l(new Date,-29,a),a),end:s};if("90d"===t)return{start:i(l(new Date,-89,a),a),end:s};const c=u(r,s);return{start:c.min,end:c.max}}function _(e){return null===e?"":JSON.stringify({start:e.start,end:e.end,utc:!0===e.utc,workspaceId:e.workspaceId||null,provider:e.provider||null,modelKey:e.modelKey||null})}function ee(e){const t=e&&e.tokens&&"object"==typeof e.tokens?e.tokens:e||{};return{input:Number.isFinite(t.input)?t.input:0,output:Number.isFinite(t.output)?t.output:0,cacheRead:Number.isFinite(t.cacheRead)?t.cacheRead:0,cacheWrite:Number.isFinite(t.cacheWrite)?t.cacheWrite:0,reasoning:Number.isFinite(t.reasoning)?t.reasoning:0}}function te(e,t,a){return e&&Number.isFinite(e.time)?function(e,t,a){const n=a?{year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!1}:{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!1};return"en"===t&&(n.timeZone="UTC"),new Date(e).toLocaleString("en"===t?"en-US":"zh-CN",n)}(e.time,t,a):e&&"string"==typeof e.date?a?H(e.date,t):e.date.slice(5):""}function ae(e,t){return e&&Number.isFinite(e.time)?String(e.time):e&&"string"==typeof e.date?e.date:String(t)}function ne(e){return e&&"string"==typeof e.date?e.date:""}function re(e,t,a){const n="string"==typeof e.actualModel&&""!==e.actualModel?e.actualModel:"string"==typeof e.requestedModel&&""!==e.requestedModel?e.requestedModel:"",r="string"==typeof e.model&&""!==e.model?e.model:a,i=r.indexOf(" / "),l=("string"==typeof e.provider&&""!==e.provider?e.provider:"")||(i>0?r.slice(0,i):t),s=l!==t?l+" / ":"",o=""!==n?r:""!==s&&r.startsWith(s)?r.slice(s.length):i>0?r.slice(i+3):r;return{provider:l,model:function(e){const t=String(e||"").trim();return t.includes(" / ")?t:B(t)}(n||o)||a}}function ie(e,t){const[a,r]=n.useState({value:0,done:!1});return n.useEffect(()=>{if("number"!=typeof e||!Number.isFinite(e)||e<=0)return void r({value:0,done:!1});if(a.done)return void r({value:e,done:!0});const n=Date.now(),i=t.interval(()=>{const t=Math.min(1,(Date.now()-n)/700),a=1-Math.pow(1-t,3);t>=1?(i(),r({value:e,done:!0})):r({value:Math.round(e*a),done:!1})},32);return i},[e]),a.value}function le(e){if(!Array.isArray(e)||0===e.length)return"";if(1===e.length)return"M"+e[0].x.toFixed(2)+" "+e[0].y.toFixed(2);const t=[];for(let a=0;a<e.length-1;a+=1){const n=e[a+1].x-e[a].x;t.push(0===n?0:(e[a+1].y-e[a].y)/n)}const a=new Array(e.length).fill(0);a[0]=t[0],a[e.length-1]=t[t.length-1];for(let n=1;n<e.length-1;n+=1){const e=t[n-1],r=t[n];a[n]=e*r<=0?0:(e+r)/2}for(let e=0;e<t.length;e+=1){if(0===t[e]){a[e]=0,a[e+1]=0;continue}const n=a[e]/t[e],r=a[e+1]/t[e],i=n*n+r*r;if(i>9){const l=3/Math.sqrt(i);a[e]=l*n*t[e],a[e+1]=l*r*t[e]}}let n="M"+e[0].x.toFixed(2)+" "+e[0].y.toFixed(2);for(let t=0;t<e.length-1;t+=1){const r=e[t+1].x-e[t].x,i=e[t].x+r/3,l=e[t].y+a[t]*r/3,s=e[t+1].x-r/3,o=e[t+1].y-a[t+1]*r/3;n+=" C"+i.toFixed(2)+" "+l.toFixed(2)+" "+s.toFixed(2)+" "+o.toFixed(2)+" "+e[t+1].x.toFixed(2)+" "+e[t+1].y.toFixed(2)}return n}function se(e){if(!Array.isArray(e)||e.length<2)return 1;let t=0;for(let a=1;a<e.length;a+=1){const n=e[a].x-e[a-1].x,r=e[a].y-e[a-1].y;t+=Math.sqrt(n*n+r*r)}return Math.max(1,Math.ceil(1.35*t+2))}const oe=["#0a84ff","#30d158","#bf5af2","#ff9f0a","#ff375f","#64d2ff"],ue={total:"#f4c542",input:"#5aa9ff",cacheRead:"#44d483",cacheWrite:"#d98bff",output:"#ff8c66",reasoning:"#aab4c4"},ce={total:.2,input:.16,cacheRead:.18,cacheWrite:.14,output:.16,reasoning:.1};function de(e,t){const a=A(e,t);return""!==a?a:h(e)}function pe(e,t){return de(e,t)+("en"===t?" tokens":" Token")}function me(e,t,a,n,r){const i=Math.max(0,r-n),l=n=>({x:e+a*Math.cos(n),y:t+a*Math.sin(n)}),s=l(n);if(i>=2*Math.PI-1e-4){const e=l(n+Math.PI);return"M"+s.x.toFixed(2)+" "+s.y.toFixed(2)+" A"+a+" "+a+" 0 1 1 "+e.x.toFixed(2)+" "+e.y.toFixed(2)+" A"+a+" "+a+" 0 1 1 "+s.x.toFixed(2)+" "+s.y.toFixed(2)}const o=l(r);return"M"+s.x.toFixed(2)+" "+s.y.toFixed(2)+" A"+a+" "+a+" 0 "+(i>Math.PI?1:0)+" 1 "+o.x.toFixed(2)+" "+o.y.toFixed(2)}const ge=n.memo(function(e){const t="en"===e.language?"en":"zh",[a,r]=n.useState(null),i=n.useRef(null),l=n.useRef(null),s=n.useRef(null),o=n.useRef(null),u=n.useMemo(()=>function(e,t,a=5){const n=Math.max(1,Number.isInteger(a)?a:5),r=(Array.isArray(e)?e:[]).map((e,t)=>({label:e&&void 0!==e.label?String(e.label):"",value:Number(e&&e.value),color:e&&"string"==typeof e.color&&""!==e.color?e.color:oe[t%oe.length],iconKey:e&&void 0!==e.iconKey?e.iconKey:void 0,cost:Y(e)})).filter(e=>""!==e.label&&Number.isFinite(e.value)&&e.value>0).sort((e,t)=>t.value-e.value),i=r.reduce((e,t)=>e+t.value,0);if(i<=0)return{total:0,segments:[]};const l=r.slice(0,n),s=r.slice(n),o=s.reduce((e,t)=>e+t.value,0);if(o>0){const e={currency:"USD",input:"0",output:"0",cacheRead:"0",cacheWrite:"0",baseTotal:"0",total:"0",pricedCalls:0,unpricedCalls:0,ambiguousCalls:0,unsupportedCalls:0};for(const t of s)U(e,t.cost);l.push({label:t+" ("+(r.length-n)+")",value:o,color:"#b8c2cf",iconKey:null,cost:e,other:!0})}let u=-Math.PI/2;return{total:i,segments:l.map((e,t)=>{const a=e.value/i*Math.PI*2,n=l.length>1?Math.min(.018,a/3):0,r=u+n,s=u+a-n;return u+=a,{...e,index:t,percentage:e.value/i*100,startAngle:s<=r?u-a:r,endAngle:s<=r?u:s}})}}(e.items,"en"===t?"Other":"其他"),[e.items,t]),c=null===a?null:u.segments[a]||null,d=e=>(e>=10?Math.round(e):Math.round(10*e)/10)+"%",p=n.useCallback(()=>{s.current=null,null!==o.current&&(window.clearTimeout(o.current),o.current=null);const e=i.current,t=l.current;if(null!==e&&null!==t){if(t.fixed)e.style.left=t.left+"px",e.style.top=t.top+"px";else{const a=t.visual?.getBoundingClientRect();if(!a)return;const n=198,r=82;e.style.left=Math.max(8,Math.min(Math.max(8,a.width-n),t.x-a.left+14))+"px",e.style.top=Math.max(8,Math.min(Math.max(8,a.height-r),t.y-a.top+14))+"px"}e.style.visibility="visible"}},[]),m=n.useCallback(e=>{l.current=e,null===s.current&&(s.current=window.requestAnimationFrame(p),o.current=window.setTimeout(()=>{null!==s.current&&(window.cancelAnimationFrame(s.current),p())},80))},[p]),g=n.useCallback(e=>{m({x:e.clientX,y:e.clientY,visual:e.currentTarget.ownerSVGElement?.parentElement})},[m]),M=n.useCallback(()=>{r(null),l.current=null},[]);return n.useEffect(()=>()=>{null!==s.current&&window.cancelAnimationFrame(s.current),null!==o.current&&window.clearTimeout(o.current)},[]),n.useEffect(()=>{null!==a&&null!==l.current&&null===s.current&&(s.current=window.requestAnimationFrame(p))},[a,p]),u.total<=0?null:n.createElement("div",{className:"uh-donut-chart","aria-label":e.title},n.createElement("div",{className:"uh-donut-title"},n.createElement(b,{name:e.icon||"chart",size:16}),e.title),n.createElement("div",{className:"uh-donut-layout"},n.createElement("div",{className:"uh-donut-visual"},n.createElement("svg",{className:"uh-donut-svg",viewBox:"0 0 260 260",role:"img","aria-label":e.title+" "+pe(u.total,t)},n.createElement("circle",{cx:130,cy:130,r:77.5,className:"uh-donut-track",fill:"none",stroke:"var(--dsw-alias-bg-layer-2)",strokeWidth:33}),u.segments.map(e=>n.createElement("path",{key:"donut-"+e.index,d:me(130,130,77.5,e.startAngle,e.endAngle),className:"uh-donut-segment"+(a===e.index?" uh-active":""),fill:"none",stroke:e.color,strokeWidth:33,strokeLinecap:"butt",strokeLinejoin:"round",pathLength:1,style:{animationDelay:90*e.index+"ms"},tabIndex:0,"aria-label":e.label+" "+pe(e.value,t)+" "+d(e.percentage)+" "+Q(e.cost,t),onMouseEnter:t=>{r(e.index),g(t)},onMouseMove:g,onMouseLeave:M,onFocus:()=>{r(e.index),m({fixed:!0,left:12,top:12})},onBlur:M}))),c?n.createElement("div",{ref:i,className:"uh-donut-tooltip",style:{visibility:"hidden"}},n.createElement("span",{className:"uh-donut-dot",style:{background:c.color}}),void 0===c.iconKey||null===c.iconKey?null:n.createElement(we,{iconKey:c.iconKey,size:15}),n.createElement("div",{},n.createElement("strong",{},c.label),n.createElement("span",{},pe(c.value,t)+" · "+d(c.percentage)),n.createElement("span",{className:"uh-donut-tooltip-cost"},Q(c.cost,t)))):null,n.createElement("div",{className:"uh-donut-center"},n.createElement("strong",{},de(u.total,t)),n.createElement("span",{},"en"===t?"tokens":"Token"))),n.createElement("div",{className:"uh-donut-legend",role:"list"},u.segments.map(e=>n.createElement("div",{key:"legend-"+e.index,className:"uh-donut-legend-row",role:"listitem"},n.createElement("span",{className:"uh-donut-legend-mark"},n.createElement("span",{className:"uh-donut-dot",style:{background:e.color}}),void 0===e.iconKey||null===e.iconKey?null:n.createElement(we,{iconKey:e.iconKey,size:16,showTitle:!0})),n.createElement("div",{className:"uh-donut-legend-copy"},n.createElement("strong",{title:e.label},e.label)),n.createElement("div",{className:"uh-donut-legend-metrics"},n.createElement("span",{},pe(e.value,t)),n.createElement("span",{className:"uh-donut-cost"},Q(e.cost,t))),n.createElement("strong",{className:"uh-donut-percent"},d(e.percentage)))))))});function Me(e,t){return{total:"en"===t?"Total":"总处理",input:"en"===t?"Input":"输入",cacheRead:"en"===t?"Cache hits":"缓存命中",cacheWrite:"en"===t?"Cache writes":"缓存写入",output:"en"===t?"Output":"输出",reasoning:"en"===t?"Reasoning":"推理"}[e]||e}const he=n.memo(function(e){const t="en"===e.language?"en":"zh",a=(e,a)=>"en"===t?a:e,r=Array.isArray(e.rows)?e.rows:[],i=Array.isArray(e.visible)&&e.visible.length>0?e.visible:["total"],[l,s]=n.useState(null),[o,u]=n.useState(null),c=280,d=n.useMemo(()=>function(e,t,a=900,n=250){const r=Array.isArray(t)&&t.length>0?t:["total"],i={left:46,right:14,top:14,bottom:30},l=Math.max(1,a-i.left-i.right),s=Math.max(1,n-i.top-i.bottom),o=(Array.isArray(e)?e:[]).flatMap(e=>r.map(t=>"total"===t?e.total:e.tokens[t]||0)),u=Math.max(1,...o),c={};for(const t of r)c[t]=(Array.isArray(e)?e:[]).map((a,n)=>({x:i.left+(e.length>1?n*l/(e.length-1):l/2),y:i.top+s-("total"===t?a.total:a.tokens[t]||0)/u*s,value:"total"===t?a.total:a.tokens[t]||0}));return{width:a,height:n,padding:i,max:u,points:c}}(r,i,900,c),[r,i]),p=ue,m=ce,g=c-d.padding.bottom,M=n.useMemo(()=>{const e={};for(const t of i){const a=d.points[t]||[],n=le(a);e[t]={line:n,area:0===a.length?"":n+" L"+a[a.length-1].x.toFixed(2)+" "+g+" L"+a[0].x.toFixed(2)+" "+g+" Z",length:se(a)}}return e},[d,i,g]),y=n.useMemo(()=>r.length<=1?[0]:Array.from(new Set([0,Math.floor((r.length-1)/4),Math.floor((r.length-1)/2),Math.floor(3*(r.length-1)/4),r.length-1])),[r]),x=!e.loading&&!e.error&&r.length>0,N=r.length>0&&Number.isFinite(r[0].time)?a("每小时 Token 使用趋势，选择小时查看当天请求日志","Hourly Token usage trend; select an hour to view request logs"):a("每日 Token 使用趋势，选择日期查看请求日志","Daily Token usage trend; select a date to view request logs"),w=(null===l||r[l],null===l?null:(d.points[i[0]]||[])[l]||null),j=null===o?null:r[o]||null,L=null===o?null:(d.points[i[0]]||[])[o]||null,f=null!==l&&null!==j&&null!==L,I=null!==L&&L.x>612?" uh-left":" uh-right",D=null===L?void 0:{left:(L.x/900*100).toFixed(2)+"%",top:Math.max(23,Math.min(77,L.y/c*100)).toFixed(2)+"%"},v=e=>{s(e),u(e)},E=e.loading?n.createElement("div",{className:"uh-trend-stage uh-trend-loading",role:"status","aria-label":a("正在加载趋势","Loading trend")},n.createElement("span",{className:"uh-trend-spinner","aria-hidden":!0})):e.error?n.createElement("div",{className:"uh-trend-stage uh-trend-message",role:"alert"},e.error):0===r.length?n.createElement("div",{className:"uh-trend-stage uh-trend-message"},a("该范围内暂无趋势数据","No trend data in this range")):n.createElement("div",{className:"uh-trend-chart-wrap"},n.createElement("svg",{className:"uh-trend-svg",viewBox:"0 0 900 "+c,role:"group","aria-label":N},[0,.5,1].map(e=>n.createElement(n.Fragment,{key:e},n.createElement("line",{x1:d.padding.left,x2:900-d.padding.right,y1:d.padding.top+(c-d.padding.top-d.padding.bottom)*e,y2:d.padding.top+(c-d.padding.top-d.padding.bottom)*e,className:"uh-trend-grid"}),n.createElement("text",{x:d.padding.left-7,y:d.padding.top+(c-d.padding.top-d.padding.bottom)*e+4,className:"uh-trend-axis-label",textAnchor:"end"},h(Math.round(d.max*(1-e)))))),n.createElement("defs",{},i.map(e=>n.createElement("linearGradient",{key:e,id:"uh-trend-gradient-"+e,x1:"0",y1:"0",x2:"0",y2:"1"},n.createElement("stop",{offset:"4%",stopColor:p[e]||"#9aa4b2",stopOpacity:m[e]||.12}),n.createElement("stop",{offset:"96%",stopColor:p[e]||"#9aa4b2",stopOpacity:0})))),i.map((e,t)=>{const a=M[e]?M[e].area:"";return""===a?null:n.createElement("path",{key:"area-"+e,d:a,className:"uh-trend-area","data-series":e,fill:"url(#uh-trend-gradient-"+e+")",style:{animationDelay:80+80*t+"ms"}})}),i.map(e=>n.createElement("path",{key:"line-base-"+e,d:M[e]?M[e].line:"",className:"uh-trend-line","data-series":e,stroke:p[e]||"#9aa4b2"})),i.map((e,t)=>{d.points[e];const a=M[e]?M[e].length:0;return n.createElement("path",{key:"line-draw-"+e,d:M[e]?M[e].line:"",className:"uh-trend-line-draw","data-series":e,stroke:p[e]||"#9aa4b2",style:{"--uh-draw-length":a+"px",animationDelay:90*t+"ms"}})}),i.map(e=>{const t=d.points[e]||[];if(1!==t.length)return null;const a=t[0];return n.createElement("circle",{key:"single-point-"+e,cx:a.x,cy:a.y,r:4,className:"uh-trend-point",fill:p[e]||"#9aa4b2"})}),null!==l&&w?n.createElement(n.Fragment,{key:"hover-"+l},n.createElement("line",{x1:w.x,x2:w.x,y1:d.padding.top,y2:g,className:"uh-trend-cursor"}),i.map(e=>{const t=(d.points[e]||[])[l];return t?n.createElement("circle",{key:e,cx:t.x,cy:t.y,r:4,className:"uh-trend-point",fill:p[e]||"#9aa4b2"}):null})):null,r.map((a,r)=>{const l=(d.points[i[0]]||[])[r];if(!l)return null;const o=(d.points[i[0]]||[])[r+1],u=o?Math.max(8,o.x-l.x):r>0?Math.max(8,l.x-(d.points[i[0]]||[])[r-1].x):24;return n.createElement("rect",{key:ae(a,r),x:Math.max(d.padding.left,l.x-u/2),y:d.padding.top,width:u,height:c-d.padding.top-d.padding.bottom,className:"uh-trend-hit",tabIndex:0,role:"button","aria-label":te(a,t,!0)+" "+Me("total",t)+" "+h(a.total),onMouseEnter:()=>v(r),onMouseLeave:()=>s(null),onFocus:()=>v(r),onBlur:()=>s(null),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),"function"==typeof e.onPointClick&&e.onPointClick(ne(a)))},onClick:()=>{"function"==typeof e.onPointClick&&e.onPointClick(ne(a))}})}),y.map(e=>{const a=(d.points[i[0]]||[])[e],l=r[e];return a&&l?n.createElement("text",{key:ae(l,e),x:a.x,y:272,className:"uh-trend-axis-label",textAnchor:0===e?"start":e===r.length-1?"end":"middle"},te(l,t,!1)):null})),j&&L?n.createElement("div",{className:"uh-trend-tooltip"+I+(f?" uh-visible":""),style:D,"aria-hidden":!f},n.createElement("strong",{className:"uh-trend-tooltip-title"},te(j,t,!0)),i.map(e=>n.createElement("div",{key:e,className:"uh-trend-tooltip-row",style:{color:p[e]||"#9aa4b2"}},n.createElement("span",{className:"uh-trend-dot",style:{background:p[e]||"#9aa4b2"}}),n.createElement("span",{className:"uh-trend-tooltip-label"},Me(e,t)),n.createElement("strong",{className:"uh-trend-tooltip-value"},h(function(e,t){return"total"===t?e.total:e.tokens&&Number.isFinite(e.tokens[t])?e.tokens[t]:0}(j,e)))))):null);return n.createElement("div",{className:"uh-panel uh-trend-panel"},n.createElement("div",{className:"uh-trend-head"},n.createElement("div",{},n.createElement("h3",{className:"uh-tbl-title uh-title-with-icon"},n.createElement(b,{name:"chart",size:16}),a("Token 使用趋势","Token Usage Trend")),n.createElement("div",{className:"uh-note"},e.rangeLabel||"")),x?n.createElement("div",{className:"uh-note"},a("点击数据点查看当日明细","Click a point to inspect that day")):null),E,x?n.createElement("div",{className:"uh-trend-legend"},["total","input","cacheRead","cacheWrite","output","reasoning"].map(a=>n.createElement("button",{key:a,type:"button",className:"uh-trend-legend-item"+(i.includes(a)?" uh-on":""),onClick:()=>(t=>{"function"==typeof e.onToggle&&e.onToggle(t)})(a),"aria-pressed":i.includes(a)},n.createElement("span",{className:"uh-trend-dot",style:{background:p[a]||"#9aa4b2"}}),Me(a,t)))):null)}),ye=n.memo(function(e){const t="en"===e.language?"en":"zh",a=e.day,r=n.useMemo(()=>(a&&Array.isArray(a.perWorkspace)?a.perWorkspace:[]).slice().sort((e,t)=>t.turns-e.turns),[a]),i=void 0===a?null:ee(a),l=null!==i&&i.input+i.output+i.cacheRead>0?"en"===t?"Tokens: Input "+h(i.input)+" · Cache hits "+h(i.cacheRead)+" · Output "+h(i.output):"Token：输入 "+h(i.input)+" · 缓存命中 "+h(i.cacheRead)+" · 输出 "+h(i.output):"";return n.createElement("div",{ref:e.tooltipRef,className:"uh-tip",style:{left:0,top:0,visibility:"hidden"}},n.createElement("div",{className:"uh-tip-date"},H(e.date,t)),void 0!==a&&a.turns>0?r.map(a=>n.createElement("div",{key:a.workspaceId,className:"uh-tip-row",onClick:()=>e.onWorkspaceSelect(a.workspaceId)},n.createElement("span",{className:"uh-dot",style:{background:q(e.workspaceIndexes.get(a.workspaceId)||0)}}),n.createElement("span",{},e.workspaceTitles.get(a.workspaceId)||("en"===t?"Unknown workspace":"未知工作区")),n.createElement("span",{className:"uh-n"},"en"===t?a.turns+" uses":a.turns+" 次"))):n.createElement("div",{className:"uh-empty",style:{padding:"6px 0"}},"en"===t?"No usage records for this day":"这一天没有使用记录"),""!==l?n.createElement("div",{className:"uh-tip-tokens"},l):null)}),xe=n.memo(function(e){const t="en"===e.language?"en":"zh",a=(e,a)=>"en"===t?a:e,r=Array.isArray(e.workspaces)?e.workspaces:[],s=Array.isArray(e.rows)?e.rows:[],o=e.workspaceId||null,[u,c]=n.useState(null),d=n.useRef(null),p=n.useRef(null),m=n.useRef({x:0,y:0}),g=n.useRef(null),M=n.useRef(null),h=n.useRef(e.onDateClick),y=n.useRef(e.onWorkspaceSelect);h.current=e.onDateClick,y.current=e.onWorkspaceSelect;const x=n.useMemo(()=>function(e,t,a){const n=String(e||"").split("-").map(Number),r=t?new Date(Date.UTC(n[0],n[1]-1,n[2])):new Date(n[0],n[1]-1,n[2]),s=t?r.getUTCDay():r.getDay(),o=l(r,-s,t),u=l(o,-364,t),c=[];for(let e=0;e<371;e+=1){const a=l(u,e,t);c.push({date:i(a,t),month:t?a.getUTCMonth():a.getMonth(),year:t?a.getUTCFullYear():a.getFullYear()})}const d=[];for(let e=0;e<53;e+=1){const t=c[7*e],n=e>0?c[7*(e-1)]:null;null!==n&&t.month===n.month||d.push({left:100*e/53+"%",text:J(t.year,t.month,a)})}return{cells:c,months:d,weekdays:"en"===a?["","Mon","","Wed","","Fri",""]:["","周一","","周三","","周五",""]}}(e.todayKey,!0===e.utc,t),[e.todayKey,e.utc,t]),N=n.useMemo(()=>{const e=new Map;for(const t of s)t&&"string"==typeof t.date&&e.set(t.date,t);return e},[s]),w=n.useMemo(()=>{const t=new Map,n=new Map,i=e.aliases&&"object"==typeof e.aliases?e.aliases:{};return r.forEach((e,r)=>{const l=i[e.id];t.set(e.id,"string"==typeof l&&""!==l?l:e.title||a("未知工作区","Unknown workspace")),n.set(e.id,r)}),{titles:t,indexes:n}},[r,e.aliases,t]),j=n.useCallback(()=>{g.current=null,null!==M.current&&(window.clearTimeout(M.current),M.current=null);const e=p.current;if(null===e)return;const t=m.current,a="undefined"==typeof window?1280:window.innerWidth;e.style.left=t.x+14+"px",e.style.top=t.y+12+"px",e.style.transform=t.x>.65*a?"translateX(calc(-100% - 28px))":"none",e.style.visibility="visible"},[]),L=n.useCallback((e,t)=>{m.current={x:e,y:t},null===g.current&&(g.current=window.requestAnimationFrame(j),M.current=window.setTimeout(()=>{null!==g.current&&(window.cancelAnimationFrame(g.current),j())},80))},[j]);n.useEffect(()=>()=>{null!==g.current&&window.cancelAnimationFrame(g.current),null!==M.current&&window.clearTimeout(M.current)},[]),n.useEffect(()=>{null!==u&&null===g.current&&(g.current=window.requestAnimationFrame(j))},[u,j]);const f=n.useCallback((e,t)=>{d.current!==e&&(d.current=e,c(e)),L(t.clientX,t.clientY)},[L]),I=n.useCallback(e=>{L(e.clientX,e.clientY)},[L]),D=n.useCallback(()=>{d.current=null,c(null)},[]),v=n.useCallback(e=>{"function"==typeof y.current&&y.current(e),D()},[D]),E=n.useMemo(()=>x.cells.map((t,a)=>{const r=N.get(t.date);let i=0;if(void 0!==r)if(!0===e.queryUsable||null===o)i=r.turns;else{const e=Array.isArray(r.perWorkspace)?r.perWorkspace.find(e=>e.workspaceId===o):void 0;void 0!==e&&(i=e.turns)}const l=null!==o&&void 0!==r&&r.turns>0&&0===i,s={background:K(X(i)),opacity:l?.22:1,animationDelay:1.2*a+"ms"};return t.date===e.todayKey&&(s.animation="uh-cell-in .45s ease both, uh-glow 3s ease-in-out .7s infinite"),n.createElement("div",{key:t.date,className:"uh-cell",style:s,onMouseEnter:e=>f(t.date,e),onMouseMove:I,onMouseLeave:D,onClick:()=>{"function"==typeof h.current&&h.current(t.date)}})}),[x.cells,N,e.queryUsable,e.todayKey,o,f,I,D]),A=null===u?void 0:N.get(u);return n.createElement("div",{className:"uh-panel"},n.createElement("div",{className:"uh-section-title"},n.createElement(b,{name:"calendar",size:16}),a("使用热力图","Usage Heatmap")),n.createElement("div",{className:"uh-hm-head"},n.createElement("div",{className:"uh-chips"},r.map((e,t)=>n.createElement("button",{key:e.id,className:"uh-chip"+(o===e.id?" uh-on":""),onClick:()=>v(e.id),title:e.path},n.createElement("span",{className:"uh-dot",style:{background:q(t)}}),n.createElement("span",{className:"uh-chip-title"},w.titles.get(e.id))))),n.createElement("div",{className:"uh-legend"},n.createElement("span",{},a("少","Less")),[0,1,2,3,4].map(e=>n.createElement("span",{key:e,className:"uh-cell",style:{background:K(e)}})),n.createElement("span",{},a("多","More")))),n.createElement("div",{className:"uh-hm-scroll"},n.createElement("div",{className:"uh-months"},x.months.map((e,t)=>n.createElement("span",{key:t,style:{left:e.left}},e.text))),n.createElement("div",{className:"uh-hm-body"},n.createElement("div",{className:"uh-wdays"},x.weekdays.map((e,t)=>n.createElement("span",{key:t},e))),n.createElement("div",{className:"uh-grid"},E))),n.createElement("div",{className:"uh-note",style:{marginTop:10}},a("口径：每完成一个回合点亮一次（含子代理会话）；悬停查看按工作区明细，点击工作区可筛选热力图与明细表。日期按本地时区。","Methodology: one cell lights up for each completed turn, including subagent sessions. Hover to view workspace details; click a workspace to filter the heatmap and detail tables. English dates and day boundaries use UTC.")),null!==u?n.createElement(ye,{date:u,day:A,language:t,tooltipRef:p,workspaceTitles:w.titles,workspaceIndexes:w.indexes,onWorkspaceSelect:v}):null)});function be(e,t){return Number(e&&e.values&&e.values[t])||0}const Ne=n.memo(function(e){return e.render()},(e,t)=>e.revision===t.revision),we=n.memo(function(e){const t=Number.isFinite(e.size)?e.size:18,a=null===e.iconKey?null:void 0!==e.iconKey?j.get(e.iconKey)||null:v(e.row),r=null===a?"":a.key+"\0"+a.href,[i,l]=n.useState(null),s={width:t,height:t,minWidth:t};if(null===a||null!==i&&i===r)return n.createElement("span",{className:"uh-model-icon uh-model-icon-fallback"+(e.className?" "+e.className:""),style:s,"aria-hidden":!0});const o=!0===e.showTitle;return n.createElement("span",{className:"uh-model-icon"+(e.className?" "+e.className:""),style:s,...o?{}:{"aria-hidden":!0}},n.createElement("img",{key:r,src:a.href,alt:o?a.label:"",title:o?a.label:void 0,width:t,height:t,loading:"lazy",decoding:"async",draggable:!1,onError:()=>l(r)}))}),je=n.memo(function(e){const t="en"===e.language?"en":"zh",a=(e,a)=>"en"===t?a:e,r=Array.isArray(e.rows)?e.rows:[],i=n.useMemo(()=>r.find(t=>t.id===e.selectedId)||r[0]||null,[r,e.selectedId]),l=e=>e&&"ledger-recovery"===e.materialization?a("账本恢复","Ledger recovery"):e&&"ledger-reuse"===e.materialization?a("账本复用","Ledger reuse"):e&&"scan"===e.materialization?a("扫描","Scan"):e&&"live"===e.materialization?a("实时","Live"):a("未知","Unknown"),s=(e,a)=>e&&Number.isFinite(e.time)?new Date(e.time).toLocaleString("en"===t?"en-US":"zh-CN","en"===t?a?{timeZone:"UTC"}:{timeZone:"UTC",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}:a?void 0:{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit"}):"—",o=t=>{"function"==typeof e.onSelect&&e.onSelect(t)};return n.createElement("div",{className:"uh-panel uh-records-panel",ref:e.panelRef,style:{display:e.visible?"block":"none"}},n.createElement("div",{className:"uh-records-head"},n.createElement("div",{},n.createElement("h3",{className:"uh-tbl-title uh-title-with-icon"},n.createElement(b,{name:"list",size:16}),a("请求日志","Request Logs")),n.createElement("div",{className:"uh-note"},e.scopeLabel+(e.scopeUtc?" · UTC":""))),n.createElement("div",{className:"uh-actions"},e.loading?n.createElement("span",{className:"uh-query-note"},a("同步中…","Refreshing…")):null,n.createElement("button",{type:"button",className:"uh-refresh",title:a("导出当前日志","Export current logs"),onClick:e.onExport,disabled:e.exporting||!e.scopeAvailable},n.createElement(b,{name:"export",size:13}),e.exporting?a("导出中…","Exporting…"):a("导出日志","Export logs")))),""!==e.error?n.createElement("div",{className:"uh-records-error",role:"alert"},"stale"===e.error?a("数据已更新，正在重新加载日志…","Data changed; reloading logs…"):"audit-export"===e.error?a("日志导出失败","Unable to export logs"):a("日志加载失败，请重试","Unable to load logs")):null,n.createElement("div",{className:"uh-records-note"},a("按时间倒序显示可审计的 Token 调用；选择一行查看 turn / step 和完整 Token 分桶。","Token calls are newest first; select a row to inspect its turn / step and token buckets.")),0!==r.length||e.loading?n.createElement("div",{className:"uh-records-scroll"},n.createElement("div",{className:"uh-record-grid uh-record-header"},n.createElement("div",{},a("时间","Time")),n.createElement("div",{},a("Provider / 模型","Provider / Model")),n.createElement("div",{className:"uh-record-num"},"turn / step"),n.createElement("div",{className:"uh-record-num"},a("输入","Input")),n.createElement("div",{className:"uh-record-num"},a("缓存命中","Cache read")),n.createElement("div",{className:"uh-record-num"},a("缓存写入","Cache write")),n.createElement("div",{className:"uh-record-num"},a("输出","Output")),n.createElement("div",{className:"uh-record-num"},a("成本","Cost")),n.createElement("div",{},a("来源","Source"))),r.map(e=>n.createElement("div",{key:e.id,className:"uh-record-grid uh-record-row"+(i&&i.id===e.id?" uh-on":""),role:"button",tabIndex:0,"aria-pressed":i&&i.id===e.id,onClick:()=>o(e.id),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),o(e.id))}},n.createElement("div",{className:"uh-record-time"},s(e,!1)),n.createElement("div",{className:"uh-record-model",title:e.model||""},n.createElement("span",{className:"uh-model-label"},n.createElement(we,{row:e,size:16}),n.createElement("span",{className:"uh-model-text"},e.model||a("未知模型","Unknown model"))),e.requestedModel&&e.actualModel&&e.requestedModel!==e.actualModel?n.createElement("small",{},e.requestedModel+" → "+e.actualModel):null),n.createElement("div",{className:"uh-record-num"},(null===e.turn||void 0===e.turn?"—":e.turn)+" / "+(null===e.step||void 0===e.step?"—":e.step)),n.createElement("div",{className:"uh-record-num"},h(be(e,"input"))),n.createElement("div",{className:"uh-record-num"},h(be(e,"cacheRead"))),n.createElement("div",{className:"uh-record-num"},h(be(e,"cacheWrite"))),n.createElement("div",{className:"uh-record-num"},h(be(e,"output"))),n.createElement("div",{className:"uh-record-num uh-cost-num"},Q(e,t),!e.cost||"peak"!==e.cost.pricingBand&&"off-peak"!==e.cost.pricingBand?null:n.createElement("small",{className:"uh-record-band-badge"},"peak"===e.cost.pricingBand?"en"===t?"Peak":"峰":"en"===t?"OFF":"谷")),n.createElement("div",{className:"uh-record-source"},l(e))))):n.createElement("div",{className:"uh-empty"},a("当前范围没有可审计的 Token 调用","No auditable Token calls in this scope")),n.createElement("div",{className:"uh-records-footer"},n.createElement("span",{className:"uh-note"},r.length>0?e.hasMore?a("已显示 "+r.length+" 条，继续加载可查看更多",r.length+" shown; load more for additional records"):a("共显示 "+r.length+" 条",r.length+" records shown"):""),e.hasMore?n.createElement("button",{type:"button",className:"uh-refresh",onClick:e.onLoadMore,disabled:e.loading},e.loading?a("加载中…","Loading…"):a("加载更多","Load more")):null),i?n.createElement("div",{className:"uh-record-detail"},n.createElement("div",{className:"uh-record-detail-head"},n.createElement("strong",{},a("选中调用","Selected call")),n.createElement("span",{className:"uh-note"},s(i,!0))),n.createElement("div",{className:"uh-record-detail-meta"},n.createElement("span",{className:"uh-model-label"},n.createElement(we,{row:i,size:16,showTitle:!0}),n.createElement("span",{},(i.provider||a("未知供应商","Unknown provider"))+" / "+(i.actualModel||i.requestedModel||i.model||a("未知模型","Unknown model")))),n.createElement("span",{},"turn "+(null===i.turn||void 0===i.turn?"—":i.turn)+" · step "+(null===i.step||void 0===i.step?"—":i.step)),n.createElement("span",{},a("来源：","Source: ")+l(i)),n.createElement("span",{},a("计价模型：","Pricing model: ")+(i.cost&&i.cost.pricingModel?i.cost.pricingModel:a("未计价","unpriced"))),n.createElement("span",{className:"uh-record-band "+(i.cost&&i.cost.pricingBand?"uh-record-band-"+i.cost.pricingBand:"")},a("计费档位：","Billing band: ")+function(e,t){const a=e&&e.cost&&"object"==typeof e.cost?e.cost:{};return"peak"===a.pricingBand?"en"===t?"Peak":"峰时":"off-peak"===a.pricingBand?"en"===t?"Off-peak":"谷时":"route-not-official"===a.temporalExemptReason?"en"===t?"static (non-first-party)":"静态价（非官方直连）":"no-temporal-profile"===a.temporalExemptReason?"en"===t?"static (no band plan)":"静态价（无峰谷计划）":"—"}(i,t)),null!==W(i,t)?n.createElement("span",{className:"uh-record-band",title:i.cost&&i.cost.pricingPolicyHash||""},a("计费计划：","Plan: ")+W(i,t)):null),n.createElement("div",{className:"uh-record-token-strip"},["input","cacheRead","cacheWrite","output","reasoning"].map(e=>n.createElement("div",{key:e},n.createElement("span",{},"cacheRead"===e?a("缓存命中","Cache read"):"cacheWrite"===e?a("缓存写入","Cache write"):"reasoning"===e?a("推理","Reasoning"):"input"===e?a("输入","Input"):a("输出","Output")),n.createElement("strong",{},h(be(i,e))))),n.createElement("div",{className:"uh-record-token-total"},n.createElement("span",{},a("总处理","Total")),n.createElement("strong",{},h(be(u=i,"input")+be(u,"cacheRead")+be(u,"cacheWrite")+be(u,"output")+be(u,"reasoning")))),n.createElement("div",{className:"uh-record-token-total"},n.createElement("span",{},a("成本","Cost")),n.createElement("strong",{},Q(i,t))))):null);var u},function(e,t){return e.visible===t.visible&&e.scopeLabel===t.scopeLabel&&e.scopeUtc===t.scopeUtc&&e.scopeAvailable===t.scopeAvailable&&e.loading===t.loading&&e.exporting===t.exporting&&e.error===t.error&&e.rows===t.rows&&e.selectedId===t.selectedId&&e.hasMore===t.hasMore&&e.language===t.language&&e.actionKey===t.actionKey});function Le(e){const t=Array.isArray(e.options)?e.options:[],a=void 0===e.value||null===e.value?"":String(e.value),r=t.find(e=>String(e.value)===a),[i,l]=n.useState(!1),s=n.useRef(null);n.useEffect(()=>{if(!i||"undefined"==typeof document)return;const e=e=>{s.current&&!s.current.contains(e.target)&&l(!1)};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[i]);const o=t=>{const a=null==t||void 0===t.iconKey||null===t.iconKey?null:t.iconKey;return null===a?n.createElement(b,{name:e.icon||"chart",size:14}):n.createElement(we,{iconKey:a,size:14})};return n.createElement("div",{className:"uh-language-menu uh-filter-menu"+(e.className?" "+e.className:"")+(i?" uh-open":""),ref:s,onKeyDown:e=>{"Escape"===e.key&&i&&(e.preventDefault(),e.stopPropagation(),l(!1))}},n.createElement("button",{type:"button",className:"uh-language-trigger uh-filter-trigger"+(i?" uh-open":""),title:r?r.label:e.label,"aria-label":e.ariaLabel||e.label,"aria-haspopup":"listbox","aria-expanded":i,onClick:()=>l(e=>!e)},o(r),n.createElement("span",{className:"uh-filter-label"},r?r.label:e.label),n.createElement(b,{name:"chevron",size:13,className:"uh-language-caret"})),i?n.createElement("div",{className:"uh-language-options uh-filter-options",role:"listbox","aria-label":e.ariaLabel||e.label},t.map(t=>{const r=String(t.value),i=r===a;return n.createElement("button",{key:r,type:"button",role:"option","aria-selected":i,className:"uh-language-option"+(i?" uh-on":""),onClick:()=>{return t=r,"function"==typeof e.onChange&&e.onChange(t),void l(!1);var t}},o(t),n.createElement("span",{className:"uh-filter-option-label"},t.label),i?n.createElement(b,{name:"check",size:14,className:"uh-language-option-check"}):null)})):null)}const fe="dsh-all-usage/styles.css";if("undefined"!=typeof document){let e=document.querySelector("style[data-plugin-css="+JSON.stringify(fe)+"]");null===e&&(e=document.createElement("style"),e.dataset.plugin="dsh-all-usage",e.dataset.pluginCss=fe,document.head.appendChild(e)),e.textContent='\n.uh-page { display:flex; flex-direction:column; gap:14px; padding:2px 2px 28px; font-family:inherit; }\n.uh-head { position:relative; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }\n.uh-title { margin:0; font-size:15px; font-weight:600; color:var(--dsw-alias-label-primary); }\n.uh-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }\n.uh-language-menu, .uh-filter-menu { position:relative; z-index:12; }\n.uh-filter-menu { flex:0 1 auto; min-width:0; }\n.uh-filter-workspace { width:180px; }\n.uh-filter-provider { width:180px; }\n.uh-filter-model { width:260px; }\n.uh-filter-menu.uh-open { z-index:14; }\n.uh-language-trigger { display:inline-flex; align-items:center; gap:6px; min-height:30px; padding:4px 9px 4px 10px; border:1px solid transparent; border-radius:15px; background:color-mix(in srgb, var(--dsw-alias-label-primary) 7%, var(--dsw-alias-bg-layer-1)); color:var(--dsw-alias-label-primary); font:inherit; font-size:12px; font-weight:600; line-height:1; cursor:pointer; transition:border-color .15s ease, background-color .15s ease, transform .1s ease; }\n.uh-filter-trigger { width:100%; min-width:0; justify-content:flex-start; }\n.uh-language-trigger:hover, .uh-language-trigger.uh-open { border-color:color-mix(in srgb, var(--dsw-alias-brand-primary) 58%, var(--dsw-alias-border-l2)); background:color-mix(in srgb, var(--dsw-alias-brand-primary) 13%, var(--dsw-alias-bg-layer-1)); }\n.uh-language-trigger:active { transform:scale(.96); }\n.uh-language-label { min-width:26px; text-align:left; }\n.uh-filter-label { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; }\n.uh-language-caret { color:var(--dsw-alias-label-secondary); transition:transform .18s ease; }\n.uh-language-trigger.uh-open .uh-language-caret { transform:rotate(180deg); }\n.uh-language-menu.uh-open { z-index:30; }\n.uh-language-options { position:absolute; top:calc(100% + 7px); right:0; min-width:142px; padding:5px; border:1px solid var(--dsw-alias-border-l2); border-radius:12px; background:var(--dsw-alias-bg-layer-1); box-shadow:0 14px 28px color-mix(in srgb, #000 24%, transparent); animation:uh-menu-in .16s ease both; }\n.uh-filter-options { left:0; right:auto; min-width:100%; max-width:300px; }\n.uh-language-option { display:flex; align-items:center; gap:8px; width:100%; min-height:32px; padding:6px 8px; border:0; border-radius:8px; background:transparent; color:var(--dsw-alias-label-primary); font:inherit; font-size:12px; text-align:left; cursor:pointer; transition:background-color .14s ease, color .14s ease; }\n.uh-filter-option-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.uh-language-option:hover, .uh-language-option:focus-visible { background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, var(--dsw-alias-bg-layer-2)); outline:0; }\n.uh-language-option.uh-on { background:color-mix(in srgb, var(--dsw-alias-brand-primary) 19%, var(--dsw-alias-bg-layer-2)); color:var(--dsw-alias-label-primary); font-weight:600; }\n.uh-language-option-check { margin-left:auto; color:var(--dsw-alias-brand-primary); }\n.uh-range { display:inline-flex; border:1px solid var(--dsw-alias-border-l2); border-radius:8px; overflow:hidden; }\n.uh-range button { border:0; background:transparent; color:var(--dsw-alias-label-secondary); padding:4px 12px; font-size:12px; cursor:pointer; font-family:inherit; transition:background-color .15s ease, color .15s ease; }\n.uh-range button + button { border-left:1px solid var(--dsw-alias-border-l2); }\n.uh-range button.uh-on { background:color-mix(in srgb, var(--dsw-alias-brand-primary) 20%, var(--dsw-alias-bg-layer-2)); color:var(--dsw-alias-label-primary); font-weight:600; }\n.uh-custom-range { display:grid; grid-template-columns:minmax(180px, 1fr) auto auto; gap:10px 14px; align-items:end; padding:12px; border:1px solid var(--dsw-alias-border-l1); border-radius:10px; background:var(--dsw-alias-bg-layer-1); }\n.uh-custom-range-meta { min-width:0; }\n.uh-custom-range-title { display:flex; align-items:center; gap:7px; color:var(--dsw-alias-label-primary); font-size:13px; font-weight:600; }\n.uh-custom-range-note { margin-top:3px; color:var(--dsw-alias-label-secondary); font-size:11px; line-height:1.45; }\n.uh-custom-range-fields { display:grid; grid-template-columns:repeat(2, minmax(136px, 1fr)); gap:8px; }\n.uh-custom-range-field { display:flex; flex-direction:column; gap:4px; color:var(--dsw-alias-label-secondary); font-size:11px; }\n.uh-custom-range-field input { min-width:0; min-height:30px; border:1px solid var(--dsw-alias-border-l2); border-radius:6px; padding:3px 7px; background:var(--dsw-alias-bg-base); color:var(--dsw-alias-label-primary); font:inherit; font-size:12px; outline:none; }\n.uh-custom-range-field input:focus { border-color:var(--dsw-alias-brand-primary); }\n.uh-custom-range-actions { display:flex; gap:6px; }\n.uh-custom-range-cancel, .uh-custom-range-apply { min-height:30px; border-radius:6px; padding:4px 10px; font:inherit; font-size:12px; cursor:pointer; }\n.uh-custom-range-cancel { border:1px solid var(--dsw-alias-border-l2); background:transparent; color:var(--dsw-alias-label-primary); }\n.uh-custom-range-apply { border:1px solid var(--dsw-alias-brand-primary); background:color-mix(in srgb, var(--dsw-alias-brand-primary) 16%, transparent); color:var(--dsw-alias-label-primary); }\n.uh-custom-range-apply:disabled { opacity:.48; cursor:not-allowed; }\n.uh-custom-range-error { grid-column:1 / -1; color:#d92d20; font-size:12px; }\n.uh-refresh { border:1px solid var(--dsw-alias-border-l2); background:var(--dsw-alias-bg-layer-1); color:var(--dsw-alias-label-primary); border-radius:8px; padding:4px 12px; font-size:12px; cursor:pointer; font-family:inherit; transition:border-color .15s ease, color .15s ease, transform .1s ease; }\n.uh-refresh:hover { border-color:var(--dsw-alias-brand-primary); }\n.uh-refresh:active, .uh-chip:active, .uh-range button:active { transform:scale(.96); }\n.uh-alias-panel-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; font-size:13px; font-weight:600; color:var(--dsw-alias-label-primary); }\n.uh-alias-close { border:0; background:transparent; color:var(--dsw-alias-label-secondary); font-size:12px; cursor:pointer; font-family:inherit; padding:0; transition:color .15s ease; }\n.uh-alias-close:hover { color:var(--dsw-alias-brand-primary); }\n.uh-alias-list { display:grid; grid-template-columns:repeat(auto-fill, minmax(250px, 1fr)); gap:8px 16px; max-height:240px; overflow-y:auto; }\n.uh-alias-item { display:flex; align-items:center; gap:8px; min-width:0; }\n.uh-alias-folder { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; color:var(--dsw-alias-label-secondary); }\n.uh-alias-input { flex:none; width:150px; border:1px solid var(--dsw-alias-border-l2); background:var(--dsw-alias-bg-base); color:var(--dsw-alias-label-primary); border-radius:6px; padding:3px 8px; font-size:12px; font-family:inherit; outline:none; transition:border-color .15s ease; }\n.uh-alias-input:focus { border-color:var(--dsw-alias-brand-primary); }\n.uh-alias-panel-foot { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:10px; padding-top:10px; border-top:1px solid var(--dsw-alias-border-l1); }\n.uh-alias-ok { border:1px solid var(--dsw-alias-brand-primary); background:color-mix(in srgb, var(--dsw-alias-brand-primary) 16%, transparent); color:var(--dsw-alias-label-primary); border-radius:6px; font-size:12px; padding:3px 12px; cursor:pointer; font-family:inherit; flex:none; transition:transform .1s ease; }\n.uh-alias-ok:active { transform:scale(.96); }\n.uh-anim-panel { animation:uh-panel-in .28s ease both; }\n.uh-pricing-panel { display:flex; flex-direction:column; gap:12px; }\n.uh-pricing-head, .uh-pricing-toolbar, .uh-pricing-section-head, .uh-pricing-foot { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }\n.uh-pricing-note { color:var(--dsw-alias-label-secondary); font-size:12px; line-height:1.55; }\n.uh-pricing-toolbar { padding:10px 0; border-top:1px solid var(--dsw-alias-border-l1); border-bottom:1px solid var(--dsw-alias-border-l1); }\n.uh-pricing-switch { display:inline-flex; align-items:center; gap:7px; color:var(--dsw-alias-label-primary); font-size:12px; }\n.uh-pricing-section { display:flex; flex-direction:column; gap:8px; }\n.uh-pricing-table-wrap { max-height:392px; overflow-x:auto; overflow-y:scroll; scrollbar-gutter:stable; scrollbar-width:auto; scrollbar-color:#707780 #1d1f22; border:1px solid var(--dsw-alias-border-l1); border-radius:8px; background:var(--dsw-alias-bg-layer-2); }\n.uh-pricing-model-table { width:100%; min-width:1080px; border-collapse:collapse; table-layout:fixed; font-size:11px; }\n.uh-pricing-model-table th, .uh-pricing-model-table td { min-width:0; padding:8px 9px; border-bottom:1px solid var(--dsw-alias-border-l1); text-align:left; vertical-align:middle; }\n.uh-pricing-model-table th { position:sticky; top:0; z-index:1; color:var(--dsw-alias-label-secondary); background:var(--dsw-alias-bg-layer-2); font-weight:650; white-space:nowrap; }\n.uh-pricing-model-table th:nth-child(1) { width:24%; }\n.uh-pricing-model-table th:nth-child(2) { width:84px; }\n.uh-pricing-model-table th:nth-child(3) { width:20%; }\n.uh-pricing-model-table th:nth-child(4) { width:96px; }\n.uh-pricing-model-table th:nth-child(n+5) { width:100px; text-align:right; }\n.uh-pricing-model-table td:nth-child(n+5) { text-align:right; }\n.uh-pricing-model-table tbody tr:last-child td { border-bottom:0; }\n.uh-pricing-model-table tbody tr:not(.uh-pricing-tier-row):hover { background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 65%, transparent); }\n.uh-pricing-model-name, .uh-pricing-model-target { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--dsw-alias-label-primary); }\n.uh-pricing-model-rate { color:var(--dsw-alias-label-secondary); font-variant-numeric:tabular-nums; white-space:nowrap; }\n.uh-pricing-status, .uh-pricing-tier-badge { display:inline-flex; justify-content:center; padding:3px 6px; border-radius:6px; font-size:10px; font-weight:650; white-space:nowrap; }\n.uh-pricing-status-priced { color:#157347; background:color-mix(in srgb, #30d158 22%, transparent); }\n.uh-pricing-status-unpriced, .uh-pricing-status-ambiguous, .uh-pricing-status-unsupported { color:#9a5b00; background:color-mix(in srgb, #ff9f0a 20%, transparent); }\n.uh-pricing-tier-badge { color:var(--dsw-alias-brand-primary); background:color-mix(in srgb, var(--dsw-alias-brand-primary) 15%, transparent); }\n.uh-pricing-tier-badge.uh-flat { color:var(--dsw-alias-label-secondary); background:var(--dsw-alias-bg-layer-1); }\n.uh-pricing-tier-row > td { padding:0 9px 8px; background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 36%, transparent); }\n.uh-pricing-tier-details > summary { display:inline-flex; align-items:center; gap:6px; min-height:28px; color:var(--dsw-alias-label-secondary); cursor:pointer; list-style:none; font-size:11px; }\n.uh-pricing-tier-details > summary::-webkit-details-marker { display:none; }\n.uh-pricing-tier-caret { transition:transform .15s ease; }\n.uh-pricing-tier-details[open] .uh-pricing-tier-caret { transform:rotate(180deg); }\n.uh-pricing-tier-context { margin-left:6px; color:var(--dsw-alias-label-tertiary, var(--dsw-alias-label-secondary)); }\n.uh-pricing-tier-table { width:100%; margin:2px 0 5px; border:1px solid var(--dsw-alias-border-l1); border-radius:6px; border-collapse:separate; border-spacing:0; overflow:hidden; table-layout:fixed; background:var(--dsw-alias-bg-base); }\n.uh-pricing-tier-table th, .uh-pricing-tier-table td { position:static; width:auto !important; padding:6px 8px; border-bottom:1px solid var(--dsw-alias-border-l1); text-align:right !important; background:transparent; font-size:10px; }\n.uh-pricing-tier-table th:first-child, .uh-pricing-tier-table td:first-child { width:30% !important; text-align:left !important; }\n.uh-pricing-tier-table tbody tr:last-child td { border-bottom:0; }\n.uh-pricing-tier-table tbody tr:hover { background:color-mix(in srgb, var(--dsw-alias-brand-primary) 6%, transparent); }\n.uh-pricing-used-model-picker { position:relative; z-index:2; min-width:0; }\n.uh-pricing-used-model-picker:focus-within { z-index:30; }\n.uh-pricing-used-model-input { box-sizing:border-box; width:100%; min-width:0; min-height:30px; border:1px solid var(--dsw-alias-border-l2); border-radius:6px; padding:4px 7px; background:var(--dsw-alias-bg-base); color:var(--dsw-alias-label-primary); font:inherit; font-size:11px; outline:none; }\n.uh-pricing-used-model-input:focus { border-color:var(--dsw-alias-brand-primary); }\n.uh-pricing-used-model-options { top:calc(100% + 7px); left:0; right:auto; width:100%; min-width:280px; max-height:240px; overflow-y:auto; z-index:40; }\n.uh-pricing-model-search { position:relative; z-index:2; min-width:0; }\n.uh-pricing-model-search:focus-within { z-index:30; }\n.uh-pricing-model-search-input { box-sizing:border-box; width:100%; min-width:0; min-height:30px; border:1px solid var(--dsw-alias-border-l2); border-radius:6px; padding:4px 7px; background:var(--dsw-alias-bg-base); color:var(--dsw-alias-label-primary); font:inherit; font-size:11px; outline:none; }\n.uh-pricing-model-search-input:focus { border-color:var(--dsw-alias-brand-primary); }\n.uh-pricing-model-options { top:calc(100% + 7px); left:0; right:auto; width:100%; min-width:280px; max-height:240px; overflow-y:auto; z-index:40; }\n.uh-pricing-model-option { align-items:flex-start; }\n.uh-pricing-model-option-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.uh-pricing-model-option-id { margin-left:auto; padding-left:10px; color:var(--dsw-alias-label-secondary); font-size:10px; white-space:nowrap; }\n.uh-pricing-edit-row { display:grid; grid-template-columns:minmax(240px,1.2fr) minmax(260px,1.3fr) minmax(78px,.45fr) 32px; gap:10px; align-items:center; min-width:650px; }\n.uh-pricing-price-row { grid-template-columns:repeat(5,minmax(108px,1fr)) 32px; min-width:650px; }\n.uh-pricing-price-head { display:grid; grid-template-columns:repeat(5,minmax(108px,1fr)) 32px; gap:10px; align-items:center; min-width:650px; color:var(--dsw-alias-label-secondary); font-size:10px; }\n.uh-pricing-price-head span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.uh-pricing-edit-row input, .uh-pricing-tier-edit-row input { box-sizing:border-box; min-width:0; min-height:30px; border:1px solid var(--dsw-alias-border-l2); border-radius:6px; padding:4px 7px; background:var(--dsw-alias-bg-base); color:var(--dsw-alias-label-primary); font:inherit; font-size:11px; outline:none; }\n.uh-pricing-edit-row input:focus, .uh-pricing-tier-edit-row input:focus { border-color:var(--dsw-alias-brand-primary); }\n.uh-pricing-edit-row .uh-refresh, .uh-pricing-tier-edit-row .uh-refresh { min-height:30px; padding:0; }\n.uh-pricing-overrides { display:flex; flex-direction:column; min-width:760px; }\n.uh-pricing-override { display:flex; flex-direction:column; gap:8px; padding:10px 0; border-bottom:1px solid var(--dsw-alias-border-l1); }\n.uh-pricing-override:last-child { border-bottom:0; }\n.uh-pricing-tier-editor { margin-left:10px; padding-left:12px; border-left:2px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 34%, var(--dsw-alias-border-l1)); }\n.uh-pricing-tier-editor-head { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:30px; }\n.uh-pricing-tier-editor-title { display:flex; align-items:baseline; gap:8px; min-width:0; }\n.uh-pricing-tier-editor-title strong { font-size:11px; }\n.uh-pricing-tier-editor-title span { color:var(--dsw-alias-label-secondary); font-size:10px; }\n.uh-pricing-tier-edit-head, .uh-pricing-tier-edit-row { display:grid; grid-template-columns:minmax(132px,.85fr) repeat(4,minmax(108px,1fr)) 32px; gap:10px; align-items:center; min-width:690px; }\n.uh-pricing-tier-edit-head { margin:5px 0; color:var(--dsw-alias-label-secondary); font-size:10px; }\n.uh-pricing-tier-edit-row { margin-top:7px; }\n.uh-pricing-tier-edit-row.uh-invalid input { border-color:var(--dsw-alias-warning, #a55b00); }\n.uh-pricing-tier-empty { padding:5px 0; color:var(--dsw-alias-label-secondary); font-size:10px; }\n.uh-pricing-error { color:var(--dsw-alias-warning, #a55b00); font-size:12px; line-height:1.45; }\n.uh-pricing-foot { padding-top:4px; }\n.uh-cost-num { color:var(--dsw-alias-label-primary); }\n.uh-progress { font-size:12px; color:var(--dsw-alias-label-secondary); display:flex; align-items:center; gap:10px; }\n.uh-sync-health { margin-top:8px; padding:8px 12px; display:flex; align-items:center; flex-wrap:wrap; gap:6px; border:1px solid var(--dsw-alias-border-l1); border-radius:10px; color:var(--dsw-alias-label-secondary); background:var(--dsw-alias-bg-layer-1); font-size:11px; line-height:1.45; }\n.uh-sync-health.uh-stale { color:var(--dsw-alias-warning, #a55b00); border-color:color-mix(in srgb, var(--dsw-alias-warning, #d9822b) 45%, var(--dsw-alias-border-l1)); }\n.uh-sync-retry { border:0; background:transparent; color:inherit; font:inherit; text-decoration:underline; cursor:pointer; padding:0 2px; }\n.uh-trend-panel { min-height:300px; animation:uh-panel-in .38s ease both; }\n.uh-trend-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:10px; }\n.uh-trend-chart-wrap { position:relative; min-height:250px; width:100%; overflow:hidden; }\n.uh-trend-stage { display:grid; place-items:center; min-height:250px; width:100%; }\n.uh-trend-message { color:var(--dsw-alias-label-secondary); font-size:12px; }\n.uh-trend-spinner { width:24px; height:24px; border:2px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, var(--dsw-alias-border-l2)); border-top-color:var(--dsw-alias-brand-primary); border-radius:50%; animation:uh-spinner-turn .78s linear infinite; }\n.uh-trend-svg { display:block; width:100%; height:auto; min-height:220px; }\n.uh-trend-grid { stroke:var(--dsw-alias-border-l1); stroke-width:1; stroke-dasharray:3 4; opacity:.8; }\n.uh-trend-cursor { stroke:var(--dsw-alias-label-secondary); stroke-width:1; stroke-dasharray:3 4; opacity:.65; pointer-events:none; }\n.uh-trend-point { stroke:var(--dsw-alias-bg-layer-1); stroke-width:2; vector-effect:non-scaling-stroke; pointer-events:none; }\n.uh-trend-axis-label { fill:var(--dsw-alias-label-secondary); font-size:11px; font-family:inherit; }\n.uh-trend-line { fill:none; stroke-width:2.2; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; opacity:.22; }\n.uh-trend-line-draw { fill:none; stroke-width:2.2; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:var(--uh-draw-length); stroke-dashoffset:var(--uh-draw-length); opacity:.96; pointer-events:none; animation:uh-trend-draw .95s cubic-bezier(.22,.61,.36,1) both; }\n.uh-trend-area { opacity:1; animation:uh-trend-fill .8s ease; }\n.uh-trend-hit { fill:transparent; cursor:crosshair; outline:none; }\n.uh-trend-hit:focus { fill:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent); outline:1px solid var(--dsw-alias-brand-primary); outline-offset:2px; }\n.uh-trend-tooltip { position:absolute; z-index:4; min-width:166px; padding:10px 11px; border:1px solid color-mix(in srgb, var(--dsw-alias-border-l2) 88%, transparent); border-radius:8px; background:color-mix(in srgb, var(--dsw-alias-bg-layer-1) 94%, transparent); box-shadow:0 10px 24px rgba(0,0,0,.22); backdrop-filter:blur(10px); color:var(--dsw-alias-label-primary); font-size:12px; line-height:1.45; pointer-events:none; opacity:0; visibility:hidden; transform:translate(14px,-50%) scale(.985); transform-origin:left center; transition:left .16s cubic-bezier(.22,.61,.36,1), top .16s cubic-bezier(.22,.61,.36,1), opacity .12s ease, transform .16s cubic-bezier(.22,.61,.36,1), visibility 0s linear .16s; }\n.uh-trend-tooltip.uh-left { transform:translate(calc(-100% - 14px),-50%) scale(.985); transform-origin:right center; }\n.uh-trend-tooltip.uh-visible { opacity:1; visibility:visible; transform:translate(14px,-50%) scale(1); transition-delay:0s; }\n.uh-trend-tooltip.uh-left.uh-visible { transform:translate(calc(-100% - 14px),-50%) scale(1); }\n.uh-trend-tooltip-title { display:block; margin-bottom:6px; color:var(--dsw-alias-label-primary); font-size:12px; font-weight:650; }\n.uh-trend-tooltip-row { display:grid; grid-template-columns:8px minmax(0,1fr) auto; align-items:center; gap:7px; min-width:0; margin-top:3px; font-size:11px; }\n.uh-trend-tooltip-row .uh-trend-dot { width:8px; height:8px; margin:0; }\n.uh-trend-tooltip-label { overflow:hidden; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }\n.uh-trend-tooltip-value { color:inherit; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }\n.uh-trend-dot { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; vertical-align:1px; }\n.uh-trend-legend { display:flex; flex-wrap:wrap; gap:5px 8px; margin-top:5px; }\n.uh-trend-legend-item { display:inline-flex; align-items:center; gap:3px; border:0; border-radius:7px; padding:3px 6px; background:transparent; color:var(--dsw-alias-label-secondary); font:inherit; font-size:11px; cursor:pointer; transition:color .15s ease; }\n.uh-trend-legend-item:hover { background:var(--dsw-alias-bg-layer-2); color:var(--dsw-alias-label-primary); }\n.uh-trend-legend-item.uh-on { background:var(--dsw-alias-interactive-bg-hover); color:var(--dsw-alias-label-primary); }\n.uh-filter-bar { position:relative; z-index:10; display:flex; align-items:center; flex-wrap:wrap; gap:7px; }\n.uh-filter-clear { border:0; background:transparent; color:var(--dsw-alias-label-secondary); font:inherit; font-size:11px; cursor:pointer; text-decoration:underline; }\n.uh-query-note { color:var(--dsw-alias-label-secondary); font-size:11px; }\n.uh-detail-tabs { display:flex; align-items:center; flex-wrap:wrap; gap:4px; padding:4px; border:1px solid var(--dsw-alias-border-l1); border-radius:9px; background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 58%, transparent); }\n.uh-detail-tab { display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:5px 11px; border:0; border-radius:7px; background:transparent; color:var(--dsw-alias-label-secondary); font:inherit; font-size:12px; cursor:pointer; transition:background-color .15s ease, color .15s ease, transform .12s ease; }\n.uh-detail-tab:hover { color:var(--dsw-alias-label-primary); background:var(--dsw-alias-bg-layer-2); }\n.uh-detail-tab.uh-on { color:var(--dsw-alias-label-primary); background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 3px rgba(0,0,0,.14); }\n.uh-records-panel { animation:uh-panel-in .28s ease both; }\n.uh-records-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:7px; }\n.uh-records-note { margin:8px 0 10px; color:var(--dsw-alias-label-secondary); font-size:11px; line-height:1.45; }\n.uh-records-error { margin:7px 0; color:var(--dsw-alias-warning, #a55b00); font-size:11px; }\n.uh-records-scroll { overflow:auto; border:1px solid var(--dsw-alias-border-l1); border-radius:8px; }\n.uh-record-grid { display:grid; grid-template-columns:112px minmax(190px,1.45fr) 78px repeat(4,minmax(76px,.72fr)) 96px 82px; gap:0; min-width:900px; align-items:center; }\n.uh-record-grid > div { min-width:0; padding:8px 7px; border-bottom:1px solid var(--dsw-alias-border-l1); font-size:11px; }\n.uh-record-header { color:var(--dsw-alias-label-secondary); background:var(--dsw-alias-bg-layer-2); font-weight:600; }\n.uh-record-header > div { white-space:nowrap; }\n.uh-record-row { color:var(--dsw-alias-label-primary); cursor:pointer; outline:none; transition:background-color .14s ease, box-shadow .14s ease; }\n.uh-record-row:hover { background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 68%, transparent); }\n.uh-record-row.uh-on { background:color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, var(--dsw-alias-bg-layer-1)); box-shadow:inset 3px 0 var(--dsw-alias-brand-primary); }\n.uh-record-row:focus-visible { box-shadow:inset 0 0 0 1px var(--dsw-alias-brand-primary); }\n.uh-record-row:last-child > div { border-bottom:0; }\n.uh-record-time, .uh-record-num { color:var(--dsw-alias-label-secondary); font-variant-numeric:tabular-nums; white-space:nowrap; }\n.uh-record-num { text-align:right; }\n.uh-model-icon { display:inline-flex; align-items:center; justify-content:center; flex:none; vertical-align:middle; }\n.uh-model-icon img { display:block; width:100%; height:100%; object-fit:contain; }\n.uh-model-icon-fallback { border-radius:50%; background:var(--dsw-alias-fill-tertiary, rgba(128,128,128,.22)); box-shadow:inset 0 0 0 1px var(--dsw-alias-border-l1, rgba(128,128,128,.3)); }\n.uh-model-label { display:flex; align-items:center; gap:7px; min-width:0; }\n.uh-model-label .uh-model-text { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }\n.uh-record-model { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:550; }\n.uh-record-model small { display:block; overflow:hidden; color:var(--dsw-alias-label-secondary); font-size:10px; font-weight:400; text-overflow:ellipsis; white-space:nowrap; }\n.uh-record-source { color:var(--dsw-alias-label-secondary); white-space:nowrap; }\n.uh-record-band { white-space:nowrap; }\n.uh-record-band-badge { margin-left:6px; color:var(--dsw-alias-label-secondary); font-size:10px; }\n.uh-record-band-peak { color:var(--dsw-alias-warning, #a55b00); font-weight:600; }\n.uh-record-band-off-peak { color:#2e7d32; }\n.uh-records-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:9px; }\n.uh-record-detail { margin-top:12px; padding:10px 11px; border-top:1px solid var(--dsw-alias-border-l2); background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 42%, transparent); animation:uh-detail-in .24s ease both; }\n.uh-record-detail-head, .uh-record-detail-meta { display:flex; align-items:center; flex-wrap:wrap; gap:7px 14px; }\n.uh-record-detail-head { justify-content:space-between; margin-bottom:5px; color:var(--dsw-alias-label-primary); font-size:12px; }\n.uh-record-detail-meta { color:var(--dsw-alias-label-secondary); font-size:11px; }\n.uh-record-token-strip { display:grid; grid-template-columns:repeat(5,minmax(72px,1fr)) repeat(2,minmax(82px,1.1fr)); gap:6px; margin-top:9px; }\n.uh-record-token-strip > div { display:flex; flex-direction:column; gap:2px; min-width:0; padding:6px 7px; border-radius:6px; background:var(--dsw-alias-bg-layer-2); }\n.uh-record-token-strip span { color:var(--dsw-alias-label-secondary); font-size:10px; }\n.uh-record-token-strip strong { color:var(--dsw-alias-label-primary); font-size:12px; font-variant-numeric:tabular-nums; }\n.uh-record-token-total { border:1px solid color-mix(in srgb, var(--dsw-alias-brand-primary) 38%, var(--dsw-alias-border-l1)) !important; }\n@keyframes uh-detail-in { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }\n@media (max-width:640px) {\n  .uh-trend-head { flex-direction:column; }\n  .uh-filter-menu { flex:1 1 130px; width:auto; }\n  .uh-filter-trigger { max-width:100%; }\n  .uh-trend-tooltip { min-width:116px; }\n  .uh-records-head { flex-direction:column; }\n  .uh-record-token-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }\n  .uh-record-token-total { grid-column:1 / -1; }\n  .uh-pricing-head { align-items:flex-start; }\n  .uh-pricing-toolbar { align-items:flex-start; }\n  .uh-pricing-section-head { align-items:center; }\n  .uh-pricing-edit-row { grid-template-columns:minmax(0,1fr) 36px; min-width:0; width:100%; }\n  .uh-pricing-edit-row > .uh-pricing-used-model-picker,\n  .uh-pricing-edit-row > .uh-pricing-model-search,\n  .uh-pricing-price-row > input { grid-column:1 / -1; }\n  .uh-pricing-edit-row > input[type=\'number\'] { grid-column:1; }\n  .uh-pricing-edit-row > .uh-icon-button { grid-column:2; }\n  .uh-pricing-price-head { display:none; }\n  .uh-pricing-overrides { min-width:0; width:100%; }\n  .uh-pricing-override { min-width:0; }\n  .uh-pricing-price-row { grid-template-columns:minmax(0,1fr) 36px; min-width:0; }\n  .uh-pricing-price-row > input[type=\'number\'] { grid-column:1 / -1; }\n  .uh-pricing-tier-editor { margin-left:0; padding-left:0; border-left:0; }\n  .uh-pricing-tier-editor-head { align-items:flex-start; flex-wrap:wrap; }\n  .uh-pricing-tier-editor-title { flex-direction:column; gap:2px; }\n  .uh-pricing-tier-edit-head { display:none; }\n  .uh-pricing-tier-edit-row { grid-template-columns:minmax(0,1fr) 36px; min-width:0; padding:8px; border:1px solid var(--dsw-alias-border-l1); border-radius:6px; }\n  .uh-pricing-tier-edit-row > input { grid-column:1 / -1; }\n  .uh-pricing-tier-edit-row > .uh-icon-button { grid-column:2; }\n  .uh-pricing-tier-context { display:block; margin:2px 0 0; }\n}\n.uh-bar { flex:1; height:6px; border-radius:3px; background:var(--dsw-alias-bg-layer-2); overflow:hidden; max-width:340px; }\n.uh-fill { height:100%; background:var(--dsw-alias-brand-primary); border-radius:3px; transition:width .3s ease; }\n.uh-cards { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:10px; }\n.uh-card { background:var(--dsw-alias-bg-layer-1); border:1px solid var(--dsw-alias-border-l1); border-radius:12px; padding:12px 14px; display:flex; flex-direction:column; gap:6px; min-height:86px; animation:uh-card-in .45s ease both; transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease; }\n.uh-card:hover { transform:translateY(-2px); border-color:var(--dsw-alias-border-l2); box-shadow:0 6px 18px rgba(0,0,0,.10); }\n.uh-card-label { font-size:12px; color:var(--dsw-alias-label-secondary); }\n.uh-card-value { font-size:20px; font-weight:650; color:var(--dsw-alias-label-primary); line-height:1.2; }\n.uh-card-sub { font-size:11px; color:var(--dsw-alias-label-secondary); line-height:1.55; }\n.uh-wsbars { display:flex; flex-direction:column; gap:6px; margin-top:2px; }\n.uh-wsbar { display:flex; flex-direction:column; gap:3px; cursor:pointer; padding:2px 6px; margin:0 -6px; border-radius:8px; transition:background-color .15s ease; }\n.uh-wsbar:hover { background:var(--dsw-alias-bg-layer-2); }\n.uh-wsbar.uh-sel { outline:1px solid var(--dsw-alias-brand-primary); }\n.uh-wsbar-top { display:flex; align-items:center; gap:6px; min-width:0; }\n.uh-wsbar-title { font-size:12px; color:var(--dsw-alias-label-primary); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; min-width:0; }\n.uh-wsbar-num { font-size:11px; font-variant-numeric:tabular-nums; color:var(--dsw-alias-label-secondary); flex:none; }\n.uh-panel { background:var(--dsw-alias-bg-layer-1); border:1px solid var(--dsw-alias-border-l1); border-radius:12px; padding:14px; }\n.uh-hm-head { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:10px; }\n.uh-chips { display:flex; flex-wrap:wrap; gap:6px; }\n.uh-chip { display:inline-flex; align-items:center; gap:6px; border:1px solid var(--dsw-alias-border-l2); background:transparent; color:var(--dsw-alias-label-primary); border-radius:999px; padding:2px 10px; font-size:11px; cursor:pointer; font-family:inherit; max-width:190px; transition:border-color .15s ease, background-color .15s ease, color .15s ease, transform .1s ease; }\n.uh-chip .uh-chip-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.uh-chip.uh-on { border-color:var(--dsw-alias-brand-primary); background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, transparent); }\n.uh-dot { width:8px; height:8px; border-radius:50%; flex:none; }\n.uh-legend { display:flex; align-items:center; gap:4px; font-size:11px; color:var(--dsw-alias-label-secondary); }\n.uh-legend .uh-cell { width:10px; height:10px; border-radius:2px; animation:none; }\n.uh-hm-scroll { overflow-x:auto; padding-bottom:2px; }\n.uh-months { position:relative; height:16px; margin-left:30px; width:calc(100% - 30px); min-width:686px; font-size:10px; color:var(--dsw-alias-label-secondary); }\n.uh-months span { position:absolute; top:0; }\n.uh-hm-body { display:flex; gap:6px; min-width:0; }\n.uh-wdays { display:grid; grid-template-rows:repeat(7,10px); gap:3px; font-size:10px; color:var(--dsw-alias-label-secondary); text-align:right; width:24px; }\n.uh-wdays span { line-height:10px; }\n.uh-grid { flex:1 1 auto; min-width:686px; display:grid; grid-auto-flow:column; grid-template-columns:repeat(53,minmax(10px,1fr)); grid-template-rows:repeat(7,minmax(10px,auto)); gap:3px; }\n.uh-cell { width:100%; height:auto; min-width:10px; aspect-ratio:1; border-radius:2px; background:var(--dsw-alias-bg-layer-2); animation:uh-cell-in .45s ease both; transition:transform .12s ease, box-shadow .12s ease; }\n.uh-cell:hover { transform:scale(1.35); box-shadow:0 1px 6px rgba(0,0,0,.28); position:relative; z-index:2; }\n.uh-tip { position:fixed; z-index:1200; background:var(--dsw-alias-bg-overlay); border:1px solid var(--dsw-alias-border-l2); border-radius:10px; padding:10px 12px; box-shadow:0 8px 24px rgba(0,0,0,.18); pointer-events:auto; min-width:200px; max-width:290px; animation:uh-tip-in .16s ease both; }\n.uh-tip-date { font-size:12px; font-weight:600; color:var(--dsw-alias-label-primary); margin-bottom:6px; }\n.uh-tip-row { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--dsw-alias-label-primary); padding:3px 6px; margin:0 -6px; border-radius:6px; cursor:pointer; transition:background-color .12s ease; }\n.uh-tip-row:hover { background:color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent); }\n.uh-tip-row .uh-n { margin-left:auto; font-variant-numeric:tabular-nums; color:var(--dsw-alias-label-secondary); }\n.uh-tip-tokens { font-size:11px; color:var(--dsw-alias-label-secondary); margin-top:6px; border-top:1px solid var(--dsw-alias-border-l1); padding-top:6px; }\n.uh-tbl-title { font-size:13px; font-weight:600; color:var(--dsw-alias-label-primary); margin:0 0 10px; }\n.uh-tbl-scroll { overflow-x:auto; }\n.uh-hrow, .uh-row { display:grid; grid-template-columns:minmax(160px,2.2fr) .7fr .9fr .9fr .9fr .9fr 1.1fr .9fr .8fr 1fr; gap:8px; align-items:center; min-width:900px; padding:7px 10px; border-radius:8px; font-size:12px; }\n.uh-model-hrow, .uh-model-row { display:grid; grid-template-columns:minmax(190px,2.2fr) .7fr .9fr .9fr .9fr .9fr 1.1fr .9fr .8fr; gap:8px; align-items:center; min-width:860px; padding:7px 10px; border-radius:8px; font-size:12px; }\n.uh-hrow { color:var(--dsw-alias-label-secondary); font-size:11px; }\n.uh-row { cursor:pointer; border:1px solid transparent; transition:background-color .15s ease, border-color .15s ease; }\n.uh-row:hover { background:var(--dsw-alias-bg-layer-2); }\n.uh-row.uh-sel { border-color:var(--dsw-alias-brand-primary); }\n.uh-num { text-align:right; font-variant-numeric:tabular-nums; color:var(--dsw-alias-label-primary); }\n.uh-hrow .uh-num { color:var(--dsw-alias-label-secondary); }\n.uh-ws-title { color:var(--dsw-alias-label-primary); font-weight:550; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.uh-row-title-wrap { min-width:0; }\n.uh-ws-path { color:var(--dsw-alias-label-secondary); font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.uh-barwrap { height:5px; border-radius:3px; background:var(--dsw-alias-bg-layer-2); overflow:hidden; margin-top:3px; }\n.uh-barwrap.uh-bar-thin { height:3px; margin-top:1px; }\n.uh-barfill { height:100%; border-radius:3px; transform-origin:left center; animation:uh-bar-grow .7s cubic-bezier(.22,.61,.36,1) both; transition:width .5s cubic-bezier(.22,.61,.36,1); }\n.uh-empty { color:var(--dsw-alias-label-secondary); font-size:12px; text-align:center; padding:26px 0; }\n.uh-note { font-size:11px; color:var(--dsw-alias-label-secondary); line-height:1.6; }\n.uh-side-entry { width:100%; border:0; background:transparent; color:var(--dsw-alias-label-secondary); border-radius:8px; min-height:36px; padding:7px 10px; display:flex; align-items:center; gap:9px; font:inherit; font-size:13px; cursor:pointer; text-align:left; }\n.uh-side-entry:hover { background:var(--dsw-alias-interactive-bg-hover); color:var(--dsw-alias-label-primary); }\n.uh-side-entry-icon { width:18px; text-align:center; flex:none; font-size:15px; }\n.uh-side-entry-label { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.uh-boundary-fallback { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; min-height:360px; padding:24px; border:1px solid var(--dsw-alias-border-l1); border-radius:12px; background:var(--dsw-alias-bg-layer-1); text-align:center; }\n.uh-boundary-title { color:var(--dsw-alias-label-primary); font-size:15px; font-weight:650; }\n.uh-boundary-note { max-width:420px; color:var(--dsw-alias-label-secondary); font-size:12px; line-height:1.6; }\n.uh-side-modal { position:fixed; inset:0; z-index:1100; background:color-mix(in srgb, #000 44%, transparent); display:flex; align-items:stretch; justify-content:center; padding:26px; }\n.uh-side-dialog { width:min(1120px, 100%); overflow-x:hidden; overflow-y:scroll; scrollbar-gutter:stable; scrollbar-width:auto; scrollbar-color:#707780 #1d1f22; background:var(--dsw-alias-bg-base); border:1px solid var(--dsw-alias-border-l2); border-radius:14px; box-shadow:0 18px 52px rgba(0,0,0,.35); padding:18px; }\n.uh-side-dialog::-webkit-scrollbar, .uh-pricing-table-wrap::-webkit-scrollbar { width:12px; height:12px; }\n.uh-side-dialog::-webkit-scrollbar-track, .uh-pricing-table-wrap::-webkit-scrollbar-track { background:#1d1f22; border-left:1px solid #363a40; }\n.uh-side-dialog::-webkit-scrollbar-thumb, .uh-pricing-table-wrap::-webkit-scrollbar-thumb { background:#707780; border:3px solid #1d1f22; border-radius:6px; }\n.uh-side-dialog::-webkit-scrollbar-thumb:hover, .uh-pricing-table-wrap::-webkit-scrollbar-thumb:hover { background:#9aa1aa; }\n.uh-side-dialog-head { display:flex; justify-content:flex-end; margin-bottom:8px; }\n@media (max-width: 640px) { .uh-side-modal { padding:0; } .uh-side-dialog { border-radius:0; border:0; padding:14px; } }\n/* iOS-style dashboard: grouped surfaces, tactile controls, and an elevated sheet. */\n.uh-page { gap:18px; max-width:1160px; margin:0 auto; padding:4px 2px 34px; font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif; }\n.uh-head { position:sticky; top:-18px; z-index:20; margin:0 -2px; padding:18px 2px 14px; background:color-mix(in srgb, var(--dsw-alias-bg-base) 88%, transparent); backdrop-filter:blur(18px) saturate(150%); border-bottom:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 76%, transparent); }\n.uh-title { font-size:22px; line-height:1.2; font-weight:700; letter-spacing:0; }\n.uh-actions { gap:8px; }\n.uh-range { padding:2px; gap:2px; border:0; border-radius:9px; background:color-mix(in srgb, var(--dsw-alias-label-primary) 10%, transparent); overflow:visible; }\n.uh-range button, .uh-range button + button { min-height:28px; border:0; border-radius:7px; padding:4px 10px; }\n.uh-range button.uh-on { background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 3px rgba(0,0,0,.16); }\n.uh-refresh { min-height:30px; border:0; border-radius:15px; padding:5px 12px; display:inline-flex; align-items:center; justify-content:center; gap:6px; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 14%, var(--dsw-alias-bg-layer-1)); color:var(--dsw-alias-brand-primary); font-weight:600; }\n.uh-line-icon { flex:none; }\n.uh-icon-button { width:30px; padding:0; }\n.uh-refresh:hover { border:0; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 22%, var(--dsw-alias-bg-layer-1)); }\n.uh-progress { padding:10px 12px; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 9%, var(--dsw-alias-bg-layer-1)); border:0; border-radius:12px; }\n.uh-cards { grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:10px; border:0; border-radius:0; overflow:visible; background:transparent; }\n.uh-card { min-height:84px; padding:12px 14px; gap:4px; border:0; border-radius:18px; background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 2px rgba(0,0,0,.07), 0 8px 22px rgba(0,0,0,.05); animation:none; }\n.uh-card:first-child { border:0; background:color-mix(in srgb, #0a84ff 15%, var(--dsw-alias-bg-layer-1)); }\n.uh-card:nth-child(2) { background:color-mix(in srgb, #30d158 13%, var(--dsw-alias-bg-layer-1)); }\n.uh-card:nth-child(3) { background:color-mix(in srgb, #ff9f0a 14%, var(--dsw-alias-bg-layer-1)); }\n.uh-card:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.12); }\n.uh-card-label { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:600; letter-spacing:0; }\n.uh-ios-summary-label, .uh-section-title, .uh-title-with-icon { display:flex; align-items:center; gap:7px; }\n.uh-section-title { margin-bottom:12px; color:var(--dsw-alias-label-primary); font-size:14px; font-weight:650; }\n/* Raise the complete reading scale without changing the data grid geometry. */\n.uh-page { font-size:14px; }\n.uh-range button, .uh-refresh { font-size:13px; }\n.uh-card-label, .uh-ios-summary-label { font-size:13px; }\n.uh-card-sub, .uh-ios-summary-caption, .uh-note { font-size:12px; }\n.uh-hrow, .uh-row, .uh-model-hrow, .uh-model-row { font-size:13px; }\n.uh-tbl-title { font-size:15px; }\n.uh-num { font-variant-numeric:tabular-nums; }\n.uh-card-value { font-size:23px; font-weight:700; letter-spacing:0; }\n.uh-card-sub { font-size:11px; line-height:1.45; }\n.uh-panel { padding:16px; border:0; border-radius:18px; background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 2px rgba(0,0,0,.06), 0 6px 18px rgba(0,0,0,.04); }\n.uh-hm-head { margin-bottom:12px; }\n.uh-chip { border:0; border-radius:14px; padding:5px 10px; background:color-mix(in srgb, var(--dsw-alias-label-primary) 7%, transparent); }\n.uh-chip.uh-on { border:0; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent); color:var(--dsw-alias-brand-primary); }\n.uh-hrow, .uh-row, .uh-model-hrow, .uh-model-row { border-radius:10px; }\n.uh-hrow, .uh-model-hrow { position:sticky; top:66px; z-index:2; background:var(--dsw-alias-bg-layer-1); border-bottom:1px solid var(--dsw-alias-border-l1); }\n.uh-row, .uh-model-row { padding-top:9px; padding-bottom:9px; }\n.uh-row:nth-child(even) { background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 52%, transparent); }\n.uh-side-entry { min-height:40px; border:0; border-radius:12px; padding:8px 10px; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 9%, transparent); color:var(--dsw-alias-brand-primary); font-weight:600; }\n.uh-side-entry:hover { border:0; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 17%, transparent); }\n.uh-side-entry-icon { color:var(--dsw-alias-brand-primary); font-weight:700; }\n.uh-side-modal { align-items:flex-end; padding:0; background:rgba(0,0,0,.34); backdrop-filter:blur(8px); }\n.uh-side-dialog { width:min(1260px, 100%); max-height:calc(100vh - 44px); border:0; border-radius:24px 24px 0 0; padding:22px 24px 28px; background:color-mix(in srgb, var(--dsw-alias-bg-base) 94%, transparent); box-shadow:0 -10px 44px rgba(0,0,0,.25); }\n.uh-side-dialog-head { position:sticky; top:-22px; z-index:8; justify-content:center; height:22px; margin:-22px -24px 8px; padding:8px 24px; background:color-mix(in srgb, var(--dsw-alias-bg-base) 94%, transparent); border:0; }\n.uh-side-dialog-head::before { content:""; width:36px; height:5px; border-radius:3px; background:color-mix(in srgb, var(--dsw-alias-label-primary) 24%, transparent); }\n.uh-side-dialog-head .uh-refresh { position:absolute; right:20px; top:7px; min-height:28px; background:transparent; }\n.uh-close-button { width:30px; padding:0; font-size:22px; line-height:1; color:var(--dsw-alias-label-secondary); }\n.uh-close-button:hover { color:var(--dsw-alias-label-primary); background:color-mix(in srgb, var(--dsw-alias-label-primary) 10%, transparent); }\n@media (max-width:640px) { .uh-page { gap:14px; padding-bottom:20px; } .uh-head { position:static; padding:4px 0 10px; } .uh-title { font-size:20px; } .uh-custom-range { grid-template-columns:1fr; align-items:stretch; } .uh-custom-range-fields { grid-template-columns:repeat(2, minmax(0, 1fr)); } .uh-custom-range-actions { justify-content:flex-end; } .uh-side-dialog { max-height:calc(100vh - 8px); border-radius:20px 20px 0 0; padding:18px 14px 24px; } .uh-side-dialog-head { top:-18px; margin:-18px -14px 8px; padding:7px 14px; } .uh-card-value { font-size:22px; } }\n/* Navigation separates the dashboard into three focused iOS-style surfaces. */\n.uh-ios-tabs { display:grid; grid-template-columns:repeat(3, 1fr); gap:4px; padding:4px; border-radius:14px; background:color-mix(in srgb, var(--dsw-alias-label-primary) 9%, transparent); }\n.uh-ios-tab { min-height:32px; border:0; border-radius:10px; background:transparent; color:var(--dsw-alias-label-secondary); font:inherit; font-size:13px; font-weight:600; cursor:pointer; }\n.uh-ios-tab.uh-on { color:var(--dsw-alias-label-primary); background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 4px rgba(0,0,0,.16); }\n.uh-ios-summary { display:flex; flex-direction:column; gap:12px; background:transparent; box-shadow:none; }\n.uh-ios-summary-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.48fr); min-height:142px; padding:20px 22px; border:1px solid var(--dsw-alias-border-l1); border-radius:18px; background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 22px rgba(0,0,0,.06); }\n.uh-ios-summary-total { min-width:0; min-height:0; padding:0; border-radius:0; display:flex; align-items:center; justify-content:flex-start; gap:16px; background:transparent; box-shadow:none; }\n.uh-ios-summary-total-icon { display:grid; place-items:center; flex:none; width:54px; height:54px; border-radius:16px; background:color-mix(in srgb,#0a84ff 18%,var(--dsw-alias-bg-layer-2)); color:#0a84ff; }\n.uh-ios-summary-total-copy { min-width:0; }\n.uh-ios-summary-label { font-size:13px; font-weight:600; color:var(--dsw-alias-label-secondary); }\n.uh-ios-summary-total .uh-ios-summary-label { font-size:14px; }\n.uh-ios-summary-value { margin-top:7px; font-size:40px; line-height:1; font-weight:750; letter-spacing:0; color:var(--dsw-alias-label-primary); }\n.uh-unit { margin-left:6px; color:var(--dsw-alias-label-secondary); font-size:.4em; font-weight:650; white-space:nowrap; vertical-align:baseline; }\n.uh-wsbar-num .uh-unit { font-size:.78em; margin-left:3px; }\n.uh-ios-summary-caption { margin-top:8px; font-size:12px; color:var(--dsw-alias-label-secondary); }\n.uh-ios-summary-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; min-width:0; gap:0; padding:0 0 0 22px; border-left:1px solid var(--dsw-alias-border-l1); background:transparent; font-size:12px; color:var(--dsw-alias-label-secondary); }\n.uh-ios-summary-meta-stat { min-width:0; padding:4px 22px; }\n.uh-ios-summary-meta-stat + .uh-ios-summary-meta-stat { border-left:1px solid var(--dsw-alias-border-l1); }\n.uh-ios-summary-meta-label { display:flex; align-items:center; gap:7px; color:var(--dsw-alias-label-secondary); font-size:12px; font-weight:600; white-space:nowrap; }\n.uh-ios-summary-meta-value { margin-top:7px; color:var(--dsw-alias-label-primary); font-size:24px; line-height:1; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }\n.uh-ios-summary-meta-cost .uh-ios-summary-meta-value { color:#30d158; }\n.uh-ios-summary-meta-caption { margin-top:7px; color:var(--dsw-alias-label-secondary); font-size:11px; white-space:nowrap; }\n.uh-ios-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }\n.uh-ios-metric { min-width:0; min-height:108px; padding:16px 18px; border:1px solid var(--dsw-alias-border-l1); border-radius:18px; display:flex; flex-direction:column; justify-content:center; gap:10px; background:var(--dsw-alias-bg-layer-1); box-shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 20px rgba(0,0,0,.05); animation:uh-card-in .35s ease both; }\n.uh-ios-metrics > .uh-card { min-width:0; min-height:141px; padding:16px 18px; gap:4px; border:0; border-radius:18px; }\n.uh-ios-metrics > .uh-card .uh-card-value { min-width:0; font-size:23px; line-height:1.2; font-weight:700; white-space:nowrap; }\n.uh-ios-metrics > .uh-card .uh-card-sub { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n.uh-ios-metrics > .uh-card:nth-child(-n+3) { justify-content:center; }\n.uh-ios-metric-label { display:flex; align-items:center; gap:8px; min-width:0; color:var(--dsw-alias-label-secondary); font-size:13px; font-weight:600; white-space:nowrap; }\n.uh-ios-metric-label .uh-line-icon { flex:none; }\n.uh-ios-metric-value { min-width:0; color:var(--dsw-alias-label-primary); font-size:26px; line-height:1.05; font-weight:700; font-variant-numeric:tabular-nums; white-space:nowrap; }\n.uh-ios-metric-input { background:color-mix(in srgb,#0a84ff 11%,var(--dsw-alias-bg-layer-1)); }\n.uh-ios-metric-input .uh-line-icon { color:#0a84ff; }\n.uh-ios-metric-output { background:color-mix(in srgb,#bf5af2 10%,var(--dsw-alias-bg-layer-1)); }\n.uh-ios-metric-output .uh-line-icon { color:#bf5af2; }\n.uh-ios-metric-write { background:color-mix(in srgb,#ff9f0a 11%,var(--dsw-alias-bg-layer-1)); }\n.uh-ios-metric-write .uh-line-icon { color:#ff9f0a; }\n.uh-ios-metric-read { background:color-mix(in srgb,#30d158 11%,var(--dsw-alias-bg-layer-1)); }\n.uh-ios-metric-read .uh-line-icon { color:#30d158; }\n.uh-ios-metric-rate { background:var(--dsw-alias-bg-layer-1); }\n.uh-ios-metric-rate .uh-line-icon { color:#30d158; }\n.uh-ios-metric-rate-head { display:flex; align-items:baseline; justify-content:space-between; gap:8px; min-width:0; }\n.uh-ios-metric-rate-value { flex:none; color:#30d158; font-size:24px; line-height:1; font-weight:700; font-variant-numeric:tabular-nums; }\n.uh-ios-metric-rate-detail { min-width:0; overflow:hidden; color:var(--dsw-alias-label-secondary); font-size:14px; line-height:1.2; font-weight:600; font-variant-numeric:tabular-nums; text-overflow:ellipsis; white-space:nowrap; }\n.uh-ios-metric-bar { height:7px; border-radius:4px; background:var(--dsw-alias-bg-layer-2); overflow:hidden; }\n.uh-ios-metric-fill { height:100%; border-radius:inherit; background:#30d158; transition:width .35s ease; }\n.uh-token-semantics { display:flex; align-items:flex-start; gap:8px; padding:10px 12px; border-radius:12px; background:color-mix(in srgb, var(--dsw-alias-brand-primary) 8%, var(--dsw-alias-bg-layer-1)); color:var(--dsw-alias-label-secondary); font-size:12px; line-height:1.55; }\n.uh-token-semantics .uh-line-icon { margin-top:1px; color:var(--dsw-alias-brand-primary); }\n.uh-ios-list-panel { min-height:360px; }\n.uh-donut-chart { margin:0 0 18px; }\n.uh-donut-title { display:flex; align-items:center; gap:7px; margin-bottom:12px; color:var(--dsw-alias-label-primary); font-size:14px; font-weight:650; }\n.uh-donut-layout { display:grid; grid-template-columns:minmax(220px,300px) minmax(0,1fr); gap:24px; align-items:center; }\n.uh-donut-visual { position:relative; width:min(100%,280px); aspect-ratio:1; margin:0 auto; }\n.uh-donut-svg { display:block; width:100%; height:100%; overflow:visible; }\n.uh-donut-track { opacity:.78; }\n.uh-donut-segment { fill:none; stroke-dasharray:1; stroke-dashoffset:1; animation:uh-donut-draw .95s cubic-bezier(.22,.61,.36,1) both; cursor:pointer; outline:none; transition:filter .15s ease, opacity .15s ease; }\n.uh-donut-segment:hover, .uh-donut-segment:focus-visible, .uh-donut-segment.uh-active { filter:brightness(1.12); }\n.uh-donut-tooltip { position:absolute; top:0; left:0; z-index:3; display:flex; align-items:flex-start; gap:8px; max-width:190px; padding:9px 10px; border:1px solid var(--dsw-alias-border-l2); border-radius:8px; background:color-mix(in srgb, var(--dsw-alias-bg-base) 94%, transparent); box-shadow:0 10px 24px rgba(0,0,0,.22); backdrop-filter:blur(10px); color:var(--dsw-alias-label-primary); pointer-events:none; font-size:12px; line-height:1.4; transition:left .12s cubic-bezier(.22,.61,.36,1), top .12s cubic-bezier(.22,.61,.36,1); }\n.uh-donut-tooltip > div { min-width:0; display:flex; flex-direction:column; gap:4px; }\n.uh-donut-tooltip strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; }\n.uh-donut-tooltip span:not(.uh-donut-dot):not(.uh-model-icon) { color:var(--dsw-alias-label-secondary); font-size:11px; }\n.uh-donut-tooltip-cost { color:var(--dsw-alias-label-primary) !important; font-variant-numeric:tabular-nums; }\n.uh-donut-center { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; pointer-events:none; }\n.uh-donut-center strong { color:var(--dsw-alias-label-primary); font-size:28px; line-height:1; font-weight:750; font-variant-numeric:tabular-nums; }\n.uh-donut-center span { margin-top:5px; color:var(--dsw-alias-label-secondary); font-size:13px; }\n.uh-donut-legend { min-width:0; }\n.uh-donut-legend-row { display:grid; grid-template-columns:36px minmax(180px,1fr) minmax(250px,.8fr) 54px; gap:10px; align-items:center; min-height:58px; padding:8px 0; border-bottom:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 78%, transparent); }\n.uh-donut-legend-row:last-child { border-bottom:0; }\n.uh-donut-dot { width:12px; height:12px; border-radius:50%; }\n.uh-donut-legend-mark { display:flex; align-items:center; gap:8px; min-width:0; }\n.uh-donut-legend-copy { min-width:0; display:flex; flex-direction:column; gap:5px; }\n.uh-donut-legend-copy strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--dsw-alias-label-primary); font-size:13px; font-weight:650; }\n.uh-donut-legend-metrics { display:grid; grid-template-columns:minmax(120px,1fr) minmax(92px,auto); align-items:center; gap:14px; min-width:0; }\n.uh-donut-legend-metrics span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--dsw-alias-label-secondary); font-size:12px; font-variant-numeric:tabular-nums; text-align:right; }\n.uh-donut-legend-metrics .uh-donut-cost { color:var(--dsw-alias-label-secondary); font-size:12px; }\n.uh-donut-percent { min-width:48px; color:var(--dsw-alias-label-secondary); font-size:12px; font-variant-numeric:tabular-nums; text-align:right; }\n/* Each detail table owns its scrolling and sticky header; sections must not overlap in the page scroll. */\n.uh-tbl-scroll { max-height:360px; overflow:auto; border-radius:12px; background:color-mix(in srgb, var(--dsw-alias-bg-layer-2) 55%, transparent); }\n.uh-hrow, .uh-model-hrow { position:sticky; top:0; z-index:3; border-bottom:1px solid var(--dsw-alias-border-l1); box-shadow:0 1px 0 color-mix(in srgb, var(--dsw-alias-bg-base) 70%, transparent); }\n.uh-row, .uh-model-row { min-height:48px; border-bottom:1px solid color-mix(in srgb, var(--dsw-alias-border-l1) 72%, transparent); }\n.uh-row:last-child, .uh-model-row:last-child { border-bottom:0; }\n@media (max-width:640px) { .uh-tbl-scroll { max-height:300px; border-radius:10px; } }\n@media (max-width:640px) { .uh-hm-body { min-width:720px; } .uh-donut-legend-row { grid-template-columns:36px minmax(0,1fr) 48px; gap:8px; } .uh-donut-legend-copy { grid-column:2; grid-row:1; } .uh-donut-legend-metrics { grid-column:2 / -1; grid-row:2; grid-template-columns:minmax(0,1fr) minmax(0,auto); gap:8px; } .uh-donut-percent { grid-column:3; grid-row:1; } .uh-ios-summary-hero { grid-template-columns:1fr; min-height:0; gap:18px; padding:18px; } .uh-ios-summary-total { align-items:flex-start; } .uh-ios-summary-meta { grid-template-columns:repeat(2,minmax(0,1fr)); padding:16px 0 0; border-left:0; border-top:1px solid var(--dsw-alias-border-l1); } .uh-ios-summary-meta-stat { padding:0 12px; } .uh-ios-summary-meta-stat:first-child { padding-left:0; } .uh-ios-summary-meta-stat:last-child { padding-right:0; } .uh-ios-summary-value { font-size:31px; } .uh-ios-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } .uh-ios-metric:last-child { grid-column:1 / -1; } .uh-ios-metric-value { font-size:24px; } .uh-donut-layout { grid-template-columns:1fr; gap:12px; } .uh-donut-visual { width:min(100%,250px); } }\n@keyframes uh-cell-in { from { opacity:0; transform:scale(.4); } to { opacity:1; transform:scale(1); } }\n@keyframes uh-glow { 0% { box-shadow:0 0 0 0 rgba(46,160,67,.5); } 70% { box-shadow:0 0 0 5px rgba(46,160,67,0); } 100% { box-shadow:0 0 0 0 rgba(46,160,67,0); } }\n@keyframes uh-card-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }\n@keyframes uh-bar-grow { from { transform:scaleX(0); } to { transform:scaleX(1); } }\n@keyframes uh-panel-in { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }\n@keyframes uh-trend-draw { from { stroke-dashoffset:var(--uh-draw-length); opacity:.2; } to { stroke-dashoffset:0; opacity:1; } }\n@keyframes uh-trend-fill { from { opacity:0; } to { opacity:1; } }\n@keyframes uh-donut-draw { from { stroke-dashoffset:1; opacity:.25; } to { stroke-dashoffset:0; opacity:1; } }\n@keyframes uh-spinner-turn { to { transform:rotate(360deg); } }\n@keyframes uh-menu-in { from { opacity:0; transform:translateY(-4px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } }\n@keyframes uh-tip-in { from { opacity:0; } to { opacity:1; } }\n@media (prefers-reduced-motion: reduce) {\n  .uh-cell, .uh-card, .uh-ios-metric, .uh-barfill, .uh-anim-panel, .uh-trend-panel, .uh-trend-line-draw, .uh-trend-area, .uh-trend-point, .uh-trend-spinner, .uh-donut-segment, .uh-records-panel, .uh-record-detail, .uh-tip, .uh-language-options { animation:none !important; stroke-dashoffset:0 !important; opacity:1 !important; }\n  .uh-card, .uh-cell, .uh-ios-metric-fill, .uh-barfill, .uh-fill, .uh-refresh, .uh-chip, .uh-row, .uh-tip-row, .uh-trend-tooltip, .uh-language-trigger, .uh-language-caret, .uh-language-option { transition:none !important; }\n}\n'}const Ie=(e,t,a)=>{const n=new URLSearchParams({start:e.start,end:e.end,utc:e.utc?"1":"0",limit:String(a||100)});return e.workspaceId&&n.set("workspaceId",e.workspaceId),e.provider&&n.set("provider",e.provider),e.modelKey&&n.set("modelKey",e.modelKey),t&&n.set("cursor",t),fetch("/api/all-usage/records?"+n.toString(),{headers:{accept:"application/json"}}).then(e=>{if(!e.ok){const t=new Error("HTTP "+e.status);throw t.status=e.status,t}return e.json()})},De=()=>fetch("/api/all-usage/pricing",{headers:{accept:"application/json"}}).then(e=>{if(!e.ok)throw new Error("HTTP "+e.status);return e.json()}),ve=(e,t,a)=>fetch("/api/all-usage/pricing",{method:"POST",headers:{"content-type":"application/json","x-all-usage-request-token":a},body:JSON.stringify({pricing:e,backfill:!0===t})}).then(e=>{if(!e.ok){const t=new Error("HTTP "+e.status);throw t.status=e.status,t}return e.json()}),Ee="dsh-all-usage.language";function Ae(){try{return"en"===window.localStorage.getItem(Ee)?"en":"zh"}catch(e){return"zh"}}const Se="dsh-all-usage.ui-state";function ze(){try{const e=window.localStorage.getItem(Se),t=e?JSON.parse(e):{};if(null===t||"object"!=typeof t||Array.isArray(t))return{};const a={};return["logs","model","workspace"].includes(t.detailView)&&(a.detailView=t.detailView),["route","model","provider"].includes(t.modelView)&&(a.modelView=t.modelView),["today","30d","90d","all"].includes(t.range)&&(a.range=t.range),"boolean"==typeof t.pricingAutoSync&&(a.pricingAutoSync=t.pricingAutoSync),a}catch(e){return{}}}function Te(e){try{const t=ze();window.localStorage.setItem(Se,JSON.stringify(Object.assign({},t,e)))}catch(e){}}function ke(e){const t=e.timerCtx,a="en"===e.language?"en":"zh",r=(e,t)=>"en"===a?t:e,p="en"===a,M=n.useRef(null);null===M.current&&(M.current=ze());const N=M.current,w=new Date,j=i(w,p),[L,I]=n.useState(null),[D,A]=n.useState(null),[T,k]=n.useState(""),[C,W]=n.useState(0),[H,J]=n.useState(null),[X,V]=n.useState(()=>N.range||"today"),[K,te]=n.useState({start:"",end:""}),[ae,ne]=n.useState({start:"",end:""}),[le,se]=n.useState(!1),[ue,ce]=n.useState(()=>N.modelView||"route"),[de,pe]=n.useState(null),[me,Me]=n.useState(null),[ye,fe]=n.useState(null),[Ee,Ae]=n.useState(null),[Se,ke]=n.useState(""),[Ce,Oe]=n.useState(!1),[Ye,Ue]=n.useState(""),[Qe,We]=n.useState(["total","input","cacheRead","output"]),[Re,Pe]=n.useState(()=>N.detailView||"logs"),[Ge,Ze]=n.useState(null),[Fe,Be]=n.useState(null),[He,Je]=n.useState([]),[Xe,Ve]=n.useState(null),[Ke,qe]=n.useState(!1),[$e,_e]=n.useState(0),[et,tt]=n.useState(!1),[at,nt]=n.useState(!1),[rt,it]=n.useState(""),[lt,st]=n.useState(!1),[ot,ut]=n.useState({}),[ct,dt]=n.useState(!1),[pt,mt]=n.useState(null),[gt,Mt]=n.useState(null),[ht,yt]=n.useState(!1),[xt,bt]=n.useState(!1),[Nt,wt]=n.useState(!1),[jt,Lt]=n.useState(!1),[ft,It]=n.useState(""),[Dt,vt]=n.useState({}),[Et,At]=n.useState(null),[St,zt]=n.useState({}),[Tt,kt]=n.useState(null),[Ct,Ot]=n.useState({}),[Yt,Ut]=n.useState(null),Qt=n.useRef({}),Wt=n.useRef(0),Rt=n.useRef({}),Pt=n.useRef(!1),Gt=n.useRef(()=>{}),Zt=()=>{Wt.current+=1;const e=Rt.current;for(const t of Object.keys(e))clearTimeout(e[t]);Rt.current={},Qt.current={},vt({})},[Ft,Bt]=n.useState(!1),Ht=n.useRef(null),Jt=n.useRef(null),Xt=n.useRef(null);null===Xt.current&&(Xt.current=c());const Vt=n.useRef(null);null===Vt.current&&(Vt.current=c());const Kt=n.useRef(null);null===Kt.current&&(Kt.current=c());const qt=n.useRef(null);null===qt.current&&(qt.current=c());const $t=n.useRef(null);null===$t.current&&($t.current=c());const _t=n.useRef(null);null===_t.current&&(_t.current=c());const ea=Xt.current,ta=Vt.current,aa=Kt.current,na=qt.current,ra=$t.current,ia=_t.current,la=n.useRef(()=>{}),sa=n.useCallback(()=>{if(!Pt.current||xt||Nt||jt)return;const e=ia.next();yt(!0),De().then(t=>{if(ia.isCurrent(e)){if(!t||"object"!=typeof t||!t.config)return It("load"),void yt(!1);Zt(),mt(t),Mt(e=>P(e,t)),It(""),yt(!1)}},()=>{ia.isCurrent(e)&&(It("load"),yt(!1))})},[xt,Nt,jt]);n.useEffect(()=>{Gt.current=sa});n.useEffect(()=>{Te({detailView:Re})},[Re]),n.useEffect(()=>{Te({modelView:ue})},[ue]),n.useEffect(()=>{"custom"!==X&&Te({range:X})},[X]);const oa=n.useMemo(()=>null===L?null:function(e,t,a,n,r,i,l){const s=$(e,t,a,n);return null===s?null:{start:s.start,end:s.end,utc:!0===a,workspaceId:r||null,provider:i||null,modelKey:l||null}}(L,X,p,K,de,me,ye),[L,X,p,K.start,K.end,de,me,ye]),ua=_(oa),ca=g(null!==D&&"object"==typeof D?D:L),da=null!==Ge&&Ge.baseKey===ua?Ge.scope:oa,pa=_(da),ma=n.useRef(ua);n.useEffect(()=>{ma.current!==ua&&(ma.current=ua,Ze(null),Be(null))},[ua]),n.useEffect(()=>{let e=!0,a=!1,n="",r=null,i=0,l=0,s=null;const o=()=>{null!==s&&(clearTimeout(s),s=null)},u=t=>{if(""===n)return;const a=aa.next();((e,t)=>fetch("/api/all-usage/balance"+(e?"?force=1":""),{headers:{accept:"application/json","x-all-usage-request-token":t}}).then(e=>{if(!e.ok)throw new Error("HTTP "+e.status);return e.json()}))(!0===t,n).then(t=>{e&&aa.isCurrent(a)&&t&&J(t)},()=>{})},c=t=>{if(!e||null!==s)return;const a="full"===t?i+=1:l+=1;s=setTimeout(()=>{s=null,e&&("full"===t?p():g())},function(e){const t=Math.max(1,Math.min(4,"number"==typeof e&&Number.isFinite(e)?e:1));return 5e3*Math.pow(2,t-1)}(a))},p=()=>{ta.next();const t=ea.next();fetch("/api/all-usage",{headers:{accept:"application/json"}}).then(e=>{if(!e.ok)throw new Error("HTTP "+e.status);return e.json()}).then(l=>{if(!e||!ea.isCurrent(t))return;if(null===l||"object"!=typeof l)return k("full"),void c("full");r=l,l.scan&&(a=!!l.scan.done);const s="string"==typeof l.requestToken?l.requestToken:"",d=""!==s&&s!==n;n=s,i=0,o(),k(""),W(Date.now()),A(l),I(l),d&&u(!1)},()=>{e&&ea.isCurrent(t)&&(k("full"),c("full"))})},g=()=>{if(null===r)return void p();const t=ta.next();fetch("/api/all-usage/status",{headers:{accept:"application/json"}}).then(e=>{if(!e.ok)throw new Error("HTTP "+e.status);return e.json()}).then(n=>{if(!e||!ta.isCurrent(t))return;if(null===n||"object"!=typeof n)return k("status"),void c("status");l=0;const i=function(e,t){if(null===e||"object"!=typeof e||null===t||"object"!=typeof t)return"full";if("string"!=typeof e.instanceId||"string"!=typeof t.instanceId||""===e.instanceId||e.instanceId!==t.instanceId)return"full";if(m(e)&&m(t)){if(e.metadataRevision!==t.metadataRevision)return"full";if(e.pricingRevision!==t.pricingRevision)return"full";if(e.dataRevision!==t.dataRevision)return"query";const a=e.scan,n=t.scan;return e.scanRevision!==t.scanRevision||a&&n&&!!a.done!=!!n.done?"status":"none"}const a=d(e),n=d(t);if(null===a||null===n||a!==n)return"full";const r=e.scan,i=t.scan;return r&&i&&!!r.done!=!!i.done?"full":"none"}(n,r);if(n.scan&&(a=!!n.scan.done),"full"===i)return"number"==typeof n.pricingRevision&&"number"==typeof r.pricingRevision&&n.pricingRevision!==r.pricingRevision&&Gt.current(),void p();r=Object.assign({},r,n),A(n),o(),k("")},()=>{e&&ta.isCurrent(t)&&(k("status"),c("status"))})};p();const M=t.interval(()=>{a||null!==s||g()},2e3),h=t.interval(()=>{a&&null===s&&g()},15e3),y=t.interval(()=>{u(!1)},6e4);return la.current=()=>{o(),i=0,l=0,p(),u(!0)},()=>{e=!1,o(),M(),h(),y();for(const e of Object.values(Rt.current))clearTimeout(e);Rt.current={}}},[]),n.useEffect(()=>{if(!Ft||"undefined"==typeof document)return;const e=e=>{Ht.current&&!Ht.current.contains(e.target)&&Bt(!1)};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[Ft]),n.useEffect(()=>{if(null===oa||""===ua)return;const e=na.next(),t=ca;Oe(!0),Ue(""),(e=>{const t=new URLSearchParams({start:e.start,end:e.end,utc:e.utc?"1":"0"});return e.workspaceId&&t.set("workspaceId",e.workspaceId),e.provider&&t.set("provider",e.provider),e.modelKey&&t.set("modelKey",e.modelKey),fetch("/api/all-usage/query?"+t.toString(),{headers:{accept:"application/json"}}).then(e=>{if(!e.ok)throw new Error("HTTP "+e.status);return e.json()})})(oa).then(a=>{if(na.isCurrent(e)){if(null===a||"object"!=typeof a||null===t||g(a)!==t)return Ue("stale"),void Oe(!1);Ae(a),ke(ua),Oe(!1),Ue("")}},()=>{na.isCurrent(e)&&(Oe(!1),Ue("query"))})},[ua,ca]);const ga=n.useCallback(e=>{null!==e&&""!==ua&&(Ze({baseKey:ua,scope:{...e}}),Pe("logs"),Be(null),it(""))},[ua]),Ma=n.useCallback(e=>{null!==oa&&"string"==typeof e&&ga({...oa,start:e,end:e})},[oa,ga]),ha="logs"===Re&&null!==da&&""!==pa;n.useEffect(()=>{if(!ha)return ra.next(),void tt(!1);const e=ra.next(),t=ca;return tt(!0),it(""),Ve(null),qe(!1),Ie(da,null,20).then(a=>{if(ra.isCurrent(e)){if(null===a||"object"!=typeof a||!Array.isArray(a.items))return it("audit"),void tt(!1);if(null===t||g(a)!==t)return it("stale"),void tt(!1);Je(a.items),Be(e=>a.items.some(t=>t&&t.id===e)?e:a.items[0]?a.items[0].id:null),Ve(a.nextCursor||null),qe(!0===a.hasMore),tt(!1),it("")}},t=>{if(ra.isCurrent(e)){if(t&&409===t.status)return tt(!1),it("stale"),void _e(e=>e+1);tt(!1),it("audit")}}),()=>{ra.next()}},[pa,Re,ca,$e]),n.useEffect(()=>{null!==Ge&&"logs"===Re&&null!==Jt.current&&Jt.current.scrollIntoView({behavior:"smooth",block:"start"})},[Ge&&_(Ge.scope),Re]);const ya=n.useCallback(()=>{la.current()},[]),xa=n.useCallback(e=>{pe(t=>t===e?null:e)},[]),ba=n.useCallback(()=>{pe(null),Me(null),fe(null)},[]),Na=n.useCallback(e=>{Me(e||null)},[]),wa=n.useCallback(e=>{fe(e||null)},[]),ja=p&&Array.isArray(L&&L.byDayUtc)?L.byDayUtc:Array.isArray(L&&L.byDay)?L.byDay:[],La=u(ja,j).min,fa=o(K,p),Ia=function(e,t,a,n){return null!==e&&"object"==typeof e&&s(e.start,n)&&s(e.end,n)?e.start>e.end?"order":e.start<t||e.end>a?"bounds":"":"invalid"}(ae,La,j,p),Da=null!==Ee&&Se===ua,va=Da&&null!==ca&&g(Ee)===ca,Ea=Da&&(va||""===Ye),Aa=Ea&&Array.isArray(Ee.daily)?Ee.daily:ja,Sa=Ea&&Array.isArray(Ee.heatmap)?Ee.heatmap:ja,za=null===fa?"":fa.start+":"+fa.end,Ta=n.useMemo(()=>function(e,t,a,n){const r={totals:{turns:0,calls:0,sessions:0,input:0,output:0,cacheRead:0,cacheWrite:0,reasoning:0,cost:{currency:"USD",input:"0",output:"0",cacheRead:"0",cacheWrite:"0",baseTotal:"0",total:"0",pricedCalls:0,unpricedCalls:0,ambiguousCalls:0,unsupportedCalls:0}},perWs:[],perModel:[]};if(null===e)return r;if("all"===t)return{totals:e.totals,perWs:e.perWorkspace,perModel:e.perModel||[]};const s=a&&Array.isArray(e.byDayUtc)?e.byDayUtc:Array.isArray(e.byDay)?e.byDay:[];let u,c=null;if("custom"===t){const e=o(n,a);if(null===e)return r;u=e.start,c=e.end}else u=i("today"===t?new Date:l(new Date,"30d"===t?-29:-89,a),a);const d={turns:0,calls:0,sessions:0,input:0,output:0,cacheRead:0,cacheWrite:0,reasoning:0,cost:{currency:"USD",input:"0",output:"0",cacheRead:"0",cacheWrite:"0",baseTotal:"0",total:"0",pricedCalls:0,unpricedCalls:0,ambiguousCalls:0,unsupportedCalls:0}},p=new Map,m=new Map,g=new Set;for(const e of s){if(e.date<u||null!==c&&e.date>c)continue;const t=Array.isArray(e.sessionIds)?e.sessionIds:[];for(const e of t)g.add(e);d.turns+=e.turns,d.input+=e.tokens.input,d.output+=e.tokens.output,d.cacheRead+=e.tokens.cacheRead,d.cacheWrite+=e.tokens.cacheWrite,d.reasoning+=e.tokens.reasoning,U(d.cost,e.cost);for(const t of e.byWorkspace){let e=p.get(t.workspaceId);void 0===e&&(e={workspaceId:t.workspaceId,turns:0,input:0,output:0,cacheRead:0,cacheWrite:0,reasoning:0,cost:O()},p.set(t.workspaceId,e)),e.input+=t.input,e.output+=t.output,e.cacheRead+=t.cacheRead,e.cacheWrite+=t.cacheWrite,e.reasoning+=t.reasoning,U(e.cost,t.cost)}for(const t of e.perWorkspace){let e=p.get(t.workspaceId);void 0===e&&(e={workspaceId:t.workspaceId,turns:0,input:0,output:0,cacheRead:0,cacheWrite:0,reasoning:0,cost:O()},p.set(t.workspaceId,e)),e.turns+=t.turns}for(const t of e.byModel||[]){const e=t.identityKey||t.model;let a=m.get(e);void 0===a&&(a={...t,calls:0,input:0,output:0,cacheRead:0,cacheWrite:0,reasoning:0,cost:O()},m.set(e,a)),a.calls+=t.calls,a.input+=t.input,a.output+=t.output,a.cacheRead+=t.cacheRead,a.cacheWrite+=t.cacheWrite,a.reasoning+=t.reasoning,d.calls+=Number.isFinite(t.calls)?t.calls:0,U(a.cost,t.cost)}}return d.sessions=g.size,{totals:d,perWs:Array.from(p.values()),perModel:Array.from(m.values())}}(L,X,p,fa),[L,X,p,za]),ka=n.useMemo(()=>Ea?{totals:Ee.totals,perWs:Ee.perWorkspace||[],perModel:Ee.perModel||[]}:Ta,[Ea,Ee,Ta]),Ca=ie(ka.totals.input+ka.totals.output+ka.totals.cacheRead+ka.totals.cacheWrite+ka.totals.reasoning,t),Oa=(ie(Math.round(10*x(ka.totals.input,ka.totals.cacheRead)),t),null!==me||null!==ye),Ya=Number.isFinite(ka.totals.calls)&&ka.totals.calls>0?ka.totals.calls:ka.totals.turns,Ua=ie(Oa?Ya:ka.totals.turns,t),Qa=ie(Ya,t),Wa=e=>e.input+e.output+e.cacheRead+e.cacheWrite+e.reasoning,Ra=n.useMemo(()=>(Array.isArray(ka.perWs)?ka.perWs:[]).slice().sort((e,t)=>Wa(t)-Wa(e)),[ka.perWs]),Pa=n.useMemo(()=>function(e,t,a,n){if("route"===t)return e.slice();const r=new Map,i=new Map;for(const l of e){const e=re(l,a,n),s="model"===t?e.model:e.provider;let o=r.get(s);void 0===o&&(o={model:s,provider:"provider"===t?s:e.provider,calls:0,input:0,output:0,cacheRead:0,cacheWrite:0,reasoning:0,cost:O()},r.set(s,o),i.set(s,[])),i.get(s).push(l),o.calls+=l.calls,o.input+=l.input,o.output+=l.output,o.cacheRead+=l.cacheRead,o.cacheWrite+=l.cacheWrite,o.reasoning+=l.reasoning,U(o.cost,l.cost)}for(const[e,a]of r){const n="provider"===t?f(e):E(i.get(e));a.iconKey=null===n?null:n.key}return Array.from(r.values())}(ka.perModel||[],ue,r("未知供应商","Unknown provider"),r("未知模型","Unknown model")).sort((e,t)=>Wa(t)-Wa(e)),[ka.perModel,ue,a]),Ga=L&&Array.isArray(L.workspaces)?L.workspaces:[],Za=L&&L.aliases&&"object"==typeof L.aliases?L.aliases:{},Fa=n.useMemo(()=>{const e=Array.isArray(Ta.perModel)?Ta.perModel.filter(e=>e&&"object"==typeof e):[],t=Array.from(new Set(e.map(e=>"string"==typeof e.provider&&""!==e.provider?e.provider:null).filter(e=>null!==e))).sort(),n=Array.from(new Set(e.map(e=>{const n="string"==typeof e.actualModel&&""!==e.actualModel?e.actualModel:"string"==typeof e.requestedModel&&""!==e.requestedModel?e.requestedModel:null;if(null!==n)return n;const r="string"==typeof e.model&&""!==e.model?e.model:"en"===a?"Unknown model":"未知模型",i=r.indexOf(" / "),l=i>0?r.slice(0,i):"";return i>0&&t.includes(l)?r.slice(i+3):r}))).sort((e,t)=>e.localeCompare(t)),r=new Map((Array.isArray(Ta.perWs)?Ta.perWs:[]).map(e=>[e.workspaceId,e])),i=Ga.filter(e=>{return void 0!==(t=r.get(e.id))&&(Number(t.turns)>0||Number(t.calls)>0||Number(t.input)>0||Number(t.output)>0||Number(t.cacheRead)>0||Number(t.cacheWrite)>0||Number(t.reasoning)>0);var t});return{providerOptions:t,modelOptions:n,rangeWorkspaceOptions:i,rangeWorkspaceIds:new Set(i.map(e=>e.id))}},[Ta.perModel,Ta.perWs,Ga,a]),{providerOptions:Ba,modelOptions:Ha,rangeWorkspaceOptions:Ja,rangeWorkspaceIds:Xa}=Fa,Va=n.useMemo(()=>{const e=new Map,t=new Map;return Ga.forEach((a,n)=>{e.set(a.id,a),t.set(a.id,n)}),{byId:e,indexes:t}},[Ga]),Ka=Va.byId,qa=Va.indexes,$a=n.useCallback(e=>{const t=Za[e];if("string"==typeof t&&""!==t)return t;const n=Ka.get(e);return n?n.title:"en"===a?"Unknown workspace":"未知工作区"},[Za,Ka,a]),_a=n.useMemo(()=>{const e=new Map;for(const t of ja)e.set(t.date,t);return e},[ja]),en=n.useMemo(()=>function(e,t){const a=new Date;let n=0;for(let r=0;r<371;r++){const s=l(a,-r,t),o=e.get(i(s,t));if(void 0!==o&&o.turns>0)n+=1;else if(r>0)break}let r=0,s=0;for(let n=0;n<371;n++){const o=l(a,-n,t),u=e.get(i(o,t));void 0!==u&&u.turns>0?(s+=1,s>r&&(r=s)):s=0}return{streak:n,best:r}}(_a,p),[_a,p,j]),tn=L&&L.pricing&&"object"==typeof L.pricing?L.pricing:{},an=pt&&"object"==typeof pt?pt:tn,nn=n.useMemo(()=>ct?function(e){const t=new Map,a=e&&Array.isArray(e.tierSchedules)?e.tierSchedules:[];for(const e of a)e&&"string"==typeof e.id&&Array.isArray(e.tiers)&&t.set(e.id,e.tiers);return e&&Array.isArray(e.usedModels)?e.usedModels.map(e=>{const a=e&&"string"==typeof e.tierScheduleId?t.get(e.tierScheduleId):null,n=Array.isArray(a)?a:e&&Array.isArray(e.tiers)?e.tiers:[];return Object.assign({},e,{tiers:n.map(e=>Object.assign({},e))})}):[]}(an):[],[ct,an]),rn=n.useMemo(()=>nn.slice().sort((e,t)=>{const a={unpriced:0,ambiguous:1,unsupported:2,priced:3};return(void 0===a[e.status]?9:a[e.status])-(void 0===a[t.status]?9:a[t.status])||String(e.model||"").localeCompare(String(t.model||""))}).map(e=>({value:String(e.identityKey||e.model||""),label:(e.model||("en"===a?"Unknown model":"未知模型"))+" · "+G(e.status,a),model:B(e.actualModel||e.requestedModel||e.pricingModel),officialModel:B(e.pricingModel)})).filter(e=>""!==e.value),[nn,a]),ln=n.useMemo(()=>{const e=null!==oa?{start:oa.start,end:oa.end}:$(L,X,p,fa),t=Ea&&null!==oa&&oa.start===oa.end&&Ee&&Array.isArray(Ee.hourly)?function(e,t){const a=[];for(const n of Array.isArray(e)?e:[]){if(null===n||"object"!=typeof n)continue;const e=Number.isFinite(n.time)?n.time:"string"==typeof n.date?Date.parse(n.date):NaN;if(!Number.isFinite(e))continue;const r=ee(n);a.push({date:i(new Date(e),t),time:e,turns:Number.isFinite(n.turns)?n.turns:0,calls:Number.isFinite(n.calls)?n.calls:0,sessions:Number.isFinite(n.sessions)?n.sessions:0,tokens:r,cost:Y(n),total:r.input+r.output+r.cacheRead+r.cacheWrite+r.reasoning})}return a.sort((e,t)=>e.time-t.time)}(Ee.hourly,p):[];return t.length>0?t:function(e,t,a){if(null===t||"object"!=typeof t)return[];const n=new Map((Array.isArray(e)?e:[]).filter(e=>e&&"string"==typeof e.date).map(e=>[e.date,e])),r=t.start.split("-").map(Number),l=t.end.split("-").map(Number),s=a?new Date(Date.UTC(r[0],r[1]-1,r[2])):new Date(r[0],r[1]-1,r[2]),o=a?new Date(Date.UTC(l[0],l[1]-1,l[2])):new Date(l[0],l[1]-1,l[2]),u=[];for(;s.getTime()<=o.getTime();){const e=i(s,a),t=n.get(e),r=ee(t);u.push({date:e,turns:t&&Number.isFinite(t.turns)?t.turns:0,calls:t&&Number.isFinite(t.calls)?t.calls:0,sessions:t&&Number.isFinite(t.sessions)?t.sessions:0,tokens:r,cost:Y(t),total:r.input+r.output+r.cacheRead+r.cacheWrite+r.reasoning}),a?s.setUTCDate(s.getUTCDate()+1):s.setDate(s.getDate()+1)}return u}(Ea&&Ee&&Array.isArray(Ee.daily)?Ee.daily:ja,e,p)},[oa,Ea,Ee,ja,L,X,p,za]),sn=Ea&&Ee?ua+":"+(g(Ee)||"query"):ua,on=n.useMemo(()=>({}),[ct,gt,ht,xt,Nt,jt,ft,an,tn,nn,rn,Tt,Yt,St,Ct,Et,Dt,L,a]),un=n.useMemo(()=>Pa.map((e,t)=>({label:e.model,value:Wa(e),cost:e.cost,color:oe[t%oe.length],iconKey:"route"===ue?(()=>{const t=v(e);return null===t?null:t.key})():void 0===e.iconKey?null:e.iconKey})),[Pa,ue]),cn=n.useMemo(()=>Ra.map((e,t)=>({label:$a(e.workspaceId),value:Wa(e),cost:e.cost,color:oe[t%oe.length]})),[Ra,$a]),dn=n.useCallback(e=>{We(t=>t.includes(e)?t.length<=1?t:t.filter(t=>t!==e):t.concat(e))},[]);if(n.useEffect(()=>{null===de||Xa.has(de)||pe(null),null===me||Ba.includes(me)||Me(null),null===ye||Ha.includes(ye)||fe(null)},[de,me,ye,Xa,Ba,Ha]),null===L){const e=""!==T;return n.createElement("div",{className:"uh-page"},n.createElement("div",{className:"uh-panel"},n.createElement("div",{className:"uh-empty"},e?r("无法加载用量统计。请重试。","Unable to load usage statistics. Please retry."):r("正在加载用量统计…","Loading usage statistics…")),e?n.createElement("div",{style:{textAlign:"center"}},n.createElement("button",{className:"uh-refresh",onClick:ya},n.createElement(b,{name:"refresh",size:14}),r("重试","Retry"))):null))}const pn=null!==D&&"object"==typeof D?D:L,mn=pn&&pn.scan?pn.scan:L.scan||{done:!0,started:!0,scanned:0,total:0,failed:0},gn=pn&&pn.sync?pn.sync:L.sync||{},Mn=Aa,hn=(e,t)=>{const a="string"==typeof L.requestToken?L.requestToken:"";var n,r,i;""!==a&&(n=e,r=String(void 0===t?"":t).trim(),i=a,fetch("/api/all-usage/alias",{method:"POST",headers:{"content-type":"application/json","x-all-usage-request-token":i},body:JSON.stringify({workspaceId:n,alias:r})}).then(e=>{if(!e.ok)throw new Error("HTTP "+e.status);return e.json()})).then(e=>{e&&e.ok&&e.aliases&&I(t=>null===t?t:Object.assign({},t,{aliases:e.aliases}))},()=>{})},yn=()=>{xt||Nt||jt||(Zt(),ia.next(),yt(!1),dt(!1),Pt.current=!1)},xn=()=>{const e=ia.next();mt(null),Mt(null),yt(!0),zt({}),Ot({}),kt(null),Ut(null),At(null),Zt(),It(""),dt(!0),Pt.current=!0,st(!1),De().then(t=>{if(!ia.isCurrent(e))return;if(!t||"object"!=typeof t||!t.config)return void It("load");const a=R(t);mt(t),Mt(a)},()=>{ia.isCurrent(e)&&It("load")}).finally(()=>{ia.isCurrent(e)&&yt(!1)})},bn=e=>{if(null===gt||xt||Nt||jt)return;const t=function(e){const t=e&&Array.isArray(e.mappings)?e.mappings:[];for(const e of t){if(!e||""===String(e.identityKey||e.usageIdentityKey||e.model||"").trim()||""===String(e.catalogModelId||"").trim())return"mapping";if(!["fresh","total","legacy"].includes(e.inputTokenSemantics||"fresh")||!Z(void 0===e.multiplier?"1":e.multiplier))return"mapping"}const a=e&&Array.isArray(e.overrides)?e.overrides:[];for(const e of a){if(!e||""===String(e.modelId||"").trim())return"override";if(!["input","output","cacheRead","cacheWrite"].every(t=>Z(e[t])))return"override";let t=0;const a=Array.isArray(e.tiers)?e.tiers:[];if(a.length>32)return"tier";for(const e of a){if(!F(e,t))return"tier";t=Number(e.size)}if(!0===e.tiered&&0===a.length)return"tier"}return""}(gt);if(""!==t)return void It(t);const a="string"==typeof L.requestToken?L.requestToken:"";if(""===a)return void It("token");const n=ia.next();bt(!0),It(""),ve(gt,e,a).then(e=>{ia.isCurrent(n)&&(e&&!0===e.ok&&e.pricing?(I(t=>null===t?t:Object.assign({},t,{pricing:e.pricing})),mt(e.pricing),Mt(R(e.pricing)),zt({}),Ot({}),kt(null),Ut(null),yn(),la.current()):It("save"))},e=>{ia.isCurrent(n)&&It(e&&403===e.status?"forbidden":"save")}).finally(()=>bt(!1))},Nn=()=>{if(xt||Nt||jt)return;const e="string"==typeof L.requestToken?L.requestToken:"";var t;""!==e?(wt(!0),It(""),(t=e,fetch("/api/all-usage/pricing/sync",{method:"POST",headers:{"content-type":"application/json","x-all-usage-request-token":t},body:"{}"}).then(e=>{if(!e.ok){const t=new Error("HTTP "+e.status);throw t.status=e.status,t}return e.json()})).then(e=>{e&&!0===e.ok&&e.pricing?(Zt(),I(t=>null===t?t:Object.assign({},t,{pricing:e.pricing})),mt(e.pricing),Mt(t=>P(t,e.pricing)),zt({}),Ot({}),kt(null),Ut(null),la.current()):It("sync")},e=>{It(e&&403===e.status?"forbidden":"sync")}).finally(()=>wt(!1))):It("token")},wn=(e,t,a)=>{Mt(n=>{if(null===n||!Array.isArray(n.mappings)||!n.mappings[e])return n;const r=n.mappings.slice();return r[e]=Object.assign({},r[e],{[t]:a}),Object.assign({},n,{mappings:r})})},jn=(e,t)=>{const a={};for(const n of Object.keys(e)){const r=Number(n);!Number.isInteger(r)||r<0||r===t||(a[String(r>t?r-1:r)]=e[n])}return a},Ln=()=>{Mt(e=>null===e?e:Object.assign({},e,{mappings:e.mappings.concat([{identityKey:"",model:"",catalogProviderId:"",catalogModelId:"",inputTokenSemantics:"fresh",multiplier:"1"}])}))},fn=(e,t,a)=>{Mt(n=>{if(null===n||!Array.isArray(n.overrides)||!n.overrides[e])return n;const r=n.overrides.slice();return r[e]=Object.assign({},r[e],{[t]:a}),Object.assign({},n,{overrides:r})})},In=(e,t,a,n)=>{Mt(r=>{if(null===r||!Array.isArray(r.overrides)||!r.overrides[e])return r;const i=r.overrides.slice(),l=Object.assign({},i[e]),s=Array.isArray(l.tiers)?l.tiers.map(e=>Object.assign({},e)):[];return s[t]?(s[t]=Object.assign({},s[t],{[a]:n}),i[e]=Object.assign({},l,{tiered:s.length>0,tiers:s}),Object.assign({},r,{overrides:i})):r}),It("")},Dn=()=>{Mt(e=>null===e?e:Object.assign({},e,{overrides:e.overrides.concat([{providerId:"",modelId:"",displayName:"",input:"",output:"",cacheRead:"",cacheWrite:"",tiered:!1,tiers:[]}])})),It("")},vn=ka.totals.input+ka.totals.output+ka.totals.cacheRead+ka.totals.cacheWrite+ka.totals.reasoning,En=x(ka.totals.input,ka.totals.cacheRead),An=(Y(ka.totals),Q(ka.totals,a)),Sn=function(e,t){const a=Y(e);if(a.pricedCalls>0&&0===a.unpricedCalls&&0===a.ambiguousCalls&&0===a.unsupportedCalls)return"en"===t?a.pricedCalls+" priced":a.pricedCalls+" 次已计价";const n=a.unpricedCalls+a.ambiguousCalls+a.unsupportedCalls;return n>0?"en"===t?n+" unpriced":n+" 次未计价":"en"===t?"No pricing":"暂无价格"}(ka.totals,a);let zn="—",Tn=r("查询中…","Checking…");if(null!=H)if("missing-key"===H.status)zn=r("未配置","Not configured"),Tn=r("在 设置 → 模型 中填写 DeepSeek API Key 后可见","Available after you enter a DeepSeek API key in Settings → Models");else if("unavailable"===H.status)zn=r("不可用","Unavailable"),Tn=H.message||r("DeepSeek 接口返回余额不可用","The DeepSeek API reported that balance information is unavailable");else if("error"===H.status){zn=r("查询失败","Lookup failed");const e=H.detail?"en"===a?" ("+String(H.detail).slice(0,90)+")":"（"+String(H.detail).slice(0,90)+"）":"";Tn=(H.message||"")+e+r(" 点“刷新”重试"," Click Refresh to try again")}else if("ok"===H.status&&Array.isArray(H.currencies)&&H.currencies.length>0){const e=H.currencies,t=e.find(e=>"CNY"===e.currency)||e[0],n=e.filter(e=>e!==t);zn=z(t.currency,t.total,a);let i=null!==t.total?r("赠送 ","Granted ")+z(t.currency,t.granted,a)+" · "+r("充值 ","Top-up ")+z(t.currency,t.toppedUp,a):"";n.length>0&&(i+=(i?" ｜ ":"")+n.map(e=>z(e.currency,e.total,a)).join(" ")),Tn=i}else zn=r("无数据","No data"),Tn="";const kn=(e,t,a,r,i,l)=>n.createElement("div",{className:"uh-card",style:{animationDelay:70*r+"ms"}},n.createElement("div",{className:"uh-card-label"},l?n.createElement(we,{iconKey:l,size:15,showTitle:!0}):i?n.createElement(b,{name:i,size:14}):null,e),n.createElement("div",{className:"uh-card-value"},t),n.createElement("div",{className:"uh-card-sub"},a)),Cn=n.createElement("div",{className:"uh-ios-metric uh-ios-metric-rate",style:{animationDelay:"280ms"}},n.createElement("div",{className:"uh-ios-metric-rate-head"},n.createElement("div",{className:"uh-ios-metric-label"},n.createElement(b,{name:"cache",size:18}),r("缓存命中率","Cache Hit Rate")),n.createElement("div",{className:"uh-ios-metric-rate-value"},En.toFixed(1)+"%")),n.createElement("div",{className:"uh-ios-metric-bar"},n.createElement("div",{className:"uh-ios-metric-fill",style:{width:Math.max(0,Math.min(100,En))+"%"}})),n.createElement("div",{className:"uh-ios-metric-rate-detail"},"en"===a?"Context reused "+h(ka.totals.cacheRead)+" tokens":"复用上下文 "+h(ka.totals.cacheRead)+" Token")),On=Ra.length>0?Wa(Ra[0]):0,Yn=Ra.slice(0,3).map(e=>{const t=Wa(e),r=qa.get(e.workspaceId),i=q(void 0===r?0:r),l=de===e.workspaceId;return n.createElement("div",{key:e.workspaceId,className:"uh-wsbar"+(l?" uh-sel":""),onClick:()=>xa(e.workspaceId)},n.createElement("div",{className:"uh-wsbar-top"},n.createElement("span",{className:"uh-dot",style:{background:i}}),n.createElement("span",{className:"uh-wsbar-title"},$a(e.workspaceId)),n.createElement("span",{className:"uh-wsbar-num"},S(h(t),t,a))),n.createElement("div",{className:"uh-barwrap uh-bar-thin"},n.createElement("div",{className:"uh-barfill",style:{width:On>0?Math.max(2,t/On*100)+"%":"0%",background:i}})))}),Un=n.createElement("div",{className:"uh-card",style:{animationDelay:"210ms"}},n.createElement("div",{className:"uh-card-label"},n.createElement(b,{name:"folder",size:14}),r("各工作区总处理量","Total Tokens Processed by Workspace")),0===Ra.length?n.createElement("div",{className:"uh-empty",style:{padding:"8px 0"}},r("暂无数据","No data yet")):n.createElement("div",{className:"uh-wsbars"},Yn,Ra.length>3?n.createElement("div",{className:"uh-card-sub"},"en"===a?"See the details table for the other "+(Ra.length-3)+" workspaces":"其余 "+(Ra.length-3)+" 个工作区见明细表"):null)),Qn=Ra.map(e=>{const t=Ka.get(e.workspaceId),i="string"==typeof Za[e.workspaceId]?Za[e.workspaceId]:"",l=t?t.title:r("未知工作区","Unknown workspace"),s=t?t.path:"",o=""!==i?i:l,u=""!==i?l+" · "+s:s,c=Wa(e),d=x(e.input,e.cacheRead),p=qa.get(e.workspaceId),m=q(void 0===p?0:p),g=de===e.workspaceId;return n.createElement("div",{key:e.workspaceId,className:"uh-row"+(g?" uh-sel":""),onClick:()=>xa(e.workspaceId)},n.createElement("div",{className:"uh-row-title-wrap"},n.createElement("div",{className:"uh-ws-title"},o),n.createElement("div",{className:"uh-ws-path"},u)),n.createElement("div",{className:"uh-num"},h(e.turns)),n.createElement("div",{className:"uh-num"},h(e.input)),n.createElement("div",{className:"uh-num"},h(e.cacheRead)),n.createElement("div",{className:"uh-num"},h(e.output)),n.createElement("div",{className:"uh-num"},h(e.reasoning)),n.createElement("div",{},n.createElement("div",{className:"uh-num"},h(c)),n.createElement("div",{className:"uh-barwrap"},n.createElement("div",{className:"uh-barfill",style:{width:On>0?Math.max(2,c/On*100)+"%":"0%",background:m}}))),n.createElement("div",{className:"uh-num uh-cost-num"},Q(e,a)),n.createElement("div",{className:"uh-num"},d.toFixed(1)+"%"),n.createElement("div",{className:"uh-num"},On>0?(c/On*100).toFixed(0)+"%":"0%"))}),Wn="route"===ue?r("混合查看","Combined View"):"model"===ue?r("按模型合并","Grouped by Model"):r("按供应商汇总","Grouped by Provider"),Rn="route"===ue?r("供应商 / 模型","Provider / Model"):"model"===ue?r("模型","Model"):r("供应商","Provider"),Pn="model"!==Re||0===Pa.length?null:n.createElement(ge,{key:"model-donut-"+Re+":"+ua+":"+(ca||"query")+":"+ue,title:"provider"===ue?r("供应商用量","Provider Usage"):r("模型用量","Model Usage"),icon:"chart",language:a,items:un}),Gn="workspace"!==Re||0===Ra.length?null:n.createElement(ge,{key:"workspace-donut-"+Re+":"+ua+":"+(ca||"query"),title:r("工作区用量","Workspace Usage"),icon:"folder",language:a,items:cn}),Zn="model"===Re?Pa.map(e=>{const t=Wa(e),r=x(e.input,e.cacheRead);return n.createElement("div",{key:e.identityKey||e.model,className:"uh-model-row uh-row"},n.createElement("div",{className:"uh-row-title-wrap"},n.createElement("div",{className:"uh-ws-title uh-model-label",title:e.model},n.createElement(we,{iconKey:e.iconKey,row:e,size:18,showTitle:!0}),n.createElement("span",{className:"uh-model-text"},e.model))),n.createElement("div",{className:"uh-num"},h(e.calls)),n.createElement("div",{className:"uh-num"},h(e.input)),n.createElement("div",{className:"uh-num"},h(e.cacheRead)),n.createElement("div",{className:"uh-num"},h(e.output)),n.createElement("div",{className:"uh-num"},h(e.reasoning)),n.createElement("div",{className:"uh-num"},h(t)),n.createElement("div",{className:"uh-num uh-cost-num"},Q(e,a)),n.createElement("div",{className:"uh-num"},r.toFixed(1)+"%"))}):[],Fn=lt?n.createElement("div",{className:"uh-panel uh-anim-panel"},n.createElement("div",{className:"uh-alias-panel-head"},n.createElement("span",{},r("工作区别名","Workspace Aliases")),n.createElement("button",{className:"uh-alias-close",onClick:()=>st(!1)},r("关闭","Close"))),0===Ga.length?n.createElement("div",{className:"uh-empty",style:{padding:"10px 0"}},r("暂无工作区","No workspaces yet")):n.createElement("div",{className:"uh-alias-list"},Ga.map((e,t)=>n.createElement("div",{key:e.id,className:"uh-alias-item"},n.createElement("span",{className:"uh-dot",style:{background:q(t)}}),n.createElement("span",{className:"uh-alias-folder",title:e.path},e.title||e.path),n.createElement("input",{className:"uh-alias-input",value:void 0!==ot[e.id]?ot[e.id]:"",placeholder:r("项目别名","Project alias"),onChange:t=>ut(a=>Object.assign({},a,{[e.id]:t.target.value})),onKeyDown:t=>{"Enter"===t.key&&hn(e.id,t.target.value)}})))),n.createElement("div",{className:"uh-alias-panel-foot"},n.createElement("span",{className:"uh-note"},r("回车保存单个；清空别名还原文件夹名","Press Enter to save one; clear an alias to restore the folder name")),n.createElement("button",{className:"uh-alias-ok",onClick:()=>{for(const e of Object.keys(ot)){const t="string"==typeof Za[e]?Za[e]:"";ot[e]!==t&&hn(e,ot[e])}st(!1)}},r("全部保存","Save All")))):null,Bn=an.sync&&"object"==typeof an.sync?an.sync:{},Hn=ct?n.createElement(Ne,{revision:on,render:()=>null!==gt?n.createElement("div",{className:"uh-panel uh-pricing-panel uh-anim-panel"},n.createElement("div",{className:"uh-pricing-head"},n.createElement("div",{className:"uh-title-with-icon"},n.createElement(b,{name:"wallet",size:16}),n.createElement("strong",{},r("成本统计设置","Cost Statistics"))),n.createElement("button",{type:"button",className:"uh-refresh uh-icon-button",title:r("关闭成本设置","Close cost settings"),"aria-label":r("关闭成本设置","Close cost settings"),disabled:xt||Nt||jt,onClick:yn},n.createElement(b,{name:"close",size:16}))),n.createElement("div",{className:"uh-pricing-note"},r("价格单位为 USD / 1M Token。输入上下文严格超过档位阈值时，整次请求的输入、输出和缓存均使用该档费率；可展开查看 models.dev 档位，也可在价格覆盖中自定义。","Prices are USD per 1M tokens. When input context strictly exceeds a band threshold, that band’s input, output, and cache rates apply to the whole request. Expand models.dev schedules or define custom override bands below.")),n.createElement("div",{className:"uh-pricing-toolbar"},n.createElement("label",{className:"uh-pricing-switch"},n.createElement("input",{type:"checkbox",checked:!0===gt.sync.autoEnabled,disabled:xt||Nt||jt,onChange:e=>(e=>{if(null===gt||jt||xt||Nt)return;const t=!0===e,a=gt.sync&&!0===gt.sync.autoEnabled;Mt(e=>null===e?e:Object.assign({},e,{sync:Object.assign({},e.sync,{autoEnabled:t})})),Te({pricingAutoSync:t});const n="string"==typeof L.requestToken?L.requestToken:"";if(""===n)return Mt(e=>null===e?e:Object.assign({},e,{sync:Object.assign({},e.sync,{autoEnabled:a})})),Te({pricingAutoSync:a}),void It("token");const r=e=>{Mt(e=>null===e?e:Object.assign({},e,{sync:Object.assign({},e.sync,{autoEnabled:a})})),Te({pricingAutoSync:a}),It(e)};Lt(!0),It(""),ve({sync:{autoEnabled:t}},!1,n).then(e=>{if(!e||!0!==e.ok||!e.pricing)return void r("save");const t=e.pricing.sync&&!0===e.pricing.sync.autoEnabled;I(t=>null===t?t:Object.assign({},t,{pricing:e.pricing})),mt(e.pricing),Mt(a=>null===a?a:Object.assign({},a,{sync:Object.assign({},a.sync,{autoEnabled:t,intervalMs:e.pricing.sync&&e.pricing.sync.intervalMs})})),Te({pricingAutoSync:t})},e=>r(e&&403===e.status?"forbidden":"save")).finally(()=>Lt(!1))})(e.target.checked)}),n.createElement("span",{},r("启用 6 小时自动同步","Enable 6-hour automatic sync"))),n.createElement("span",{className:"uh-note"},jt?r("保存中…","Saving…"):Bn.lastSuccessAt>0?r("上次成功：","Last success: ")+new Date(Bn.lastSuccessAt).toLocaleString():r("尚未同步","Not synced yet")),n.createElement("button",{type:"button",className:"uh-refresh",onClick:Nn,disabled:Nt||xt||jt},n.createElement(b,{name:"refresh",size:14}),Nt?r("同步中…","Syncing…"):r("立即同步","Sync now"))),Bn.lastError?n.createElement("div",{className:"uh-pricing-error",role:"alert"},r("上次同步失败：","Last sync failed: ")+Bn.lastError):null,n.createElement("div",{className:"uh-pricing-section"},n.createElement("div",{className:"uh-pricing-section-head"},n.createElement("strong",{},r("当前用量匹配","Usage matches")),n.createElement("span",{className:"uh-note"},nn.length+" "+r("个模型","models"))),0===nn.length?n.createElement("div",{className:"uh-empty",style:{padding:"12px 0"}},r("暂无模型用量","No model usage yet")):n.createElement("div",{className:"uh-pricing-table-wrap"},n.createElement("table",{className:"uh-pricing-model-table"},n.createElement("thead",{},n.createElement("tr",{},n.createElement("th",{scope:"col"},r("当前模型","Usage model")),n.createElement("th",{scope:"col"},r("状态","Status")),n.createElement("th",{scope:"col"},r("官方模型","Official model")),n.createElement("th",{scope:"col"},r("费率档位","Rate bands")),n.createElement("th",{scope:"col",title:r("基础输入价格（USD / 1M）","Base input price (USD / 1M)")},r("输入","Input")),n.createElement("th",{scope:"col",title:r("基础输出价格（USD / 1M）","Base output price (USD / 1M)")},r("输出","Output")),n.createElement("th",{scope:"col",title:r("基础缓存读取价格（USD / 1M）","Base cache read price (USD / 1M)")},r("缓存读","Cache read")),n.createElement("th",{scope:"col",title:r("基础缓存写入价格（USD / 1M）","Base cache write price (USD / 1M)")},r("缓存写","Cache write")))),n.createElement("tbody",{},nn.map(e=>{const t=Array.isArray(e.tiers)?e.tiers:[],i=!0===e.tiered&&!0!==e.tieredInvalid&&t.length>0&&e.rates,l=!0===e.tieredInvalid?r("档位异常","Invalid tiers"):!0===e.tiered?r("分层 · ","Tiered · ")+t.length:r("固定","Flat"),s="official"===e.temporalRoute||"mapped"===e.temporalRoute?("en"===a?"峰谷 · ":"Peak/off-peak · ")+"UTC":"other"===e.temporalRoute?"en"===a?"静态价 · 非官方直连":"static · reseller":"",o=i?[Object.assign({type:"context",size:0},e.rates)].concat(t):[];return n.createElement(n.Fragment,{key:e.identityKey},n.createElement("tr",{},n.createElement("td",{className:"uh-pricing-model-name",title:e.model},n.createElement("span",{className:"uh-model-label"},n.createElement(we,{row:e,size:16}),n.createElement("span",{className:"uh-model-text"},e.model||r("未知模型","Unknown model")))),n.createElement("td",{title:e.reason||""},n.createElement("span",{className:"uh-pricing-status uh-pricing-status-"+(e.status||"unpriced")},G(e.status||"unpriced",a))),n.createElement("td",{className:"uh-pricing-model-target",title:e.pricingModel||""},e.pricingModel||r("未匹配","No match")),n.createElement("td",{},n.createElement("span",{className:"uh-pricing-tier-badge"+(!0===e.tiered?"":" uh-flat"),title:e.temporalPolicyId||""},l+(""!==s?" · "+s:""))),n.createElement("td",{className:"uh-pricing-model-rate"},"priced"===e.status&&e.rates?e.rates.input:"—"),n.createElement("td",{className:"uh-pricing-model-rate"},"priced"===e.status&&e.rates?e.rates.output:"—"),n.createElement("td",{className:"uh-pricing-model-rate"},"priced"===e.status&&e.rates?e.rates.cacheRead:"—"),n.createElement("td",{className:"uh-pricing-model-rate"},"priced"===e.status&&e.rates?e.rates.cacheWrite:"—")),i?n.createElement("tr",{className:"uh-pricing-tier-row"},n.createElement("td",{colSpan:8},n.createElement("details",{className:"uh-pricing-tier-details"},n.createElement("summary",{},n.createElement(b,{name:"chevron",size:13,className:"uh-pricing-tier-caret"}),r("查看完整费率表","View full rate table"),n.createElement("span",{className:"uh-pricing-tier-context"},function(e,t){const a={fresh:["Fresh：输入 + 缓存读写","Fresh: input + cache read/write"],total:["Total：输入已含缓存","Total: input already includes cache"],legacy:["Legacy：输入 + 缓存写","Legacy: input + cache write"]},n=a[e]||a.fresh;return"en"===t?n[1]:n[0]}(e.inputTokenSemantics,a)+(e.multiplier&&"1"!==e.multiplier?" · ×"+e.multiplier:""))),n.createElement("table",{className:"uh-pricing-tier-table"},n.createElement("thead",{},n.createElement("tr",{},n.createElement("th",{scope:"col"},r("输入上下文范围","Input context range")),n.createElement("th",{scope:"col"},r("输入","Input")),n.createElement("th",{scope:"col"},r("输出","Output")),n.createElement("th",{scope:"col"},r("缓存读","Cache read")),n.createElement("th",{scope:"col"},r("缓存写","Cache write")))),n.createElement("tbody",{},o.map((e,r)=>n.createElement("tr",{key:r},n.createElement("td",{},function(e,t,a){const n=Array.isArray(e)?e:[];if(t<0)return n.length>0?"≤ "+y(n[0].size,a):"en"===a?"All contexts":"全部上下文";const r=n[t];if(!r)return"";const i="> "+y(r.size,a),l=n[t+1];return l?i+("en"===a?" and ≤ ":" 且 ≤ ")+y(l.size,a):i}(t,r-1,a)),n.createElement("td",{},e.input),n.createElement("td",{},e.output),n.createElement("td",{},e.cacheRead),n.createElement("td",{},e.cacheWrite)))))))):null)}))))),n.createElement("div",{className:"uh-pricing-section"},n.createElement("div",{className:"uh-pricing-section-head"},n.createElement("strong",{},r("模型映射","Model mappings")),n.createElement("button",{type:"button",className:"uh-refresh",onClick:Ln},n.createElement(b,{name:"plus",size:13}),r("添加映射","Add mapping"))),0===gt.mappings.length?n.createElement("div",{className:"uh-empty",style:{padding:"12px 0"}},r("选择当前模型后，再指定对应的官方模型。DSH Provider 不参与计价。","Select a used model, then choose its official model. The DSH provider is ignored.")):gt.mappings.map((e,t)=>{const a=String(St[t]||"").trim().toLowerCase(),i=B(e.model),l=B(e.catalogModelId),s=rn.find(t=>t.value===String(e.identityKey||e.usageIdentityKey||""))||rn.find(e=>""!==i&&e.model===i)||rn.find(e=>""!==l&&e.officialModel===l),o=rn.filter(e=>""===a||e.label.toLowerCase().includes(a));return n.createElement("div",{key:t,className:"uh-pricing-edit-row"},n.createElement("div",{className:"uh-pricing-used-model-picker"},n.createElement("input",{type:"text",className:"uh-pricing-used-model-input",placeholder:r("选择当前用过的模型","Select a used model"),value:void 0!==St[t]?St[t]:s?s.label:"","aria-label":r("当前用过的模型","Used model"),"aria-haspopup":"listbox","aria-expanded":Tt===t,onFocus:()=>{kt(t),zt(e=>Object.assign({},e,{[t]:""}))},onClick:()=>kt(t),onBlur:()=>setTimeout(()=>{kt(e=>e===t?null:e),s&&zt(e=>Object.assign({},e,{[t]:s.label}))},120),onKeyDown:e=>{"Escape"===e.key&&kt(null)},onChange:e=>((e,t)=>{zt(a=>Object.assign({},a,{[e]:t})),kt(e),Mt(t=>{if(null===t||!Array.isArray(t.mappings)||!t.mappings[e])return t;const a=t.mappings.slice();return a[e]=Object.assign({},a[e],{identityKey:"",model:"",catalogModelId:"",catalogProviderId:""}),Object.assign({},t,{mappings:a})})})(t,e.target.value)}),Tt===t&&o.length>0?n.createElement("div",{className:"uh-language-options uh-pricing-used-model-options",role:"listbox","aria-label":r("当前用过的模型","Used models")},o.map(e=>n.createElement("button",{key:e.value,type:"button",role:"option",className:"uh-language-option uh-pricing-model-option",onMouseDown:e=>e.preventDefault(),onClick:()=>((e,t)=>{const a=nn.find(e=>String(e.identityKey||e.model||"")===String(t));if(!a)return;const n=a.actualModel||a.requestedModel||a.pricingModel||"",r="priced"===a.status&&a.pricingModel||"";Mt(i=>{if(null===i||!Array.isArray(i.mappings)||!i.mappings[e])return i;const l=i.mappings.slice();return l[e]=Object.assign({},l[e],{identityKey:t,model:n,catalogModelId:r,catalogProviderId:a.providerId||""}),Object.assign({},i,{mappings:l})}),zt(t=>Object.assign({},t,{[e]:a.model||n})),kt(null),At(null)})(t,e.value)},n.createElement(b,{name:"list",size:14}),n.createElement("span",{className:"uh-pricing-model-option-name"},e.label)))):null),n.createElement("div",{className:"uh-pricing-model-search"},n.createElement("input",{type:"text",className:"uh-pricing-model-search-input",placeholder:r("输入官方模型 ID 检索","Type official model ID to search"),value:e.catalogModelId||"","aria-label":r("官方模型 ID","Official model ID"),"aria-autocomplete":"list",onFocus:()=>At(t),onBlur:()=>setTimeout(()=>At(e=>e===t?null:e),120),onKeyDown:e=>{"Escape"===e.key&&At(null)},onChange:e=>((e,t)=>{const a=Wt.current;wn(e,"catalogModelId",t),At(e);const n=Rt.current[e];void 0!==n&&(clearTimeout(n),delete Rt.current[e]);const r=(Qt.current[e]||0)+1;if(Qt.current[e]=r,""===String(t||"").trim())return void vt(t=>Object.assign({},t,{[e]:[]}));const i=setTimeout(()=>{delete Rt.current[e],(e=>{const t=new URLSearchParams({q:String(e||"").slice(0,120),limit:"30"});return fetch("/api/all-usage/pricing/models?"+t.toString(),{headers:{accept:"application/json"}}).then(e=>{if(!e.ok)throw new Error("HTTP "+e.status);return e.json()})})(t).then(t=>{Wt.current===a&&Qt.current[e]===r&&vt(a=>Object.assign({},a,{[e]:Array.isArray(t&&t.items)?t.items:[]}))},()=>{Wt.current===a&&Qt.current[e]===r&&vt(t=>Object.assign({},t,{[e]:[]}))})},180);Rt.current[e]=i})(t,e.target.value)}),Et===t&&Array.isArray(Dt[t])&&Dt[t].length>0?n.createElement("div",{className:"uh-language-options uh-pricing-model-options",role:"listbox","aria-label":r("官方模型匹配结果","Official model matches")},Dt[t].map(e=>n.createElement("button",{key:e.value,type:"button",role:"option",className:"uh-language-option uh-pricing-model-option",onMouseDown:e=>e.preventDefault(),onClick:()=>((e,t)=>{if(!t||"string"!=typeof t.value)return;const a=Rt.current[e];void 0!==a&&(clearTimeout(a),delete Rt.current[e]),Qt.current[e]=(Qt.current[e]||0)+1,Mt(a=>{if(null===a||!Array.isArray(a.mappings)||!a.mappings[e])return a;const n=a.mappings.slice();return n[e]=Object.assign({},n[e],{catalogModelId:t.value,catalogProviderId:t.providerId||""}),Object.assign({},a,{mappings:n})}),At(null)})(t,e)},n.createElement(b,{name:"list",size:14}),n.createElement("span",{className:"uh-pricing-model-option-name"},e.label||e.value),n.createElement("span",{className:"uh-pricing-model-option-id"},e.value+(!0===e.tiered?" · "+r("分层 ","tiered ")+e.tierCount:""))))):null),n.createElement("input",{type:"number",min:"0",step:"any",placeholder:r("倍率","Multiplier"),title:r("成本倍率","Cost multiplier"),"aria-label":r("成本倍率","Cost multiplier"),value:e.multiplier||"1",onChange:e=>wn(t,"multiplier",e.target.value)}),n.createElement("button",{type:"button",className:"uh-refresh uh-icon-button",title:r("删除映射","Remove mapping"),"aria-label":r("删除映射","Remove mapping"),onClick:()=>(e=>{Wt.current+=1;const t=Rt.current;for(const e of Object.keys(t))clearTimeout(t[e]);Rt.current=jn(t,e),Qt.current=jn(Qt.current,e),vt(t=>jn(t,e)),zt(t=>jn(t,e)),Ot(t=>jn(t,e));const a=t=>null==t?t:t===e?null:Number.isInteger(t)&&t>e?t-1:t;At(e=>a(e)),kt(e=>a(e)),Ut(e=>a(e)),Mt(t=>null===t?t:Object.assign({},t,{mappings:t.mappings.filter((t,a)=>a!==e)}))})(t)},n.createElement(b,{name:"close",size:14})))})),n.createElement("div",{className:"uh-pricing-section"},n.createElement("div",{className:"uh-pricing-section-head"},n.createElement("strong",{},r("显式价格覆盖","Explicit price overrides")),n.createElement("button",{type:"button",className:"uh-refresh",onClick:Dn},n.createElement(b,{name:"plus",size:13}),r("添加价格","Add price"))),0===gt.overrides.length?n.createElement("div",{className:"uh-empty",style:{padding:"12px 0"}},r("仅在官方目录未覆盖或有明确官方账单时添加；可配置基础价格和上下文费率档位。","Add an override only when the official catalog lacks the model or you have an authoritative official price. Base rates and context tiers are supported.")):n.createElement(n.Fragment,null,n.createElement("div",{className:"uh-pricing-price-head"},n.createElement("span",{},r("官方模型 ID","Official model ID")),n.createElement("span",{},r("基础输入 / 1M","Base input / 1M")),n.createElement("span",{},r("基础输出 / 1M","Base output / 1M")),n.createElement("span",{},r("基础缓存读 / 1M","Base cache read / 1M")),n.createElement("span",{},r("基础缓存写 / 1M","Base cache write / 1M")),n.createElement("span",{},"")),n.createElement("div",{className:"uh-pricing-overrides"},gt.overrides.map((e,t)=>{const a=String(Ct[t]||"").trim().toLowerCase(),i=rn.filter(e=>""===a||e.label.toLowerCase().includes(a)),l=Array.isArray(e.tiers)?e.tiers:[];let s=0;const o=l.map((e,a)=>{const i=F(e,s),l=Number(e&&e.size);return Number.isSafeInteger(l)&&(s=l),n.createElement("div",{key:a,className:"uh-pricing-tier-edit-row"+(i?"":" uh-invalid")},n.createElement("input",{type:"number",min:"1",max:"1000000000",step:"1",placeholder:r("阈值 Token","Token threshold"),title:r("上下文超过此 Token 数时启用本档","Use this band when context exceeds this token count"),"aria-label":r("上下文阈值 Token","Context threshold tokens"),value:void 0===e.size?"":e.size,onChange:e=>In(t,a,"size",e.target.value)}),n.createElement("input",{type:"number",min:"0",step:"any",placeholder:r("输入价 / 1M","Input / 1M"),"aria-label":r("档位输入价格 / 1M","Tier input price / 1M"),value:void 0===e.input?"":e.input,onChange:e=>In(t,a,"input",e.target.value)}),n.createElement("input",{type:"number",min:"0",step:"any",placeholder:r("输出价 / 1M","Output / 1M"),"aria-label":r("档位输出价格 / 1M","Tier output price / 1M"),value:void 0===e.output?"":e.output,onChange:e=>In(t,a,"output",e.target.value)}),n.createElement("input",{type:"number",min:"0",step:"any",placeholder:r("缓存读 / 1M","Cache read / 1M"),"aria-label":r("档位缓存读取价格 / 1M","Tier cache read price / 1M"),value:void 0===e.cacheRead?"":e.cacheRead,onChange:e=>In(t,a,"cacheRead",e.target.value)}),n.createElement("input",{type:"number",min:"0",step:"any",placeholder:r("缓存写 / 1M","Cache write / 1M"),"aria-label":r("档位缓存写入价格 / 1M","Tier cache write price / 1M"),value:void 0===e.cacheWrite?"":e.cacheWrite,onChange:e=>In(t,a,"cacheWrite",e.target.value)}),n.createElement("button",{type:"button",className:"uh-refresh uh-icon-button",title:r("删除费率档位","Remove rate band"),"aria-label":r("删除费率档位","Remove rate band"),onClick:()=>((e,t)=>{Mt(a=>{if(null===a||!Array.isArray(a.overrides)||!a.overrides[e])return a;const n=a.overrides.slice(),r=Object.assign({},n[e]),i=(Array.isArray(r.tiers)?r.tiers:[]).filter((e,a)=>a!==t).map(e=>Object.assign({},e));return n[e]=Object.assign({},r,{tiered:i.length>0,tiers:i}),Object.assign({},a,{overrides:n})}),It("")})(t,a)},n.createElement(b,{name:"close",size:14})))});return n.createElement("div",{key:t,className:"uh-pricing-override"},n.createElement("div",{className:"uh-pricing-edit-row uh-pricing-price-row"},n.createElement("div",{className:"uh-pricing-used-model-picker"},n.createElement("input",{type:"text",className:"uh-pricing-used-model-input",placeholder:r("选择当前用过的模型","Select a used model"),value:void 0!==Ct[t]?Ct[t]:e.modelId||"","aria-label":r("覆盖模型 ID","Override model ID"),"aria-haspopup":"listbox","aria-expanded":Yt===t,onFocus:()=>{Ut(t),Ot(e=>Object.assign({},e,{[t]:""}))},onClick:()=>Ut(t),onBlur:()=>setTimeout(()=>{Ut(e=>e===t?null:e),e.modelId&&Ot(a=>Object.assign({},a,{[t]:e.modelId}))},120),onKeyDown:e=>{"Escape"===e.key&&Ut(null)},onChange:e=>((e,t)=>{Ot(a=>Object.assign({},a,{[e]:t})),Ut(e),fn(e,"modelId",t)})(t,e.target.value)}),Yt===t&&i.length>0?n.createElement("div",{className:"uh-language-options uh-pricing-used-model-options",role:"listbox","aria-label":r("当前用过的模型","Used models")},i.map(e=>n.createElement("button",{key:e.value,type:"button",role:"option",className:"uh-language-option uh-pricing-model-option",onMouseDown:e=>e.preventDefault(),onClick:()=>((e,t)=>{const a=nn.find(e=>String(e.identityKey||e.model||"")===String(t));if(!a)return;const n=a.pricingModel||a.actualModel||a.requestedModel||"";Mt(t=>{if(null===t||!Array.isArray(t.overrides)||!t.overrides[e])return t;const r=t.overrides.slice(),i={modelId:n};return"priced"===a.status&&a.rates&&(Object.assign(i,a.rates),i.tiers=Array.isArray(a.tiers)?a.tiers.map(e=>Object.assign({},e)):[],i.tiered=i.tiers.length>0),r[e]=Object.assign({},r[e],i),Object.assign({},t,{overrides:r})}),Ot(t=>Object.assign({},t,{[e]:n})),Ut(null)})(t,e.value)},n.createElement(b,{name:"list",size:14}),n.createElement("span",{className:"uh-pricing-model-option-name"},e.label)))):null),n.createElement("input",{type:"number",min:"0",step:"any",placeholder:r("输入价 / 1M","Input / 1M"),title:r("基础输入价格，美元 / 100 万 Token","Base input price, USD / 1M tokens"),"aria-label":r("基础输入价格 / 1M","Base input price / 1M"),value:void 0===e.input?"":e.input,onChange:e=>fn(t,"input",e.target.value)}),n.createElement("input",{type:"number",min:"0",step:"any",placeholder:r("输出价 / 1M","Output / 1M"),title:r("基础输出价格，美元 / 100 万 Token","Base output price, USD / 1M tokens"),"aria-label":r("基础输出价格 / 1M","Base output price / 1M"),value:void 0===e.output?"":e.output,onChange:e=>fn(t,"output",e.target.value)}),n.createElement("input",{type:"number",min:"0",step:"any",placeholder:r("缓存读 / 1M","Cache read / 1M"),title:r("基础缓存读取价格，美元 / 100 万 Token","Base cache read price, USD / 1M tokens"),"aria-label":r("基础缓存读取价格 / 1M","Base cache read price / 1M"),value:void 0===e.cacheRead?"":e.cacheRead,onChange:e=>fn(t,"cacheRead",e.target.value)}),n.createElement("input",{type:"number",min:"0",step:"any",placeholder:r("缓存写 / 1M","Cache write / 1M"),title:r("基础缓存写入价格，美元 / 100 万 Token","Base cache write price, USD / 1M tokens"),"aria-label":r("基础缓存写入价格 / 1M","Base cache write price / 1M"),value:void 0===e.cacheWrite?"":e.cacheWrite,onChange:e=>fn(t,"cacheWrite",e.target.value)}),n.createElement("button",{type:"button",className:"uh-refresh uh-icon-button",title:r("删除价格覆盖","Remove price override"),"aria-label":r("删除价格覆盖","Remove price override"),onClick:()=>(e=>{Mt(t=>null===t?t:Object.assign({},t,{overrides:t.overrides.filter((t,a)=>a!==e)}))})(t)},n.createElement(b,{name:"close",size:14}))),n.createElement("div",{className:"uh-pricing-tier-editor"},n.createElement("div",{className:"uh-pricing-tier-editor-head"},n.createElement("div",{className:"uh-pricing-tier-editor-title"},n.createElement("strong",{},r("上下文费率档位","Context rate bands")),n.createElement("span",{},r("超过阈值后，整次请求使用该档四项费率","Above a threshold, all four rates apply to the whole request"))),n.createElement("button",{type:"button",className:"uh-refresh",disabled:l.length>=32,title:l.length>=32?r("每个模型最多 32 个档位","Maximum 32 bands per model"):r("添加上下文费率档位","Add context rate band"),onClick:()=>(e=>{Mt(t=>{if(null===t||!Array.isArray(t.overrides)||!t.overrides[e])return t;const a=t.overrides.slice(),n=Object.assign({},a[e]),r=Array.isArray(n.tiers)?n.tiers.map(e=>Object.assign({},e)):[];if(r.length>=32)return t;const i=r.length>0?r[r.length-1]:null,l=i&&Number.isFinite(Number(i.size))?Number(i.size):1e5,s=i||n;return r.push({type:"context",size:Math.min(1e9,l+1e5),input:void 0===s.input?"":s.input,output:void 0===s.output?"":s.output,cacheRead:void 0===s.cacheRead?"":s.cacheRead,cacheWrite:void 0===s.cacheWrite?"":s.cacheWrite}),a[e]=Object.assign({},n,{tiered:!0,tiers:r}),Object.assign({},t,{overrides:a})}),It("")})(t)},n.createElement(b,{name:"plus",size:13}),r("添加档位","Add band"))),0===l.length?n.createElement("div",{className:"uh-pricing-tier-empty"},r("未配置档位，所有上下文使用基础费率。","No bands configured; base rates apply to every context.")):n.createElement(n.Fragment,null,n.createElement("div",{className:"uh-pricing-tier-edit-head"},n.createElement("span",{},r("超过 Token","Above tokens")),n.createElement("span",{},r("输入 / 1M","Input / 1M")),n.createElement("span",{},r("输出 / 1M","Output / 1M")),n.createElement("span",{},r("缓存读 / 1M","Cache read / 1M")),n.createElement("span",{},r("缓存写 / 1M","Cache write / 1M")),n.createElement("span",{},"")),o)))})))),""!==ft?n.createElement("div",{className:"uh-pricing-error",role:"alert"},"forbidden"===ft?r("没有权限保存成本设置","Not allowed to save cost settings"):"token"===ft?r("当前进程令牌不可用，请刷新看板","The process capability is unavailable; refresh the dashboard"):"sync"===ft?r("models.dev 同步失败，已保留上次成功目录和未保存编辑","models.dev sync failed; the last good catalog and unsaved edits were kept"):"mapping"===ft?r("模型映射无效：请选择当前模型、官方模型并填写有效倍率","Invalid model mapping: select a used model, an official model, and a valid multiplier"):"tier"===ft?r("费率档位无效：最多 32 档；阈值必须为递增的正整数，四项费率必须完整且非负","Invalid rate bands: maximum 32; thresholds must be increasing positive integers and all four rates must be complete and non-negative"):"override"===ft?r("价格覆盖无效：请选择模型并填写完整的非负基础费率","Invalid price override: select a model and enter all non-negative base rates"):r("成本设置保存失败，请检查输入","Cost settings could not be saved; check the inputs")):null,n.createElement("div",{className:"uh-pricing-foot"},n.createElement("span",{className:"uh-note"},r("保存不会重算已有正成本；回填只处理未计价调用。","Saving does not recalculate existing positive costs; backfill only handles unpriced calls.")),n.createElement("div",{className:"uh-actions"},n.createElement("button",{type:"button",className:"uh-refresh",disabled:xt||Nt||jt,onClick:yn},r("取消","Cancel")),n.createElement("button",{type:"button",className:"uh-refresh",disabled:xt||Nt||jt,onClick:()=>bn(!1)},xt?r("保存中…","Saving…"):r("保存","Save")),n.createElement("button",{type:"button",className:"uh-refresh uh-pricing-backfill",disabled:xt||Nt||jt,onClick:()=>bn(!0)},r("保存并回填","Save and backfill"))))):n.createElement("div",{className:"uh-panel uh-pricing-panel uh-anim-panel"},n.createElement("div",{className:"uh-pricing-head"},n.createElement("div",{className:"uh-title-with-icon"},n.createElement(b,{name:"wallet",size:16}),n.createElement("strong",{},r("成本统计设置","Cost Statistics"))),n.createElement("button",{type:"button",className:"uh-refresh uh-icon-button",title:r("关闭成本设置","Close cost settings"),"aria-label":r("关闭成本设置","Close cost settings"),disabled:xt||Nt||jt,onClick:yn},n.createElement(b,{name:"close",size:16}))),ht?n.createElement("div",{className:"uh-empty",role:"status",style:{display:"flex",alignItems:"center",justifyContent:"center",gap:10}},n.createElement("span",{className:"uh-trend-spinner","aria-hidden":!0}),n.createElement("span",{},r("正在加载完整费率设置…","Loading full pricing settings…"))):n.createElement("div",{className:"uh-empty",role:"alert"},n.createElement("div",{},r("完整费率设置加载失败","Full pricing settings could not be loaded")),n.createElement("button",{type:"button",className:"uh-refresh",style:{marginTop:10},onClick:xn},n.createElement(b,{name:"refresh",size:14}),r("重试","Retry"))))}):null,Jn="custom"===X&&null!==fa?"en"===a?fa.start+" to "+fa.end+" (UTC)":fa.start+" 至 "+fa.end:"today"===X?r("今日","Today"):"30d"===X?r("近 30 天","Last 30 Days"):"90d"===X?r("近 90 天","Last 90 Days"):r("全部","All Time"),Xn=function(e,t,a){if("custom"!==e)return e;const n=o(t,a);return null===n?"custom":"custom-"+n.start+"-to-"+n.end}(X,fa,p),Vn="invalid"===Ia?r("请选择有效的开始日期和结束日期","Choose valid start and end dates"):"order"===Ia?r("结束日期不能早于开始日期","End date must be on or after the start date"):"bounds"===Ia?r("可选范围为 "+La+" 至 "+j,"Choose a date from "+La+" to "+j):"",Kn=le?n.createElement("div",{className:"uh-custom-range",role:"group","aria-label":r("自定义时间范围","Custom date range")},n.createElement("div",{className:"uh-custom-range-meta"},n.createElement("div",{className:"uh-custom-range-title"},n.createElement(b,{name:"calendar",size:15}),r("自定义时间范围","Custom date range")),n.createElement("div",{className:"uh-custom-range-note"},r("可查看全部可扫描历史日数据；中文按本地日期，English 按 UTC。热力图始终展示最近 53 周。","All available historical daily data can be selected. Chinese uses local dates; English uses UTC. The heatmap always shows the latest 53 weeks."))),n.createElement("div",{className:"uh-custom-range-fields"},n.createElement("label",{className:"uh-custom-range-field"},n.createElement("span",{},r("开始日期","Start date")),n.createElement("input",{type:"date",value:ae.start,min:La,max:j,onChange:e=>ne(t=>Object.assign({},t,{start:e.target.value}))})),n.createElement("label",{className:"uh-custom-range-field"},n.createElement("span",{},r("结束日期","End date")),n.createElement("input",{type:"date",value:ae.end,min:La,max:j,onChange:e=>ne(t=>Object.assign({},t,{end:e.target.value}))}))),n.createElement("div",{className:"uh-custom-range-actions"},n.createElement("button",{type:"button",className:"uh-custom-range-cancel",onClick:()=>se(!1)},r("取消","Cancel")),n.createElement("button",{type:"button",className:"uh-custom-range-apply",disabled:""!==Ia,onClick:()=>{if(""!==Ia)return;const e=o(ae,p);null!==e&&(te(e),V("custom"),se(!1))}},r("应用","Apply"))),""!==Vn?n.createElement("div",{className:"uh-custom-range-error",role:"alert"},Vn):null):null,qn=n.createElement(he,{key:sn,rows:ln,visible:Qe,language:a,rangeLabel:Jn,loading:Ce&&!va,error:""===Ye||"stale"===Ye||Ea?"":r("趋势数据加载失败","Trend data unavailable"),onToggle:dn,onPointClick:Ma}),$n=null===da?Jn:da.start===da.end?da.start:da.start+" → "+da.end,_n=n.createElement(je,{visible:"logs"===Re,panelRef:Jt,scopeLabel:$n,scopeUtc:!(!da||!da.utc),scopeAvailable:null!==da,loading:et,exporting:at,error:rt,rows:He,selectedId:Fe,hasMore:Ke,language:a,actionKey:pa+":"+(ca||"")+":"+(Xe||""),onExport:async()=>{if("logs"!==Re||null===da||at)return;const e=ca;nt(!0),it("");try{let t=null;const a=[];for(let n=0;n<50;n+=1){const n=await Ie(da,t,200);if(null===n||"object"!=typeof n||!Array.isArray(n.items)||null===e||g(n)!==e)throw new Error("audit export stale");if(a.push(...n.items),!n.hasMore||!n.nextCursor)break;t=n.nextCursor}const n=e=>'"'+String(e??"").replace(/"/g,'""')+'"',i=e=>e.map(n).join(","),l=[r("时间","Time"),r("日期","Date"),r("Provider","Provider"),r("请求模型","Requested model"),r("实际模型","Actual model"),r("显示模型","Display model"),"turn","step","seq",r("输入","Input"),r("缓存命中","Cache read"),r("缓存写入","Cache write"),r("输出","Output"),r("推理","Reasoning"),r("成本","Cost"),r("计价状态","Cost status"),r("计价模型","Pricing model"),r("计费档位","Billing band"),r("计费时刻(UTC)","Billing time (UTC)"),r("计费时间来源","Billing time source"),r("计费策略","Billing policy"),r("策略哈希","Policy hash"),r("来源","Source")],s=[i([r("DSH 用量明细导出","DSH Usage Audit Export")]),i([r("范围","Scope"),da.start+" → "+da.end]),i([r("时区","Timezone"),da.utc?"UTC":r("本地","Local")]),i(l)];for(const e of a)s.push(i([e.time,e.date,e.provider,e.requestedModel,e.actualModel,e.model,e.turn,e.step,e.seq,be(e,"input"),be(e,"cacheRead"),be(e,"cacheWrite"),be(e,"output"),be(e,"reasoning"),e.cost&&"priced"===e.cost.status?e.cost.total:"",e.cost&&e.cost.status?e.cost.status:"unpriced",e.cost&&e.cost.pricingModel?e.cost.pricingModel:"",e.cost&&e.cost.pricingBand?e.cost.pricingBand:"",e.cost&&Number.isFinite(e.cost.pricingAt)?new Date(e.cost.pricingAt).toISOString():"",e.cost&&e.cost.pricingTimeSource?e.cost.pricingTimeSource:"",e.cost&&e.cost.pricingPolicyId?e.cost.pricingPolicyId:"",e.cost&&e.cost.pricingPolicyHash?e.cost.pricingPolicyHash:"",e.materialization||"unknown"]));const o=new Blob(["\ufeff"+s.join("\r\n")],{type:"text/csv;charset=utf-8"}),u=URL.createObjectURL(o),c=document.createElement("a");c.href=u,c.download="dsh-all-usage-audit-"+da.start+"-to-"+da.end+".csv",document.body.appendChild(c),c.click(),c.remove(),URL.revokeObjectURL(u)}catch(e){it("audit-export")}finally{nt(!1)}},onLoadMore:()=>{if("logs"!==Re||null===da||null===Xe||et)return;const e=ra.next(),t=ca;tt(!0),Ie(da,Xe,20).then(a=>{if(ra.isCurrent(e)){if(null===a||"object"!=typeof a||!Array.isArray(a.items)||null===t||g(a)!==t)return it("stale"),tt(!1),void _e(e=>e+1);Je(e=>e.concat(a.items)),Ve(a.nextCursor||null),qe(!0===a.hasMore),tt(!1),it("")}},t=>{if(ra.isCurrent(e)){if(t&&409===t.status)return tt(!1),Ve(null),qe(!1),it("stale"),void _e(e=>e+1);tt(!1),it("audit")}})},onSelect:Be}),er=!mn.done,tr=mn.total>0?Math.min(100,Math.round(mn.scanned/mn.total*100)):40,ar=mn.done&&0===Mn.length&&0===ka.totals.turns&&0===ka.totals.calls,nr="number"==typeof gn.lastCompletedAt&&gn.lastCompletedAt>0?new Date(gn.lastCompletedAt).toLocaleString("en"===a?"en-US":"zh-CN"):"",rr=C>0?new Date(C).toLocaleString("en"===a?"en-US":"zh-CN"):"",ir=""===nr?void 0:"en"===a?"Historical scan completed "+nr:"历史扫描完成于 "+nr,lr="en"===a?(""!==rr?"Updated "+rr:er?"Refreshing data":"Update state pending")+" · "+(gn.sessionsSkippedByRevision||0)+" revision reused · "+(gn.sessionsRead||0)+" read"+((gn.sessionsRestoredFromLedger||0)>0?" · "+gn.sessionsRestoredFromLedger+" ledger restored":"")+((gn.sessionsFailed||0)>0?" · "+gn.sessionsFailed+" failed":"")+" · "+(!0===gn.persistenceSnapshotsAvailable?"revision optimization on":"full-read fallback"):(""!==rr?"已更新 "+rr:er?"正在更新数据":"数据更新准备中")+" · revision 复用 "+(gn.sessionsSkippedByRevision||0)+" · 实际读取 "+(gn.sessionsRead||0)+((gn.sessionsRestoredFromLedger||0)>0?" · 账本恢复 "+gn.sessionsRestoredFromLedger:"")+((gn.sessionsFailed||0)>0?" · 失败 "+gn.sessionsFailed:"")+" · "+(!0===gn.persistenceSnapshotsAvailable?"免读优化已启用":"全量读取回退"),sr=""===T?"":"en"===a?"Usage data may be stale"+(""!==rr?"; last full update "+rr:""):"用量数据可能已过期"+(""!==rr?"；上次完整更新 "+rr:"");return n.createElement("div",{className:"uh-page"},n.createElement("div",{className:"uh-head"},n.createElement("div",{className:"uh-title-wrap"},n.createElement("h2",{className:"uh-title"},r("用量统计","Usage Statistics"))),n.createElement("div",{className:"uh-actions"},n.createElement("button",{className:"uh-refresh",title:r("管理工作区别名","Manage workspace aliases"),onClick:()=>{lt?st(!1):(()=>{const e={};Ga.forEach(t=>{e[t.id]="string"==typeof Za[t.id]?Za[t.id]:""}),ut(e),st(!0)})()}},n.createElement(b,{name:"edit",size:14}),r("工作区别名","Workspace Aliases")),n.createElement("button",{className:"uh-refresh",title:r("配置模型价格与同步","Configure model prices and sync"),disabled:xt||Nt||jt,onClick:()=>{ct?yn():xn()}},n.createElement(b,{name:"wallet",size:14}),r("成本设置","Cost Settings")),n.createElement("div",{className:"uh-language-menu"+(Ft?" uh-open":""),ref:Ht,onKeyDown:e=>{"Escape"===e.key&&(e.preventDefault(),Bt(!1))}},n.createElement("button",{type:"button",className:"uh-language-trigger"+(Ft?" uh-open":""),title:r("切换界面语言","Change interface language"),"aria-label":r("界面语言","Interface language"),"aria-haspopup":"menu","aria-expanded":Ft,onClick:()=>Bt(e=>!e)},n.createElement(b,{name:"language",size:14}),n.createElement("span",{className:"uh-language-label"},"en"===a?"English":"中文"),n.createElement(b,{name:"chevron",size:13,className:"uh-language-caret"})),Ft?n.createElement("div",{className:"uh-language-options",role:"menu","aria-label":r("界面语言","Interface language")},[["zh","中文"],["en","English"]].map(t=>n.createElement("button",{key:t[0],type:"button",role:"menuitemradio","aria-checked":a===t[0],className:"uh-language-option"+(a===t[0]?" uh-on":""),onClick:()=>((t=>{"function"==typeof e.onLanguageChange&&e.onLanguageChange("en"===t?"en":"zh")})(t[0]),void Bt(!1))},n.createElement(b,{name:"language",size:14}),n.createElement("span",{},t[1]),a===t[0]?n.createElement(b,{name:"check",size:14,className:"uh-language-option-check"}):null))):null),n.createElement("div",{className:"uh-range"},["today","30d","90d","all","custom"].map(e=>n.createElement("button",{key:e,type:"button",className:X===e?"uh-on":"",title:"custom"===e&&"custom"===X?Jn:void 0,onClick:()=>{"custom"===e?(()=>{const e=o(K,p),t=i(l(w,-89,p),p);ne(e||{start:t<La?La:t,end:j}),se(!0)})():(V(e),se(!1))}},"today"===e?r("今日","Today"):"30d"===e?r("近 30 天","Last 30 Days"):"90d"===e?r("近 90 天","Last 90 Days"):"all"===e?r("全部","All Time"):r("自定义","Custom")))),n.createElement("button",{className:"uh-refresh",title:r("导出当前时间范围与模型查看模式的 CSV 数据","Export CSV data for the current time range and model view"),onClick:()=>{const e=e=>'"'+String(e??"").replace(/"/g,'""')+'"',t=t=>t.map(e).join(","),n=e=>e.input+e.output+e.cacheRead+e.cacheWrite+e.reasoning,l=[r("输入 Token","Input Tokens"),r("缓存命中 Token","Cache-Hit Tokens"),r("缓存写入 Token","Cache-Write Tokens"),r("输出 Token","Output Tokens"),r("推理 Token","Reasoning Tokens"),r("总处理 Token","Total Tokens Processed"),r("成本","Cost"),r("缓存命中率","Cache Hit Rate")],s=[t([r("DSH 用量统计导出","DSH Usage Statistics Export")]),t([r("导出时间","Exported At"),p?(new Date).toLocaleString("en-US",{timeZone:"UTC",timeZoneName:"short"}):(new Date).toLocaleString("zh-CN")]),t([r("时间范围","Time Range"),Jn]),t([r("时区","Timezone"),p?"UTC":r("本地","Local")]),t([r("工作区筛选","Workspace Filter"),de||r("全部","All")]),t([r("供应商筛选","Provider Filter"),me||r("全部","All")]),t([r("模型筛选","Model Filter"),ye||r("全部","All")]),t([r("统计 revision","Stats Revision"),L.revision||""]),t([r("模型查看模式","Model View Mode"),Wn]),"",t([r("汇总","Summary")]),t([r("回合","Turns"),r("会话","Sessions"),...l]),t([ka.totals.turns,ka.totals.sessions,ka.totals.input,ka.totals.cacheRead,ka.totals.cacheWrite,ka.totals.output,ka.totals.reasoning,n(ka.totals),Q(ka.totals,a),x(ka.totals.input,ka.totals.cacheRead).toFixed(2)+"%"]),"",t([r("模型用量明细","Model Usage Details")]),t([Rn,r("调用","Calls"),...l]),...Pa.map(e=>t([e.model,e.calls,e.input,e.cacheRead,e.cacheWrite,e.output,e.reasoning,n(e),Q(e,a),x(e.input,e.cacheRead).toFixed(2)+"%"])),"",t([r("工作区明细","Workspace Details")]),t([r("工作区","Workspace"),r("路径","Path"),r("回合","Turns"),...l]),...Ra.map(e=>{const r=Ka.get(e.workspaceId);return t([$a(e.workspaceId),r?r.path:"",e.turns,e.input,e.cacheRead,e.cacheWrite,e.output,e.reasoning,n(e),Q(e,a),x(e.input,e.cacheRead).toFixed(2)+"%"])})],o=new Blob(["\ufeff"+s.join("\r\n")],{type:"text/csv;charset=utf-8"}),u=URL.createObjectURL(o),c=document.createElement("a");c.href=u,c.download="dsh-all-usage-"+Xn+"-"+ue+"-"+i(new Date,p)+".csv",document.body.appendChild(c),c.click(),c.remove(),URL.revokeObjectURL(u)}},n.createElement(b,{name:"export",size:14}),r("导出数据","Export Data")),n.createElement("button",{className:"uh-refresh uh-icon-button",title:r("刷新统计数据","Refresh usage statistics"),"aria-label":r("刷新统计数据","Refresh usage statistics"),onClick:ya},n.createElement(b,{name:"refresh",size:16})))),n.createElement("div",{className:"uh-filter-bar",role:"group","aria-label":r("统一筛选","Unified filters")},n.createElement(Le,{label:r("全部工作区","All workspaces"),ariaLabel:r("工作区筛选","Workspace filter"),className:"uh-filter-workspace",icon:"folder",value:de||"",options:[{value:"",label:r("全部工作区","All workspaces")}].concat(Ja.map(e=>({value:e.id,label:$a(e.id)}))),onChange:e=>pe(e||null)}),n.createElement(Le,{label:r("全部供应商","All providers"),ariaLabel:r("供应商筛选","Provider filter"),className:"uh-filter-provider",icon:"chart",value:me||"",options:[{value:"",label:r("全部供应商","All providers")}].concat(Ba.map(e=>({value:e,label:e}))),onChange:e=>Na(e)}),n.createElement(Le,{label:r("全部模型","All models"),ariaLabel:r("模型筛选","Model filter"),className:"uh-filter-model",icon:"cache",value:ye||"",options:[{value:"",label:r("全部模型","All models")}].concat(Ha.map(e=>{const t=v({actualModel:e,requestedModel:e});return{value:e,label:e,iconKey:null===t?null:t.key}})),onChange:e=>wa(e)}),null!==de||null!==me||null!==ye?n.createElement("button",{type:"button",className:"uh-filter-clear",onClick:ba},r("清除筛选","Clear filters")):null,Ce?n.createElement("span",{className:"uh-query-note"},r("正在更新筛选结果…","Updating filtered data…")):null,""!==Ye&&"stale"!==Ye?n.createElement("span",{className:"uh-query-note",role:"alert"},r("筛选结果加载失败","Filtered data unavailable")):null),lt?Fn:null,Hn,Kn,er?n.createElement("div",{className:"uh-progress"},n.createElement("span",{},"en"===a?"Scanning historical sessions: "+mn.scanned+" / "+mn.total+(mn.failed>0?" ("+mn.failed+" failed to read)":""):"正在统计历史会话 "+mn.scanned+" / "+mn.total+(mn.failed>0?"（"+mn.failed+" 个读取失败）":"")),n.createElement("div",{className:"uh-bar"},n.createElement("div",{className:"uh-fill",style:{width:tr+"%"}}))):null,n.createElement("div",{className:"uh-sync-health"+(""!==sr?" uh-stale":""),title:""!==sr?void 0:ir},n.createElement(b,{name:""!==sr?"refresh":"clock",size:14}),n.createElement("span",{},""!==sr?sr:lr),""!==sr?n.createElement("button",{className:"uh-sync-retry",onClick:ya},r("重试","Retry")):null),ar?n.createElement("div",{className:"uh-panel"},n.createElement("div",{className:"uh-empty"},r("还没有使用记录。开始对话后，这里会点亮。","No usage recorded yet. This area will light up after you start a conversation."))):n.createElement(n.Fragment,null,n.createElement(n.Fragment,null,n.createElement("div",{className:"uh-ios-summary"},n.createElement("div",{className:"uh-ios-summary-hero"},n.createElement("div",{className:"uh-ios-summary-total"},n.createElement("div",{className:"uh-ios-summary-total-icon"},n.createElement(b,{name:"chart",size:24})),n.createElement("div",{className:"uh-ios-summary-total-copy"},n.createElement("div",{className:"uh-ios-summary-label"},r("总处理 Token","Total Tokens Processed")),n.createElement("div",{className:"uh-ios-summary-value"},S(h(Ca),vn,a)),n.createElement("div",{className:"uh-ios-summary-caption"},"en"===a?Jn+" · "+h(Ua)+(Oa?" calls":" uses")+" · includes cache reads/writes and reasoning":Jn+" · "+h(Ua)+(Oa?" 次调用":" 次使用")+" · 含缓存读写与推理"))),n.createElement("div",{className:"uh-ios-summary-meta"},n.createElement("div",{className:"uh-ios-summary-meta-stat"},n.createElement("div",{className:"uh-ios-summary-meta-label"},n.createElement(b,{name:"chart",size:16}),r("总请求数","Total Requests")),n.createElement("div",{className:"uh-ios-summary-meta-value"},y(Qa,a))),n.createElement("div",{className:"uh-ios-summary-meta-stat uh-ios-summary-meta-cost"},n.createElement("div",{className:"uh-ios-summary-meta-label"},n.createElement(b,{name:"wallet",size:16}),r("估算成本","Estimated Cost")),n.createElement("div",{className:"uh-ios-summary-meta-value"},An),n.createElement("div",{className:"uh-ios-summary-meta-caption"},Sn)))),n.createElement("div",{className:"uh-ios-metrics"},kn(r("DeepSeek 账户余额","DeepSeek Account Balance"),zn,Tn,0,"wallet","deepseek"),kn(Oa?r("匹配调用次数","Matching Calls"):r("总使用次数","Total Uses"),h(Ua),"all"!==X||Oa?"en"===a?(Oa?"Calls in ":"Turns in ")+Jn:Jn+(Oa?"内的调用数":"内的回合数"):"en"===a?ka.totals.sessions+" sessions":ka.totals.sessions+" 个会话",1,"chart"),kn(r("连续使用","Current Streak"),"en"===a?en.streak+" days":en.streak+" 天","en"===a?"Longest streak: "+en.best+" days":"最长连续 "+en.best+" 天",2,"clock"),Un,Cn)),n.createElement("div",{className:"uh-token-semantics"},n.createElement(b,{name:"cache",size:16}),r("总处理 Token = 输入 + 输出 + 缓存读写 + 推理。缓存命中代表复用上下文，不等于新生成 Token 或实际费用。成本按事件发生时刻与官方价目估算，不等同于供应商账单。","Total tokens processed = input + output + cache reads/writes + reasoning. Cache hits represent reused context; they are not newly generated tokens or actual cost. Costs are estimated at event time from official price lists and do not equal the provider invoice.")),qn,n.createElement(xe,{rows:Sa,workspaces:Ga,aliases:Za,workspaceId:de,queryUsable:Ea,todayKey:j,utc:p,language:a,onWorkspaceSelect:xa,onDateClick:Ma}),n.createElement("div",{className:"uh-detail-tabs",role:"tablist","aria-label":r("用量明细视图","Usage detail views")},[["logs",r("请求日志","Request Logs"),"list"],["model",r("模型统计","Model Stats"),"chart"],["workspace",r("工作区统计","Workspace Stats"),"folder"]].map(e=>n.createElement("button",{key:e[0],type:"button",role:"tab","aria-selected":Re===e[0],className:"uh-detail-tab"+(Re===e[0]?" uh-on":""),onClick:()=>Pe(e[0])},n.createElement(b,{name:e[2],size:14}),e[1]))),_n),"model"===Re?n.createElement("div",{className:"uh-panel uh-ios-list-panel"},n.createElement("div",{className:"uh-hm-head"},n.createElement("h3",{className:"uh-tbl-title uh-title-with-icon",style:{margin:0}},n.createElement(b,{name:"chart",size:16}),"en"===a?"Model Usage Details ("+Jn+")":"模型用量明细（"+Jn+"）"),n.createElement("div",{className:"uh-range"},[["route",r("混合查看","Combined View")],["model",r("按模型","By Model")],["provider",r("按供应商","By Provider")]].map(e=>n.createElement("button",{key:e[0],className:ue===e[0]?"uh-on":"",onClick:()=>ce(e[0])},e[1])))),0===Pa.length?n.createElement("div",{className:"uh-empty"},r("尚无带模型路由信息的用量记录","No usage records with model-routing information yet")):n.createElement(n.Fragment,null,Pn,n.createElement("div",{className:"uh-tbl-scroll"},n.createElement("div",{className:"uh-model-hrow uh-hrow"},n.createElement("div",{},Rn),n.createElement("div",{className:"uh-num"},r("调用","Calls")),n.createElement("div",{className:"uh-num"},r("输入","Input")),n.createElement("div",{className:"uh-num"},r("缓存命中","Cache Hits")),n.createElement("div",{className:"uh-num"},r("输出","Output")),n.createElement("div",{className:"uh-num"},r("推理","Reasoning")),n.createElement("div",{className:"uh-num"},r("总处理","Total Processed")),n.createElement("div",{className:"uh-num"},r("成本","Cost")),n.createElement("div",{className:"uh-num"},r("命中率","Hit Rate"))),Zn)),n.createElement("div",{className:"uh-note",style:{marginTop:10}},"en"===a?Wn+": Combined View distinguishes “Provider / Model”; By Model merges identically named models across providers; By Provider aggregates all of a provider’s models. Historical records without routing information are grouped as “Unknown.”":Wn+"：混合查看按“供应商 / 模型”区分；按模型会跨供应商合并同名模型；按供应商则汇总其全部模型。缺少路由信息的历史记录会归为“未知”。")):null,"workspace"===Re?n.createElement("div",{className:"uh-panel uh-ios-list-panel"},n.createElement("h3",{className:"uh-tbl-title uh-title-with-icon"},n.createElement(b,{name:"folder",size:16}),"en"===a?"Workspace Details ("+Jn+")":"工作区明细（"+Jn+"）"),0===Ra.length?n.createElement("div",{className:"uh-empty"},r("该时间范围内没有使用记录","No usage records in this time range")):n.createElement(n.Fragment,null,Gn,n.createElement("div",{className:"uh-tbl-scroll"},n.createElement("div",{className:"uh-hrow"},n.createElement("div",{},r("工作区","Workspace")),n.createElement("div",{className:"uh-num"},r("回合","Turns")),n.createElement("div",{className:"uh-num"},r("输入","Input")),n.createElement("div",{className:"uh-num"},r("缓存命中","Cache Hits")),n.createElement("div",{className:"uh-num"},r("输出","Output")),n.createElement("div",{className:"uh-num"},r("推理","Reasoning")),n.createElement("div",{className:"uh-num"},r("总处理","Total Processed")),n.createElement("div",{className:"uh-num"},r("成本","Cost")),n.createElement("div",{className:"uh-num"},r("命中率","Hit Rate")),n.createElement("div",{className:"uh-num"},r("占比","Share"))),Qn))):null))}class Ce extends n.Component{constructor(e){super(e),this.state={error:null,resetKey:e.resetKey}}static getDerivedStateFromError(e){return{error:e}}componentDidUpdate(e){e.resetKey!==this.props.resetKey&&null!==this.state.error&&this.setState({error:null,resetKey:this.props.resetKey})}render(){return null!==this.state.error?this.props.fallback(this.state.error):this.props.children}}function Oe(e){const[t,a]=n.useState(!1),[r,i]=n.useState(0),[l,s]=n.useState(Ae),o=(e,t)=>"en"===l?t:e;return n.useEffect(()=>{if(!t)return;const e=e=>{"Escape"===e.key&&a(!1)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[t]),n.createElement(n.Fragment,null,n.createElement("button",{type:"button",className:"uh-side-entry",title:o("用量统计","Usage Statistics"),"aria-label":o("用量统计","Usage Statistics"),onClick:()=>a(!0)},n.createElement("span",{className:"uh-side-entry-icon"},n.createElement(b,{name:"chart",size:17})),e.wide?n.createElement("span",{className:"uh-side-entry-label"},o("用量统计","Usage Statistics")):null),t?n.createElement("div",{className:"uh-side-modal",role:"presentation",onMouseDown:e=>{e.target===e.currentTarget&&a(!1)}},n.createElement("div",{className:"uh-side-dialog",role:"dialog","aria-modal":!0,"aria-label":o("用量统计","Usage Statistics")},n.createElement("div",{className:"uh-side-dialog-head"},n.createElement("button",{className:"uh-refresh uh-close-button",type:"button",title:o("关闭用量统计","Close Usage Statistics"),"aria-label":o("关闭用量统计","Close Usage Statistics"),onClick:()=>a(!1)},n.createElement(b,{name:"close",size:18}))),n.createElement(Ce,{resetKey:r,fallback:()=>n.createElement("div",{className:"uh-boundary-fallback",role:"alert"},n.createElement("div",{className:"uh-boundary-title"},o("用量统计暂时无法显示","Usage statistics is temporarily unavailable")),n.createElement("div",{className:"uh-boundary-note"},o("当前范围加载失败，入口仍然可用。","The selected range failed to render; the sidebar entry is still available.")),n.createElement("div",{className:"uh-actions"},n.createElement("button",{type:"button",className:"uh-refresh",onClick:()=>i(e=>e+1)},n.createElement(b,{name:"refresh",size:14}),o("重试","Retry")),n.createElement("button",{type:"button",className:"uh-refresh",onClick:()=>a(!1)},n.createElement(b,{name:"close",size:14}),o("关闭","Close"))))},n.createElement(ke,{timerCtx:e.timerCtx,language:l,onLanguageChange:e=>{const t="en"===e?"en":"zh";s(t),function(e){try{window.localStorage.setItem(Ee,e)}catch(e){}}(t)}})))):null)}return a.inject=["timer","slots"],a.apply=e=>{const t=e.get("slots"),a=e.get("timer");void 0!==t&&void 0!==a&&t.inject("sidebar.footer.action",()=>t.register({name:"sidebar.footer.action",id:"all-usage",order:10},e=>n.createElement(Oe,{wide:e.wide,timerCtx:a})))},t}});