@mzzsfy/dsh-usage-dash 0.3.0 → 0.5.0

package/src/client.js

@@ -18,7 +18,7 @@ const DEFAULT_MINUTE_PRESET = '24h'
 // 天视图渲染上限;时/分上限 = 闭区间桶数(hour N+1 槽,minute N/10+1 槽)
 const DAY_MAX_SLOTS = 180
 const API_PREFIX = '/api/usage-dash/'
-const ENDPOINTS = { range: 'range', hours: 'hours', minutes: 'minutes', status: 'status', reset: 'reset', pricing: 'pricing' }
+const ENDPOINTS = { range: 'range', hours: 'hours', minutes: 'minutes', status: 'status', reset: 'reset', restore: 'restore', pricing: 'pricing' }
 
 // 宿主语义 token 之外的插件本地模型色板容量与哨兵
 const GROUP_TOP_COUNT = 5
@@ -128,6 +128,7 @@ const MESSAGES_ZH = {
   hitRateLegend: '缓存命中率',
   avgSpeed: '平均生成速度',
   speedLegend: '平均生成速度',
+  ttftLegend: '首 token 延迟',
   topModel: '最常用模型',
   topModelHint: '按 token 用量排序,非调用次数',
   heatmap: '活跃热力图',
@@ -148,6 +149,9 @@ const MESSAGES_ZH = {
   'status.running': '回扫中 {done}/{total}',
   rebuild: '重建',
   rebuildConfirm: '确认重建',
+  restore: '回退数据',
+  restoreConfirm: '确认回退',
+  restoreMissing: '无可用回退点(重建时自动生成)',
   hourTrend: '按小时 Token 趋势',
   minuteTrend: '按分钟 Token 趋势',
   'hourPreset.24h': '24 小时',
@@ -163,6 +167,7 @@ const MESSAGES_ZH = {
   trendTruncated: '数据量过大,仅显示最近部分',
   recordFailures: '{n} 条记录写入失败',
   skippedSessions: '跳过 {n} 个无法读取的会话',
+  skipBreakdown: '宿主拒读 {d} / 存档损坏 {c} / 旧格式 {l} / 其他 {o}——宿主修复后下轮回扫自动补齐',
   anomalyLog: '扫描异常日志',
   logKindSkipped: '跳过会话',
   logKindRecord: '写入失败',
@@ -173,18 +178,18 @@ const MESSAGES_ZH = {
   'stats.tokensPerSecond': '{throughput} tok/s',
   'stats.cacheHit': '缓存命中 {percent}%',
   'stats.tokens': '输入 {input} tok · 输出 {output} tok',
+  'turnCostChip': '{cost}',
   'stats.tokensDetail': '总 {total} tok · 输入 {input} tok · 命中缓存 {hit} tok · 未命中缓存 {miss} tok · 输出 {output} tok',
   cachePrecision: '精确缓存命中率',
   cachePrecisionDesc: '在会话底部信息栏以两位小数显示缓存命中率。',
   tokenDetail: '会话 Token 明细',
   tokenDetailDesc: '在会话底部信息栏显示总 Token、命中/未命中缓存与输出明细。',
   costDisplay: '费用显示',
-  costDisplayDesc: '在信息栏与趋势悬浮中显示按当前费率估算的费用。',
+  costDisplayDesc: '在信息栏、趋势悬浮与回合费用芯片中显示按当前费率估算的费用。',
   costTitle: '按当前费率对历史用量估算,精度为小时级',
   costUnpriced: '{n} 个小时桶未计价',
   statsCostTitle: '按当前费率对会话累计 token 估算',
   'stats.cost': '费用 ≈ {cost}',
-  'stats.turnCost': '{summary} · 费用 ≈ {cost}',
   turnCostTitle: '单轮用量按当前费率估算',
   turnTokensUnreported: '该提供商未上报此桶',
   pricing: '定价规则',
@@ -197,8 +202,8 @@ const MESSAGES_ZH = {
   priceOutput: '输出',
   priceCacheRead: '缓存读',
   priceCacheWrite: '缓存写',
-  noCondition: '无条件 = 恒生效',
   addCondition: '添加条件',
+  confirmDelete: '确认删除',
   deleteCondition: '删除条件',
   condKind: '条件类型',
   condDailyWindow: '每日时段',
@@ -218,9 +223,17 @@ const MESSAGES_ZH = {
   condWeekday: '需 0-6 整数',
   condMonthDay: '需 1-31 整数',
   condDate: '需 YYYY-MM-DD',
-  condRange: '起始不得晚于结束',
-  deleteRule: '删除规则',
-  addRule: '添加规则',
+  condRange: '结束不得早于起始(两端均含)',
+  ruleOrderHint: '附加计费规则从上到下匹配,首个命中生效;全不命中落默认价',
+  moveUp: '上移',
+  moveDown: '下移',
+  addGroup: '添加模型',
+  addRule: '添加额外计费规则',
+  addDefaultPrice: '添加默认价',
+  deleteGroup: '删除模型及其全部计费规则',
+  deleteRule: '删除计费规则',
+  addCondition: '添加条件',
+  defaultPriceHint: '默认价:附加规则全不命中时生效,不设条件',
   save: '保存',
   saved: '已保存',
   required: '必填',
@@ -255,6 +268,7 @@ const MESSAGES_EN = {
   hitRateLegend: 'Cache-hit rate',
   avgSpeed: 'Avg speed',
   speedLegend: 'Avg speed',
+  ttftLegend: 'First-token latency',
   topModel: 'Top model',
   topModelHint: 'Ranked by token usage, not call count',
   heatmap: 'Activity heatmap',
@@ -275,6 +289,9 @@ const MESSAGES_EN = {
   'status.running': 'Rescanning {done}/{total}',
   rebuild: 'Rebuild',
   rebuildConfirm: 'Confirm rebuild',
+  restore: 'Restore data',
+  restoreConfirm: 'Confirm restore',
+  restoreMissing: 'No restore point (created automatically on rebuild)',
   hourTrend: 'Hourly token trend',
   minuteTrend: 'Per-minute token trend',
   'hourPreset.24h': '24 hours',
@@ -290,6 +307,7 @@ const MESSAGES_EN = {
   trendTruncated: 'Too much data, showing only the latest part',
   recordFailures: '{n} records failed to write',
   skippedSessions: '{n} unreadable sessions skipped',
+  skipBreakdown: 'host-refused {d} / corrupt {c} / legacy format {l} / other {o} — auto-retried once the host can read them',
   anomalyLog: 'Scan anomaly log',
   logKindSkipped: 'skipped',
   logKindRecord: 'write failed',
@@ -300,18 +318,18 @@ const MESSAGES_EN = {
   'stats.tokensPerSecond': '{throughput} tok/s',
   'stats.cacheHit': 'Cache hit {percent}%',
   'stats.tokens': 'Input {input} tok · Output {output} tok',
+  'turnCostChip': '{cost}',
   'stats.tokensDetail': 'Total {total} tok · Input {input} tok · Cache hit {hit} tok · Cache miss {miss} tok · Output {output} tok',
   cachePrecision: 'Precise cache-hit rate',
   cachePrecisionDesc: 'Show the cache-hit rate with two decimals in the session stats line.',
   tokenDetail: 'Session token detail',
   tokenDetailDesc: 'Show total, cache hit/miss and output tokens in the session stats line.',
   costDisplay: 'Cost display',
-  costDisplayDesc: 'Show costs estimated at current rates in the stats line and trend tooltips.',
+  costDisplayDesc: 'Show costs estimated at current rates in the stats line, trend tooltips and the turn cost chip.',
   costTitle: 'Estimated at current rates over historical usage, hourly precision',
   costUnpriced: '{n} hour buckets unpriced',
   statsCostTitle: 'Estimated at current rates over session token totals',
   'stats.cost': 'Cost ≈ {cost}',
-  'stats.turnCost': '{summary} · Cost ≈ {cost}',
   turnCostTitle: 'Per-turn usage estimated at current rates',
   turnTokensUnreported: 'Not reported by this provider',
   pricing: 'Pricing rules',
@@ -324,8 +342,8 @@ const MESSAGES_EN = {
   priceOutput: 'Output',
   priceCacheRead: 'Cache read',
   priceCacheWrite: 'Cache write',
-  noCondition: 'No condition = always applies',
   addCondition: 'Add condition',
+  confirmDelete: 'Confirm delete',
   deleteCondition: 'Remove condition',
   condKind: 'Condition kind',
   condDailyWindow: 'Daily window',
@@ -345,9 +363,17 @@ const MESSAGES_EN = {
   condWeekday: 'Requires integer 0-6',
   condMonthDay: 'Requires integer 1-31',
   condDate: 'Requires YYYY-MM-DD',
-  condRange: 'From must not be after to',
-  deleteRule: 'Remove rule',
-  addRule: 'Add rule',
+  condRange: 'End must not be before start (both ends inclusive)',
+  ruleOrderHint: '附加计费规则从上到下匹配,首个命中生效;全不命中落默认价',
+  moveUp: 'Move up',
+  moveDown: 'Move down',
+  addGroup: 'Add model',
+  addRule: 'Add extra pricing rule',
+  addDefaultPrice: 'Add default price',
+  deleteGroup: 'Delete model and all its pricing rules',
+  deleteRule: 'Remove pricing rule',
+  addCondition: 'Add condition',
+  defaultPriceHint: 'Default price: applies when no extra rule above matches; no conditions',
   save: 'Save',
   saved: 'Saved',
   required: 'Required',
@@ -505,11 +531,14 @@ const BAR_MAX_WIDTH = 30
 const AXIS_TICK_COUNT = 4
 // 速度刻度上限钳底:全零或无速度防除零(速度不设轴,读数走 tooltip)
 const SPEED_SCALE_FLOOR = 1
+// 首 token 延迟刻度上限钳底(毫秒):全零或无数据防除零(不设轴,读数走 tooltip)
+const TTFT_SCALE_FLOOR = 1
 // 轴上限留白系数:数据峰不顶满绘图区,顶部留出标注空间
 const AXIS_SCALE_HEADROOM = 1.1
 // 图例键:折线项与模型项共处同一显隐集合
 const LEGEND_KEY_RATE = 'rate'
 const LEGEND_KEY_SPEED = 'speed'
+const LEGEND_KEY_TTFT = 'ttft'
 
 function niceTicks(max, count) {
   if (max <= 0 || count <= 0) return []
@@ -590,6 +619,7 @@ function trendLayout(slots, modelOrder, avail, labelMinPitch) {
 const PERCENT_SCALE = 100
 const RATE_AXIS_STEPS = 4
 const TREND_LINE_WIDTH = 2
+const TREND_LINE_GAP_SLOTS = 1.5
 const TREND_DOT_RADIUS = 4
 const TREND_DOT_RING = 2
 const AXIS_RATE_GAP = 8
@@ -626,8 +656,22 @@ function trendSpeedPoints(slots, bars, plotHeight, scaleMax) {
   return points
 }
 
-// Catmull-Rom 转三次贝塞尔:控制点取邻点差六分之一,端点折返
-function smoothPath(points) {
+// 首 token 延迟曲线点:仅带 ttft 槽产出,高度按刻度上限归一(毫秒域独立归一)
+function trendTtftPoints(slots, bars, plotHeight, scaleMax) {
+  const points = []
+  slots.forEach((slot, index) => {
+    if (slot.ttft === undefined) return
+    points.push({
+      day: slot.day,
+      x: bars[index].x,
+      y: CHART_PAD.top + plotHeight - (slot.ttft / scaleMax) * plotHeight,
+    })
+  })
+  return points
+}
+
+// Catmull-Rom 转三次贝塞尔:控制点取邻点差六分之一,端点折返;相邻点间距超 maxGap 折线断开成新段(稀疏槽防长弧跨越)
+function smoothPath(points, maxGap = Number.POSITIVE_INFINITY) {
   if (points.length === 0) return ''
   if (points.length === 1) return `M ${points[0].x} ${points[0].y}`
   let d = `M ${points[0].x} ${points[0].y}`
@@ -636,6 +680,10 @@ function smoothPath(points) {
     const p1 = points[i]
     const p2 = points[i + 1]
     const p3 = points[i + 2] ?? p2
+    if (p2.x - p1.x > maxGap) {
+      d += ` M ${p2.x} ${p2.y}`
+      continue
+    }
     const c1x = p1.x + (p2.x - p0.x) / 6
     const c1y = p1.y + (p2.y - p0.y) / 6
     const c2x = p2.x - (p3.x - p1.x) / 6
@@ -695,6 +743,30 @@ function speedScaleMax(slots) {
   return Math.max(SPEED_SCALE_FLOOR, ...slots.map((slot) => slot.speed ?? 0))
 }
 
+// 首 token 延迟刻度上限(毫秒):全零或无数据钳底防除零
+function ttftScaleMax(slots) {
+  return Math.max(TTFT_SCALE_FLOOR, ...slots.map((slot) => slot.ttft ?? 0))
+}
+
+// tooltip 首 token 延迟行文本:无 ttft 与命中率同款占位符,有则为官方时长口径
+function ttftTipText(ttft, t) {
+  return ttft === undefined ? TOOLTIP_MISSING : formatDuration(ttft, t)
+}
+
+// 语言中立短时长:60 秒内一位小数秒,以上整秒折分秒(模型列表第二行用,禁本地化)
+function formatDurationShort(ms) {
+  const seconds = ms / MS_PER_SECOND
+  if (seconds < DURATION_MINUTE_SECONDS) return `${Math.round(seconds * NUMBER_ONE_DECIMAL) / NUMBER_ONE_DECIMAL}s`
+  const whole = Math.round(seconds)
+  return `${Math.floor(whole / SECONDS_PER_MINUTE)}m${whole % SECONDS_PER_MINUTE}s`
+}
+
+// 模型首 token 延迟短文本:语言中立;无 ttft(无配对数据)为空串
+function modelTtftText(ttft) {
+  if (ttft === undefined) return ''
+  return `TTFT ${formatDurationShort(ttft)}`
+}
+
 // 热力图:窗口固定 26 周,与所选范围无关
 const HEAT_WEEKS = 26
 const HEAT_ROW_COUNT = 7
@@ -752,10 +824,13 @@ function heatLevel(tokens, max) {
   return tokens === 0 ? 0 : 1 + Math.floor((tokens / max) * HEAT_LEVEL_BANDS)
 }
 
-// ChartTip 定位:锚定格子矩形,边界内 clamp,下方优先放不下翻上方
+// ChartTip 定位:锚定区装得下贴内顶(趋势图悬停区即绘图区,悬浮窗留在图表内),装不下上翻、再下翻、末了钳边界顶
 const TIP_GAP_PX = 8
 const TIP_MARGIN_PX = 8
 
+// 回合费用芯片与前置官方芯片(结束时钟)的间距
+const TURN_COST_GAP_PX = 8
+
 function tipPlace(anchor, tip, bounds, gap = TIP_GAP_PX, margin = TIP_MARGIN_PX) {
   if (!tip || tip.width <= 0 || tip.height <= 0) return null
   if (!anchor || (anchor.left === 0 && anchor.top === 0 && anchor.right === 0 && anchor.bottom === 0)) return null
@@ -764,11 +839,13 @@ function tipPlace(anchor, tip, bounds, gap = TIP_GAP_PX, margin = TIP_MARGIN_PX)
   const maxX = bounds.right - margin
   const maxY = bounds.bottom - margin
   const left = Math.max(minX, Math.min((anchor.left + anchor.right) / 2 - tip.width / 2, maxX - tip.width))
-  const below = anchor.bottom + gap
+  const inside = anchor.top + gap
   const above = anchor.top - gap - tip.height
+  const below = anchor.bottom + gap
   let top
-  if (below + tip.height <= maxY) top = below
+  if (inside + tip.height <= anchor.bottom) top = inside
   else if (above >= minY) top = above
+  else if (below + tip.height <= maxY) top = below
   else top = minY
   return { left, top }
 }
@@ -1052,15 +1129,14 @@ const toMinutesOfDay = (hhmm) => {
   return Number.isFinite(h) && Number.isFinite(m) ? h * MINUTES_PER_HOUR + m : Number.NaN
 }
 
-// from<to 含头不含尾;from>to 跨午夜;from===to 全天生效
+// 所有范围条件统一双侧包含;from>to 跨午夜/跨月环绕;from===to 单点/单日(与宿主 pricing.js 镜像,parity 测试锁定)
 function dailyWindowMatches(condition, date) {
   const from = toMinutesOfDay(condition.from)
   const to = toMinutesOfDay(condition.to)
   if (Number.isNaN(from) || Number.isNaN(to)) return false
   const m = minutesOfDay(date)
-  if (from < to) return m >= from && m < to
-  if (from > to) return m >= from || m < to
-  return true
+  if (from <= to) return m >= from && m <= to
+  return m >= from || m <= to
 }
 
 // days 空数组不成立;0=周日,取 getDay()
@@ -1069,7 +1145,7 @@ function weekdaysMatches(condition, date) {
   return Array.isArray(days) && days.length > 0 && days.includes(date.getDay())
 }
 
-// 号段双闭;from>to 跨月环绕;日号必须整数,2 月无 31 号自然不触发
+// 号段双侧包含;from>to 跨月环绕;from===to 单日,2 月无 31 号自然不触发
 function monthDaysMatches(condition, date) {
   const { from, to } = condition
   if (!Number.isInteger(from) || !Number.isInteger(to)) return false
@@ -1077,7 +1153,7 @@ function monthDaysMatches(condition, date) {
   return from <= to ? d >= from && d <= to : d >= from || d <= to
 }
 
-// 要求零填充 YYYY-MM-DD 字典序双闭;from>to 属配置错误不成立,非规范串同样不成立
+// 零填充 YYYY-MM-DD 字典序双侧包含;from>to 配置错误不成立(编辑器校验拦截)
 const ISO_DAY_PATTERN = /^\d{4}-\d{2}-\d{2}$/
 function dateRangeMatches(condition, date) {
   const { from, to } = condition
@@ -1229,29 +1305,99 @@ function costTitleText(t, unpriced) {
   return unpriced > 0 ? `${base},${t('costUnpriced', { n: unpriced })}` : base
 }
 
-// ===== 注入点B:turnTail 单轮用量行(chain 条目,官方 TurnTailNodeView 容器内渲染) =====
-// chain 尝试顺序 = priority 升序:deliverables 产物行(默认 0)先试,本条目后试让位
-const TURN_TAIL_DATA_KEY = 'turn-tail'
-const TURN_TAIL_PRIORITY = 1
-const TURN_COST_REVEAL_MS = 80
-const TURN_TAIL_ACTIONS_INSET_PX = -6
-
-// Turn 位置数据读取:owner 形状残缺一律 null 不抛;tokenUsage 缺失(证据不完整)即放弃渲染
-function selectTurnTokenUsage(owner) {
-  return owner?.turn?.data?.get
-    ? (owner.turn.data.get(TURN_TAIL_DATA_KEY)?.tokenUsage ?? null)
-    : null
+// ===== 注入点B:回合费用芯片(官方动作行 assistant-actions 槽条目,赞踩/上下文跳转同排) =====
+// 排序取上下文插件条目(20)之后,贴近尾部用量/用时芯片一侧
+const TURN_COST_CHIP_ORDER = 20 + 10
+
+// messageId 反查:节点表为 chat 节点仓库(values() 可枚举,Map/仓库两态兼容);
+// 回合级用量优先取回合位置数据(location.turn.data.get('turn-tail')).tokenUsage(官方 tokenUsage 聚合,
+// 分页窗口缺 turn/start 时缺席),回退视图节点 data.closing.usage(末步用量采样,输入侧已含缓存,计费口径同源)
+// 索引缓存:每份节点表快照只全量扫描一次建 messageId→turn-tail 索引(WeakMap 随快照释放),
+// 长会话流式期间多芯片各自全量扫描是 O(消息数×节点数) 放大,索引后单快照 O(节点数)
+const TURN_USAGE_INDEX_CACHE = new WeakMap()
+
+function turnUsageIndexOf(nodes) {
+  let index = TURN_USAGE_INDEX_CACHE.get(nodes)
+  if (index !== undefined) return index
+  index = new Map()
+  const list = nodes && typeof nodes.values === 'function' ? [...nodes.values()] : nodes
+  if (Array.isArray(list)) {
+    for (const node of list) {
+      try {
+        if (node?.kind !== 'turn-tail') continue
+        const messageId = node.data?.closing?.finalNode?.messageId
+        if (typeof messageId !== 'string' || index.has(messageId)) continue
+        index.set(messageId, node)
+      } catch { /* 单节点形状残缺跳过 */ }
+    }
+  }
+  TURN_USAGE_INDEX_CACHE.set(nodes, index)
+  return index
+}
+
+function turnTokenUsageOfMessage(nodes, messageId) {
+  // 非对象(含 null/undefined)直接 null:WeakMap 键要求对象,展开校验收进索引构建,
+  // 每快照只物化一次节点序列
+  if (nodes === null || typeof nodes !== 'object') return null
+  const node = turnUsageIndexOf(nodes).get(messageId)
+  if (node === undefined) return null
+  try {
+    const turnData = node.location?.turn?.data
+    const tail = turnData && typeof turnData.get === 'function' ? turnData.get('turn-tail') : null
+    if (tail?.tokenUsage) return tail.tokenUsage
+    if (node.data.tokenUsage) return node.data.tokenUsage
+    return usageSourceBuckets(node.data?.closing?.usage ?? null)
+  } catch { /* 单节点形状残缺跳过,语义同扫描容错 */ }
+  return null
+}
+
+// messageId 反查用量源:返回仓库内既有引用(官方聚合 tokenUsage → 视图节点 tokenUsage → closing.usage 采样),
+// 引用恒定直至该回合数据被替换;全缺返回 null。供 useChat selector 使用 ——
+// selector 必须返回稳定引用(useSyncExternalStore 以 Object.is 比对快照),返回新建对象会造成无限渲染;
+// 采样形态(字段名差异)由 usageSourceBuckets 在渲染层归一
+function turnUsageSourceOfMessage(nodes, messageId) {
+  if (nodes === null || typeof nodes !== 'object') return null
+  const node = turnUsageIndexOf(nodes).get(messageId)
+  if (node === undefined) return null
+  try {
+    const turnData = node.location?.turn?.data
+    const tail = turnData && typeof turnData.get === 'function' ? turnData.get('turn-tail') : null
+    return tail?.tokenUsage ?? node.data.tokenUsage ?? node.data?.closing?.usage ?? null
+  } catch { /* 单节点形状残缺跳过,语义同扫描容错 */ }
+  return null
+}
+
+// 用量源 → 聚合桶形态:closing.usage 采样字段名不同(inputTokens 即 uncached 口径,实测 total-input=output 恒等),
+// 聚合形态(已带 uncachedInputTokens)原样直通保持引用
+function usageSourceBuckets(source) {
+  if (!source || source.uncachedInputTokens !== undefined) return source
+  if (source.inputTokens === undefined) return null
+  return {
+    uncachedInputTokens: source.inputTokens,
+    outputTokens: source.outputTokens,
+    totalTokens: source.totalTokens,
+    ...source.cacheReadTokens === undefined ? {} : { cacheReadTokens: source.cacheReadTokens },
+    ...source.cacheWriteTokens === undefined ? {} : { cacheWriteTokens: source.cacheWriteTokens },
+    ...source.reasoningTokens === undefined ? {} : { reasoningTokens: source.reasoningTokens },
+  }
 }
 
-// 计价模型键:routes 首个 route.model,缺席回退全通配键(与注入点A 同款)
-const turnModelOf = (tokenUsage) => tokenUsage?.routes?.[0]?.model ?? MODEL_UNROUTED
+// 计价模型键:routes 首条按官方 messageRoute 分离字段拼两段键,与采集器 refOf 双实现同源
+// (官方 source.provider/model 是分离字段,routes[].model 是裸模型名,展示侧才拼 provider),
+// 仅 model 用裸名命中 */model 档,双缺回退全通配键;多 route 取首条(单轮估算口径)
+const turnModelOf = (tokenUsage) => {
+  const route = tokenUsage?.routes?.[0]
+  if (!route) return MODEL_UNROUTED
+  if (route.provider && route.model) return `${route.provider}/${route.model}`
+  return route.model || MODEL_UNROUTED
+}
 
 // 可选桶(cacheRead/cacheWrite)仅部分 provider 上报,缺失按 0 计入摘要与费用
 const turnReportedBucket = (value) => (value ?? 0)
 
-// 摘要计费输入 = prompt 侧三桶(官方 billing 分母口径)
+// 摘要计费输入 = prompt 侧三桶(官方 billing 分母口径),核心桶缺省同按 0 保证降级形态对称
 function turnBilledInputTokens(tokenUsage) {
-  return tokenUsage.uncachedInputTokens
+  return turnReportedBucket(tokenUsage.uncachedInputTokens)
     + turnReportedBucket(tokenUsage.cacheReadTokens)
     + turnReportedBucket(tokenUsage.cacheWriteTokens)
 }
@@ -1261,33 +1407,44 @@ function turnOptionalUnreported(tokenUsage) {
   return tokenUsage?.cacheReadTokens === undefined || tokenUsage?.cacheWriteTokens === undefined
 }
 
-// 单轮行文本:摘要 + 费用;token 复用官方 compact 族,价未命中为占位符
-function buildTurnCostLine(t, tokenUsage, price, currency) {
-  const summary = t('stats.tokens', {
-    input: formatTokensCompact(turnBilledInputTokens(tokenUsage), t),
-    output: formatTokensCompact(tokenUsage.outputTokens, t),
-  })
-  const cost = price ? formatCost(costOf(price, pricingBucketsOf(tokenUsage)), currency) : COST_PLACEHOLDER
-  return t('stats.turnCost', { summary, cost })
+// 芯片计费额:价命中才算,0 元(全零价或全零桶)返回 null 由调用方决定不渲染;价未命中同 null
+function turnCostAmountOf(tokenUsage, price) {
+  if (!price) return null
+  const cost = costOf(price, pricingBucketsOf(tokenUsage))
+  return cost > 0 ? cost : null
+}
+
+// 芯片文本:仅金额,不带货币前缀文字(官方用量芯片弹窗已有 token 明细)
+function buildTurnCostChipText(t, tokenUsage, price, currency) {
+  const cost = turnCostAmountOf(tokenUsage, price)
+  return t('turnCostChip', { cost: cost === null ? COST_PLACEHOLDER : formatCost(cost, currency) })
 }
 
-// 行 title:估算口径说明,可选桶未上报时追加标注
+// 芯片 title:token 摘要 + 估算口径,可选桶未上报时追加标注
 function turnCostTitleText(t, tokenUsage) {
-  const base = t('turnCostTitle')
-  return turnOptionalUnreported(tokenUsage) ? `${base},${t('turnTokensUnreported')}` : base
+  const notes = [
+    t('stats.tokens', {
+      input: formatTokensCompact(turnBilledInputTokens(tokenUsage), t),
+      output: formatTokensCompact(turnReportedBucket(tokenUsage.outputTokens), t),
+    }),
+    t('turnCostTitle'),
+  ]
+  if (turnOptionalUnreported(tokenUsage)) notes.push(t('turnTokensUnreported'))
+  return notes.join(',')
 }
 
 // ===== 定价编辑器纯函数(校验/规整/默认值) =====
 const PRICE_KEYS = ['input', 'output', 'cacheRead', 'cacheWrite']
 const HHMM_PATTERN = /^\d{1,2}:\d{2}$/
 const ISO_DAY_PATTERN_CLIENT = /^\d{4}-\d{2}-\d{2}$/
-// 时刻分量界:小时含头不含尾,分钟双闭
-const HOUR_MAX = 24
+// 时刻分量界:小时/分钟均双闭
+const HOUR_MAX = 23
 const MINUTE_MAX = 59
 const WEEKDAY_MIN = 0
 const WEEKDAY_MAX = 6
 const MONTH_DAY_MIN = 1
 const MONTH_DAY_MAX = 31
+const FULL_DAY_WINDOW = { from: '00:00', to: '23:59' }
 const CONDITION_KIND_OPTIONS = ['dailyWindow', 'weekdays', 'monthDays', 'dateRange']
 const CONDITION_KIND_LABEL_KEYS = {
   dailyWindow: 'condDailyWindow',
@@ -1300,18 +1457,18 @@ const WEEKDAY_COUNT = 7
 const parseHHMM = (value) => {
   if (typeof value !== 'string' || !HHMM_PATTERN.test(value)) return null
   const [hours, minutes] = value.split(':').map(Number)
-  return hours >= 0 && hours < HOUR_MAX && minutes >= 0 && minutes <= MINUTE_MAX ? value : null
+  return hours >= 0 && hours <= HOUR_MAX && minutes >= 0 && minutes <= MINUTE_MAX ? value : null
 }
 
 const isValidMonthDay = (value) => Number.isInteger(value) && value >= MONTH_DAY_MIN && value <= MONTH_DAY_MAX
 
 const isValidWeekday = (value) => Number.isInteger(value) && value >= WEEKDAY_MIN && value <= WEEKDAY_MAX
 
-// 各条件类型合法默认:时段全天(from===to)、周几空、号段全月(短月高位号自然不触发)、日期段当天
+// 各条件类型合法默认即填即用:时段全天、周几空、号段全月、日期段当天单日
 const defaultCondition = (kind, now = new Date()) => {
   const today = formatDate(now)
   const defaults = {
-    dailyWindow: { kind: 'dailyWindow', from: '00:00', to: '00:00' },
+    dailyWindow: { kind: 'dailyWindow', ...FULL_DAY_WINDOW },
     weekdays: { kind: 'weekdays', days: [] },
     monthDays: { kind: 'monthDays', from: MONTH_DAY_MIN, to: MONTH_DAY_MAX },
     dateRange: { kind: 'dateRange', from: today, to: today },
@@ -1319,15 +1476,18 @@ const defaultCondition = (kind, now = new Date()) => {
   return defaults[kind] ? { ...defaults[kind] } : null
 }
 
-// 条件字段级校验:路径前缀 + 键 → 错误键;倒序仅 dateRange 非法(时段/号段倒序为跨午夜/跨月语义)
+// 条件字段级校验:路径前缀 + 键 → 错误键;时段/号段倒序为跨午夜/跨月语义;
+// 所有范围双侧包含,from===to 单点/单日合法;仅日期段倒序属配置错误(condRange)
 const validateCondition = (condition, path, errors) => {
   if (!condition || typeof condition !== 'object') {
     errors.set(path, 'required')
     return
   }
   if (condition.kind === 'dailyWindow') {
-    if (parseHHMM(condition.from) === null) errors.set(`${path}.from`, condition.from === '' || condition.from == null ? 'required' : 'condTime')
-    if (parseHHMM(condition.to) === null) errors.set(`${path}.to`, condition.to === '' || condition.to == null ? 'required' : 'condTime')
+    const from = parseHHMM(condition.from)
+    const to = parseHHMM(condition.to)
+    if (from === null) errors.set(`${path}.from`, condition.from === '' || condition.from == null ? 'required' : 'condTime')
+    if (to === null) errors.set(`${path}.to`, condition.to === '' || condition.to == null ? 'required' : 'condTime')
     return
   }
   if (condition.kind === 'weekdays') {
@@ -1402,6 +1562,58 @@ const defaultPricingRule = (currency = CURRENCIES[0]) => ({
 
 const patchItemAt = (array, index, patch) => array.map((item, i) => (i === index ? { ...item, ...patch } : item))
 
+// 编辑器分组视图纯函数:wire 契约(平面数组)不变,组/槽位仅是展示层投影。
+// 槽位移动/增删均落回平面数组的对应位置变换,组内相对顺序即匹配优先序。
+
+// 按模型键聚合:组序为首次出现序,槽位保序并携带平面索引(错误路径与移动操作的寻址键)
+function groupRulesOf(rules) {
+  const groups = new Map()
+  ;(rules ?? []).forEach((rule, index) => {
+    const key = rule.model
+    if (!groups.has(key)) groups.set(key, { model: key, slots: [] })
+    groups.get(key).slots.push({ rule, index })
+  })
+  return [...groups.values()]
+}
+
+// 组内划分:末条无条件规则即该模型的默认价(恒兜底,UI 禁条件/排序/删除),其余为附加计费规则。
+// 全条件组默认价为 null(UI 提供"添加默认价"入口);多条无条件时末条为默认价,存量数据自然收敛
+function partitionGroupOf(group) {
+  const last = group.slots[group.slots.length - 1]
+  const isDefault = last !== undefined && (last.rule.conditions ?? []).length === 0
+  return {
+    defaultSlot: isDefault ? last : null,
+    extras: isDefault ? group.slots.slice(0, -1) : group.slots,
+  }
+}
+
+// 槽位跨位移动(splice 语义):同位或越界返回原引用
+function moveRuleTo(rules, fromIndex, toIndex) {
+  if (!Array.isArray(rules) || fromIndex === toIndex) return rules
+  if (fromIndex < 0 || fromIndex >= rules.length || toIndex < 0 || toIndex >= rules.length) return rules
+  const moved = [...rules]
+  const [item] = moved.splice(fromIndex, 1)
+  moved.splice(toIndex, 0, item)
+  return moved
+}
+
+// 组级改名:仅命中索引集的规则变更 model,其余保持引用不变
+function renameRulesAt(rules, indexes, model) {
+  const hit = new Set(indexes)
+  return rules.map((rule, i) => (hit.has(i) ? { ...rule, model } : rule))
+}
+
+// 插入到目标平面位之后(组内添加槽位 = 组内末槽位索引 + 1)
+function insertRuleAt(rules, position, rule) {
+  return [...rules.slice(0, position + 1), rule, ...rules.slice(position + 1)]
+}
+
+// 批量移除(组删除)
+function removeRulesAt(rules, indexes) {
+  const hit = new Set(indexes)
+  return rules.filter((_, i) => !hit.has(i))
+}
+
 
 if (typeof window !== 'undefined' && window.__ModuleLoader__) {
   window.__ModuleLoader__.load({ id: '@mzzsfy/dsh-usage-dash', factory })
@@ -1536,6 +1748,7 @@ if (typeof window !== 'undefined' && window.__ModuleLoader__) {
       model: ['M5 5h14v14H5Z', 'M9 9h6v6H9Z', 'M9 2v3', 'M15 2v3', 'M9 19v3', 'M15 19v3', 'M2 9h3', 'M2 15h3', 'M19 9h3', 'M19 15h3'],
       rate: ['M22 12h-4l-3 9L9 3l-3 9H2'],
       days: ['M5 5h14a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Z', 'M16 3v4', 'M8 3v4', 'M3 11h18'],
+      trash: ['M3 6h18', 'M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6', 'M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2', 'M10 11v6', 'M14 11v6'],
     }
 
     function Icon({ paths }) {
@@ -1546,12 +1759,35 @@ if (typeof window !== 'undefined' && window.__ModuleLoader__) {
       }, paths.map((d, index) => h('path', { key: index, d })))
     }
 
+    // 危险删除按钮:首点进武装态(垃圾桶变"确认删除"文字),再点才执行,超时自动解除
+    function DeleteArmedButton({ labelKey, confirmKey, onConfirm, t = defaultT }) {
+      const [armed, setArmed] = useState(false)
+      const armedTimerRef = useRef(null)
+      useEffect(() => () => {
+        if (armedTimerRef.current) clearTimeout(armedTimerRef.current)
+      }, [])
+      const click = () => {
+        if (!armed) {
+          setArmed(true)
+          armedTimerRef.current = setTimeout(() => setArmed(false), REBUILD_CONFIRM_MS)
+          return
+        }
+        if (armedTimerRef.current) clearTimeout(armedTimerRef.current)
+        setArmed(false)
+        onConfirm()
+      }
+      return h('button', {
+        className: cx('ud-btn ud-btn--text', armed && 'ud-delete-armed'), type: 'button', onClick: click,
+        'aria-label': t(labelKey), title: t(labelKey),
+      }, armed ? t(confirmKey) : h(Icon, { paths: ICONS.trash }))
+    }
+
     const STYLE_CSS = `
 .ud-panel{display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--dsw-alias-label-primary);
 --ud-chart-1:color-mix(in srgb,#0576ff 70%,white);--ud-chart-2:color-mix(in srgb,#2f6f37 70%,white);--ud-chart-3:color-mix(in srgb,#c46212 70%,white);--ud-chart-4:color-mix(in srgb,#975bf1 70%,white);--ud-chart-5:color-mix(in srgb,#d34591 70%,white);--ud-chart-other:color-mix(in srgb,#576270 70%,white);
---dsw-heat-0:#ebedf0;--dsw-heat-1:#dbe3ff;--dsw-heat-2:#b7c5ff;--dsw-heat-3:#8ea4ff;--dsw-heat-4:#6884ff;--dsw-heat-5:#4d6bfe;--ud-trend-line:#0576ff;--ud-trend-speed:#0ca678}
+--dsw-heat-0:#ebedf0;--dsw-heat-1:#dbe3ff;--dsw-heat-2:#b7c5ff;--dsw-heat-3:#8ea4ff;--dsw-heat-4:#6884ff;--dsw-heat-5:#4d6bfe;--ud-trend-line:#0576ff;--ud-trend-speed:#0ca678;--ud-trend-ttft:#e8590c}
 body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,white);--ud-chart-2:color-mix(in srgb,#2f6f37 65%,white);--ud-chart-3:color-mix(in srgb,#c46212 65%,white);--ud-chart-4:color-mix(in srgb,#975bf1 65%,white);--ud-chart-5:color-mix(in srgb,#d34591 65%,white);--ud-chart-other:color-mix(in srgb,#576270 65%,white);
---dsw-heat-0:#21262d;--dsw-heat-1:#2f4bd0;--dsw-heat-2:#4d6bfe;--dsw-heat-3:#6e8bff;--dsw-heat-4:#93aaff;--dsw-heat-5:#c4d0ff;--ud-trend-line:#4d6bfe;--ud-trend-speed:#2fbf8f}
+--dsw-heat-0:#21262d;--dsw-heat-1:#2f4bd0;--dsw-heat-2:#4d6bfe;--dsw-heat-3:#6e8bff;--dsw-heat-4:#93aaff;--dsw-heat-5:#c4d0ff;--ud-trend-line:#4d6bfe;--ud-trend-speed:#2fbf8f;--ud-trend-ttft:#ffa94d}
 .ud-toolbar{display:flex;align-items:flex-start;gap:8px}
 .ud-toolbar-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1 auto;min-width:0}
 .ud-group{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--dsw-alias-border-l2);border-radius:9px;background:var(--dsw-alias-bg-layer-1)}
@@ -1569,6 +1805,7 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
 .ud-icon-btn{padding:0 12px}
 .ud-icon{display:inline-flex;align-items:center;justify-content:center}
 .ud-btn--text{border:none;background:transparent;color:var(--dsw-alias-label-tertiary);padding:2px 4px}
+.ud-delete-armed{color:var(--dsw-alias-state-error-primary);font-size:12px;white-space:nowrap}
 .ud-error{border:1px solid var(--dsw-alias-state-warn-primary);background:color-mix(in srgb,var(--dsw-alias-state-warn-primary) 12%,transparent);color:var(--dsw-alias-state-warn-label);border-radius:8px;padding:8px 12px;font-size:12px}
 .ud-loading{color:var(--dsw-alias-label-tertiary);text-align:center;padding:32px 0}
 .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}
@@ -1636,10 +1873,13 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
 .ud-bar-hit{fill:transparent;pointer-events:all}
 .ud-trend{stroke:var(--ud-trend-line);opacity:.9;fill:none;pointer-events:none}
 .ud-trend--speed{stroke:var(--ud-trend-speed)}
+.ud-trend--ttft{stroke:var(--ud-trend-ttft)}
 .ud-trend-dot{fill:var(--ud-trend-line);stroke:var(--dsw-alias-bg-layer-1);stroke-width:${TREND_DOT_RING}px;pointer-events:none}
 .ud-trend-dot--speed{fill:var(--ud-trend-speed)}
+.ud-trend-dot--ttft{fill:var(--ud-trend-ttft)}
 .ud-legend-swatch--line{height:2px;border-radius:1px;background:var(--ud-trend-line)}
 .ud-legend-swatch--line--speed{background:var(--ud-trend-speed)}
+.ud-legend-swatch--line--ttft{background:var(--ud-trend-ttft)}
 .ud-model-usage{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px}
 .ud-donut-wrap{flex:0 0 auto}
 .ud-donut-seg{cursor:pointer;outline:none;transition:stroke-width .12s ease}
@@ -1680,14 +1920,23 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
 .ud-pref-title{font-size:13px;color:var(--dsw-alias-label-primary)}
 .ud-pref-desc{font-size:12px;color:var(--dsw-alias-label-tertiary)}
 .ud-rule{display:flex;flex-direction:column;gap:8px;border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:10px 12px}
+.ud-rule-group{display:flex;flex-direction:column;gap:8px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:10px 12px}
+.ud-rule-group-head{display:flex;align-items:flex-end;gap:8px}
+.ud-rule-group-head .ud-field{flex:1}
+.ud-rule-group-slots{display:flex;flex-direction:column;gap:8px}
+.ud-rule-group-slots .ud-rule{background:color-mix(in srgb,var(--dsw-alias-bg-layer-2) 40%,transparent)}
+.ud-rule-default{border-style:dashed}
+.ud-slot-head{display:flex;align-items:flex-end;gap:8px}
+.ud-slot-head .ud-price-grid{flex:1}
 .ud-rule-head{display:flex;align-items:flex-end;gap:8px}
 .ud-rule-head .ud-field{flex:1}
 .ud-rule-cond{font-size:11px;color:var(--dsw-alias-label-tertiary)}
 .ud-rule-conds{display:flex;flex-direction:column;gap:6px}
-.ud-cond{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap}
-.ud-cond-kind{width:auto;min-width:88px}
-.ud-cond-fields{display:flex;align-items:flex-end;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
-.ud-cond-fields .ud-field{flex:0 1 auto}
+.ud-cond{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
+/* specificity 须高于 .ud-input 的 width:100%,否则类型下拉撑满整行把字段区挤到下一行 */
+.ud-cond .ud-cond-kind{width:auto;min-width:88px;flex:0 0 auto}
+.ud-cond-fields{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
+.ud-cond-fields .ud-field{flex-direction:row;align-items:center;gap:4px;flex:0 1 auto}
 .ud-cond-fields .ud-input{width:auto}
 .ud-cond-add{display:flex;gap:6px;flex-wrap:wrap}
 .ud-field{display:flex;flex-direction:column;gap:3px;min-width:0}
@@ -1705,8 +1954,8 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
 .ud-rule-add:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
 .ud-statsline-root{text-align:center;max-width:var(--dsh-chat-content-width);box-sizing:border-box;width:100%;padding:4px calc(var(--dsh-composer-side-clearance) + 16px) 0px;font-size:var(--dsh-content-font-size-secondary,13px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px));color:var(--dsw-alias-label-tertiary);white-space:nowrap;text-overflow:ellipsis;margin:0 auto;display:block;overflow:hidden}
 .ud-statsline-sep{color:var(--dsw-alias-separator-primary);margin:0 10px}
-.ud-turn-cost{font-size:var(--dsh-content-font-size-secondary,13px);color:var(--dsw-alias-label-tertiary);margin-left:${TURN_TAIL_ACTIONS_INSET_PX}px;font-variant-numeric:tabular-nums;white-space:nowrap}
-@media (hover:hover){[data-actions-reveal=hover] .ud-turn-cost{opacity:0;transition:opacity ${TURN_COST_REVEAL_MS}ms}[data-actions-reveal=hover]:hover .ud-turn-cost,[data-actions-reveal=hover]:focus-within .ud-turn-cost{opacity:1}}
+/* 芯片 portal 至动作行末尾,历史轮悬停/焦点显隐随父级 data-actions-reveal,无需自绘规则 */
+.ud-turn-cost{font-size:var(--dsh-content-font-size-secondary,13px);color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:${TURN_COST_GAP_PX}px}
 `
 
     function ensureStyle(document) {
@@ -1781,7 +2030,7 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
           h(FitText, null, String(stats.activeDays))))
     }
 
-    function Legend({ models, colorFor, speedEnabled = false, isVisible, onItem, t = defaultT }) {
+    function Legend({ models, colorFor, speedEnabled = false, ttftEnabled = false, isVisible, onItem, t = defaultT }) {
       const itemProps = (key) => ({
         className: cx('ud-legend-item', isVisible && !isVisible(key) && 'ud-legend-item--off'),
         onClick: onItem ? (event) => onItem(key, event.ctrlKey || event.metaKey) : undefined,
@@ -1796,7 +2045,10 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
           h('span', null, t('hitRateLegend'))),
         speedEnabled ? h('span', { key: 'speed', title: t('speedLegend'), ...itemProps(LEGEND_KEY_SPEED) },
           h('i', { className: 'ud-legend-swatch ud-legend-swatch--line ud-legend-swatch--line--speed' }),
-          h('span', null, t('speedLegend'))) : null)
+          h('span', null, t('speedLegend'))) : null,
+        ttftEnabled ? h('span', { key: 'ttft', title: t('ttftLegend'), ...itemProps(LEGEND_KEY_TTFT) },
+          h('i', { className: 'ud-legend-swatch ud-legend-swatch--line ud-legend-swatch--line--ttft' }),
+          h('span', null, t('ttftLegend'))) : null)
     }
 
     const colorForModel = (models) => (model) => {
@@ -1826,22 +2078,33 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
         return () => observer.disconnect()
       }, [])
       const hasSpeed = slots.some((slot) => slot.speed !== undefined)
-      const visibleSet = visibleKeys ?? new Set([...modelOrder, LEGEND_KEY_RATE, ...(hasSpeed ? [LEGEND_KEY_SPEED] : [])])
+      const hasTtft = slots.some((slot) => slot.ttft !== undefined)
+      const visibleSet = visibleKeys ?? new Set([
+        ...modelOrder, LEGEND_KEY_RATE,
+        ...(hasSpeed ? [LEGEND_KEY_SPEED] : []),
+        ...(hasTtft ? [LEGEND_KEY_TTFT] : []),
+      ])
       const visibleModels = modelOrder.filter((model) => visibleSet.has(model))
       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 plotRight = CHART_PAD.left + (slots.length - 1) * layout.step + layout.barWidth
       const ratePoints = trendRatePoints(slots, layout.bars, layout.plotHeight)
       const speedMax = speedScaleMax(slots)
       const speedAxisMax = speedMax * AXIS_SCALE_HEADROOM
       const speedPoints = showSpeed ? trendSpeedPoints(slots, layout.bars, layout.plotHeight, speedAxisMax) : []
+      const ttftMax = ttftScaleMax(slots)
+      const ttftAxisMax = ttftMax * AXIS_SCALE_HEADROOM
+      const ttftPoints = showTtft ? trendTtftPoints(slots, layout.bars, layout.plotHeight, ttftAxisMax) : []
       // 左轴标定:可见柱有数据标 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
       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
       const pick = (index) => (event) => setHover({ index, anchor: event.currentTarget })
       const clear = () => setHover(null)
       const otherEntries = hoverSlot
@@ -1884,11 +2147,15 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
               ? h('text', { key: slot.day, className: 'ud-axis', x: layout.bars[index].x, y: CHART_HEIGHT - X_LABEL_OFFSET, textAnchor: 'middle' }, labelFor(slot.day))
               : null),
             showRate ? h('path', {
-              className: 'ud-trend', d: smoothPath(ratePoints),
+              className: 'ud-trend', d: smoothPath(ratePoints, layout.step * TREND_LINE_GAP_SLOTS),
               strokeWidth: TREND_LINE_WIDTH, strokeLinejoin: 'round', strokeLinecap: 'round',
             }) : null,
             showSpeed ? h('path', {
-              className: cx('ud-trend', 'ud-trend--speed'), d: smoothPath(speedPoints),
+              className: cx('ud-trend', 'ud-trend--speed'), d: smoothPath(speedPoints, layout.step * TREND_LINE_GAP_SLOTS),
+              strokeWidth: TREND_LINE_WIDTH, strokeLinejoin: 'round', strokeLinecap: 'round',
+            }) : null,
+            showTtft ? h('path', {
+              className: cx('ud-trend', 'ud-trend--ttft'), d: smoothPath(ttftPoints, layout.step * TREND_LINE_GAP_SLOTS),
               strokeWidth: TREND_LINE_WIDTH, strokeLinejoin: 'round', strokeLinecap: 'round',
             }) : null,
             hoverRatePoint
@@ -1897,13 +2164,16 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
             hoverSpeedPoint
               ? h('circle', { className: cx('ud-trend-dot', 'ud-trend-dot--speed'), cx: hoverSpeedPoint.x, cy: hoverSpeedPoint.y, r: TREND_DOT_RADIUS })
               : null,
+            hoverTtftPoint
+              ? h('circle', { className: cx('ud-trend-dot', 'ud-trend-dot--ttft'), cx: hoverTtftPoint.x, cy: hoverTtftPoint.y, r: TREND_DOT_RADIUS })
+              : null,
             slots.map((slot, index) => h('rect', {
               key: `hit-${slot.day}`, className: 'ud-bar-hit',
               x: layout.bars[index].x - layout.step / 2, y: CHART_PAD.top, width: layout.step, height: layout.plotHeight,
               onMouseEnter: pick(index), onFocus: pick(index), onMouseLeave: clear, onBlur: clear,
             })))),
         h(Legend, {
-          models: legendModels, colorFor, speedEnabled: hasSpeed,
+          models: legendModels, colorFor, speedEnabled: hasSpeed, ttftEnabled: hasTtft,
           isVisible: (key) => visibleSet.has(key),
           onItem: (key, ctrl) => setVisibleKeys(legendToggle(visibleKeys, key, ctrl)),
         }),
@@ -1919,6 +2189,7 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
                   `${model}: ${formatTokens(tokens)}`)) : []),
                 showRate ? h('div', { key: 'rate', className: 'ud-tip-row' }, `${t('cacheHitRate')}: ${cacheRateText(hoverSlot.cacheHit, hoverSlot.cacheMiss)}`) : null,
                 showSpeed ? h('div', { key: 'speed', className: 'ud-tip-row' }, `${t('avgSpeed')}: ${speedTipText(hoverSlot.speed)}`) : null,
+                showTtft ? h('div', { key: 'ttft', className: 'ud-tip-row' }, `${t('ttftLegend')}: ${ttftTipText(hoverSlot.ttft, t)}`) : null,
                 costEnabled && prefsRef.current.costDisplay && hoverSlot.cost !== undefined
                   ? h('div', { key: 'cost', className: 'ud-tip-row' }, `≈ ${formatCost(hoverSlot.cost, costCurrency)}`)
                   : null,
@@ -2079,6 +2350,12 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
             models.map((item) => {
               const isOther = item.model === OTHER_MODEL
               const speedText = modelSpeedText(item.speed)
+              const ttftText = modelTtftText(item.ttft)
+              const metaParts = [
+                item.cost !== undefined ? `≈ ${formatCost(item.cost, costCurrency)}` : null,
+                ttftText,
+                speedText,
+              ].filter(Boolean)
               return h(React.Fragment, { key: item.model },
                 h('div', {
                   className: cx('ud-model-row', isOther && 'ud-model-row--expand'),
@@ -2100,11 +2377,9 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
                       }, '›')
                     : null,
                   h('div', { className: 'ud-model-values' },
-                    h('span', { className: 'ud-model-tokens' }, formatTokens(item.tokens)),
-                    h('span', { className: 'ud-model-pct' },
-                      item.cost !== undefined ? h('span', { className: 'ud-model-cost' }, `≈ ${formatCost(item.cost, costCurrency)} · `) : null,
-                      formatPercent((item.tokens / total) * PERCENT_SCALE),
-                      speedText ? ` · ${speedText}` : null))),
+                    h('span', { className: 'ud-model-tokens' },
+                      `${formatTokens(item.tokens)} (${formatPercent((item.tokens / total) * PERCENT_SCALE)})`),
+                    h('span', { className: 'ud-model-pct' }, metaParts.join(' · ')))),
                 isOther
                   ? h('div', { className: cx('ud-model-other', expandedOther && 'ud-model-other--open') },
                       h('div', { className: 'ud-model-other-list' },
@@ -2193,10 +2468,18 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
         entry.title ? h('span', { title: entry.title }, entry.text) : entry.text)))
     })
 
-    // 注入点B 组件:Turn 尾部单轮用量行,chain matched 即 TurnTokenUsage,渲染于动作行之前;
-    // 无独立费用开关(plan 决策),显隐随容器 data-actions-reveal;价格未载期间费用为占位符
-    const CostTail = React.memo(function CostTail({ matched, useChat, t = defaultT }) {
-      if (!matched || typeof useChat !== 'function') return null
+    // 注入点B 组件:回合费用芯片,官方动作行内渲染(复制与分支图标之间,赞踩/上下文跳转同排);
+    // 受费用显示开关;价格异步首帧未回不渲染,回包后补渲染;显隐节奏随官方 data-actions-reveal
+    // 官方槽容器固定在用量/用时芯片之前,末位排布由 SlotTailPortal 移交实现
+    // 响应性:useChat selector 返回用量源稳定引用(null→引用 / 引用→引用),回合结束数据发布即触发重渲染;
+    // 返回仓库本体则引用恒定,快照比对恒等,新回合永不重渲染(刷新才出现的根因)
+    const CostChip = React.memo(function CostChip({ messageId, useChat, t = defaultT }) {
+      if (typeof useChat !== 'function') return null
+      const usageSource = typeof messageId === 'string' && messageId !== ''
+        ? useChat((state) => turnUsageSourceOfMessage(state?.nodes, messageId))
+        : null
+      const [prefs, setPrefs] = useState(() => statsLineState.get())
+      useEffect(() => statsLineState.subscribe(() => setPrefs(statsLineState.get())), [])
       const [pricingRules, setPricingRules] = useState(null)
       useEffect(() => {
         let alive = true
@@ -2205,14 +2488,31 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
         })
         return () => { alive = false }
       }, [])
-      const model = turnModelOf(matched)
-      const now = new Date()
-      const price = pricingRules ? matchPrice(pricingRules, model, now) : null
-      const currency = pricingRules ? aggregateCurrencyOf(pricingRules) : ''
-      return h('div', { className: 'ud-turn-cost', title: turnCostTitleText(t, matched) },
-        buildTurnCostLine(t, matched, price, currency))
+      const matched = usageSourceBuckets(usageSource)
+      const price = matched && prefs.costDisplay && pricingRules !== null
+        ? matchPrice(pricingRules, turnModelOf(matched), new Date())
+        : null
+      // 0 元(全零价/全零桶)与价未命中同不渲染,无占位符
+      const cost = matched && price ? turnCostAmountOf(matched, price) : null
+      const chip = cost === null ? null : h('span', { className: 'ud-turn-cost', title: turnCostTitleText(t, matched) },
+        t('turnCostChip', { cost: formatCost(cost, aggregateCurrencyOf(pricingRules)) }))
+      return h(SlotTailPortal, null, chip)
     })
 
+    // 槽内容末位移交:锚点藏于槽容器内,portal 目标取槽容器(display:contents)的父级即官方动作行 div,
+    // portal 子树 append 到动作行末尾(官方用量/用时芯片与结束时钟之后);portal 缺席降级锚点原位
+    function SlotTailPortal({ children }) {
+      const anchorRef = useRef(null)
+      const [container, setContainer] = useState(null)
+      useEffect(() => {
+        const anchor = anchorRef.current
+        const slotHost = anchor?.closest('[data-slot="conversation.chat.assistant-actions"]') ?? anchor?.parentElement
+        setContainer(slotHost?.parentElement ?? null)
+      }, [])
+      const ported = container && createPortal ? createPortal(children, container) : null
+      return h('span', { ref: anchorRef, style: ported ? { display: 'none' } : undefined }, ported ?? children)
+    }
+
     // 偏好卡行:说明文案承担 aria-describedby 目标
     function StatsLineOptionRow({ labelKey, descKey, checked, onToggle, t = defaultT }) {
       const describeId = React.useId()
@@ -2256,8 +2556,8 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
     const PRICING_STATE_READY = 'ready'
     const PRICING_STATE_UNAVAILABLE = 'unavailable'
 
-    // 条件行:类型下拉 + 按类型字段区 + 删除;类型切换重置为该类型默认值(字段结构互不相通)
-    function PricingRuleCard({ rule, currency, errors, pathPrefix, t, onPatch, onRemove }) {
+    // 价格四桶 grid:默认价槽与附加规则卡共用;错误路径按规则平面索引寻址
+    function PricingPriceGrid({ rule, currency, errors, pathPrefix, t, onPricePatch }) {
       const errorTextOf = (path) => {
         const key = errors.get(path)
         return key ? h('span', { className: 'ud-field-error' }, t(key)) : null
@@ -2269,9 +2569,23 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
           h('input', {
             type: 'number', className: 'ud-input', min: 0, step: 'any',
             value: rule.price?.[key] ?? '',
-            onChange: (event) => onPatch({ price: { ...rule.price, [key]: event.target.value } }),
+            onChange: (event) => onPricePatch({ price: { ...rule.price, [key]: event.target.value } }),
           })),
         errorTextOf(`${pathPrefix}price.${key}`))
+      return h('div', { className: 'ud-price-grid' },
+        priceField('input', 'priceInput'),
+        priceField('output', 'priceOutput'),
+        priceField('cacheRead', 'priceCacheRead'),
+        priceField('cacheWrite', 'priceCacheWrite'))
+    }
+
+    // 附加计费规则卡:头行 = 价格四桶 + 上移/下移/删除;下方为条件组合区(组内从上到下首个命中者生效)。
+    // 默认价在组内独立成槽,附加规则不再承担兜底语义
+    function PricingExtraRuleCard({ rule, currency, errors, pathPrefix, t, onPatch, onRemove, onMove, canMoveUp, canMoveDown }) {
+      const errorTextOf = (path) => {
+        const key = errors.get(path)
+        return key ? h('span', { className: 'ud-field-error' }, t(key)) : null
+      }
       const patchConditions = (conditions) => onPatch({ conditions })
       const patchConditionAt = (conditionIndex, patch) => patchConditions(patchItemAt(rule.conditions, conditionIndex, patch))
       const removeConditionAt = (conditionIndex) => patchConditions(rule.conditions.filter((_, i) => i !== conditionIndex))
@@ -2285,10 +2599,12 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
             onChange: (event) => patchCondition({ [field]: event.target.value }),
           }),
           errorTextOf(`${condPath}.${field}`))
+        // 号段 from/to 同域 1~31(双闭),统一上限
         const numberInput = (field, labelKey) => h('label', { key: field, className: 'ud-field' },
           h('span', { className: 'ud-field-label' }, t(labelKey)),
           h('input', {
-            type: 'number', className: 'ud-input', min: MONTH_DAY_MIN, max: MONTH_DAY_MAX, step: 1,
+            type: 'number', className: 'ud-input', min: MONTH_DAY_MIN,
+            max: MONTH_DAY_MAX, step: 1,
             value: condition[field] ?? '',
             onChange: (event) => patchCondition({ [field]: event.target.value }),
           }),
@@ -2325,32 +2641,74 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
           }, '×'))
       }
       return h('div', { className: 'ud-rule' },
-        h('div', { className: 'ud-rule-head' },
+        h('div', { className: 'ud-slot-head' },
+          h(PricingPriceGrid, {
+            rule, currency, errors, pathPrefix, t,
+            onPricePatch: (part) => onPatch(part),
+          }),
+          canMoveUp ? h('button', {
+            className: 'ud-btn ud-btn--text', type: 'button', onClick: () => onMove(-1),
+            'aria-label': t('moveUp'), title: t('moveUp'),
+          }, '↑') : null,
+          canMoveDown ? h('button', {
+            className: 'ud-btn ud-btn--text', type: 'button', onClick: () => onMove(1),
+            'aria-label': t('moveDown'), title: t('moveDown'),
+          }, '↓') : null,
+          h(DeleteArmedButton, { labelKey: 'deleteRule', confirmKey: 'confirmDelete', onConfirm: onRemove, t })),
+        h('div', { className: 'ud-rule-conds' },
+          (rule.conditions ?? []).map((condition, conditionIndex) => conditionRow(condition, conditionIndex)),
+          h('div', { className: 'ud-cond-add' },
+            h('button', {
+              type: 'button', className: 'ud-btn ud-btn--text',
+              onClick: () => patchConditions([...(rule.conditions ?? []), defaultCondition(CONDITION_KIND_OPTIONS[0])]),
+            }, `+${t('addCondition')}`))))
+    }
+
+    // 模型组卡:组头 = 模型键输入(整组一次改名)+ 删除整组;组内 = 默认价槽(禁条件/排序/删除,恒兜底)
+    // + 附加计费规则列表(从上到下首个命中生效,全不命中落默认价)。
+    // 组件 key 由调用方锚定首槽位平面索引,改名引发的重新聚合不会丢焦点
+    function PricingModelGroup({ group, currency, errors, t, onModelChange, onGroupRemove, onSlotPatch, onSlotRemove, onSlotMove, onSlotAdd }) {
+      const modelError = group.slots.map((slot) => errors.get(`${slot.index}.model`)).find(Boolean)
+      const { defaultSlot, extras } = partitionGroupOf(group)
+      // 新附加规则插到默认价平面位之前(无默认价则组末),保证默认价恒居组末
+      const insertPosition = defaultSlot ? defaultSlot.index - 1 : group.slots[group.slots.length - 1].index
+      return h('div', { className: 'ud-rule-group' },
+        h('div', { className: 'ud-rule-group-head' },
           h('label', { className: 'ud-field' },
             h('span', { className: 'ud-field-label' }, t('pricingModel')),
             h('input', {
-              type: 'text', className: 'ud-input', value: rule.model,
+              type: 'text', className: 'ud-input', value: group.model,
               placeholder: t('pricingModelPlaceholder'),
-              onChange: (event) => onPatch({ model: event.target.value }),
+              onChange: (event) => onModelChange(event.target.value),
             }),
-            errorTextOf(`${pathPrefix}model`)),
-          h('button', {
-            className: 'ud-btn ud-btn--text', type: 'button', onClick: onRemove,
-            'aria-label': t('deleteRule'), title: t('deleteRule'),
-          }, '×')),
-        h('div', { className: 'ud-price-grid' },
-          priceField('input', 'priceInput'),
-          priceField('output', 'priceOutput'),
-          priceField('cacheRead', 'priceCacheRead'),
-          priceField('cacheWrite', 'priceCacheWrite')),
-        h('div', { className: 'ud-rule-conds' },
-          (rule.conditions ?? []).length === 0 ? h('span', { className: 'ud-rule-cond' }, t('noCondition')) : null,
-          (rule.conditions ?? []).map((condition, conditionIndex) => conditionRow(condition, conditionIndex)),
-          h('div', { className: 'ud-cond-add' },
-            CONDITION_KIND_OPTIONS.map((kind) => h('button', {
-              key: kind, type: 'button', className: 'ud-btn ud-btn--text',
-              onClick: () => patchConditions([...(rule.conditions ?? []), defaultCondition(kind)]),
-            }, `+${t(CONDITION_KIND_LABEL_KEYS[kind])}`)))))
+            modelError ? h('span', { className: 'ud-field-error' }, t(modelError)) : null),
+          h(DeleteArmedButton, { labelKey: 'deleteGroup', confirmKey: 'confirmDelete', onConfirm: onGroupRemove, t })),
+        h('div', { className: 'ud-rule-group-slots' },
+          defaultSlot ? h('div', { className: 'ud-rule ud-rule-default' },
+            h('div', { className: 'ud-slot-head' },
+              h(PricingPriceGrid, {
+                rule: defaultSlot.rule, currency, errors,
+                pathPrefix: `${defaultSlot.index}.`, t,
+                onPricePatch: (part) => onSlotPatch(defaultSlot.index, part),
+              })),
+            h('span', { className: 'ud-rule-cond' }, t('defaultPriceHint'))) : null,
+          extras.map((slot, position) => h(PricingExtraRuleCard, {
+            key: slot.index,
+            rule: slot.rule,
+            currency,
+            errors,
+            pathPrefix: `${slot.index}.`,
+            t,
+            onPatch: (part) => onSlotPatch(slot.index, part),
+            onRemove: () => onSlotRemove(slot.index),
+            onMove: (delta) => onSlotMove(slot.index, extras[position + delta].index),
+            canMoveUp: position > 0,
+            canMoveDown: position < extras.length - 1,
+          }))),
+        h('button', {
+          className: 'ud-rule-add', type: 'button',
+          onClick: () => onSlotAdd(insertPosition, group.model),
+        }, defaultSlot ? t('addRule') : t('addDefaultPrice')))
     }
 
     function PricingEditor({ t = defaultT }) {
@@ -2433,20 +2791,30 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
               }, symbol))),
             h('button', { className: 'ud-btn', type: 'button', disabled: saving, onClick: save }, t('save')))),
         saveError ? h('div', { className: 'ud-error' }, saveError) : null,
-        rules.map((rule, index) => h(PricingRuleCard, {
-          key: index,
-          rule,
+        h('span', { className: 'ud-rule-cond' }, t('ruleOrderHint')),
+        groupRulesOf(rules).map((group) => h(PricingModelGroup, {
+          // key 锚定首槽位平面索引:改名重聚合不重建组件,输入焦点不丢
+          key: String(group.slots[0].index),
+          group,
           currency,
           errors,
-          pathPrefix: `${index}.`,
           t,
-          onPatch: (part) => setRules((prev) => patchItemAt(prev, index, part)),
-          onRemove: () => setRules((prev) => prev.filter((_, i) => i !== index)),
+          onModelChange: (model) => setRules((prev) => renameRulesAt(prev, group.slots.map((slot) => slot.index), model)),
+          onGroupRemove: () => setRules((prev) => removeRulesAt(prev, group.slots.map((slot) => slot.index))),
+          onSlotPatch: (index, part) => setRules((prev) => patchItemAt(prev, index, part)),
+          onSlotRemove: (index) => setRules((prev) => prev.filter((_, i) => i !== index)),
+          onSlotMove: (fromIndex, toIndex) => setRules((prev) => moveRuleTo(prev, fromIndex, toIndex)),
+          onSlotAdd: (position, model) => setRules((prev) => insertRuleAt(prev, position, {
+            ...defaultPricingRule(currency),
+            model,
+            // 附加规则默认带全天时段条件:默认价已独立成槽,附加规则应以可编辑条件呈现
+            conditions: [defaultCondition(CONDITION_KIND_OPTIONS[0])],
+          })),
         })),
         h('button', {
           className: 'ud-rule-add', type: 'button',
           onClick: () => setRules((prev) => [...prev, defaultPricingRule(currency)]),
-        }, t('addRule')))
+        }, t('addGroup')))
     }
 
     // 扫描异常日志入口:仅箭头标识,明细在展开的日志块中展示
@@ -2477,14 +2845,22 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
         status.error ? h('span', { className: 'ud-status-err' }, status.error) : null)
     }
 
