@mzzsfy/dsh-usage-dash 0.7.1 → 0.8.0

package/README.md

@@ -8,11 +8,11 @@
 
 - 三粒度视图,全部支持自定义时间范围:天(7/30/90 天/自定义日期段)、小时(24 小时/3 天/7 天/15 天/自定义时刻段)、分钟(3 小时/24 小时/3 天/7 天/自定义时刻段,10 分钟桶粒度),预设挡为滚动窗口;自定义时刻段为起止 datetime 双输入,两端归一到桶边界(小时取所在整点、分钟起点对齐 10 分钟且终点保留原分钟,均闭区间),跨度上限与数据保留期一致(小时 15 天、分钟 7 天,超限自动钳起点),首次切到自定义挡预填最近 24 小时,时/分两视图共享同一对自定义输入;已知限制:自定义输入残缺(任一端为空)时面板不发请求且图表静默空白,与天视图行为一致,交互反馈留待后续增强
 - 汇总卡六张:Tokens 用量(服务商总口径)、会话数量、请求数量、最常用模型、平均缓存命中率、活跃天数(恒按天口径,不随视图切换);配置定价规则后 Tokens 卡头部行右侧显示估算费用
-- 活动热力图:GitHub 风格周列×星期行,26 周窗口,五档色阶,悬停明细;仅按天视图展示
+- 活动热力图:GitHub 风格周列×星期行,26 周窗口,五档色阶,悬停明细(配置定价规则后附「费用 ≈」估算行,受「费用显示」开关;费用数据依赖小时桶保留期,仅最近 15 天的天显示,更早的天无该行);仅按天视图展示
 - 缓存命中率曲线:日粒度命中率 + 右侧副轴,并叠加平均生成速度曲线与首 token 延迟曲线(各自单独颜色,读数走悬停;仅含配对数据的槽参与,整图无数据不绘制),悬停显示当前时段命中率、平均生成速度、首 token 延迟与 token 明细(配置定价规则后附当前时段估算费用行,受「费用显示」开关;三粒度趋势图通用)
 - 模型 donut 与列表:按 token 前 5 模型占比环形图(中心为总量);每行名称两行展示(厂商/模型名,其余折叠为「其他」),右侧三排:第一排 token 数·占比,第二排输入输出占比构成(缓存/输入/输出 三段各占该模型 token 总量,缓存=读+写,三段合计 100%,无四桶数据不显示),第三排估算费用·TTFT·生成速度(费用需配置定价规则,TTFT/速度无配对数据不显示),悬停明细含输入/缓存读/缓存写/输出四桶 token 拆分并联动
-- 三粒度堆叠柱状趋势图(数据量大时裁最旧并提示);图例可点击切换显隐:点击单选(仅显示该项,左轴刻度按可见项归一)/再点恢复全部,Ctrl+点击多选,隐藏最后一项无效;悬停明细按当前时段数据展示,零用量模型不显示,全零时段不显示悬浮框
-- 回扫状态行默认隐藏:首次启用自动回扫历史会话,运行中显示进度(常显);右上角为折叠箭头与刷新图标,折叠层内展开扫描异常日志块(逐条:时间/类型/明细,计数即明细条数,上限 200 条超限丢最旧,重建时清空)与「重建」入口(二次确认 3 秒后清库重扫),采集错误常显;工具栏分主区与右侧操作区,窄宽度时挡位组在主区内换行
+- 三粒度堆叠柱状趋势图(数据量大时裁最旧并提示);节头「金额」开关把柱状图从 token 消耗切到金额消耗——柱按模型堆叠估算费用,标题与左轴同步切金额读数(悬停明细保持 token 口径与估算费用行不变,命中率/速度/首 token 延迟曲线不受影响),三粒度通用;开关仅在存在正计价数据时显示(未配置规则或全量未计价时不渲染,避免全零金额柱误导);图例可点击切换显隐:点击单选(仅显示该项,左轴刻度按可见项归一)/再点恢复全部,Ctrl+点击多选,隐藏最后一项无效;悬停明细按当前时段数据展示,零用量模型不显示,全零时段不显示悬浮框
+- 回扫状态行默认隐藏:首次启用自动回扫历史会话,运行中显示进度(常显);右上角为折叠箭头与刷新图标,折叠层内展开扫描异常日志块(逐条:时间/类型/明细,计数即明细条数,上限 200 条超限丢最旧,重建时清空)与「重建」入口(二次确认 3 秒后清库重扫),采集错误常显;折叠且有待读信息(异常日志或写入失败)时箭头带红点提醒,展开后消失;工具栏分主区与右侧操作区,窄宽度时挡位组在主区内换行
 - 会话底栏接管:替换官方信息行为增强版,偏好卡三个开关默认全开——精确缓存命中率(两位小数)、会话 Token 明细(总/命中缓存/未命中缓存/输出)、费用显示(底栏费用项、趋势 tooltip 费用行与回合费用芯片);三开关全关时与官方逐字节一致
 - 回合费用芯片:经官方 `conversation.chat.assistant-actions` 槽注入动作行(复制与分支图标之间,官方赞/踩与上下文跳转同排),每轮对话结束后显示该轮估算费用(悬停 title 带 token 摘要与估算口径;显隐节奏随官方动作行——最新一轮常显,历史轮悬停显现;受「费用显示」开关;官方用量芯片弹窗已有 token 明细,芯片只承载费用)。旧宿主无该插槽时告警禁用
 - 定价规则编辑器:设置面板内按**模型分组**编辑,组头 = 模型键(整组一次改名,改后即时重新聚合)+ 删除整组;组内 = **默认价**槽(价格四桶,不设条件——附加规则全不命中时兜底,禁排序/删除)+ **附加计费规则**列表(四桶单价 + 条件组合,「+添加条件」追加条件行,行内下拉切换类型,规则带 ↑/↓ 调序与删除),「添加额外计费规则」追加一条(默认带全天时段条件);货币为全局切换(「定价规则」标题右侧,仅 ¥/$ 两档,整表统一),显式「保存」整表写入
@@ -36,7 +36,7 @@
   - `weekdays`:`{ days: [0-6] }` 星期几(集合,非范围),0=周日,空数组不成立;编辑器为日~六七枚 pill 多选
   - `monthDays`:`{ from, to }` 月内号段双侧包含整数(1-31),from>to 跨月环绕(账单周期),from===to 单日(如 5~5 即 5 号);2 月无 31 号自然不触发
   - `dateRange`:`{ from: 'YYYY-MM-DD', to: 'YYYY-MM-DD' }` 零填充字典序双侧包含,from===to 单日,from>to 倒序不成立(不可保存)