-    // 展开后的异常日志块:汇总计数即明细条数(单一事实源),逐条展示(时间/类型/内容)
+    // 展开后的异常日志块:汇总计数即明细条数(单一事实源),逐条展示(时间/类型/内容);
+    // skipped 细分归因(宿主拒读/损坏/旧格式)挂在汇总行 title,供跨宿主边界诊断
     function AnomalyLog({ status, t = defaultT }) {
       const lines = status.log ?? []
       if (lines.length === 0) return null
+      const breakdown = status.skippedBreakdown ?? {}
+      const breakdownText = t('skipBreakdown', {
+        d: breakdown.descriptor ?? 0,
+        c: breakdown.corrupt ?? 0,
+        l: breakdown.legacy ?? 0,
+        o: breakdown.other ?? 0,
+      })
       return h('div', { className: 'ud-log' },
         h('div', { className: 'ud-log-summary' },
           (status.skippedSessions ?? 0) > 0
-            ? h('span', null, t('skippedSessions', { n: status.skippedSessions }))
+            ? h('span', { title: breakdownText }, t('skippedSessions', { n: status.skippedSessions }))
             : null,
           (status.recordFailures ?? 0) > 0
             ? h('span', { className: 'ud-status-err' }, t('recordFailures', { n: status.recordFailures }))
@@ -2523,6 +2899,40 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
         armed ? t('rebuildConfirm') : t('rebuild'))
     }
 
+    // 回退按钮:仅当存在重建快照(status.backup.available)时可点;
+    // 恢复动作本身也会被重新快照覆盖,回退链不断
+    function RestoreButton({ machineRef, busy, backup, onError, t = defaultT }) {
+      const [armed, setArmed] = useState(false)
+      const armedTimerRef = useRef(null)
+
+      useEffect(() => () => {
+        if (armedTimerRef.current) clearTimeout(armedTimerRef.current)
+      }, [])
+
+      if (!backup?.available) {
+        return h('button', { className: 'ud-btn ud-btn--text', disabled: true, title: t('restoreMissing') },
+          t('restore'))
+      }
+
+      const restore = async () => {
+        if (!armed) {
+          setArmed(true)
+          armedTimerRef.current = setTimeout(() => setArmed(false), REBUILD_CONFIRM_MS)
+          return
+        }
+        setArmed(false)
+        const result = await requestPost(ENDPOINTS.restore)
+        if (!result.ok) {
+          onError(result.message)
+          return
+        }
+        machineRef.current?.restart()
+      }
+
+      return h('button', { className: 'ud-btn ud-btn--text', disabled: busy, onClick: restore },
+        armed ? t('restoreConfirm') : t('restore'))
+    }
+
     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 trendLimitedText = (t, id, count) => (id === 'day'
@@ -2769,7 +3179,8 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
           ? h('div', { className: 'ud-detail' },
               h(AnomalyLog, { status, t }),
               h('div', { className: 'ud-detail-foot' },
-                h(RebuildButton, { machineRef: statusMachineRef, busy: status?.running === true, onError: setError, t })))
+                h(RebuildButton, { machineRef: statusMachineRef, busy: status?.running === true, onError: setError, t }),
+                h(RestoreButton, { machineRef: statusMachineRef, busy: status?.running === true, backup: status?.backup, onError: setError, t })))
           : null,
         error ? h('div', { className: 'ud-error' }, error) : null,
         loadingVisible ? h('div', { className: 'ud-loading' }, `${t('loading')}…`) : null,
@@ -2823,15 +3234,15 @@ body[data-ds-dark-theme] .ud-panel{--ud-chart-1:color-mix(in srgb,#0576ff 65%,wh
         } catch (error) {
           console.warn('[usage-dash] 底部信息栏未注册(宿主无 conversation.composer.dock 插槽)', error)
         }
-        // 注入点B:turnTail chain 条目,同款两段式与降级;旧宿主无该插槽仅告警禁用
+        // 注入点B:回合费用芯片走官方动作行槽,回合结束随 messageId 出现;旧宿主无该插槽仅告警禁用
         try {
-          ctx.slots.inject('conversation.chat.turnTail', () =>
+          ctx.slots.inject('conversation.chat.assistant-actions', () =>
             ctx.slots.register(
-              { name: 'conversation.chat.turnTail', select: selectTurnTokenUsage, priority: TURN_TAIL_PRIORITY, locale: LOCALE_NS },
-              CostTail,
+              { name: 'conversation.chat.assistant-actions', id: 'usage-dash-turn-cost', order: TURN_COST_CHIP_ORDER, locale: LOCALE_NS },
+              CostChip,
             ))
         } catch (error) {
-          console.warn('[usage-dash] 会话尾部用量行未注册(宿主无 conversation.chat.turnTail 插槽)', error)
+          console.warn('[usage-dash] 回合费用芯片未注册(宿主无 conversation.chat.assistant-actions 插槽)', error)
         }
         // 跨实例同步:其他实例写开关经 storage 事件触发重读(同实例写入不触发该事件)
         window.addEventListener('storage', (event) => {