-- 费用精度:**小时级**——聚合按小时桶起点时刻匹配价格,分钟槽费用由其所属小时桶价格导出;改价即时生效,历史费用下次查询按新规则重算(不回溯账单)
+- 费用精度:**小时级**——聚合按小时桶起点时刻匹配价格,分钟槽费用由其所属小时桶价格导出;改价即时生效,历史费用下次查询按新规则重算(不回溯账单)。定价激活时聚合响应在槽级携带 `cost` 与逐模型拆分 `costByModel`(金额柱状图与悬浮读数的数据源)
 - 时区口径:匹配与聚合均用 host 进程本地时区;client 侧注入点(底栏费用项/回合费用芯片)按**浏览器本地时区**的当前时刻评估条件,跨时区访问时与面板费用存在预期内偏差;所有费用均为按当前费率的估算值(标注「≈」与「估算」),不构成账单
 
 ## 与 dsh-usage-statistics-panel 的关系

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mzzsfy/dsh-usage-dash",
   "description": "用量统计面板:天/小时/分钟三粒度 token 与请求统计,26 周活跃热力图,会话底栏信息接管与官方动作行回合费用芯片,多条件分时段定价规则与费用估算;复刻自 github.com/HaoyueQin/dsh-usage-statistics-panel,感谢原作者 HaoyueQin",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "type": "module",
   "main": "src/index.js",
   "exports": {

package/src/client.js

@@ -203,6 +203,10 @@ const MESSAGES_ZH = {
   heatMore: '较多',
   dailyTrend: '按天 Token 趋势',
   trendLimited: '仅显示最近 {n} 天',
+  dailyCostTrend: '按天金额趋势',
+  hourCostTrend: '按小时金额趋势',
+  minuteCostTrend: '按分钟金额趋势',
+  costTrend: '金额',
   modelUsage: '模型用量',
   modelCache: '缓存',
   modelInput: '输入',
@@ -346,6 +350,10 @@ const MESSAGES_EN = {
   heatMore: 'More',
   dailyTrend: 'Daily token trend',
   trendLimited: 'Showing only the last {n} days',
+  dailyCostTrend: 'Daily cost trend',
+  hourCostTrend: 'Hourly cost trend',
+  minuteCostTrend: 'Per-minute cost trend',
+  costTrend: 'Cost',
   modelUsage: 'Model usage',
   modelCache: 'Cache',
   modelInput: 'Input',
@@ -545,24 +553,53 @@ function logTimeOf(ms) {
 const toRankedModels = (totals) =>
   [...totals.entries()].map(([model, tokens]) => ({ model, tokens })).sort((a, b) => b.tokens - a.tokens)
 
-// 逐槽 byModel 把非 top 模型并入哨兵桶,原明细留 otherByModel 供 tooltip;模型顺序 = 图例序(哨兵恒最后)
+// 逐槽把非 top 模型并入哨兵桶,token 与费用双度量同折,原明细留 otherByModel/otherCostByModel 供
+// tooltip;模型顺序 = 图例序(哨兵恒最后)
+const foldMetricByTop = (entries, top) => {
+  const kept = {}
+  const other = {}
+  for (const [model, value] of Object.entries(entries)) {
+    if (top.has(model)) {
+      kept[model] = (kept[model] ?? 0) + value
+      continue
+    }
+    kept[OTHER_MODEL] = (kept[OTHER_MODEL] ?? 0) + value
+    other[model] = (other[model] ?? 0) + value
+  }
+  return { kept, other }
+}
+
 const foldSlotsByTop = (slots, topModels) => {
   const top = new Set(topModels)
   return slots.map((slot) => {
-    const byModel = {}
-    const otherByModel = {}
-    for (const [model, tokens] of Object.entries(slot.byModel)) {
-      if (top.has(model)) {
-        byModel[model] = (byModel[model] ?? 0) + tokens
-        continue
-      }
-      byModel[OTHER_MODEL] = (byModel[OTHER_MODEL] ?? 0) + tokens
-      otherByModel[model] = (otherByModel[model] ?? 0) + tokens
+    const tokens = foldMetricByTop(slot.byModel, top)
+    const costs = foldMetricByTop(slot.costByModel ?? {}, top)
+    return {
+      ...slot,
+      byModel: tokens.kept,
+      otherByModel: tokens.other,
+      byCostModel: costs.kept,
+      otherCostByModel: costs.other,
     }
-    return { ...slot, byModel, otherByModel }
   })
 }
 
+// 金额槽投影:total/byModel/otherByModel 切换为费用口径(调用方保证费用字段在场)
+const costSlotsOf = (slots) => slots.map((slot) => ({
+  ...slot,
+  total: slot.cost,
+  byModel: slot.byCostModel,
+  otherByModel: slot.otherCostByModel,
+}))
+
+// 金额视图派生:存在正计价槽才可用(零计价规则/未配价的金额图全零有误导),
+// 开关开且可用才投影金额口径,否则原槽透传(引用不变)
+const moneyViewOf = (slots, costView) => {
+  const costReady = !!slots && slots.some((slot) => slot.cost > 0)
+  const money = costView && costReady
+  return { costReady, money, chartSlots: money ? costSlotsOf(slots) : slots }
+}
+
 const topWithOther = (ranked) => {
   const models = ranked.slice(0, GROUP_TOP_COUNT)
   if (ranked.length > GROUP_TOP_COUNT) {
@@ -610,6 +647,8 @@ const SPEED_SCALE_FLOOR = 1
 const TTFT_SCALE_FLOOR = 1
 // 轴上限留白系数:数据峰不顶满绘图区,顶部留出标注空间
 const AXIS_SCALE_HEADROOM = 1.1
+// 金额刻度下限:仅防零值退化,亚分峰值不参与轴标定失真
+const COST_TOTAL_FLOOR = 0.0001
 // 图例键:折线项与模型项共处同一显隐集合
 const LEGEND_KEY_RATE = 'rate'
 const LEGEND_KEY_SPEED = 'speed'
@@ -639,26 +678,26 @@ function legendToggle(current, key, ctrl) {
   return solo ? null : new Set([key])
 }
 
-// 左轴刻度:速度刻度存在时左轴标定速度(tok/s),否则标定 token;
+// 左轴刻度:速度刻度存在时左轴标定速度(tok/s),否则标定柱度量(token 或金额,格式化由调用方注入);
 // 刻度值统一换算为绘图区高度占比
-function leftAxisTicks(tokenTicks, tokenMax, speedTicks, speedMax) {
+function leftAxisTicks(tokenTicks, tokenMax, speedTicks, speedMax, format = formatCompact) {
   const useSpeed = speedTicks.length > 0
   return (useSpeed ? speedTicks : tokenTicks).map((tick) => ({
-    label: formatCompact(tick),
+    label: (useSpeed ? formatCompact : format)(tick),
     ratio: tick / (useSpeed ? speedMax : tokenMax),
   }))
 }
 
 // 堆叠柱几何:模型序即堆叠序(哨兵最后画柱顶),输出槽分段与左轴刻度;
-// maxTotal 按可见模型求和,单选模型时刻度跟随归一
-function trendLayout(slots, modelOrder, avail, labelMinPitch) {
+// maxTotal 按可见模型求和,单选模型时刻度跟随归一;totalFloor 为量纲下限(token 个位数/金额亚分)
+function trendLayout(slots, modelOrder, avail, labelMinPitch, totalFloor = 1) {
   const plotHeight = CHART_HEIGHT - CHART_PAD.top - CHART_PAD.bottom
   const innerWidth = Math.max(1, avail - CHART_PAD.left - CHART_PAD.right)
   const count = slots.length
   const step = count > 1 ? innerWidth / (count - 1) : innerWidth
   const barWidth = Math.max(BAR_MIN_WIDTH, Math.min(BAR_MAX_WIDTH, step * BAR_WIDTH_RATIO))
   const slotVisibleTotal = (slot) => modelOrder.reduce((sum, model) => sum + (slot.byModel[model] ?? 0), 0)
-  const maxTotal = Math.max(1, ...slots.map(slotVisibleTotal))
+  const maxTotal = Math.max(totalFloor, ...slots.map(slotVisibleTotal))
   // 轴上限 = 数据峰 × 留白系数,柱高分母与左轴刻度分母同源
   const scaleMax = maxTotal * AXIS_SCALE_HEADROOM
   // 可见模型无任何数据时左轴无标定对象,空刻度防钳底值漏成假刻度
@@ -862,6 +901,10 @@ function modelIoPercentText(item, t) {
 // 趋势 tooltip 内容门:全零槽(无任何用量)不渲染 tooltip
 const hasTipContent = (hoverSlot) => Boolean(hoverSlot) && hoverSlot.total > 0
 
+// 折叠提醒判定:折叠层内有异常日志条目或写入失败即值得提醒
+const hasAnomalyNews = (status) => !!status
+  && ((status.log?.length ?? 0) > 0 || (status.recordFailures ?? 0) > 0)
+
 // 趋势 tooltip 模型行数据:主行 = 可见且当前时段有用量的模型;OTHER 子行 = OTHER 可见
 // 且当前时段有用量的其余模型明细,按 tokens 降序由本函数保证
 const tipModelEntries = (hoverSlot, visibleSet) => {
@@ -1385,6 +1428,17 @@ function formatCost(value, currency) {
   return `${currency}${whole.replace(THOUSANDS_PATTERN, '$1,')}.${fraction}`
 }
 
+const COST_CENT_SCALE = 100
+const COST_MICRO_SCALE = COST_CENT_SCALE * COST_CENT_SCALE
+
+// 金额轴紧凑读数:千以上 k/M 一位小数,分上取两位内,分下四位(微观阈值与 formatCost 同源)
+function formatCostCompact(value, currency) {
+  if (value >= COMPACT_BASE ** 2) return `${currency}${(value / COMPACT_BASE ** 2).toFixed(DECIMAL_DIGITS)}M`
+  if (value >= COMPACT_BASE) return `${currency}${(value / COMPACT_BASE).toFixed(DECIMAL_DIGITS)}k`
+  if (value >= COST_MICRO_THRESHOLD) return `${currency}${Math.round(value * COST_CENT_SCALE) / COST_CENT_SCALE}`
+  return `${currency}${Math.round(value * COST_MICRO_SCALE) / COST_MICRO_SCALE}`
+}
+
 // 全局显示货币:规则表首个非空 currency,所有费用显示点统一取此值(全局价格定位);
 // 无则空串即不带符号。数值仍按命中规则单价计算,符号不随命中规则变化
 function aggregateCurrencyOf(rules) {
@@ -1762,6 +1816,12 @@ function removeRulesAt(rules, indexes) {
 if (typeof window !== 'undefined' && window.__ModuleLoader__) {
   window.__ModuleLoader__.load({ id: '@mzzsfy/dsh-usage-dash', factory })
 
+  // 导航分区图标:表盘(dash 概念);键覆盖中英分区名 + 市场短名,语言切换下声明不漂移
+  const NAV_ICON = { '使用统计': 'gauge', 'Usage': 'gauge', 'dsh-usage-dash': 'gauge' }
+  if (window.__navicIcons !== undefined) window.__navicIcons.register(NAV_ICON)
+  else if (Array.isArray(window.__navicIconQueue)) window.__navicIconQueue.push(NAV_ICON)
+  else window.__navicIconQueue = [NAV_ICON]
+
   function factory(require) {
     let React = null
     try {
@@ -1955,10 +2015,11 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
 .ud-empty{border:1px dashed var(--dsw-alias-border-l2);border-radius:8px;color:var(--dsw-alias-label-tertiary);text-align:center;padding:24px 16px;font-size:12px}
 .ud-foot{color:var(--dsw-alias-label-tertiary);font-size:11px}
 .ud-status{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:4px;font-size:12px;color:var(--dsw-alias-label-tertiary)}
-.ud-status-fold{display:inline-flex;align-items:center;justify-content:center;width:28px;height:100%;min-height:28px;border:none;background:none;padding:0;font:inherit;font-size:12px;line-height:1;color:var(--dsw-alias-label-tertiary);cursor:pointer;border-radius:6px}
+.ud-status-fold{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:100%;min-height:28px;border:none;background:none;padding:0;font:inherit;font-size:12px;line-height:1;color:var(--dsw-alias-label-tertiary);cursor:pointer;border-radius:6px}
 .ud-status-fold:hover{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-interactive-bg-hover)}
 .ud-status-fold-caret{display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .15s ease}
 .ud-status-fold[aria-expanded="true"] .ud-status-fold-caret{transform:rotate(180deg)}
+.ud-status-fold-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--dsw-alias-state-error-primary)}
 .ud-status-track{display:inline-block;width:120px;height:2px;border-radius:1px;background:var(--dsw-alias-border-l1);overflow:hidden}
 .ud-status-fill{display:block;height:100%;background:var(--dsw-alias-state-business-primary)}
 .ud-status-err{color:var(--dsw-alias-state-error-primary)}
@@ -1987,6 +2048,8 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
 .ud-section-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
 .ud-section-title{font-size:15px;font-weight:600}
 .ud-trend-note{font-size:11px;color:var(--dsw-alias-label-tertiary)}
+.ud-trend-metric{display:inline-flex;align-items:center;gap:6px;margin-left:auto}
+.ud-trend-metric-label{font-size:11px;color:var(--dsw-alias-label-secondary);white-space:nowrap}
 .ud-chart-wrap{width:100%;min-width:0}
 .ud-chart{display:block;width:100%}
 .ud-grid{stroke:var(--dsw-alias-border-l1);stroke-width:1}
@@ -2202,7 +2265,8 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
       return `var(--ud-chart-${rank})`
     }
 
-    function TrendChart({ title, notes, slots, modelOrder, colorFor, labelFor, slotLabelFor, labelMinPitch, busy, legendModels, panelRef, costCurrency = '', costEnabled = false, t = defaultT }) {
+    function TrendChart({ title, notes, slots, tipSlots, modelOrder, colorFor, labelFor, slotLabelFor, labelMinPitch, busy, legendModels, panelRef, costCurrency = '', costEnabled = false, money = false, costAvailable = false, onMetricToggle, t = defaultT }) {
+      const metricId = React.useId()
       const wrapRef = useRef(null)
       const [avail, setAvail] = useState(CHART_NOMINAL_WIDTH)
       const [hover, setHover] = useState(null)
@@ -2232,7 +2296,7 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
       const showRate = visibleSet.has(LEGEND_KEY_RATE)
       const showSpeed = hasSpeed && visibleSet.has(LEGEND_KEY_SPEED)
       const showTtft = hasTtft && visibleSet.has(LEGEND_KEY_TTFT)
-      const layout = trendLayout(slots, visibleModels, avail, labelMinPitch)
+      const layout = trendLayout(slots, visibleModels, avail, labelMinPitch, money ? COST_TOTAL_FLOOR : 1)
       const plotRight = CHART_PAD.left + (slots.length - 1) * layout.step + layout.barWidth
       const ratePoints = trendRatePoints(slots, layout.bars, layout.plotHeight)
       const speedMax = speedScaleMax(slots)
@@ -2244,8 +2308,11 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
       // 左轴标定:可见柱有数据标 token;无柱数据且速度线可见标速度(tok/s);否则空
       // (ttft 不设轴,读数走 tooltip,毫秒域与速度轴不同单位不混轴)
       const speedAxisTicks = layout.ticks.length === 0 && showSpeed ? niceTicks(speedMax, AXIS_TICK_COUNT) : []
-      const yTicks = leftAxisTicks(layout.ticks, layout.scaleMax, speedAxisTicks, speedAxisMax)
-      const hoverSlot = hover ? slots[hover.index] : null
+      // 金额视图左轴走紧凑金额读数,速度接管时仍为 tok/s 紧凑读数
+      const yTicks = leftAxisTicks(layout.ticks, layout.scaleMax, speedAxisTicks, speedAxisMax,
+        money ? (value) => formatCostCompact(value, costCurrency) : formatCompact)
+      // 悬浮明细恒用 token 槽渲染:金额模式只切柱几何与左轴,悬浮文本不随口径变化
+      const hoverSlot = hover ? (tipSlots ?? slots)[hover.index] : null
       const hoverRatePoint = showRate && hoverSlot ? ratePoints.find((point) => point.day === hoverSlot.day) : null
       const hoverSpeedPoint = hoverSlot ? speedPoints.find((point) => point.day === hoverSlot.day) : null
       const hoverTtftPoint = hoverSlot ? ttftPoints.find((point) => point.day === hoverSlot.day) : null
@@ -2255,15 +2322,18 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
       return h('div', { className: 'ud-section' },
         h('div', { className: 'ud-section-head' },
           h('span', { className: 'ud-section-title' }, title),
-          notes.length > 0 ? h('span', { className: 'ud-trend-note' }, notes.join(NOTE_SEPARATOR)) : null),
+          notes.length > 0 ? h('span', { className: 'ud-trend-note' }, notes.join(NOTE_SEPARATOR)) : null,
+          costAvailable ? h('span', { className: 'ud-trend-metric' },
+            h('span', { className: 'ud-trend-metric-label', id: metricId }, t('costTrend')),
+            h(Switch, { checked: money, onChange: onMetricToggle, describedbyId: metricId, labelledById: metricId })) : null),
         h('div', { className: 'ud-chart-wrap', ref: wrapRef, style: busy ? { opacity: CHART_BUSY_OPACITY } : undefined },
           h('svg', {
             className: 'ud-chart', viewBox: `0 0 ${avail} ${CHART_HEIGHT}`, width: '100%', role: 'img',
             'aria-label': title, onMouseLeave: clear,
           },
-            yTicks.map((tick) => {
+            yTicks.map((tick, tickIndex) => {
               const y = CHART_PAD.top + layout.plotHeight - tick.ratio * layout.plotHeight
-              return h('g', { key: tick.label },
+              return h('g', { key: tickIndex },
                 h('line', { className: 'ud-grid', x1: CHART_PAD.left, x2: plotRight, y1: y, y2: y }),
                 h('text', { className: 'ud-axis', x: CHART_PAD.left - AXIS_LABEL_GAP, y: y + AXIS_LABEL_BASELINE, textAnchor: 'end' }, tick.label))
             }),
@@ -2388,10 +2458,13 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
         : element
     }
 
-    function HeatSection({ days, panelRef, t = defaultT }) {
+    function HeatSection({ days, panelRef, costCurrency = '', t = defaultT }) {
       const wrapRef = useRef(null)
       const [width, setWidth] = useState(0)
       const [hover, setHover] = useState(null)
+      // 费用行显隐随「费用显示」偏好,经 ref 读取:开关切换不触发本组件重渲染
+      const prefsRef = useRef(statsLineState.get())
+      useEffect(() => statsLineState.subscribe(() => { prefsRef.current = statsLineState.get() }), [])
       useEffect(() => {
         const element = wrapRef.current
         const observer = new ResizeObserver((entries) => {
@@ -2440,6 +2513,9 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
                 h('div', { key: 'tokens', className: 'ud-tip-row' }, `${t('tokens')}: ${formatTokens(hover.tokens)}`),
                 h('div', { key: 'requests', className: 'ud-tip-row' }, `${t('requests')}: ${hover.requests}`),
                 h('div', { key: 'rate', className: 'ud-tip-row' }, `${t('cacheHitRate')}: ${cacheRateText(hover.cacheHit, hover.cacheMiss)}`),
+                prefsRef.current.costDisplay && hover.cost > 0
+                  ? h('div', { key: 'cost', className: 'ud-tip-row' }, t('stats.cost', { cost: formatCost(hover.cost, costCurrency) }))
+                  : null,
               ]
             : null))
     }
@@ -2567,13 +2643,14 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
     }
 
     // 规约形态开关:原生 checkbox 保语义并视觉隐藏,track/thumb 呈现选中态
-    function Switch({ checked, onChange, disabled, describedbyId }) {
+    function Switch({ checked, onChange, disabled, describedbyId, labelledById }) {
       return h('label', { className: 'ud-switch' },
         h('input', {
           type: 'checkbox',
           checked,
           disabled,
           'aria-describedby': describedbyId,
+          'aria-labelledby': labelledById,
           onChange: (event) => onChange(event.target.checked),
         }),
         h('span', { className: 'ud-switch__track' },
@@ -2986,14 +3063,16 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
         }, t('addGroup')))
     }
 
-    // 扫描异常日志入口:仅箭头标识,明细在展开的日志块中展示
-    function AnomalyChip({ open, onToggle, t = defaultT }) {
+    // 扫描异常日志入口:仅箭头标识,明细在展开的日志块中展示;
+    // 折叠且有待读信息时箭头带小点,展开后消失
+    function AnomalyChip({ open, news, onToggle, t = defaultT }) {
       return h('button', {
         type: 'button', className: 'ud-status-fold', 'aria-expanded': open,
         'aria-label': t('anomalyLog'), title: t('anomalyLog'),
         onClick: onToggle,
       },
-      h('span', { className: 'ud-status-fold-caret', 'aria-hidden': 'true' }))
+      h('span', { className: 'ud-status-fold-caret', 'aria-hidden': 'true' }),
+      news && !open ? h('span', { className: 'ud-status-fold-dot', 'aria-hidden': 'true' }) : null)
     }
 
     // 回扫进度与采集错误是运行状态,常显;异常明细走日志块
@@ -3104,6 +3183,7 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
 
     const viewLabel = (t, id) => (id === 'day' ? t('viewDay') : id === 'hour' ? t('viewHour') : t('viewMinute'))
     const trendTitle = (t, id) => (id === 'day' ? t('dailyTrend') : id === 'hour' ? t('hourTrend') : t('minuteTrend'))
+    const trendCostTitle = (t, id) => (id === 'day' ? t('dailyCostTrend') : id === 'hour' ? t('hourCostTrend') : t('minuteCostTrend'))
     const trendLimitedText = (t, id, count) => (id === 'day'
       ? t('trendLimited', { n: count })
       : id === 'hour' ? t('trendLimitedHour', { n: count }) : t('trendLimitedMinute', { n: count }))
@@ -3113,6 +3193,8 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
 
     function UsageDashPanel({ t = defaultT }) {
       const [view, setView] = useState('day')
+      // 趋势图金额口径开关:会话态,与视图/挡位同为面板内临时状态
+      const [costView, setCostView] = useState(false)
       const [range, setRange] = useState(DEFAULT_RANGE)
       const [customFrom, setCustomFrom] = useState('')
       const [customTo, setCustomTo] = useState('')
@@ -3163,6 +3245,7 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
               requests: slot ? slot.requests : 0,
               cacheHit: slot ? slot.cacheHit : 0,
               cacheMiss: slot ? slot.cacheMiss : 0,
+              cost: slot ? slot.cost : 0,
             }
           }))
         })
@@ -3296,6 +3379,7 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
         : (grouped ? { slots: grouped.daily, models: grouped.models, value: stats } : null)
       const maxSlots = pointActive ? maxSlotsFor(view, rawPreset) : DAY_MAX_SLOTS
       const trimmedSlots = trendSource ? trimSlots(trendSource.slots, maxSlots) : null
+      const { costReady, money, chartSlots } = moneyViewOf(trimmedSlots, costView)
       const notes = []
       if (trendSource && trendSource.slots.length > trimmedSlots.length) notes.push(trendLimitedText(t, view, trimmedSlots.length))
       if (trendSource?.value?.truncated) notes.push(t('trendTruncated'))
@@ -3370,7 +3454,7 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
                         }))
                     : null)),
           h('div', { className: 'ud-toolbar-side' },
-            h(AnomalyChip, { open: detailsOpen, onToggle: () => setDetailsOpen((v) => !v), t }),
+            h(AnomalyChip, { open: detailsOpen, news: hasAnomalyNews(status), onToggle: () => setDetailsOpen((v) => !v), t }),
             h('button', {
               className: 'ud-btn ud-btn--text ud-icon-btn', 'aria-label': t('refresh'), title: t('refresh'),
               disabled: busy, onClick: refresh,
@@ -3387,13 +3471,14 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
         loadingVisible ? h('div', { className: 'ud-loading' }, `${t('loading')}…`) : null,
         stats ? h(StatCards, { key: 'cards', stats, costCurrency, t }) : null,
         // 活跃热力图仅按天视图展示:热力图口径为日桶,时/分视图无对应语义
-        view === 'day' ? h(HeatSection, { key: 'heat', days: heatDays, panelRef, t }) : null,
+        view === 'day' ? h(HeatSection, { key: 'heat', days: heatDays, panelRef, costCurrency, t }) : null,
         trimmedSlots
           ? h(TrendChart, {
               key: 'trend',
-              title: trendTitle(t, view),
+              title: money ? trendCostTitle(t, view) : trendTitle(t, view),
               notes,
-              slots: trimmedSlots,
+              slots: chartSlots,
+              tipSlots: trimmedSlots,
               modelOrder: trendSource.models.map((item) => item.model),
               colorFor,
               labelFor: tickLabelFor(view),
@@ -3404,6 +3489,9 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
               panelRef,
               costCurrency,
               costEnabled: view === 'day',
+              money,
+              costAvailable: costReady,
+              onMetricToggle: setCostView,
               t,
             })
           : null,

package/src/collector.js

@@ -12,6 +12,8 @@ const SEQ_UNKNOWN = -1
 const DEFAULT_BACKFILL_CONCURRENCY = 4
 const MARK_BATCH = 32
 const SCAN_LOG_MAX_ENTRIES = 200
+// 单条日志 detail 上限:flush 底层行错误拼接的截断保护
+const LOG_DETAIL_MAX_CHARS = 500
 
 // 不可读会话分类:宿主可见性/可读性边界的三代实测形态(见 README 存档兼容)
 const SKIP_KINDS = { descriptor: 'descriptor', corrupt: 'corrupt', legacy: 'legacy', other: 'other' }
@@ -31,6 +33,15 @@ function classifySkip(detail) {
   return SKIP_KINDS.other
 }
 
+// flush 失败日志文本:包装文案在前,聚合的底层行错误逐条展开,超长截断
+function flushErrorText(error) {
+  const head = error instanceof Error ? error.message : String(error)
+  if (!(error instanceof AggregateError) || error.errors.length === 0) return head
+  const detail = error.errors.map((err) => (err instanceof Error ? err.message : String(err))).join('; ')
+  const text = `${head}: ${detail}`
+  return text.length > LOG_DETAIL_MAX_CHARS ? `${text.slice(0, LOG_DETAIL_MAX_CHARS)}…` : text
+}
+
 function emptySkipCounts() {
   return { [SKIP_KINDS.descriptor]: 0, [SKIP_KINDS.corrupt]: 0, [SKIP_KINDS.legacy]: 0, [SKIP_KINDS.other]: 0 }
 }
@@ -231,9 +242,10 @@ export class UsageCollector {
   constructor(ctx, store) {
     this.ctx = ctx
     this.store = store
-    // store 写合并周期落盘的失败行接入扫描异常日志,面板可观测
+    // store 写合并周期落盘的失败行接入扫描异常日志,面板可观测;
+    // AggregateError 展开底层行错误,只记包装文案无法归因
     store.onFlushError = (error) => {
-      this.pushLog('record', error instanceof Error ? error.message : String(error))
+      this.pushLog('record', flushErrorText(error))
     }
     this.folds = new Map()
     this.routes = new Map()

package/src/query.js

@@ -1,4 +1,4 @@
-import { costOf, matchPrice } from './pricing.js'
+import { costOf, matchPrice } from './pricing.js'
 
 export const MAX_SLOTS = 2000
 
@@ -14,7 +14,7 @@ const DAY_KEY_PATTERN = /^\d{4}-\d{2}-\d{2}$/
 const HOUR_KEY_PATTERN = /^\d{4}-\d{2}-\d{2}T\d{2}$/
 const MINUTE_KEY_PATTERN = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}$/
 
-// 桶串前缀宽:D 段定位日桶,M 行截取父 H 桶
+// 妗朵覆鍓嶇紑瀹?D 娈靛畾浣嶆棩妗?M 琛屾埅鍙栫埗 H 妗?
 const DAY_KEY_WIDTH = 'YYYY-MM-DD'.length
 const HOUR_KEY_WIDTH = 'YYYY-MM-DDTHH'.length
 
@@ -39,10 +39,10 @@ const nextMinute = (date) => {
   return next
 }
 
-// 分钟桶粒度:枚举与桶键共用同一步长,from 必须对齐桶边界
+// 鍒嗛挓妗剁矑搴?鏋氫妇涓庢《閿叡鐢ㄥ悓涓€姝ラ暱,from 蹇呴』瀵归綈妗惰竟鐣?
 const MINUTE_STEP_MINUTES = 10
 
-// pattern 锚定桶串外形,suffix 补全为本地时区可解析日期串,format 回读校验分量合法性
+// pattern 閿氬畾妗朵覆澶栧舰,suffix 琛ュ叏涓烘湰鍦版椂鍖哄彲瑙ｆ瀽鏃ユ湡涓?format 鍥炶鏍￠獙鍒嗛噺鍚堟硶鎬?
 const BUCKET_FORMS = {
   [GRANULARITY_DAILY]: { pattern: DAY_KEY_PATTERN, suffix: 'T00:00:00', format: formatDate, step: nextDay },
   [GRANULARITY_HOURLY]: { pattern: HOUR_KEY_PATTERN, suffix: ':00:00', format: formatHour, step: nextHour },
@@ -95,8 +95,8 @@ const percentOf = (part, total) => (total === 0 ? 0 : (part / total) * PERCENT_S
 
 const rowTokens = (row) => row.inputTokens + row.outputTokens + row.cacheReadTokens + row.cacheWriteTokens
 
-// 速度配对分子:decode 口径取 decodeTokens;存量旧格式行(带时长无 decodeTokens)
-// 回落 outputTokens,聚合随新数据自然收敛
+// 閫熷害閰嶅鍒嗗瓙:decode 鍙ｅ緞鍙?decodeTokens;瀛橀噺鏃ф牸寮忚(甯︽椂闀挎棤 decodeTokens)
+// 鍥炶惤 outputTokens,鑱氬悎闅忔柊鏁版嵁鑷劧鏀舵暃
 const speedTokensOf = (row) => (row.durationMs ? row.decodeTokens ?? row.outputTokens : 0)
 
 export function aggregateRange(rows, g, from, to) {
@@ -106,16 +106,16 @@ export function aggregateRange(rows, g, from, to) {
   const modelTotals = new Map()
   const providerTotals = new Map()
   const activeBuckets = new Set()
-  // 槽级配对:桶串 → 速度对 {decodeTokens, durationMs} 与首字对 {ttftMs, ttftSteps},
+  // 妲界骇閰嶅:妗朵覆 鈫?閫熷害瀵?{decodeTokens, durationMs} 涓庨瀛楀 {ttftMs, ttftSteps},
   const slotSpeeds = new Map()
   const slotTtfts = new Map()
   for (const row of rows) {
     const slot = slotByKey.get(row.bucket)
-    // 桶串未落在枚举序列(如改粒度前的历史残行)不可归属,跳过防崩
+    // 妗朵覆鏈惤鍦ㄦ灇涓惧簭鍒?濡傛敼绮掑害鍓嶇殑鍘嗗彶娈嬭)涓嶅彲褰掑睘,璺宠繃闃插穿
     if (!slot) continue
     const tokens = rowTokens(row)
     addRowToSlot(slot, row, tokens)
-    // 纯 timing 行(零 token 桶 + decode 配对)不参与归属,但仍进配对聚合
+    // 绾?timing 琛?闆?token 妗?+ decode 閰嶅)涓嶅弬涓庡綊灞?浣嗕粛杩涢厤瀵硅仛鍚?
     if (tokens > 0) {
       activeBuckets.add(row.bucket)
       slot.byModel[row.model] = (slot.byModel[row.model] ?? 0) + tokens
@@ -174,9 +174,9 @@ export function aggregateRange(rows, g, from, to) {
     totals.cacheHit += slot.cacheHit
     totals.cacheMiss += slot.cacheMiss
   }
-  // speed = decode 配对口径(decodeTokens ÷ 时长秒);ttft = 首 token 延迟
-  // 加权平均(毫秒);仅配对数据存在的条目挂字段,无数据条目不挂
-  // 纯 timing 行可能产生 0-token 条目,列表保持只含 token 行(存量契约)
+  // speed = decode 閰嶅鍙ｅ緞(decodeTokens 梅 鏃堕暱绉?;ttft = 棣?token 寤惰繜
+  // 鍔犳潈骞冲潎(姣);浠呴厤瀵规暟鎹瓨鍦ㄧ殑鏉＄洰鎸傚瓧娈?鏃犳暟鎹潯鐩笉鎸?
+  // 绾?timing 琛屽彲鑳戒骇鐢?0-token 鏉＄洰,鍒楄〃淇濇寔鍙惈 token 琛?瀛橀噺濂戠害)
   const models = [...modelTotals.entries()]
     .filter(([, agg]) => agg.tokens > 0)
     .map(([model, agg]) => ({
@@ -218,18 +218,20 @@ export function aggregateRange(rows, g, from, to) {
   return result
 }
 
-// 聚合计价的槽定位:D 折叠到日槽,H/M 即本槽,计价一律取行所属 H 槽起点
+// 鑱氬悎璁′环鐨勬Ы瀹氫綅:D 鎶樺彔鍒版棩妲?H/M 鍗虫湰妲?璁′环涓€寰嬪彇琛屾墍灞?H 妲借捣鐐?
 const COST_SLOT_KEYS = {
   [GRANULARITY_DAILY]: (bucket) => bucket.slice(0, DAY_KEY_WIDTH),
   [GRANULARITY_HOURLY]: (bucket) => bucket,
   [GRANULARITY_MINUTE]: (bucket) => bucket,
 }
 
-// 聚合计价:以可见槽为唯一口径,cost 行按 H 槽起点匹配价格后累加;
+// 鑱氬悎璁′环:浠ュ彲瑙佹Ы涓哄敮涓€鍙ｅ緞,cost 琛屾寜 H 妲借捣鐐瑰尮閰嶄环鏍煎悗绱姞;
+// 妲界骇閫愭ā鍨嬫媶鍒?costByModel 渚涢噾棰濇煴鐘跺浘鎸夋ā鍨嬪爢鍙?
 export function attachCosts(result, costRows, granularity, rules) {
   const slotKeyOf = COST_SLOT_KEYS[granularity]
   const slotOfDay = new Map(result.daily.map((slot) => [slot.day, slot]))
   const slotCosts = new Map()
+  const slotCostsByModel = new Map()
   const modelCosts = new Map(result.models.map((entry) => [entry.model, 0]))
   const unpricedHours = new Set()
   for (const row of costRows) {
@@ -245,9 +247,19 @@ export function attachCosts(result, costRows, granularity, rules) {
     }
     const cost = costOf(price, row)
     slotCosts.set(slot.day, (slotCosts.get(slot.day) ?? 0) + cost)
+    let perModel = slotCostsByModel.get(slot.day)
+    if (perModel === undefined) {
+      perModel = new Map()
+      slotCostsByModel.set(slot.day, perModel)
+    }
+    perModel.set(row.model, (perModel.get(row.model) ?? 0) + cost)
     if (modelCosts.has(row.model)) modelCosts.set(row.model, modelCosts.get(row.model) + cost)
   }
-  const daily = result.daily.map((slot) => ({ ...slot, cost: slotCosts.get(slot.day) ?? 0 }))
+  const daily = result.daily.map((slot) => ({
+    ...slot,
+    cost: slotCosts.get(slot.day) ?? 0,
+    costByModel: Object.fromEntries(slotCostsByModel.get(slot.day) ?? []),
+  }))
   const cost = daily.reduce((sum, slot) => sum + slot.cost, 0)
   const models = result.models.map((entry) => ({ ...entry, cost: modelCosts.get(entry.model) }))
   return { ...result, daily, models, cost, unpriced: unpricedHours.size }

package/test/client.test.mjs

@@ -40,12 +40,14 @@ const {
   coerceConditions,
   coercePricingRules,
   costOf,
+  costSlotsOf,
   costTitleText,
   createTranslator,
   daysInRange,
   defaultCondition,
   defaultPricingRule,
   donutSegments,
+  formatCostCompact,
   pointStatsMatches,
   formatCompact,
   formatCost,
@@ -68,7 +70,9 @@ const {
   maxSlotsFor,
   minuteTickLabel,
   modelIoPercentText,
+  moneyViewOf,
   hasTipContent,
+  hasAnomalyNews,
   tipModelEntries,
   modelSegmentLabel,
   modelSpeedText,
@@ -1268,3 +1272,104 @@ test('removeRulesAt 批量移除组内槽位', () => {
   const rest = removeRulesAt(rules, [0, 2])
   assert.deepEqual(rest.map((rule) => rule.model), ['b/1'])
 })
+
+test('groupStats 折叠金额双映射:top 模型费用透传,其余归哨兵并保留明细', () => {
+  // Given 逐槽 costByModel 含 top 与非 top 模型 When 折叠 Then byCostModel 归并哨兵,otherCostByModel 保留非 top 明细
+  const stats = {
+    models: [
+      { model: 'p/m1', tokens: 500 },
+      { model: 'p/m2', tokens: 400 },
+      { model: 'p/m3', tokens: 300 },
+      { model: 'p/m4', tokens: 200 },
+      { model: 'p/m5', tokens: 100 },
+      { model: 'p/m6', tokens: 50 },
+    ],
+    daily: [{
+      day: 'd',
+      total: 110,
+      byModel: { 'p/m1': 50, 'p/m2': 40, 'p/m6': 20 },
+      costByModel: { 'p/m1': 2, 'p/m2': 2, 'p/m6': 0.5 },
+    }],
+  }
+  const grouped = groupStats(stats)
+  assert.deepEqual(grouped.daily[0].byCostModel, { 'p/m1': 2, 'p/m2': 2, [OTHER_MODEL]: 0.5 })
+  assert.deepEqual(grouped.daily[0].otherCostByModel, { 'p/m6': 0.5 })
+})
+
+test('groupStats 无费用槽金额映射为空表', () => {
+  // Given 槽无 costByModel When 折叠 Then byCostModel/otherCostByModel 恒在场为空表
+  const stats = {
+    models: [{ model: 'p/m1', tokens: 500 }],
+    daily: [{ day: 'd', total: 10, byModel: { 'p/m1': 10 } }],
+  }
+  const grouped = groupStats(stats)
+  assert.deepEqual(grouped.daily[0].byCostModel, {})
+  assert.deepEqual(grouped.daily[0].otherCostByModel, {})
+})
+
+test('costSlotsOf 槽投影切金额口径:total/byModel/otherByModel 取费用字段', () => {
+  // Given 折叠后带费用字段的槽 When 投影 Then total=cost、byModel=byCostModel、otherByModel=otherCostByModel,其余字段保留
+  const slots = [
+    { day: 'd1', total: 100, cost: 2.5, byModel: { a: 60, b: 40 }, byCostModel: { a: 1.5, b: 1 }, otherByModel: {}, otherCostByModel: {} },
+    { day: 'd2', total: 10, cost: 0, byModel: { a: 10 }, byCostModel: {}, otherByModel: {}, otherCostByModel: {} },
+  ]
+  const out = costSlotsOf(slots)
+  assert.equal(out[0].total, 2.5)
+  assert.deepEqual(out[0].byModel, { a: 1.5, b: 1 })
+  assert.deepEqual(out[0].otherByModel, {})
+  assert.equal(out[0].day, 'd1')
+  assert.equal(out[1].total, 0)
+  assert.deepEqual(out[1].byModel, {})
+})
+
+test('moneyViewOf 门控:存在正计价槽才可用,关或不可用保持 token 口径', () => {
+  // Given 槽含正计价与零计价 When 开关开 Then 可用且切金额;Given 全零计价/开关关/无槽 When 派生 Then 不可用且不投影
+  const slots = [
+    { day: 'd1', total: 10, cost: 0.5, byModel: { a: 10 }, byCostModel: { a: 0.5 }, otherByModel: {}, otherCostByModel: {} },
+    { day: 'd2', total: 5, cost: 0, byModel: { a: 5 }, byCostModel: {}, otherByModel: {}, otherCostByModel: {} },
+  ]
+  const on = moneyViewOf(slots, true)
+  assert.equal(on.costReady, true)
+  assert.equal(on.money, true)
+  assert.equal(on.chartSlots[0].total, 0.5)
+  const zeroOnly = [slots[1]]
+  const allZero = moneyViewOf(zeroOnly, true)
+  assert.equal(allZero.costReady, false)
+  assert.equal(allZero.money, false)
+  assert.equal(allZero.chartSlots, zeroOnly)
+  assert.equal(allZero.chartSlots[0].total, 5)
+  const off = moneyViewOf(slots, false)
+  assert.equal(off.costReady, true)
+  assert.equal(off.money, false)
+  assert.equal(off.chartSlots, slots)
+  const none = moneyViewOf(null, true)
+  assert.deepEqual(none, { costReady: false, money: false, chartSlots: null })
+})
+
+test('formatCostCompact 金额轴紧凑读数:千以上 k/M 一位小数,分上两位内,分下四位', () => {
+  assert.equal(formatCostCompact(1234567, '¥'), '¥1.2M')
+  assert.equal(formatCostCompact(1234, '¥'), '¥1.2k')
+  assert.equal(formatCostCompact(12.345, '$'), '$12.35')
+  assert.equal(formatCostCompact(0.1, '¥'), '¥0.1')
+  assert.equal(formatCostCompact(0.005, '¥'), '¥0.005')
+  assert.equal(formatCostCompact(0, ''), '0')
+})
+
+test('leftAxisTicks 金额格式化:柱刻度走传入格式化,速度刻度仍紧凑 token', () => {
+  // Given 金额格式化器 When 柱刻度标定 Then 标签走金额格式;Given 速度刻度接管 Then 标签仍 token 紧凑
+  const money = leftAxisTicks([50, 100], 100, [], 0, (value) => `¥${value}`)
+  assert.deepEqual(money.map((tick) => tick.label), ['¥50', '¥100'])
+  const speed = leftAxisTicks([], 100, [5, 10], 10, (value) => `¥${value}`)
+  assert.deepEqual(speed.map((tick) => tick.label), ['5', '10'])
+})
+
+test('hasAnomalyNews 折叠提醒判定:有异常日志或写入失败即提醒', () => {
+  // Given 日志有条目 When 判定 Then true;Given 仅写入失败计数 When 判定 Then true
+  assert.equal(hasAnomalyNews({ log: [{ time: 0, kind: 'record', detail: 'x' }] }), true)
+  assert.equal(hasAnomalyNews({ log: [], recordFailures: 1 }), true)
+  assert.equal(hasAnomalyNews({ log: [{ time: 0, kind: 'skipped', detail: 'y' }], recordFailures: 0 }), true)
+  // Given 全空/字段缺席/null When 判定 Then false
+  assert.equal(hasAnomalyNews({ log: [], recordFailures: 0 }), false)
+  assert.equal(hasAnomalyNews({}), false)
+  assert.equal(hasAnomalyNews(null), false)
+})

package/test/collector.test.mjs

@@ -766,6 +766,30 @@ test('采集侧 store 失败计入 recordFailures 且不抛断采集', async ()
   assert.equal(store.samples.length, 0)
 })
 
+test('flush 聚合失败日志展开底层行错误,不只剩包装文案', async () => {
+  const { store, collector } = liveCollector()
+  // Given store 上抛含两行底层失败的 AggregateError When 接入日志 Then detail 展开各原因
+  store.onFlushError(new AggregateError(
+    [new Error('boom A'), new Error('boom B')],
+    'usage store flush failed',
+  ))
+  const entry = collector.status().log.at(-1)
+  assert.equal(entry.kind, 'record')
+  assert.equal(entry.detail, 'usage store flush failed: boom A; boom B')
+  assert.equal(collector.status().recordFailures, 1)
+})
+
+test('flush 聚合失败日志截断保护:超长底层错误不撑爆日志行', async () => {
+  const { store, collector } = liveCollector()
+  store.onFlushError(new AggregateError(
+    [new Error('x'.repeat(2000))],
+    'usage store flush failed',
+  ))
+  const entry = collector.status().log.at(-1)
+  assert.ok(entry.detail.length <= 600)
+  assert.ok(entry.detail.startsWith('usage store flush failed'))
+})
+
 test('session/disposed 后该会话去重状态重置', async () => {
   const { ctx, store } = liveCollector()
   const t = local(2026, 8, 2, 10, 0)

package/test/query.test.mjs

@@ -574,3 +574,53 @@ test('attachCosts 计价时间恒为 H 桶起点(非分钟/日起点)', () => {
   const dayOut = attachCosts(dayResult, hourRows, 'D', [dayWindow, ruleOf({ price: inputPrice(3) })])
   assert.deepEqual(dayOut.daily.map((slot) => slot.cost), [1, 3])
 })
+
+test('attachCosts 槽级 costByModel 按模型拆分费用', () => {
+  // Given 同桶两模型不同单价 When H 槽计价 Then 槽 costByModel 为逐模型费用,合计等于槽 cost
+  const rows = [
+    makeRow({ bucket: '2020-01-01T01', model: 'm1', inputTokens: 1000000 }),
+    makeRow({ bucket: '2020-01-01T01', model: 'm2', inputTokens: 1000000 }),
+  ]
+  const result = aggregateRange(rows, 'H', '2020-01-01T00', '2020-01-01T01')
+  const out = attachCosts(result, rows, 'H', [ruleOf({ price: inputPrice(1) })])
+  assert.deepEqual(out.daily[1].costByModel, { m1: 1, m2: 1 })
+  assert.equal(out.daily[1].cost, 2)
+  // 纯函数:入参 result 不被修改
+  assert.equal('costByModel' in result.daily[1], false)
+})
+
+test('attachCosts D 折叠按日归集 costByModel', () => {
+  // Given 同模型 H 行落同日多桶 When D 计价 Then 日槽 costByModel 为该模型桶累加
+  const costRows = [
+    makeRow({ bucket: '2020-01-01T22', model: 'm1', inputTokens: 1000000 }),
+    makeRow({ bucket: '2020-01-01T23', model: 'm1', inputTokens: 500000 }),
+  ]
+  const aggregateRows = [makeRow({ bucket: '2020-01-01', model: 'm1', inputTokens: 1500000 })]
+  const result = aggregateRange(aggregateRows, 'D', '2020-01-01', '2020-01-01')
+  const out = attachCosts(result, costRows, 'D', [ruleOf({ price: inputPrice(2) })])
+  assert.deepEqual(out.daily[0].costByModel, { m1: 3 })
+})
+
+test('attachCosts 无规则或无费用槽 costByModel 为空表', () => {
+  // Given 无命中规则 When 计价 Then 全部槽挂空表,unpriced 照常计数
+  const rows = [
+    makeRow({ bucket: '2020-01-01T01', model: 'm1', inputTokens: 5 }),
+    makeRow({ bucket: '2020-01-01T02', model: 'm1', inputTokens: 5 }),
+  ]
+  const result = aggregateRange(rows, 'H', '2020-01-01T00', '2020-01-01T02')
+  const out = attachCosts(result, rows, 'H', [])
+  assert.deepEqual(out.daily.map((slot) => slot.costByModel), [{}, {}, {}])
+  assert.equal(out.unpriced, 2)
+})
+
+test('attachCosts M 槽 costByModel 按模型拆分', () => {
+  // Given 同分钟桶两模型 When M 计价 Then 分钟槽 costByModel 为逐模型费用
+  const rows = [
+    makeRow({ bucket: '2020-01-01T01:10', model: 'm1', inputTokens: 500000 }),
+    makeRow({ bucket: '2020-01-01T01:10', model: 'm2', inputTokens: 500000 }),
+  ]
+  const result = aggregateRange(rows, 'M', '2020-01-01T01:10', '2020-01-01T01:10')
+  const out = attachCosts(result, rows, 'M', [ruleOf({ price: inputPrice(1) })])
+  assert.deepEqual(out.daily[0].costByModel, { m1: 0.5, m2: 0.5 })
+  assert.equal(out.daily[0].cost, 1)
+})