@kenz1117/dsh-ui-usage-billing 0.8.1 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/README.md +3 -2
  2. package/lib/client.js +474 -459
  3. package/package.json +1 -1
package/README.md CHANGED
@@ -11,6 +11,7 @@ DeepSeek Harness 计费仪表盘插件。从持久化会话日志实时聚合模
11
11
  ## 特性
12
12
 
13
13
  - **侧边栏入口**:设置按钮上方的玻璃拟态渐变触发卡,显示**当月费用 + 今日费用**,hover 光晕上浮;折叠栏自动切换为渐变徽章图标。
14
+ - **低调科技风视觉(0.9.0 重构)**:面板全面去「AI 味」——移除渐变描边、毛玻璃、径向光晕与渐变文字大数字,改为令牌实底 + 1px 描边 + 明度分层图表的克制冷调;Tab 收敛为下划线 + 单色强调,图表与热力图按明度分层,配色全部走 `--dsw-*` 令牌、深浅主题自适应。
14
15
  - **计费仪表盘(分区 Tab)**:弹窗按 **概览 / 趋势 / 明细 / 统计 / 费率** 五个分区组织——概览(Hero 本月大数字 + 本年 / 今日环比 / **本月预计** + 预算条 + KPI×4 + 用量热力图)、趋势(每日费用趋势图 7/30 天 + 每轮费用)、明细(厂商计费与订阅)、统计(工作区 + 会话明细)、费率(模型单价表)。渐变描边卡片 + 毛玻璃遮罩 + 进入动画,全部用设计令牌派生渐变色,深色/浅色主题自适应。
15
16
  - **即时代费用条**:会话输入框下方常驻一行「本轮 ¥x · 会话 ¥y」,30 秒轮询刷新;同时显示**峰谷当前档位与切换倒计时**(峰时 / 平价 + 距下次切档时间),以及订阅套餐低额度预警 chips(剩余 ≤20% 时浮现,≤10% 变红),无需打开仪表盘。
16
17
  - **峰/谷切换提醒**:距进入下一计费档(北京时间高峰 9-12 / 14-18)不足 2 分钟时系统通知一次(同一切换点只提醒一次,`lastTierSwitchAt` 持久化),文案区分「即将进峰时 ×2 可稍等」/「即将进平价 价格减半」。
@@ -37,7 +38,7 @@ DeepSeek Harness 计费仪表盘插件。从持久化会话日志实时聚合模
37
38
  - **用量热力图**:当月日历热力图(本月 1 号到今天每天一格,周日开头 7 列),按日费用分 5 档色阶,悬停显示日期与金额。概览 Tab 常驻。
38
39
  - **每轮费用与成本突增**:按会话轮次折叠的每轮费用图(最近 40 轮),位于趋势 Tab;每根柱子顶部标注该轮费用数字,相对近 6 轮成本超 2 倍的轮次红色标注并归因(输出增长 / 上下文膨胀 / 缓存命中率下降)。
39
40
  - **工作区统计**:按会话工作目录(cwd 末级)归并的花费 / 调用 / Token 汇总表。
40
- - **双币种显示**:仪表盘右上角 ¥ / $ 切换,美元金额按当前汇率换算显示。
41
+ - **双币种显示 & 多语种联动**:仪表盘右上角 ¥ / $ 切换——美元金额按当前汇率换算显示;面板文案同时随币种切换(USD → 英文、CNY → 中文,仅本插件生效,不影响宿主全局语言)。费率表的单价也按所选币种换算(切 USD 时人民币计价模型换算为 $,不再固定显示 ¥)。
41
42
  - **触发卡 hover 速览**:悬停侧边栏触发卡即浮现速览卡(今日 / 本周 / 当月 + 近 7 天迷你柱),无需点开仪表盘。
42
43
  - **峰谷时段占比**:趋势 Tab 内按每轮起始时刻(北京时间高峰 9-12 / 14-18)精确分摊高峰 / 空闲费用,堆叠条 + 金额百分比图例。
43
44
  - **费用构成(估算)**:统计 Tab 内按角色归因的三段堆叠条(用户输入 / 助手输出 / 工具结果)——输出成本实测计价,输入成本按消息文本长度占比摊分(日志无角色级实测 token,标注估算口径)。
@@ -102,7 +103,7 @@ npm install @kenz1117/dsh-ui-usage-billing
102
103
 
103
104
  ## 计费引擎
104
105
 
105
- 单价表(`src/client/pricing.ts`)采用**原生币种**存储:国内厂商直接录入人民币价格,国外厂商录入美元价格。费用统一以人民币计算与展示——美元模型按**实时汇率**折算,国内模型全程不经过汇率换算。启动时服务端拉取实时汇率与模型价(`src/pricing-fetch.ts`):USD→CNY 优先腾讯财经行情(免 key、国内可达),失败依次降级 open.er-api 与内置默认值;之后每 6 小时后台刷新,单价表弹窗标注「今日汇率」与实时 / 内置徽标。
106
+ 单价表(`src/client/pricing.ts`)采用**原生币种**存储:国内厂商直接录入人民币价格,国外厂商录入美元价格。费用统一以人民币计算与展示——美元模型按**实时汇率**折算,国内模型全程不经过汇率换算。启动时服务端拉取实时汇率与模型价(`src/pricing-fetch.ts`):USD→CNY 优先腾讯财经行情(免 key、国内可达),失败依次降级 open.er-api 与内置默认值;之后每 6 小时后台刷新,单价表弹窗标注「今日汇率」与实时 / 内置徽标。金额与费率表的**展示币种跟随用户所选**:切 ¥ / $ 时把每条每百万 token 单价经 `convertUnitPrice` 按实时汇率换算到目标币种再显示(汇率缺失时回退原生币种)。
106
107
 
107
108
  ```
108
109
  cost(CNY)= (missInput × p_input + cacheHit × p_cacheHit + output × p_output) / 10⁶
package/lib/client.js CHANGED
@@ -24,7 +24,7 @@ window.__ModuleLoader__.load({
24
24
  }
25
25
  //#endregion
26
26
  //#region \0dsh-css:/Users/ken/deepseek-harness/packages/client/ui-usage-billing/src/client/UsageBilling.module.css.mjs
27
- const css = ".VWh0dG_railButton{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 28%, var(--dsw-alias-border-l2));background:linear-gradient(135deg, color-mix(in srgb, var(--dsw-static-blue-500) 14%, var(--dsw-alias-bg-layer-1)), var(--dsw-alias-bg-layer-1));width:36px;height:36px;color:var(--dsw-static-blue-500);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .16s,box-shadow .16s,transform .16s,color .16s;display:flex}.VWh0dG_railButton:hover,.VWh0dG_railButton:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 48%, var(--dsw-alias-border-l2));box-shadow:0 4px 14px -6px color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent);color:var(--dsw-static-blue-400);outline:none;transform:translateY(-1px)}.VWh0dG_railButton svg{stroke-width:2px;width:18px;height:18px}.VWh0dG_trigger{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 20%, var(--dsw-alias-border-l1));background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent), transparent 55%), radial-gradient(150% 200% at 100% 110%, color-mix(in srgb, var(--dsw-static-blue-400) 9%, transparent), transparent 60%), var(--dsw-alias-bg-layer-1);width:100%;min-width:0;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;position:relative;overflow:hidden}@supports (backdrop-filter:blur(1px)){.VWh0dG_trigger{background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent), transparent 55%), radial-gradient(150% 200% at 100% 110%, color-mix(in srgb, var(--dsw-static-blue-400) 10%, transparent), transparent 60%), color-mix(in srgb, var(--dsw-alias-bg-layer-1) 72%, transparent);backdrop-filter:blur(12px)}}.VWh0dG_trigger:hover,.VWh0dG_trigger:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 42%, var(--dsw-alias-border-l1));box-shadow:0 8px 24px -10px color-mix(in srgb, var(--dsw-static-blue-500) 45%, transparent);outline:none;transform:translateY(-1px)}.VWh0dG_triggerIcon{background:linear-gradient(135deg, var(--dsw-static-blue-500), var(--dsw-static-blue-400));width:28px;height:28px;color:var(--dsw-static-neutral-bluish-00);box-shadow:0 2px 8px -2px color-mix(in srgb, var(--dsw-static-blue-500) 60%, transparent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.VWh0dG_triggerIcon svg{stroke-width:1.8px;width:15px;height:15px}.VWh0dG_triggerToday,.VWh0dG_triggerMonth{align-items:baseline;gap:4px;min-width:0;display:flex}.VWh0dG_triggerDivider{background:var(--dsw-alias-border-l1);align-self:stretch;width:1px}.VWh0dG_triggerAmount{color:var(--dsw-alias-label-primary);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:600;line-height:22px}.VWh0dG_triggerAmountSub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_triggerMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:10.5px;line-height:14px}.VWh0dG_triggerWrap{flex:auto;width:100%;min-width:0;display:block;position:relative}.VWh0dG_triggerPop{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 22%, var(--dsw-alias-border-l1));background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent), transparent 55%), var(--dsw-alias-bg-layer-2);box-shadow:0 12px 32px -12px color-mix(in srgb, var(--dsw-alias-label-primary) 30%, transparent);opacity:0;pointer-events:none;z-index:10;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;transform:translateY(4px)}@supports (backdrop-filter:blur(1px)){.VWh0dG_triggerPop{background:radial-gradient(130% 180% at 0% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 14%, transparent), transparent 55%), color-mix(in srgb, var(--dsw-alias-bg-layer-2) 82%, transparent);backdrop-filter:blur(14px)}}.VWh0dG_triggerWrap:hover .VWh0dG_triggerPop,.VWh0dG_triggerWrap:focus-within .VWh0dG_triggerPop{opacity:1;transform:translateY(0)}.VWh0dG_triggerPopRow{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_triggerPopLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_triggerPopValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_triggerPopBars{border-top:1px solid var(--dsw-alias-border-l1);align-items:flex-end;gap:4px;height:22px;margin-top:4px;padding-top:8px;display:flex}.VWh0dG_triggerPopBar{background:linear-gradient(180deg, var(--dsw-static-blue-400), var(--dsw-static-blue-500));border-radius:2px;flex:1;transition:height .2s}.VWh0dG_dashboardModal{background:linear-gradient(var(--dsw-alias-bg-layer-2), var(--dsw-alias-bg-layer-2)) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent), color-mix(in srgb, var(--dsw-static-blue-400) 22%, transparent) 45%, color-mix(in srgb, var(--dsw-static-blue-500) 38%, transparent)) border-box;width:min(760px,100vw - 48px);max-height:min(760px,88vh);box-shadow:var(--dsw-shadow-lv3), 0 24px 80px -24px color-mix(in srgb, var(--dsw-static-blue-500) 35%, transparent);border:1px solid #0000;animation:.18s ease-out VWh0dG_dashboardIn}@keyframes VWh0dG_dashboardIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}div[role=presentation]:has(>.dsh-billing-modal)>div[aria-hidden=true]:first-child{backdrop-filter:blur(8px)saturate(1.25)}.VWh0dG_dashboard{flex-direction:column;width:100%;max-height:min(760px,88vh);display:flex}.VWh0dG_dashboardHead{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 14px;display:flex}.VWh0dG_dashboardTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:17px;font-weight:600;line-height:24px}.VWh0dG_dashboardSubtitle{color:var(--dsw-alias-label-caption);margin:3px 0 0;font-size:12px;line-height:17px}.VWh0dG_closeButton{width:30px;height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background-color .14s;display:inline-flex}.VWh0dG_closeButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.VWh0dG_closeButton svg{stroke-width:2px;width:16px;height:16px}.VWh0dG_dashboardBody{flex-direction:column;gap:14px;padding:16px 24px 24px;display:flex;overflow-y:auto}.VWh0dG_tabNav{border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:4px;padding:10px 24px;display:flex}.VWh0dG_tabButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:500;line-height:18px;transition:background-color .16s,color .16s,box-shadow .16s}.VWh0dG_tabButton:hover,.VWh0dG_tabButton:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover);outline:none}.VWh0dG_tabButtonActive,.VWh0dG_tabButtonActive:hover,.VWh0dG_tabButtonActive:focus-visible{background:linear-gradient(135deg, var(--dsw-static-blue-500), color-mix(in srgb, var(--dsw-static-blue-500) 72%, var(--dsw-static-blue-400)));color:var(--dsw-static-neutral-bluish-00);box-shadow:0 2px 10px -3px color-mix(in srgb, var(--dsw-static-blue-500) 55%, transparent);font-weight:600}.VWh0dG_tabPanel{flex-direction:column;gap:14px;animation:.14s ease-out VWh0dG_tabPanelIn;display:flex}@keyframes VWh0dG_tabPanelIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.VWh0dG_hero{border:1px solid color-mix(in srgb, var(--dsw-static-blue-500) 16%, var(--dsw-alias-border-l1));background:radial-gradient(90% 150% at 6% 0%, color-mix(in srgb, var(--dsw-static-blue-500) 10%, transparent), transparent 60%), radial-gradient(70% 130% at 96% 100%, color-mix(in srgb, var(--dsw-static-blue-400) 8%, transparent), transparent 55%), var(--dsw-alias-bg-layer-1);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.VWh0dG_heroMain{flex-direction:column;gap:4px;min-width:0;display:flex}.VWh0dG_heroLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroValue{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(120deg, var(--dsw-alias-label-primary) 25%, color-mix(in srgb, var(--dsw-static-blue-500) 85%, var(--dsw-alias-label-primary)));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:600;line-height:52px}.VWh0dG_heroMeta{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroGauge{flex:none;width:108px;height:108px;position:relative}.VWh0dG_heroGaugeSvg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.VWh0dG_heroGaugeTrack{fill:none;stroke:var(--dsw-alias-bg-module-platform);stroke-width:10px}.VWh0dG_heroGaugeArc{fill:none;stroke:url(#heroGaugeGradient);stroke-width:10px;stroke-linecap:round;transition:stroke-dasharray .26s}.VWh0dG_heroGaugeArcOver{stroke:var(--dsw-static-red-500)}.VWh0dG_heroGaugeCenter{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.VWh0dG_heroGaugePct{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary);font-size:22px;font-weight:700;line-height:26px}.VWh0dG_heroGaugePctOver{color:var(--dsw-static-red-500)}.VWh0dG_heroGaugeLabel{color:var(--dsw-alias-label-tertiary);font-size:10.5px;line-height:14px}.VWh0dG_heroSide{border-left:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:none;gap:8px;padding-left:24px;display:flex}.VWh0dG_heroSideItem{flex-direction:column;gap:2px;display:flex}.VWh0dG_heroSideLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:11px;line-height:15px}.VWh0dG_heroSideValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;align-items:baseline;gap:6px;font-size:17px;font-weight:600;line-height:23px;display:inline-flex}.VWh0dG_delta{align-items:center;gap:2px;margin-left:4px;font-size:11px;font-weight:600;line-height:17px;display:inline-flex}.VWh0dG_deltaUp{color:var(--dsw-static-green-500)}.VWh0dG_deltaDown{color:var(--dsw-static-red-500)}.VWh0dG_kpiGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.VWh0dG_kpiTile{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;gap:3px;padding:14px 15px;transition:border-color .16s,background-color .16s,transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.VWh0dG_kpiTile:before{content:\"\";background:linear-gradient(90deg, color-mix(in srgb, var(--dsw-static-blue-500) 70%, transparent), transparent);opacity:.7;height:2px;position:absolute;inset:0 0 auto}.VWh0dG_kpiTile:has(.VWh0dG_kpiGreen):before{background:linear-gradient(90deg, color-mix(in srgb, var(--dsw-static-green-500) 70%, transparent), transparent)}.VWh0dG_kpiTile:hover{border-color:var(--dsw-alias-border-l2);background:var(--dsw-alias-interactive-bg-hover);box-shadow:0 6px 16px -8px color-mix(in srgb, var(--dsw-alias-label-primary) 35%, transparent);transform:translateY(-1px)}.VWh0dG_kpiLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:15px}.VWh0dG_kpiValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:28px}.VWh0dG_kpiGreen{color:var(--dsw-static-green-500)}.VWh0dG_kpiDetail{color:var(--dsw-alias-label-caption);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:15px;overflow:hidden}.VWh0dG_panel{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:16px;flex-direction:column;gap:10px;padding:16px 18px;transition:border-color .16s;display:flex}.VWh0dG_panelHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_panelTitle{letter-spacing:-.005em;color:var(--dsw-alias-label-primary);margin:0;font-size:14px;font-weight:600;line-height:20px}.VWh0dG_panelHint{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:11px;line-height:16px}.VWh0dG_rangeToggle{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.VWh0dG_rangeButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:11px;line-height:16px;transition:background-color .14s,color .14s}.VWh0dG_rangeButtonActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);font-weight:600}.VWh0dG_exportBar{justify-content:flex-end;align-items:center;gap:8px;display:flex}.VWh0dG_exportLabel{color:var(--dsw-alias-label-caption);font-size:11px;line-height:16px}.VWh0dG_exportButton{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:11.5px;line-height:16px;transition:border-color .16s,color .16s,background-color .16s}.VWh0dG_exportButton:hover,.VWh0dG_exportButton:focus-visible{border-color:color-mix(in srgb, var(--dsw-static-blue-500) 40%, var(--dsw-alias-border-l1));color:var(--dsw-static-blue-500);outline:none}.VWh0dG_shareTrack{background:var(--dsw-alias-bg-module-platform);border-radius:999px;height:10px;display:flex;overflow:hidden}.VWh0dG_shareSeg{height:100%;transition:width .2s}.VWh0dG_shareSegPeak{background:linear-gradient(90deg, var(--dsw-static-blue-500), var(--dsw-static-blue-400))}.VWh0dG_shareSegOff{background:color-mix(in srgb, var(--dsw-static-blue-500) 30%, var(--dsw-alias-bg-module-platform))}.VWh0dG_shareSegUser{background:linear-gradient(90deg, var(--dsw-static-blue-500), var(--dsw-static-blue-400))}.VWh0dG_shareSegAssistant{background:linear-gradient(90deg, var(--dsw-static-green-500), color-mix(in srgb, var(--dsw-static-green-500) 70%, var(--dsw-static-blue-400)))}.VWh0dG_shareSegTool{background:color-mix(in srgb, var(--dsw-static-amber-500) 80%, var(--dsw-alias-bg-module-platform))}.VWh0dG_shareLegend{align-items:center;gap:16px;display:flex}.VWh0dG_shareItem{color:var(--dsw-alias-label-secondary);align-items:baseline;gap:6px;font-size:12px;line-height:17px;display:inline-flex}.VWh0dG_shareDot{border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.VWh0dG_shareValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-weight:600}.VWh0dG_budget{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.VWh0dG_budgetHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_budgetLabel{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:17px}.VWh0dG_budgetValue{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_budgetControls{align-items:center;gap:8px;min-width:0;display:inline-flex}.VWh0dG_budgetInputWrap{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:6px;align-items:center;gap:2px;padding:2px 6px;display:inline-flex}.VWh0dG_budgetInputWrap:focus-within{border-color:var(--dsw-alias-border-l3)}.VWh0dG_budgetUnit{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_budgetInput{width:64px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:none;padding:0;font-size:12px;line-height:16px}.VWh0dG_budgetInput:focus-visible{outline:none}.VWh0dG_switch{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);cursor:pointer;border-radius:999px;flex:none;width:30px;height:17px;padding:0;transition:background-color .16s,border-color .16s;position:relative}.VWh0dG_switchOn{border-color:var(--dsw-static-blue-500);background:var(--dsw-static-blue-500)}.VWh0dG_switchKnob{background:var(--dsw-static-neutral-bluish-00);border-radius:50%;width:11px;height:11px;transition:transform .16s;position:absolute;top:2px;left:2px}.VWh0dG_switchOn .VWh0dG_switchKnob{transform:translate(13px)}.VWh0dG_budgetTrack{background:var(--dsw-alias-bg-module-platform);border-radius:999px;height:6px;overflow:hidden}.VWh0dG_budgetFill{background:var(--dsw-static-blue-500);border-radius:999px;height:100%;transition:width .2s}.VWh0dG_budgetFillWarn{background:var(--dsw-static-amber-500)}.VWh0dG_budgetFillOver{background:var(--dsw-static-red-500);animation:1.6s ease-in-out infinite VWh0dG_budgetOverPulse}@keyframes VWh0dG_budgetOverPulse{50%{opacity:.55}}.VWh0dG_chartWrap{width:100%;position:relative}.VWh0dG_chartSvg{width:100%;height:auto;display:block}.VWh0dG_chartEmpty{height:140px;color:var(--dsw-alias-label-caption);justify-content:center;align-items:center;font-size:13px;display:flex}.VWh0dG_emptyRow{text-align:center;color:var(--dsw-alias-label-caption);padding:28px 0;font-size:13px}.VWh0dG_chartGrid{stroke:var(--dsw-alias-border-l1);stroke-width:1px}.VWh0dG_chartAxisLabel{fill:var(--dsw-alias-label-tertiary);font-size:10px}.VWh0dG_chartBar{fill:var(--dsw-static-blue-500);opacity:.35}.VWh0dG_chartBar:hover{opacity:.6}.VWh0dG_chartStack{stroke:var(--dsw-alias-bg-layer-1);stroke-width:.75px}.VWh0dG_chartStack:hover{opacity:.85}.VWh0dG_chartLine{stroke:var(--dsw-static-blue-500);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.VWh0dG_chartCrosshair{stroke:var(--dsw-alias-label-dimmed);stroke-width:1px;stroke-dasharray:3 3}.VWh0dG_chartDot{fill:var(--dsw-static-neutral-bluish-00);stroke:var(--dsw-static-blue-500);stroke-width:2.5px}.VWh0dG_chartTooltip{pointer-events:none;z-index:2;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);box-shadow:var(--dsw-shadow-lv2);white-space:nowrap;border-radius:10px;padding:8px 10px;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.VWh0dG_chartTooltipDate{color:var(--dsw-alias-label-primary);margin-bottom:3px;font-size:11px;font-weight:600}.VWh0dG_chartTooltipRow{color:var(--dsw-alias-label-secondary);align-items:center;gap:5px;font-size:11px;line-height:17px;display:flex}.VWh0dG_chartTooltipRow strong{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-weight:600}.VWh0dG_chartLegendLine{background:var(--dsw-static-blue-500);border-radius:2px;width:10px;height:3px;display:inline-block}.VWh0dG_chartLegendBar{background:var(--dsw-static-blue-500);opacity:.5;border-radius:2px;width:7px;height:7px;display:inline-block}.VWh0dG_chartTooltipSwatch{border-radius:3px;flex:none;width:8px;height:8px;display:inline-block}.VWh0dG_chartLegend{color:var(--dsw-alias-label-tertiary);justify-content:flex-end;gap:14px;margin-top:2px;font-size:11px;display:flex}.VWh0dG_chartLegend span{align-items:center;gap:5px;display:inline-flex}.VWh0dG_tableScroll{border:1px solid var(--dsw-alias-border-l1);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;overflow:auto}.VWh0dG_modelTable,.VWh0dG_pricingTable{border-collapse:collapse;width:100%;font-size:12.5px}.VWh0dG_modelTable th,.VWh0dG_modelTable td,.VWh0dG_pricingTable th,.VWh0dG_pricingTable td{border-bottom:1px solid var(--dsw-alias-border-l1);text-align:left;white-space:nowrap;padding:9px 12px}.VWh0dG_modelTable tbody tr:last-child td,.VWh0dG_pricingTable tbody tr:last-child td{border-bottom:0}.VWh0dG_modelTable thead th,.VWh0dG_pricingTable thead th{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-module-platform);font-size:11px;font-weight:500}.VWh0dG_modelTable tbody tr,.VWh0dG_pricingTable tbody tr{transition:background-color .12s}.VWh0dG_modelTable tbody tr:hover,.VWh0dG_pricingTable tbody tr:hover{background:var(--dsw-alias-interactive-bg-hover)}.VWh0dG_numCol{text-align:right;font-variant-numeric:tabular-nums}.VWh0dG_costCol{color:var(--dsw-static-blue-500);font-weight:600}.VWh0dG_na{color:var(--dsw-alias-label-dimmed)}.VWh0dG_modelCell{align-items:center;gap:8px;display:inline-flex}.VWh0dG_modelDot{width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-alias-bg-layer-1) 60%, transparent);border-radius:50%;flex:none}.VWh0dG_modelName{color:var(--dsw-alias-label-primary);font-weight:500;line-height:16px;display:block}.VWh0dG_modelProvider{color:var(--dsw-alias-label-caption);font-size:10.5px;line-height:14px;display:block}.VWh0dG_pricingToggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0;display:flex}.VWh0dG_pricingToggle:hover .VWh0dG_panelTitle,.VWh0dG_pricingToggle:focus-visible .VWh0dG_panelTitle{color:var(--dsw-static-blue-500)}.VWh0dG_rateBadge{vertical-align:1px;white-space:nowrap;border-radius:999px;align-items:center;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:500;line-height:14px;display:inline-flex}.VWh0dG_rateBadgeLive{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 10%, transparent)}.VWh0dG_rateBadgeBuiltin{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-module-platform)}.VWh0dG_pricingToggleText{align-items:baseline;gap:10px;min-width:0;display:flex}.VWh0dG_pricingChevron{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.VWh0dG_pricingChevronOpen{transform:rotate(180deg)}.VWh0dG_bandPrice{align-items:baseline;gap:6px;display:inline-flex}.VWh0dG_bandPriceOff{color:var(--dsw-alias-label-caption)}.VWh0dG_bandPriceOff:before{content:\"/\";color:var(--dsw-alias-label-dimmed);margin-right:4px}.VWh0dG_bandTag{color:var(--dsw-alias-label-secondary);flex-direction:column;gap:1px;font-size:10.5px;line-height:14px;display:inline-flex}.VWh0dG_bandTagOff{color:var(--dsw-static-green-500);font-weight:600}.VWh0dG_bandTag>span:first-child{color:var(--dsw-alias-label-primary);font-weight:500}.VWh0dG_flatTag{color:var(--dsw-alias-label-caption);font-size:10.5px;line-height:14px}.VWh0dG_healthDot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.VWh0dG_healthOk{background:var(--dsw-static-green-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-static-green-500) 18%, transparent)}.VWh0dG_healthBad{background:var(--dsw-static-red-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--dsw-static-red-500) 18%, transparent)}.VWh0dG_healthIdle{background:var(--dsw-static-neutral-bluish-400)}.VWh0dG_dashboardRight{align-items:center;gap:8px;min-width:0;display:flex}.VWh0dG_healthBadge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_healthBadgeOk{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 10%, transparent)}.VWh0dG_healthBadgeBad{color:var(--dsw-static-red-500);background:color-mix(in srgb, var(--dsw-static-red-500) 10%, transparent)}.VWh0dG_planTag{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 12%, transparent);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.VWh0dG_uncataloguedTag{vertical-align:1px;color:var(--dsw-static-amber-500);background:color-mix(in srgb, var(--dsw-static-amber-500) 12%, transparent);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.VWh0dG_estimatedTag{vertical-align:1px;color:var(--dsw-static-blue-500);background:color-mix(in srgb, var(--dsw-static-blue-500) 12%, transparent);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.VWh0dG_liveCostBar{color:var(--dsw-static-neutral-400);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_liveCostItem{white-space:nowrap}.VWh0dG_liveCostSep{color:var(--dsw-static-neutral-300)}.VWh0dG_liveTierPeak{color:var(--dsw-static-blue-500);font-weight:600}.VWh0dG_liveTierOff{color:var(--dsw-static-green-500);font-weight:600}.VWh0dG_liveQuotaWarn{color:var(--dsw-static-amber-500);font-weight:600}.VWh0dG_liveQuotaCrit{color:var(--dsw-static-red-500);font-weight:600}.VWh0dG_balanceCell{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.VWh0dG_balanceDays{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:10.5px;line-height:14px}.VWh0dG_balanceDaysLow{color:var(--dsw-static-red-500);font-weight:600}body[data-zine-mode] .VWh0dG_trigger,body[data-zine-mode] .VWh0dG_triggerPop,body[data-zine-mode] .VWh0dG_railButton{display:none}body[data-zine-mode] .VWh0dG_dashboardHead{background:#000;border-bottom:2px solid #e8ff00}body[data-zine-mode] .VWh0dG_headTitleRow{align-items:center;gap:8px;margin-top:4px;display:flex}body[data-zine-mode] .VWh0dG_dashboardTitle{color:#e8ff00;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 8px #e8ff0066;font-weight:900}body[data-zine-mode] .VWh0dG_dashboardSubtitle{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;font-size:10px}body[data-zine-mode] .VWh0dG_closeButton{color:#0a0a05;background:#ff2d95;border:1.5px solid #ff2d95;border-radius:0;box-shadow:0 0 10px #ff2d9573}body[data-zine-mode] .VWh0dG_hero{background:#000;border:2.5px solid #e8ff00;border-radius:0;position:relative;box-shadow:0 0 0 1px #0009,0 0 24px #e8ff002e}body[data-zine-mode] .VWh0dG_heroLabel{color:#c9d98a;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_heroValue{color:#e8ff00;letter-spacing:-.02em;text-shadow:0 0 12px #e8ff0073;-webkit-text-fill-color:#e8ff00;background:0 0;font-size:38px;font-weight:900}body[data-zine-mode] .VWh0dG_heroMeta{color:#c9d98a;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}body[data-zine-mode] .VWh0dG_heroSideLabel{color:#c9d98a;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_heroSideValue{color:#e8ff00;text-shadow:0 0 6px #e8ff0059}body[data-zine-mode] .VWh0dG_delta{font-weight:900}body[data-zine-mode] .VWh0dG_deltaUp{color:#ff2d95}body[data-zine-mode] .VWh0dG_deltaDown{color:#c9d98a}body[data-zine-mode] .VWh0dG_tabNav{background:#000;border-bottom:2px solid #e8ff00}body[data-zine-mode] .VWh0dG_tabButton{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;border-radius:0;font-size:10.5px;font-weight:900}body[data-zine-mode] .VWh0dG_tabButton:hover,body[data-zine-mode] .VWh0dG_tabButton:focus-visible{color:#e8ff00;background:#e8ff001f}body[data-zine-mode] .VWh0dG_tabButtonActive,body[data-zine-mode] .VWh0dG_tabButtonActive:hover,body[data-zine-mode] .VWh0dG_tabButtonActive:focus-visible{color:#0a0a05;background:#e8ff00;box-shadow:0 0 10px #e8ff0073}body[data-zine-mode] .VWh0dG_panel{background:#000;border:2px solid #e8ff00;border-radius:0}body[data-zine-mode] .VWh0dG_trendPanel{position:relative}body[data-zine-mode] .VWh0dG_panelTitle{color:#e8ff00;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 6px #e8ff0066;font-weight:900}body[data-zine-mode] .VWh0dG_panelHint{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_modelTableScroll{background:#000;border:1.5px solid #e8ff0080;border-radius:0}.VWh0dG_currencyToggle{border:1px solid var(--dsw-alias-border-muted,#3a4250);background:var(--dsw-alias-bg-layer-2,#232a33);border-radius:6px;align-items:center;gap:2px;margin-right:8px;padding:2px;display:inline-flex}.VWh0dG_currencyButton{color:var(--dsw-alias-text-secondary,#9aa5b1);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:700;line-height:1}.VWh0dG_currencyButtonActive{background:var(--dsw-alias-accent-muted,#2f6fed);color:#fff}.VWh0dG_subscriptionGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:10px;display:grid}.VWh0dG_subscriptionCard{border:1px solid var(--dsw-alias-border-muted,#3a4250);background:var(--dsw-alias-bg-layer-2,#232a33);border-radius:10px;padding:12px 14px}.VWh0dG_subscriptionHead{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.VWh0dG_subscriptionName{font-size:13px;font-weight:700}.VWh0dG_subscriptionPlan{color:var(--dsw-alias-text-secondary,#9aa5b1);font-size:11px}.VWh0dG_subscriptionPlan[data-kind=code],.VWh0dG_subscriptionPlan[data-kind=token]{color:var(--dsw-alias-label-secondary);background:color-mix(in srgb, var(--dsw-alias-label-secondary) 12%, transparent);border-radius:999px;padding:1px 8px;font-weight:500}.VWh0dG_subscriptionStatus{color:var(--dsw-alias-warning,#e0a63c);margin-bottom:6px;font-size:11px}.VWh0dG_subscriptionWindow{align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.VWh0dG_subscriptionWindowLabel{color:var(--dsw-alias-text-secondary,#9aa5b1);flex:0 0 44px}.VWh0dG_subscriptionTrack{background:var(--dsw-alias-bg-layer-3,#1a2028);border-radius:3px;flex:1;height:5px;overflow:hidden}.VWh0dG_subscriptionFill{background:var(--dsw-alias-accent,#3b82f6);border-radius:3px;height:100%;transition:width .2s;display:block}.VWh0dG_subscriptionFillWarn{background:var(--dsw-static-amber-500)}.VWh0dG_subscriptionFillOver{background:var(--dsw-static-red-500)}.VWh0dG_subscriptionPct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:52px}.VWh0dG_subscriptionExhausted{color:var(--dsw-static-red-500);min-width:52px;font-weight:600}.VWh0dG_subscriptionReset{color:var(--dsw-alias-text-secondary,#9aa5b1);flex:none}.VWh0dG_providerGroupList{flex-direction:column;gap:10px;display:flex}.VWh0dG_providerGroup{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;padding:12px 14px}.VWh0dG_providerGroupHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_providerGroupTitle{align-items:center;gap:7px;min-width:0;display:inline-flex}.VWh0dG_providerGroupName{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:18px}.VWh0dG_providerGroupMeta{flex:none;align-items:center;gap:10px;display:inline-flex}.VWh0dG_providerGroupBadge{color:var(--dsw-static-green-500);background:color-mix(in srgb, var(--dsw-static-green-500) 12%, transparent);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.VWh0dG_providerGroupBalance{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;font-size:12px;line-height:17px;display:inline-flex}.VWh0dG_providerGroupBalanceLabel{color:var(--dsw-alias-label-caption);font-size:11px;line-height:17px}.VWh0dG_roundsFlagBadge{color:#fff;background:#ef4444;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:800}.VWh0dG_rounds{margin-top:10px}.VWh0dG_roundsBars{align-items:flex-end;gap:3px;height:110px;padding:4px 2px 0;display:flex;overflow-x:auto}.VWh0dG_roundsBarCol{flex-direction:column;flex:1 0 28px;justify-content:flex-end;align-items:stretch;height:100%;display:flex}.VWh0dG_roundsBarLabel{text-align:center;color:var(--dsw-alias-text-secondary,#9aa5b1);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:2px;font-size:8px;line-height:1;overflow:hidden}.VWh0dG_roundsBarWrap{flex:1;align-items:flex-end;min-height:0;display:flex}.VWh0dG_roundsBar{background:var(--dsw-alias-accent,#3b82f6);border-radius:2px 2px 0 0;width:100%;min-height:2px;position:relative}.VWh0dG_roundsBarFlagged{outline-offset:1px;background:#ef4444;border-radius:2px 2px 0 0;outline:1.5px solid #ef4444;width:100%;min-height:2px;position:relative}.VWh0dG_roundsFlagMark{background:#ef4444;border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 4px #ef4444}.VWh0dG_roundsAxis{color:var(--dsw-alias-text-secondary,#9aa5b1);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.VWh0dG_roundsEmpty{color:var(--dsw-alias-text-secondary,#9aa5b1);margin-top:10px;font-size:12px}.VWh0dG_heatmap{margin-top:10px}.VWh0dG_heatmapGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.VWh0dG_heatmapCellEmpty{background:var(--dsw-alias-bg-layer-1);height:30px;color:var(--dsw-alias-label-dimmed,#6b7480);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex}.VWh0dG_heatmapCell{font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;height:30px;padding:0;font-size:11px;display:flex}.VWh0dG_heatmapCell[data-level=\"0\"],.VWh0dG_heatmapCell[data-level=\"1\"],.VWh0dG_heatmapCell[data-level=\"2\"]{color:var(--dsw-alias-label-primary)}.VWh0dG_heatmapCell[data-level=\"3\"],.VWh0dG_heatmapCell[data-level=\"4\"]{color:var(--dsw-static-neutral-bluish-00,#fff)}.VWh0dG_heatmapFooter{color:var(--dsw-alias-text-secondary,#9aa5b1);align-items:center;gap:8px;margin-top:10px;font-size:10px;display:flex}.VWh0dG_heatmapLegend{gap:3px;display:inline-flex}.VWh0dG_heatmapLegend i{border-radius:4px;width:14px;height:14px;display:block}.VWh0dG_heatmapHover{font-variant-numeric:tabular-nums;margin-left:auto}@media (width<=640px){.VWh0dG_kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.VWh0dG_hero{flex-direction:column;align-items:flex-start;gap:14px}.VWh0dG_heroGauge{width:96px;height:96px;position:absolute;top:20px;right:24px}.VWh0dG_heroMain{padding-right:112px}.VWh0dG_heroSide{border-left:none;border-top:1px solid var(--dsw-alias-border-l1);flex-direction:row;align-self:stretch;gap:20px;padding-top:14px;padding-left:0}.VWh0dG_heroSideItem{flex-direction:row;align-items:baseline;gap:8px}}";
27
+ const css = ".VWh0dG_railButton{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);width:36px;height:36px;color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .16s,color .16s;display:flex}.VWh0dG_railButton:hover,.VWh0dG_railButton:focus-visible{border-color:var(--dsw-static-blue-500);color:var(--dsw-static-blue-500);outline:none}.VWh0dG_railButton svg{stroke-width:2px;width:18px;height:18px}.VWh0dG_trigger{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);width:100%;min-width:0;color:var(--dsw-alias-label-primary);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:border-color .16s;display:flex;position:relative;overflow:hidden}.VWh0dG_trigger:hover,.VWh0dG_trigger:focus-visible{border-color:var(--dsw-static-blue-500);outline:none}.VWh0dG_triggerIcon{background:var(--dsw-static-blue-500);width:28px;height:28px;color:var(--dsw-static-neutral-bluish-00);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.VWh0dG_triggerIcon svg{stroke-width:1.8px;width:15px;height:15px}.VWh0dG_triggerToday,.VWh0dG_triggerMonth{align-items:baseline;gap:4px;min-width:0;display:flex}.VWh0dG_triggerDivider{background:var(--dsw-alias-border-l1);align-self:stretch;width:1px}.VWh0dG_triggerAmount{color:var(--dsw-alias-label-primary);letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:18px;font-weight:600;line-height:22px}.VWh0dG_triggerAmountSub{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_triggerMeta{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:10.5px;line-height:14px}.VWh0dG_triggerWrap{flex:auto;width:100%;min-width:0;display:block;position:relative}.VWh0dG_triggerPop{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);box-shadow:var(--dsw-shadow-lv2);opacity:0;pointer-events:none;z-index:10;border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;right:0;transform:translateY(4px)}.VWh0dG_triggerWrap:hover .VWh0dG_triggerPop,.VWh0dG_triggerWrap:focus-within .VWh0dG_triggerPop{opacity:1;transform:translateY(0)}.VWh0dG_triggerPopRow{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_triggerPopLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_triggerPopValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:18px}.VWh0dG_triggerPopBars{border-top:1px solid var(--dsw-alias-border-l1);align-items:flex-end;gap:4px;height:22px;margin-top:4px;padding-top:8px;display:flex}.VWh0dG_triggerPopBar{background:var(--dsw-static-blue-500);border-radius:2px;flex:1;transition:height .2s}.VWh0dG_dashboardModal{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);width:min(760px,100vw - 48px);max-height:min(760px,88vh);box-shadow:var(--dsw-shadow-lv3);animation:.18s ease-out VWh0dG_dashboardIn}@keyframes VWh0dG_dashboardIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}div[role=presentation]:has(>.dsh-billing-modal)>div[aria-hidden=true]:first-child{backdrop-filter:blur(8px)saturate(1.25)}.VWh0dG_dashboard{flex-direction:column;width:100%;max-height:min(760px,88vh);display:flex}.VWh0dG_dashboardHead{border-bottom:1px solid var(--dsw-alias-border-l1);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 14px;display:flex}.VWh0dG_dashboardTitle{color:var(--dsw-alias-label-primary);margin:0;font-size:17px;font-weight:600;line-height:24px}.VWh0dG_dashboardSubtitle{color:var(--dsw-alias-label-caption);margin:3px 0 0;font-size:12px;line-height:17px}.VWh0dG_closeButton{width:30px;height:30px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background-color .14s;display:inline-flex}.VWh0dG_closeButton:hover{background:var(--dsw-alias-interactive-bg-hover)}.VWh0dG_closeButton svg{stroke-width:2px;width:16px;height:16px}.VWh0dG_dashboardBody{flex-direction:column;gap:14px;padding:16px 24px 24px;display:flex;overflow-y:auto}.VWh0dG_tabNav{border-bottom:1px solid var(--dsw-alias-border-l1);align-items:center;gap:4px;padding:10px 24px;display:flex}.VWh0dG_tabButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:5px 14px;font-size:12.5px;font-weight:500;line-height:18px;transition:background-color .16s,color .16s,box-shadow .16s}.VWh0dG_tabButton:hover,.VWh0dG_tabButton:focus-visible{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover);outline:none}.VWh0dG_tabButtonActive,.VWh0dG_tabButtonActive:hover,.VWh0dG_tabButtonActive:focus-visible{background:var(--dsw-static-blue-500);color:var(--dsw-static-neutral-bluish-00);font-weight:600}.VWh0dG_tabPanel{flex-direction:column;gap:14px;animation:.14s ease-out VWh0dG_tabPanelIn;display:flex}@keyframes VWh0dG_tabPanelIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.VWh0dG_hero{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.VWh0dG_heroMain{flex-direction:column;gap:4px;min-width:0;display:flex}.VWh0dG_heroLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroValue{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--dsw-alias-label-primary);font-size:44px;font-weight:600;line-height:52px}.VWh0dG_heroMeta{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_heroGauge{flex:none;width:108px;height:108px;position:relative}.VWh0dG_heroGaugeSvg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.VWh0dG_heroGaugeTrack{fill:none;stroke:var(--dsw-alias-bg-module-platform);stroke-width:10px}.VWh0dG_heroGaugeArc{fill:none;stroke:var(--dsw-static-blue-500);stroke-width:10px;stroke-linecap:round;transition:stroke-dasharray .26s}.VWh0dG_heroGaugeArcOver{stroke:var(--dsw-static-red-500)}.VWh0dG_heroGaugeCenter{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.VWh0dG_heroGaugePct{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-primary);font-size:22px;font-weight:700;line-height:26px}.VWh0dG_heroGaugePctOver{color:var(--dsw-static-red-500)}.VWh0dG_heroGaugeLabel{color:var(--dsw-alias-label-tertiary);font-size:10.5px;line-height:14px}.VWh0dG_heroSide{border-left:1px solid var(--dsw-alias-border-l1);flex-direction:column;flex:none;gap:8px;padding-left:24px;display:flex}.VWh0dG_heroSideItem{flex-direction:column;gap:2px;display:flex}.VWh0dG_heroSideLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:11px;line-height:15px}.VWh0dG_heroSideValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap;align-items:baseline;gap:6px;font-size:17px;font-weight:600;line-height:23px;display:inline-flex}.VWh0dG_delta{align-items:center;gap:2px;margin-left:4px;font-size:11px;font-weight:600;line-height:17px;display:inline-flex}.VWh0dG_deltaUp{color:var(--dsw-static-green-500)}.VWh0dG_deltaDown{color:var(--dsw-static-red-500)}.VWh0dG_kpiGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.VWh0dG_kpiTile{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;gap:3px;padding:14px 15px;transition:border-color .16s;display:flex;position:relative;overflow:hidden}.VWh0dG_kpiTile:hover{border-color:var(--dsw-alias-border-l2)}.VWh0dG_kpiLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:15px}.VWh0dG_kpiValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:22px;font-weight:600;line-height:28px}.VWh0dG_kpiGreen{color:var(--dsw-static-green-500)}.VWh0dG_kpiDetail{color:var(--dsw-alias-label-caption);white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:15px;overflow:hidden}.VWh0dG_panel{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:16px;flex-direction:column;gap:10px;padding:16px 18px;transition:border-color .16s;display:flex}.VWh0dG_panelHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_panelTitle{letter-spacing:-.005em;color:var(--dsw-alias-label-primary);margin:0;font-size:14px;font-weight:600;line-height:20px}.VWh0dG_panelHint{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:11px;line-height:16px}.VWh0dG_rangeToggle{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.VWh0dG_rangeButton{color:var(--dsw-alias-label-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:11px;line-height:16px;transition:background-color .14s,color .14s}.VWh0dG_rangeButtonActive{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);font-weight:600}.VWh0dG_exportBar{justify-content:flex-end;align-items:center;gap:8px;display:flex}.VWh0dG_exportLabel{color:var(--dsw-alias-label-caption);font-size:11px;line-height:16px}.VWh0dG_exportButton{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:11.5px;line-height:16px;transition:border-color .16s,color .16s,background-color .16s}.VWh0dG_exportButton:hover,.VWh0dG_exportButton:focus-visible{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-primary);outline:none}.VWh0dG_shareTrack{background:var(--dsw-alias-bg-module-platform);border-radius:999px;height:10px;display:flex;overflow:hidden}.VWh0dG_shareSeg{height:100%;transition:width .2s}.VWh0dG_shareSegPeak{background:var(--dsw-static-blue-500)}.VWh0dG_shareSegOff{background:color-mix(in srgb, var(--dsw-static-blue-500) 25%, var(--dsw-alias-bg-module-platform))}.VWh0dG_shareSegUser{background:var(--dsw-static-blue-500)}.VWh0dG_shareSegAssistant{background:var(--dsw-static-green-500)}.VWh0dG_shareSegTool{background:var(--dsw-static-amber-500)}.VWh0dG_shareLegend{align-items:center;gap:16px;display:flex}.VWh0dG_shareItem{color:var(--dsw-alias-label-secondary);align-items:baseline;gap:6px;font-size:12px;line-height:17px;display:inline-flex}.VWh0dG_shareDot{border-radius:50%;flex:none;align-self:center;width:8px;height:8px}.VWh0dG_shareValue{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-weight:600}.VWh0dG_budget{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:14px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.VWh0dG_budgetHead{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.VWh0dG_budgetLabel{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:17px}.VWh0dG_budgetValue{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;line-height:17px}.VWh0dG_budgetControls{align-items:center;gap:8px;min-width:0;display:inline-flex}.VWh0dG_budgetInputWrap{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:6px;align-items:center;gap:2px;padding:2px 6px;display:inline-flex}.VWh0dG_budgetInputWrap:focus-within{border-color:var(--dsw-alias-border-l3)}.VWh0dG_budgetUnit{color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:16px}.VWh0dG_budgetInput{width:64px;color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;text-align:right;background:0 0;border:none;padding:0;font-size:12px;line-height:16px}.VWh0dG_budgetInput:focus-visible{outline:none}.VWh0dG_switch{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-module-platform);cursor:pointer;border-radius:999px;flex:none;width:30px;height:17px;padding:0;transition:background-color .16s,border-color .16s;position:relative}.VWh0dG_switchOn{border-color:var(--dsw-alias-border-l1);background:var(--dsw-alias-label-primary)}.VWh0dG_switchKnob{background:var(--dsw-static-neutral-bluish-00);border-radius:50%;width:11px;height:11px;transition:transform .16s;position:absolute;top:2px;left:2px}.VWh0dG_switchOn .VWh0dG_switchKnob{transform:translate(13px)}.VWh0dG_budgetTrack{background:var(--dsw-alias-bg-module-platform);border-radius:999px;height:6px;overflow:hidden}.VWh0dG_budgetFill{background:var(--dsw-static-blue-500);border-radius:999px;height:100%;transition:width .2s}.VWh0dG_budgetFillWarn{background:var(--dsw-static-amber-500)}.VWh0dG_budgetFillOver{background:var(--dsw-static-red-500);animation:1.6s ease-in-out infinite VWh0dG_budgetOverPulse}@keyframes VWh0dG_budgetOverPulse{50%{opacity:.55}}.VWh0dG_chartWrap{width:100%;position:relative}.VWh0dG_chartSvg{width:100%;height:auto;display:block}.VWh0dG_chartEmpty{height:140px;color:var(--dsw-alias-label-caption);justify-content:center;align-items:center;font-size:13px;display:flex}.VWh0dG_emptyRow{text-align:center;color:var(--dsw-alias-label-caption);padding:28px 0;font-size:13px}.VWh0dG_chartGrid{stroke:var(--dsw-alias-border-l1);stroke-width:1px}.VWh0dG_chartAxisLabel{fill:var(--dsw-alias-label-tertiary);font-size:10px}.VWh0dG_chartBar{fill:var(--dsw-static-blue-500);opacity:.7}.VWh0dG_chartBar:hover{opacity:1}.VWh0dG_chartStack{stroke:var(--dsw-alias-bg-layer-1);stroke-width:.75px}.VWh0dG_chartStack:hover{opacity:.9}.VWh0dG_chartLine{stroke:var(--dsw-static-blue-500);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.VWh0dG_chartCrosshair{stroke:var(--dsw-alias-label-dimmed);stroke-width:1px;stroke-dasharray:3 3}.VWh0dG_chartDot{fill:var(--dsw-static-neutral-bluish-00);stroke:var(--dsw-static-blue-500);stroke-width:2px}.VWh0dG_chartTooltip{pointer-events:none;z-index:2;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);box-shadow:none;white-space:nowrap;border-radius:8px;padding:8px 10px;position:absolute;transform:translate(-50%,calc(-100% - 10px))}.VWh0dG_chartTooltipDate{color:var(--dsw-alias-label-primary);margin-bottom:3px;font-size:11px;font-weight:600}.VWh0dG_chartTooltipRow{color:var(--dsw-alias-label-secondary);align-items:center;gap:5px;font-size:11px;line-height:17px;display:flex}.VWh0dG_chartTooltipRow strong{color:var(--dsw-alias-label-primary);font-variant-numeric:tabular-nums;font-weight:600}.VWh0dG_chartLegendLine{background:var(--dsw-static-blue-500);border-radius:2px;width:10px;height:3px;display:inline-block}.VWh0dG_chartLegendBar{background:var(--dsw-static-blue-500);opacity:.5;border-radius:2px;width:7px;height:7px;display:inline-block}.VWh0dG_chartTooltipSwatch{border-radius:3px;flex:none;width:8px;height:8px;display:inline-block}.VWh0dG_chartLegend{color:var(--dsw-alias-label-tertiary);justify-content:flex-end;gap:14px;margin-top:2px;font-size:11px;display:flex}.VWh0dG_chartLegend span{align-items:center;gap:5px;display:inline-flex}.VWh0dG_tableScroll{border:1px solid var(--dsw-alias-border-l1);--dsh-scrollbar-thumb:var(--dsw-alias-scrollbar-bg-l2);--dsh-scrollbar-thumb-hover:var(--dsw-alias-scrollbar-hover-l2);border-radius:12px;overflow:auto}.VWh0dG_modelTable,.VWh0dG_pricingTable{border-collapse:collapse;width:100%;font-size:12.5px}.VWh0dG_modelTable th,.VWh0dG_modelTable td,.VWh0dG_pricingTable th,.VWh0dG_pricingTable td{border-bottom:1px solid var(--dsw-alias-border-l1);text-align:left;white-space:nowrap;padding:9px 12px}.VWh0dG_modelTable tbody tr:last-child td,.VWh0dG_pricingTable tbody tr:last-child td{border-bottom:0}.VWh0dG_modelTable thead th,.VWh0dG_pricingTable thead th{color:var(--dsw-alias-label-tertiary);text-transform:uppercase;letter-spacing:.05em;background:0 0;font-size:11px;font-weight:600}.VWh0dG_modelTable tbody tr,.VWh0dG_pricingTable tbody tr{transition:background-color .12s}.VWh0dG_modelTable tbody tr:hover,.VWh0dG_pricingTable tbody tr:hover{background:0 0}.VWh0dG_numCol{text-align:right;font-variant-numeric:tabular-nums}.VWh0dG_costCol{color:var(--dsw-alias-label-primary);font-weight:600}.VWh0dG_na{color:var(--dsw-alias-label-dimmed)}.VWh0dG_modelCell{align-items:center;gap:8px;display:inline-flex}.VWh0dG_modelDot{border-radius:50%;flex:none;width:9px;height:9px}.VWh0dG_modelName{color:var(--dsw-alias-label-primary);font-weight:500;line-height:16px;display:block}.VWh0dG_modelProvider{color:var(--dsw-alias-label-caption);font-size:10.5px;line-height:14px;display:block}.VWh0dG_pricingToggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0;display:flex}.VWh0dG_pricingToggle:hover .VWh0dG_panelTitle,.VWh0dG_pricingToggle:focus-visible .VWh0dG_panelTitle{color:var(--dsw-alias-label-primary)}.VWh0dG_rateBadge{vertical-align:1px;white-space:nowrap;border-radius:999px;align-items:center;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:500;line-height:14px;display:inline-flex}.VWh0dG_rateBadgeLive{color:var(--dsw-static-green-500);background:var(--dsw-alias-bg-layer-2)}.VWh0dG_rateBadgeBuiltin{color:var(--dsw-alias-label-tertiary);background:var(--dsw-alias-bg-layer-2)}.VWh0dG_pricingToggleText{align-items:baseline;gap:10px;min-width:0;display:flex}.VWh0dG_pricingChevron{width:16px;height:16px;color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.VWh0dG_pricingChevronOpen{transform:rotate(180deg)}.VWh0dG_bandPrice{align-items:baseline;gap:6px;display:inline-flex}.VWh0dG_bandPriceOff{color:var(--dsw-alias-label-caption)}.VWh0dG_bandPriceOff:before{content:\"/\";color:var(--dsw-alias-label-dimmed);margin-right:4px}.VWh0dG_bandTag{color:var(--dsw-alias-label-secondary);flex-direction:column;gap:1px;font-size:10.5px;line-height:14px;display:inline-flex}.VWh0dG_bandTagOff{color:var(--dsw-static-green-500);font-weight:600}.VWh0dG_bandTag>span:first-child{color:var(--dsw-alias-label-primary);font-weight:500}.VWh0dG_flatTag{color:var(--dsw-alias-label-caption);font-size:10.5px;line-height:14px}.VWh0dG_healthDot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.VWh0dG_healthOk{background:var(--dsw-static-green-500)}.VWh0dG_healthBad{background:var(--dsw-static-red-500)}.VWh0dG_healthIdle{background:var(--dsw-static-neutral-bluish-400)}.VWh0dG_dashboardRight{align-items:center;gap:8px;min-width:0;display:flex}.VWh0dG_healthBadge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_healthBadgeOk{color:var(--dsw-static-green-500);background:var(--dsw-alias-bg-layer-2)}.VWh0dG_healthBadgeBad{color:var(--dsw-static-red-500);background:var(--dsw-alias-bg-layer-2)}.VWh0dG_planTag{color:var(--dsw-static-green-500);background:var(--dsw-alias-bg-layer-2);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.VWh0dG_uncataloguedTag{vertical-align:1px;color:var(--dsw-static-amber-500);background:var(--dsw-alias-bg-layer-2);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.VWh0dG_estimatedTag{vertical-align:1px;color:var(--dsw-static-blue-500);background:var(--dsw-alias-bg-layer-2);border-radius:999px;margin-left:6px;padding:0 6px;font-size:10px;font-weight:600;line-height:16px;display:inline-block}.VWh0dG_liveCostBar{color:var(--dsw-static-neutral-400);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11px;line-height:16px;display:inline-flex}.VWh0dG_liveCostItem{white-space:nowrap}.VWh0dG_liveCostSep{color:var(--dsw-static-neutral-300)}.VWh0dG_liveTierPeak{color:var(--dsw-static-blue-500);font-weight:600}.VWh0dG_liveTierOff{color:var(--dsw-static-green-500);font-weight:600}.VWh0dG_liveQuotaWarn{color:var(--dsw-static-amber-500);font-weight:600}.VWh0dG_liveQuotaCrit{color:var(--dsw-static-red-500);font-weight:600}.VWh0dG_balanceCell{flex-direction:column;align-items:flex-end;gap:2px;display:inline-flex}.VWh0dG_balanceDays{color:var(--dsw-alias-label-caption);white-space:nowrap;font-size:10.5px;line-height:14px}.VWh0dG_balanceDaysLow{color:var(--dsw-static-red-500);font-weight:600}body[data-zine-mode] .VWh0dG_trigger,body[data-zine-mode] .VWh0dG_triggerPop,body[data-zine-mode] .VWh0dG_railButton{display:none}body[data-zine-mode] .VWh0dG_dashboardHead{background:#000;border-bottom:2px solid #e8ff00}body[data-zine-mode] .VWh0dG_headTitleRow{align-items:center;gap:8px;margin-top:4px;display:flex}body[data-zine-mode] .VWh0dG_dashboardTitle{color:#e8ff00;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 8px #e8ff0066;font-weight:900}body[data-zine-mode] .VWh0dG_dashboardSubtitle{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;font-size:10px}body[data-zine-mode] .VWh0dG_closeButton{color:#0a0a05;background:#ff2d95;border:1.5px solid #ff2d95;border-radius:0;box-shadow:0 0 10px #ff2d9573}body[data-zine-mode] .VWh0dG_hero{background:#000;border:2.5px solid #e8ff00;border-radius:0;position:relative;box-shadow:0 0 0 1px #0009,0 0 24px #e8ff002e}body[data-zine-mode] .VWh0dG_heroLabel{color:#c9d98a;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_heroValue{color:#e8ff00;letter-spacing:-.02em;text-shadow:0 0 12px #e8ff0073;-webkit-text-fill-color:#e8ff00;background:0 0;font-size:38px;font-weight:900}body[data-zine-mode] .VWh0dG_heroMeta{color:#c9d98a;letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}body[data-zine-mode] .VWh0dG_heroSideLabel{color:#c9d98a;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_heroSideValue{color:#e8ff00;text-shadow:0 0 6px #e8ff0059}body[data-zine-mode] .VWh0dG_delta{font-weight:900}body[data-zine-mode] .VWh0dG_deltaUp{color:#ff2d95}body[data-zine-mode] .VWh0dG_deltaDown{color:#c9d98a}body[data-zine-mode] .VWh0dG_tabNav{background:#000;border-bottom:2px solid #e8ff00}body[data-zine-mode] .VWh0dG_tabButton{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;border-radius:0;font-size:10.5px;font-weight:900}body[data-zine-mode] .VWh0dG_tabButton:hover,body[data-zine-mode] .VWh0dG_tabButton:focus-visible{color:#e8ff00;background:#e8ff001f}body[data-zine-mode] .VWh0dG_tabButtonActive,body[data-zine-mode] .VWh0dG_tabButtonActive:hover,body[data-zine-mode] .VWh0dG_tabButtonActive:focus-visible{color:#0a0a05;background:#e8ff00;box-shadow:0 0 10px #e8ff0073}body[data-zine-mode] .VWh0dG_panel{background:#000;border:2px solid #e8ff00;border-radius:0}body[data-zine-mode] .VWh0dG_trendPanel{position:relative}body[data-zine-mode] .VWh0dG_panelTitle{color:#e8ff00;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 6px #e8ff0066;font-weight:900}body[data-zine-mode] .VWh0dG_panelHint{color:#c9d98a;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900}body[data-zine-mode] .VWh0dG_modelTableScroll{background:#000;border:1.5px solid #e8ff0080;border-radius:0}.VWh0dG_currencyToggle{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:6px;align-items:center;gap:2px;margin-right:8px;padding:2px;display:inline-flex}.VWh0dG_currencyButton{color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:700;line-height:1}.VWh0dG_currencyButtonActive{background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)}.VWh0dG_subscriptionGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:10px;display:grid}.VWh0dG_subscriptionCard{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);border-radius:10px;padding:12px 14px}.VWh0dG_subscriptionHead{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:8px;display:flex}.VWh0dG_subscriptionName{font-size:13px;font-weight:700}.VWh0dG_subscriptionPlan{color:var(--dsw-alias-label-secondary);font-size:11px}.VWh0dG_subscriptionPlan[data-kind=code],.VWh0dG_subscriptionPlan[data-kind=token]{color:var(--dsw-alias-label-secondary);background:var(--dsw-alias-bg-layer-3);border-radius:999px;padding:1px 8px;font-weight:500}.VWh0dG_subscriptionStatus{color:var(--dsw-alias-label-secondary);margin-bottom:6px;font-size:11px}.VWh0dG_subscriptionWindow{align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.VWh0dG_subscriptionWindowLabel{color:var(--dsw-alias-label-secondary);flex:0 0 44px}.VWh0dG_subscriptionTrack{background:var(--dsw-alias-bg-layer-3);border-radius:3px;flex:1;height:5px;overflow:hidden}.VWh0dG_subscriptionFill{background:var(--dsw-static-blue-500);border-radius:3px;height:100%;transition:width .2s;display:block}.VWh0dG_subscriptionFillWarn{background:var(--dsw-static-amber-500)}.VWh0dG_subscriptionFillOver{background:var(--dsw-static-red-500)}.VWh0dG_subscriptionPct{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:52px}.VWh0dG_subscriptionExhausted{color:var(--dsw-static-red-500);min-width:52px;font-weight:600}.VWh0dG_subscriptionReset{color:var(--dsw-alias-label-secondary);flex:none}.VWh0dG_providerGroupList{flex-direction:column;gap:10px;display:flex}.VWh0dG_providerGroup{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px;padding:12px 14px}.VWh0dG_providerGroupHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.VWh0dG_providerGroupTitle{align-items:center;gap:7px;min-width:0;display:inline-flex}.VWh0dG_providerGroupName{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;line-height:18px}.VWh0dG_providerGroupMeta{flex:none;align-items:center;gap:10px;display:inline-flex}.VWh0dG_providerGroupBadge{color:var(--dsw-static-green-500);background:var(--dsw-alias-bg-layer-2);border-radius:999px;align-items:center;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px;display:inline-flex}.VWh0dG_providerGroupBalance{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;font-size:12px;line-height:17px;display:inline-flex}.VWh0dG_providerGroupBalanceLabel{color:var(--dsw-alias-label-caption);font-size:11px;line-height:17px}.VWh0dG_roundsFlagBadge{color:var(--dsw-static-neutral-bluish-00);background:var(--dsw-static-red-500);border-radius:999px;margin-left:8px;padding:1px 7px;font-size:10px;font-weight:800}.VWh0dG_rounds{margin-top:10px}.VWh0dG_roundsBars{align-items:flex-end;gap:3px;height:110px;padding:4px 2px 0;display:flex;overflow-x:auto}.VWh0dG_roundsBarCol{flex-direction:column;flex:1 0 28px;justify-content:flex-end;align-items:stretch;height:100%;display:flex}.VWh0dG_roundsBarLabel{text-align:center;color:var(--dsw-alias-label-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:2px;font-size:8px;line-height:1;overflow:hidden}.VWh0dG_roundsBarWrap{flex:1;align-items:flex-end;min-height:0;display:flex}.VWh0dG_roundsBar{background:var(--dsw-static-blue-500);border-radius:2px 2px 0 0;width:100%;min-height:2px;position:relative}.VWh0dG_roundsBarFlagged{background:var(--dsw-static-red-500);border-radius:2px 2px 0 0;width:100%;min-height:2px;position:relative}.VWh0dG_roundsFlagMark{background:var(--dsw-static-red-500);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-3px}.VWh0dG_roundsAxis{color:var(--dsw-alias-label-secondary);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.VWh0dG_roundsEmpty{color:var(--dsw-alias-label-secondary);margin-top:10px;font-size:12px}.VWh0dG_heatmap{margin-top:10px}.VWh0dG_heatmapGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.VWh0dG_heatmapCellEmpty{background:var(--dsw-alias-bg-layer-1);height:30px;color:var(--dsw-alias-label-dimmed);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;font-size:11px;display:flex}.VWh0dG_heatmapCell{font-variant-numeric:tabular-nums;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;height:30px;padding:0;font-size:11px;display:flex}.VWh0dG_heatmapCell[data-level=\"0\"],.VWh0dG_heatmapCell[data-level=\"1\"],.VWh0dG_heatmapCell[data-level=\"2\"]{color:var(--dsw-alias-label-primary)}.VWh0dG_heatmapCell[data-level=\"3\"],.VWh0dG_heatmapCell[data-level=\"4\"]{color:var(--dsw-static-neutral-bluish-00)}.VWh0dG_heatmapFooter{color:var(--dsw-alias-label-secondary);align-items:center;gap:8px;margin-top:10px;font-size:10px;display:flex}.VWh0dG_heatmapLegend{gap:3px;display:inline-flex}.VWh0dG_heatmapLegend i{border-radius:4px;width:14px;height:14px;display:block}.VWh0dG_heatmapHover{font-variant-numeric:tabular-nums;margin-left:auto}@media (width<=640px){.VWh0dG_kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.VWh0dG_hero{flex-direction:column;align-items:flex-start;gap:14px}.VWh0dG_heroGauge{width:96px;height:96px;position:absolute;top:20px;right:24px}.VWh0dG_heroMain{padding-right:112px}.VWh0dG_heroSide{border-left:none;border-top:1px solid var(--dsw-alias-border-l1);flex-direction:row;align-self:stretch;gap:20px;padding-top:14px;padding-left:0}.VWh0dG_heroSideItem{flex-direction:row;align-items:baseline;gap:8px}}";
28
28
  const tagId = "@kenz1117/dsh-ui-usage-billing/UsageBilling.module.css";
29
29
  if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
30
30
  const tag = document.createElement("style");
@@ -34,208 +34,208 @@ window.__ModuleLoader__.load({
34
34
  document.head.appendChild(tag);
35
35
  }
36
36
  var UsageBilling_module_css_default = {
37
- "providerGroup": "VWh0dG_providerGroup",
38
- "pricingToggle": "VWh0dG_pricingToggle",
39
- "heatmapCellEmpty": "VWh0dG_heatmapCellEmpty",
40
- "heroGaugeSvg": "VWh0dG_heroGaugeSvg",
41
- "deltaDown": "VWh0dG_deltaDown",
42
- "kpiDetail": "VWh0dG_kpiDetail",
43
- "bandPrice": "VWh0dG_bandPrice",
44
- "heatmap": "VWh0dG_heatmap",
45
- "heroGaugePctOver": "VWh0dG_heroGaugePctOver",
46
- "trigger": "VWh0dG_trigger",
47
- "healthBad": "VWh0dG_healthBad",
48
- "kpiGrid": "VWh0dG_kpiGrid",
49
- "roundsBarLabel": "VWh0dG_roundsBarLabel",
50
- "planTag": "VWh0dG_planTag",
51
- "rangeButtonActive": "VWh0dG_rangeButtonActive",
52
- "chartLegend": "VWh0dG_chartLegend",
53
- "kpiValue": "VWh0dG_kpiValue",
54
- "heroGaugeArcOver": "VWh0dG_heroGaugeArcOver",
55
- "currencyButtonActive": "VWh0dG_currencyButtonActive",
56
- "headTitleRow": "VWh0dG_headTitleRow",
57
- "budgetFill": "VWh0dG_budgetFill",
37
+ "shareDot": "VWh0dG_shareDot",
38
+ "budget": "VWh0dG_budget",
39
+ "chartStack": "VWh0dG_chartStack",
40
+ "dashboardIn": "VWh0dG_dashboardIn",
58
41
  "rangeButton": "VWh0dG_rangeButton",
59
- "heroGaugePct": "VWh0dG_heroGaugePct",
60
- "heroSide": "VWh0dG_heroSide",
61
- "shareSegUser": "VWh0dG_shareSegUser",
62
- "chartBar": "VWh0dG_chartBar",
63
- "chartLegendBar": "VWh0dG_chartLegendBar",
64
- "modelName": "VWh0dG_modelName",
65
- "bandPriceOff": "VWh0dG_bandPriceOff",
66
- "closeButton": "VWh0dG_closeButton",
67
- "healthIdle": "VWh0dG_healthIdle",
68
- "liveCostSep": "VWh0dG_liveCostSep",
69
- "subscriptionExhausted": "VWh0dG_subscriptionExhausted",
70
- "roundsBars": "VWh0dG_roundsBars",
42
+ "budgetUnit": "VWh0dG_budgetUnit",
43
+ "heroValue": "VWh0dG_heroValue",
44
+ "triggerPopBar": "VWh0dG_triggerPopBar",
71
45
  "panelTitle": "VWh0dG_panelTitle",
72
- "tableScroll": "VWh0dG_tableScroll",
73
- "providerGroupName": "VWh0dG_providerGroupName",
74
- "triggerPop": "VWh0dG_triggerPop",
75
- "chartSvg": "VWh0dG_chartSvg",
76
- "subscriptionCard": "VWh0dG_subscriptionCard",
77
- "heatmapFooter": "VWh0dG_heatmapFooter",
78
- "tabPanel": "VWh0dG_tabPanel",
79
- "subscriptionFillOver": "VWh0dG_subscriptionFillOver",
80
- "triggerAmountSub": "VWh0dG_triggerAmountSub",
81
- "triggerWrap": "VWh0dG_triggerWrap",
82
- "liveTierOff": "VWh0dG_liveTierOff",
83
- "modelTableScroll": "VWh0dG_modelTableScroll",
84
- "tabButton": "VWh0dG_tabButton",
85
- "currencyToggle": "VWh0dG_currencyToggle",
86
- "pricingTable": "VWh0dG_pricingTable",
87
- "dashboardModal": "VWh0dG_dashboardModal",
88
- "heroLabel": "VWh0dG_heroLabel",
89
- "panel": "VWh0dG_panel",
90
- "panelHint": "VWh0dG_panelHint",
91
- "delta": "VWh0dG_delta",
92
- "shareDot": "VWh0dG_shareDot",
46
+ "chartLine": "VWh0dG_chartLine",
47
+ "bandTag": "VWh0dG_bandTag",
93
48
  "flatTag": "VWh0dG_flatTag",
94
- "subscriptionStatus": "VWh0dG_subscriptionStatus",
95
- "budgetValue": "VWh0dG_budgetValue",
96
- "tabNav": "VWh0dG_tabNav",
97
- "providerGroupMeta": "VWh0dG_providerGroupMeta",
98
- "kpiTile": "VWh0dG_kpiTile",
99
- "shareSeg": "VWh0dG_shareSeg",
100
- "healthBadgeOk": "VWh0dG_healthBadgeOk",
101
- "exportLabel": "VWh0dG_exportLabel",
49
+ "healthBadge": "VWh0dG_healthBadge",
102
50
  "liveCostItem": "VWh0dG_liveCostItem",
103
- "heroValue": "VWh0dG_heroValue",
104
- "chartTooltip": "VWh0dG_chartTooltip",
105
- "shareTrack": "VWh0dG_shareTrack",
106
- "providerGroupTitle": "VWh0dG_providerGroupTitle",
107
- "subscriptionName": "VWh0dG_subscriptionName",
51
+ "closeButton": "VWh0dG_closeButton",
52
+ "headTitleRow": "VWh0dG_headTitleRow",
53
+ "dashboardTitle": "VWh0dG_dashboardTitle",
54
+ "heroGaugeTrack": "VWh0dG_heroGaugeTrack",
55
+ "panel": "VWh0dG_panel",
56
+ "triggerIcon": "VWh0dG_triggerIcon",
57
+ "modelTable": "VWh0dG_modelTable",
58
+ "panelHint": "VWh0dG_panelHint",
59
+ "budgetHead": "VWh0dG_budgetHead",
60
+ "switch": "VWh0dG_switch",
108
61
  "pricingToggleText": "VWh0dG_pricingToggleText",
109
- "roundsBar": "VWh0dG_roundsBar",
110
- "modelProvider": "VWh0dG_modelProvider",
111
- "triggerPopRow": "VWh0dG_triggerPopRow",
112
- "tabPanelIn": "VWh0dG_tabPanelIn",
113
- "budgetInputWrap": "VWh0dG_budgetInputWrap",
114
- "currencyButton": "VWh0dG_currencyButton",
115
- "subscriptionFillWarn": "VWh0dG_subscriptionFillWarn",
116
- "providerGroupBadge": "VWh0dG_providerGroupBadge",
117
- "emptyRow": "VWh0dG_emptyRow",
118
- "budgetFillOver": "VWh0dG_budgetFillOver",
119
- "triggerPopValue": "VWh0dG_triggerPopValue",
120
- "rangeToggle": "VWh0dG_rangeToggle",
121
- "chartStack": "VWh0dG_chartStack",
122
- "heroGaugeLabel": "VWh0dG_heroGaugeLabel",
123
- "shareLegend": "VWh0dG_shareLegend",
62
+ "pricingChevronOpen": "VWh0dG_pricingChevronOpen",
63
+ "estimatedTag": "VWh0dG_estimatedTag",
64
+ "exportButton": "VWh0dG_exportButton",
65
+ "heroSideValue": "VWh0dG_heroSideValue",
66
+ "healthIdle": "VWh0dG_healthIdle",
67
+ "currencyToggle": "VWh0dG_currencyToggle",
68
+ "shareValue": "VWh0dG_shareValue",
69
+ "liveTierOff": "VWh0dG_liveTierOff",
70
+ "kpiTile": "VWh0dG_kpiTile",
71
+ "liveTierPeak": "VWh0dG_liveTierPeak",
72
+ "trendPanel": "VWh0dG_trendPanel",
73
+ "railButton": "VWh0dG_railButton",
74
+ "subscriptionStatus": "VWh0dG_subscriptionStatus",
75
+ "healthBadgeBad": "VWh0dG_healthBadgeBad",
76
+ "balanceDaysLow": "VWh0dG_balanceDaysLow",
77
+ "trigger": "VWh0dG_trigger",
78
+ "switchOn": "VWh0dG_switchOn",
79
+ "rateBadge": "VWh0dG_rateBadge",
80
+ "triggerMonth": "VWh0dG_triggerMonth",
81
+ "rateBadgeLive": "VWh0dG_rateBadgeLive",
124
82
  "switchKnob": "VWh0dG_switchKnob",
125
- "triggerToday": "VWh0dG_triggerToday",
126
- "bandTag": "VWh0dG_bandTag",
83
+ "healthOk": "VWh0dG_healthOk",
84
+ "balanceCell": "VWh0dG_balanceCell",
127
85
  "liveCostBar": "VWh0dG_liveCostBar",
128
- "chartLine": "VWh0dG_chartLine",
129
- "chartEmpty": "VWh0dG_chartEmpty",
130
- "budgetLabel": "VWh0dG_budgetLabel",
131
- "dashboardSubtitle": "VWh0dG_dashboardSubtitle",
132
- "budgetOverPulse": "VWh0dG_budgetOverPulse",
133
- "budgetTrack": "VWh0dG_budgetTrack",
134
- "chartTooltipDate": "VWh0dG_chartTooltipDate",
135
- "modelDot": "VWh0dG_modelDot",
136
- "healthDot": "VWh0dG_healthDot",
137
- "heroSideLabel": "VWh0dG_heroSideLabel",
138
- "trendPanel": "VWh0dG_trendPanel",
139
- "roundsBarWrap": "VWh0dG_roundsBarWrap",
140
- "dashboardTitle": "VWh0dG_dashboardTitle",
141
- "triggerAmount": "VWh0dG_triggerAmount",
142
- "dashboardBody": "VWh0dG_dashboardBody",
86
+ "balanceDays": "VWh0dG_balanceDays",
87
+ "providerGroupTitle": "VWh0dG_providerGroupTitle",
88
+ "roundsBarLabel": "VWh0dG_roundsBarLabel",
89
+ "modelName": "VWh0dG_modelName",
143
90
  "heroMeta": "VWh0dG_heroMeta",
144
- "heroGaugeArc": "VWh0dG_heroGaugeArc",
91
+ "heroGauge": "VWh0dG_heroGauge",
92
+ "chartBar": "VWh0dG_chartBar",
93
+ "heroSide": "VWh0dG_heroSide",
94
+ "chartDot": "VWh0dG_chartDot",
95
+ "currencyButtonActive": "VWh0dG_currencyButtonActive",
145
96
  "shareSegOff": "VWh0dG_shareSegOff",
146
- "balanceCell": "VWh0dG_balanceCell",
147
- "roundsBarCol": "VWh0dG_roundsBarCol",
148
- "subscriptionTrack": "VWh0dG_subscriptionTrack",
149
- "kpiLabel": "VWh0dG_kpiLabel",
150
- "providerGroupHead": "VWh0dG_providerGroupHead",
97
+ "chartTooltipSwatch": "VWh0dG_chartTooltipSwatch",
98
+ "roundsBars": "VWh0dG_roundsBars",
99
+ "subscriptionName": "VWh0dG_subscriptionName",
100
+ "subscriptionPlan": "VWh0dG_subscriptionPlan",
101
+ "providerGroupBadge": "VWh0dG_providerGroupBadge",
102
+ "roundsFlagMark": "VWh0dG_roundsFlagMark",
103
+ "roundsBarFlagged": "VWh0dG_roundsBarFlagged",
104
+ "heatmapGrid": "VWh0dG_heatmapGrid",
151
105
  "heatmapLegend": "VWh0dG_heatmapLegend",
152
- "subscriptionFill": "VWh0dG_subscriptionFill",
153
- "hero": "VWh0dG_hero",
154
- "heroMain": "VWh0dG_heroMain",
155
- "shareSegAssistant": "VWh0dG_shareSegAssistant",
106
+ "roundsBar": "VWh0dG_roundsBar",
107
+ "shareTrack": "VWh0dG_shareTrack",
108
+ "kpiLabel": "VWh0dG_kpiLabel",
156
109
  "chartLegendLine": "VWh0dG_chartLegendLine",
157
- "dashboardIn": "VWh0dG_dashboardIn",
158
- "providerGroupBalanceLabel": "VWh0dG_providerGroupBalanceLabel",
159
- "heroSideItem": "VWh0dG_heroSideItem",
160
- "numCol": "VWh0dG_numCol",
161
- "triggerIcon": "VWh0dG_triggerIcon",
162
- "estimatedTag": "VWh0dG_estimatedTag",
163
- "roundsBarFlagged": "VWh0dG_roundsBarFlagged",
110
+ "chartEmpty": "VWh0dG_chartEmpty",
111
+ "tableScroll": "VWh0dG_tableScroll",
112
+ "modelTableScroll": "VWh0dG_modelTableScroll",
113
+ "kpiGrid": "VWh0dG_kpiGrid",
114
+ "bandPriceOff": "VWh0dG_bandPriceOff",
115
+ "shareSegUser": "VWh0dG_shareSegUser",
116
+ "liveQuotaCrit": "VWh0dG_liveQuotaCrit",
164
117
  "providerGroupBalance": "VWh0dG_providerGroupBalance",
118
+ "heroGaugePctOver": "VWh0dG_heroGaugePctOver",
119
+ "panelHead": "VWh0dG_panelHead",
120
+ "triggerToday": "VWh0dG_triggerToday",
121
+ "heroGaugeSvg": "VWh0dG_heroGaugeSvg",
122
+ "tabPanelIn": "VWh0dG_tabPanelIn",
123
+ "chartLegend": "VWh0dG_chartLegend",
124
+ "roundsBarCol": "VWh0dG_roundsBarCol",
125
+ "chartWrap": "VWh0dG_chartWrap",
126
+ "chartLegendBar": "VWh0dG_chartLegendBar",
127
+ "providerGroupMeta": "VWh0dG_providerGroupMeta",
128
+ "heatmapCellEmpty": "VWh0dG_heatmapCellEmpty",
129
+ "roundsBarWrap": "VWh0dG_roundsBarWrap",
130
+ "modelProvider": "VWh0dG_modelProvider",
131
+ "healthDot": "VWh0dG_healthDot",
132
+ "dashboardModal": "VWh0dG_dashboardModal",
133
+ "budgetControls": "VWh0dG_budgetControls",
165
134
  "triggerPopLabel": "VWh0dG_triggerPopLabel",
166
- "heroGauge": "VWh0dG_heroGauge",
167
- "triggerMonth": "VWh0dG_triggerMonth",
168
- "shareSegPeak": "VWh0dG_shareSegPeak",
135
+ "bandPrice": "VWh0dG_bandPrice",
169
136
  "subscriptionPct": "VWh0dG_subscriptionPct",
170
- "exportButton": "VWh0dG_exportButton",
171
- "chartCrosshair": "VWh0dG_chartCrosshair",
172
- "bandTagOff": "VWh0dG_bandTagOff",
173
- "shareValue": "VWh0dG_shareValue",
174
- "kpiGreen": "VWh0dG_kpiGreen",
175
- "liveQuotaCrit": "VWh0dG_liveQuotaCrit",
176
- "subscriptionGrid": "VWh0dG_subscriptionGrid",
177
- "subscriptionWindowLabel": "VWh0dG_subscriptionWindowLabel",
178
- "pricingChevronOpen": "VWh0dG_pricingChevronOpen",
179
- "railButton": "VWh0dG_railButton",
180
- "rounds": "VWh0dG_rounds",
181
- "roundsFlagMark": "VWh0dG_roundsFlagMark",
182
- "roundsAxis": "VWh0dG_roundsAxis",
183
- "heatmapCell": "VWh0dG_heatmapCell",
184
- "budgetHead": "VWh0dG_budgetHead",
185
- "heroSideValue": "VWh0dG_heroSideValue",
186
- "budget": "VWh0dG_budget",
187
- "providerGroupList": "VWh0dG_providerGroupList",
188
- "modelTable": "VWh0dG_modelTable",
189
- "roundsEmpty": "VWh0dG_roundsEmpty",
190
- "heatmapGrid": "VWh0dG_heatmapGrid",
191
- "budgetControls": "VWh0dG_budgetControls",
192
- "na": "VWh0dG_na",
137
+ "tabPanel": "VWh0dG_tabPanel",
193
138
  "triggerDivider": "VWh0dG_triggerDivider",
194
- "heroGaugeCenter": "VWh0dG_heroGaugeCenter",
139
+ "triggerAmountSub": "VWh0dG_triggerAmountSub",
140
+ "budgetFill": "VWh0dG_budgetFill",
141
+ "bandTagOff": "VWh0dG_bandTagOff",
142
+ "subscriptionReset": "VWh0dG_subscriptionReset",
143
+ "providerGroupHead": "VWh0dG_providerGroupHead",
144
+ "providerGroupBalanceLabel": "VWh0dG_providerGroupBalanceLabel",
145
+ "budgetTrack": "VWh0dG_budgetTrack",
146
+ "tabNav": "VWh0dG_tabNav",
147
+ "chartTooltipRow": "VWh0dG_chartTooltipRow",
195
148
  "modelCell": "VWh0dG_modelCell",
149
+ "budgetLabel": "VWh0dG_budgetLabel",
196
150
  "dashboardRight": "VWh0dG_dashboardRight",
197
- "panelHead": "VWh0dG_panelHead",
198
- "switchOn": "VWh0dG_switchOn",
199
- "balanceDaysLow": "VWh0dG_balanceDaysLow",
200
- "heroGaugeTrack": "VWh0dG_heroGaugeTrack",
151
+ "rangeToggle": "VWh0dG_rangeToggle",
152
+ "pricingToggle": "VWh0dG_pricingToggle",
153
+ "heroSideItem": "VWh0dG_heroSideItem",
154
+ "exportLabel": "VWh0dG_exportLabel",
155
+ "costCol": "VWh0dG_costCol",
156
+ "providerGroup": "VWh0dG_providerGroup",
157
+ "triggerPopValue": "VWh0dG_triggerPopValue",
158
+ "kpiValue": "VWh0dG_kpiValue",
159
+ "pricingTable": "VWh0dG_pricingTable",
160
+ "heroGaugeCenter": "VWh0dG_heroGaugeCenter",
161
+ "planTag": "VWh0dG_planTag",
162
+ "rounds": "VWh0dG_rounds",
163
+ "triggerAmount": "VWh0dG_triggerAmount",
164
+ "triggerMeta": "VWh0dG_triggerMeta",
165
+ "budgetInput": "VWh0dG_budgetInput",
166
+ "exportBar": "VWh0dG_exportBar",
167
+ "chartAxisLabel": "VWh0dG_chartAxisLabel",
168
+ "heatmapFooter": "VWh0dG_heatmapFooter",
169
+ "healthBadgeOk": "VWh0dG_healthBadgeOk",
170
+ "kpiGreen": "VWh0dG_kpiGreen",
171
+ "shareSeg": "VWh0dG_shareSeg",
172
+ "triggerPopBars": "VWh0dG_triggerPopBars",
173
+ "deltaDown": "VWh0dG_deltaDown",
174
+ "providerGroupName": "VWh0dG_providerGroupName",
175
+ "delta": "VWh0dG_delta",
176
+ "budgetValue": "VWh0dG_budgetValue",
177
+ "pricingChevron": "VWh0dG_pricingChevron",
178
+ "chartSvg": "VWh0dG_chartSvg",
179
+ "shareSegTool": "VWh0dG_shareSegTool",
180
+ "chartGrid": "VWh0dG_chartGrid",
181
+ "liveCostSep": "VWh0dG_liveCostSep",
182
+ "subscriptionHead": "VWh0dG_subscriptionHead",
183
+ "kpiDetail": "VWh0dG_kpiDetail",
184
+ "dashboardSubtitle": "VWh0dG_dashboardSubtitle",
185
+ "triggerPopRow": "VWh0dG_triggerPopRow",
201
186
  "dashboardHead": "VWh0dG_dashboardHead",
187
+ "heroGaugeLabel": "VWh0dG_heroGaugeLabel",
188
+ "chartCrosshair": "VWh0dG_chartCrosshair",
189
+ "budgetFillWarn": "VWh0dG_budgetFillWarn",
190
+ "na": "VWh0dG_na",
191
+ "rateBadgeBuiltin": "VWh0dG_rateBadgeBuiltin",
202
192
  "liveQuotaWarn": "VWh0dG_liveQuotaWarn",
203
- "triggerPopBar": "VWh0dG_triggerPopBar",
193
+ "subscriptionFillOver": "VWh0dG_subscriptionFillOver",
194
+ "shareLegend": "VWh0dG_shareLegend",
195
+ "heroSideLabel": "VWh0dG_heroSideLabel",
196
+ "subscriptionCard": "VWh0dG_subscriptionCard",
197
+ "chartTooltip": "VWh0dG_chartTooltip",
198
+ "heatmapCell": "VWh0dG_heatmapCell",
199
+ "budgetOverPulse": "VWh0dG_budgetOverPulse",
200
+ "providerGroupList": "VWh0dG_providerGroupList",
201
+ "shareSegAssistant": "VWh0dG_shareSegAssistant",
202
+ "emptyRow": "VWh0dG_emptyRow",
203
+ "shareItem": "VWh0dG_shareItem",
204
+ "currencyButton": "VWh0dG_currencyButton",
205
+ "triggerWrap": "VWh0dG_triggerWrap",
206
+ "dashboard": "VWh0dG_dashboard",
207
+ "tabButton": "VWh0dG_tabButton",
208
+ "heroLabel": "VWh0dG_heroLabel",
209
+ "triggerPop": "VWh0dG_triggerPop",
204
210
  "deltaUp": "VWh0dG_deltaUp",
205
- "subscriptionHead": "VWh0dG_subscriptionHead",
206
- "costCol": "VWh0dG_costCol",
207
- "chartTooltipSwatch": "VWh0dG_chartTooltipSwatch",
208
- "liveTierPeak": "VWh0dG_liveTierPeak",
211
+ "rangeButtonActive": "VWh0dG_rangeButtonActive",
212
+ "budgetFillOver": "VWh0dG_budgetFillOver",
213
+ "chartTooltipDate": "VWh0dG_chartTooltipDate",
214
+ "modelDot": "VWh0dG_modelDot",
215
+ "subscriptionWindow": "VWh0dG_subscriptionWindow",
216
+ "subscriptionWindowLabel": "VWh0dG_subscriptionWindowLabel",
217
+ "heroGaugeArc": "VWh0dG_heroGaugeArc",
218
+ "heroGaugeArcOver": "VWh0dG_heroGaugeArcOver",
219
+ "subscriptionTrack": "VWh0dG_subscriptionTrack",
209
220
  "roundsFlagBadge": "VWh0dG_roundsFlagBadge",
210
- "rateBadge": "VWh0dG_rateBadge",
211
- "exportBar": "VWh0dG_exportBar",
212
- "chartAxisLabel": "VWh0dG_chartAxisLabel",
213
- "chartWrap": "VWh0dG_chartWrap",
214
- "rateBadgeBuiltin": "VWh0dG_rateBadgeBuiltin",
215
221
  "uncataloguedTag": "VWh0dG_uncataloguedTag",
216
- "shareItem": "VWh0dG_shareItem",
217
- "healthBadgeBad": "VWh0dG_healthBadgeBad",
218
- "balanceDays": "VWh0dG_balanceDays",
219
- "switch": "VWh0dG_switch",
220
- "subscriptionReset": "VWh0dG_subscriptionReset",
221
- "pricingChevron": "VWh0dG_pricingChevron",
222
+ "roundsEmpty": "VWh0dG_roundsEmpty",
223
+ "heatmap": "VWh0dG_heatmap",
224
+ "subscriptionFillWarn": "VWh0dG_subscriptionFillWarn",
222
225
  "heatmapHover": "VWh0dG_heatmapHover",
223
- "triggerMeta": "VWh0dG_triggerMeta",
224
- "chartDot": "VWh0dG_chartDot",
225
- "chartTooltipRow": "VWh0dG_chartTooltipRow",
226
- "chartGrid": "VWh0dG_chartGrid",
226
+ "shareSegPeak": "VWh0dG_shareSegPeak",
227
+ "hero": "VWh0dG_hero",
228
+ "heroGaugePct": "VWh0dG_heroGaugePct",
229
+ "numCol": "VWh0dG_numCol",
230
+ "subscriptionGrid": "VWh0dG_subscriptionGrid",
231
+ "roundsAxis": "VWh0dG_roundsAxis",
227
232
  "tabButtonActive": "VWh0dG_tabButtonActive",
228
- "budgetInput": "VWh0dG_budgetInput",
229
- "shareSegTool": "VWh0dG_shareSegTool",
230
- "budgetFillWarn": "VWh0dG_budgetFillWarn",
231
- "triggerPopBars": "VWh0dG_triggerPopBars",
232
- "dashboard": "VWh0dG_dashboard",
233
- "healthOk": "VWh0dG_healthOk",
234
- "healthBadge": "VWh0dG_healthBadge",
235
- "subscriptionPlan": "VWh0dG_subscriptionPlan",
236
- "rateBadgeLive": "VWh0dG_rateBadgeLive",
237
- "subscriptionWindow": "VWh0dG_subscriptionWindow",
238
- "budgetUnit": "VWh0dG_budgetUnit"
233
+ "dashboardBody": "VWh0dG_dashboardBody",
234
+ "subscriptionExhausted": "VWh0dG_subscriptionExhausted",
235
+ "healthBad": "VWh0dG_healthBad",
236
+ "heroMain": "VWh0dG_heroMain",
237
+ "subscriptionFill": "VWh0dG_subscriptionFill",
238
+ "budgetInputWrap": "VWh0dG_budgetInputWrap"
239
239
  };
240
240
  //#endregion
241
241
  //#region src/client/plan-knowledge.ts
@@ -1118,6 +1118,20 @@ window.__ModuleLoader__.load({
1118
1118
  if (price >= 10) return `¥${price.toFixed(1)}`;
1119
1119
  return `¥${price.toFixed(2)}`;
1120
1120
  }
1121
+ /**
1122
+ * 把一条「每百万 token」单价从原生币种换算到目标展示币种(按 USD→CNY 汇率)。
1123
+ * 汇率缺失/非法时回退原值,避免 0 汇率把价格算没。
1124
+ * @param price - 原生币种单价。
1125
+ * @param native - 模型原生币种。
1126
+ * @param target - 用户当前展示币种。
1127
+ * @param rate - USD→CNY 汇率(1 USD = rate CNY)。
1128
+ * @returns 换算到目标币种的单价;同币种或汇率不可用时原值。
1129
+ */
1130
+ function convertUnitPrice(price, native, target, rate) {
1131
+ if (rate <= 0 || !Number.isFinite(rate)) return price;
1132
+ if (native === (target === "usd" ? "USD" : "CNY")) return price;
1133
+ return target === "usd" ? price / rate : price * rate;
1134
+ }
1121
1135
  /** Format a large token count with B/M/K suffix. */
1122
1136
  function formatTokens(value) {
1123
1137
  if (value >= 1e9) return `${(value / 1e9).toFixed(2)}B`;
@@ -1485,10 +1499,10 @@ window.__ModuleLoader__.load({
1485
1499
  */
1486
1500
  const LEVEL_COLORS = [
1487
1501
  "var(--dsw-alias-bg-layer-2)",
1488
- "color-mix(in srgb, #10b981 22%, var(--dsw-alias-bg-layer-2))",
1489
- "color-mix(in srgb, #10b981 45%, var(--dsw-alias-bg-layer-2))",
1490
- "color-mix(in srgb, #10b981 70%, var(--dsw-alias-bg-layer-2))",
1491
- "#10b981"
1502
+ "color-mix(in srgb, var(--dsw-static-green-500) 22%, var(--dsw-alias-bg-layer-2))",
1503
+ "color-mix(in srgb, var(--dsw-static-green-500) 45%, var(--dsw-alias-bg-layer-2))",
1504
+ "color-mix(in srgb, var(--dsw-static-green-500) 70%, var(--dsw-alias-bg-layer-2))",
1505
+ "var(--dsw-static-green-500)"
1492
1506
  ];
1493
1507
  /** Local-time `YYYY-MM-DD` stamp (matches the dashboard's day keys). */
1494
1508
  function dayStamp(date) {
@@ -1762,6 +1776,245 @@ window.__ModuleLoader__.load({
1762
1776
  URL.revokeObjectURL(url);
1763
1777
  }
1764
1778
  //#endregion
1779
+ //#region src/client/locales.ts
1780
+ const NS = "usageBilling";
1781
+ const zh = {
1782
+ "billing.title": "使用统计",
1783
+ "billing.subtitle": "计费仪表盘",
1784
+ "billing.cost": "费用",
1785
+ "billing.todayCost": "今日费用",
1786
+ "billing.monthCost": "本月费用",
1787
+ "billing.yearCost": "本年费用",
1788
+ "billing.monthProjected": "本月预计",
1789
+ "billing.liveTurn": "本轮",
1790
+ "billing.liveSession": "会话",
1791
+ "billing.totalCost": "总费用",
1792
+ "billing.calls": "调用",
1793
+ "billing.cacheHitRate": "缓存命中率",
1794
+ "billing.tokens": "Token",
1795
+ "billing.inputTokens": "输入",
1796
+ "billing.outputTokens": "输出",
1797
+ "billing.avgCost": "平均成本",
1798
+ "billing.trend": "每日费用与调用趋势",
1799
+ "billing.trend7d": "7 天",
1800
+ "billing.trend30d": "30 天",
1801
+ "billing.trendEmpty": "暂无趋势数据",
1802
+ "billing.budget": "本月预算",
1803
+ "billing.sessions": "会话明细",
1804
+ "billing.project": "项目",
1805
+ "billing.lastActive": "最后活跃",
1806
+ "billing.sessionOverflow": "仅显示花费前 {limit} 个,共 {total} 个会话",
1807
+ "billing.budgetTierBody": "本月花费 {cost} 已达预算 {budget} 的 {pct}%",
1808
+ "billing.models": "模型计费明细",
1809
+ "billing.providerBilling": "厂商计费与订阅",
1810
+ "billing.estimated": "估算",
1811
+ "billing.actual": "实际",
1812
+ "billing.pricing": "模型单价表",
1813
+ "billing.showPricing": "查看模型单价",
1814
+ "billing.hidePricing": "收起单价表",
1815
+ "billing.pricePerM": "¥ / 1M tokens",
1816
+ "billing.input": "输入",
1817
+ "billing.output": "输出",
1818
+ "billing.cacheHit": "缓存命中",
1819
+ "billing.peak": "高峰",
1820
+ "billing.offPeak": "低谷",
1821
+ "billing.flat": "全天统一",
1822
+ "billing.peakHours": "高峰时段",
1823
+ "billing.band": "时段",
1824
+ "billing.openDashboard": "打开计费仪表盘",
1825
+ "billing.close": "关闭",
1826
+ "billing.lastUpdated": "数据更新于",
1827
+ "billing.noData": "暂无计费数据",
1828
+ "billing.todayRate": "今日汇率",
1829
+ "billing.rateLive": "实时",
1830
+ "billing.rateBuiltin": "内置",
1831
+ "billing.balance": "余额",
1832
+ "billing.balanceUnconfigured": "未配置",
1833
+ "billing.balanceUnauthorized": "密钥无效",
1834
+ "billing.balanceUnreachable": "查询失败",
1835
+ "billing.uncatalogued": "未收录",
1836
+ "billing.estimatedPricing": "估算价",
1837
+ "billing.balanceDays": "约可撑 {days} 天",
1838
+ "billing.balanceLowBody": "{name} 余额 {balance},约可撑 {days} 天,请及时充值",
1839
+ "billing.subscriptions": "订阅套餐",
1840
+ "billing.subscriptionNotConfigured": "未配置密钥",
1841
+ "billing.subscriptionUnauthorized": "密钥无效",
1842
+ "billing.subscriptionUnavailable": "查询失败",
1843
+ "billing.subscriptionInvalid": "响应异常",
1844
+ "billing.subscriptionRateLimited": "触发限流",
1845
+ "billing.subscriptionSession": "本次",
1846
+ "billing.subscriptionWeekly": "本周",
1847
+ "billing.subscriptionMonthly": "本月",
1848
+ "billing.subscriptionBilling": "计费周期",
1849
+ "billing.subscriptionRemaining": "剩余 {pct}%",
1850
+ "billing.subscriptionExhausted": "已用尽",
1851
+ "billing.subscriptionReset": "{date} 重置",
1852
+ "billing.subscriptionNoApi": "该厂商暂未提供用量查询接口",
1853
+ "billing.heatmapLess": "少",
1854
+ "billing.heatmapMore": "多",
1855
+ "billing.currency": "币种",
1856
+ "billing.currencyCny": "人民币",
1857
+ "billing.currencyUsd": "美元",
1858
+ "billing.heatmap": "用量热力图",
1859
+ "billing.rounds": "每轮费用",
1860
+ "billing.anomaly": "成本突增",
1861
+ "billing.workspaces": "工作区统计",
1862
+ "billing.plan": "套餐",
1863
+ "billing.remaining": "剩余",
1864
+ "billing.unknownModel": "未定价",
1865
+ "billing.model": "模型",
1866
+ "billing.currentRound": "当前",
1867
+ "billing.costAbbr": "费用",
1868
+ "billing.tabOverview": "概览",
1869
+ "billing.tabTrends": "趋势",
1870
+ "billing.tabProviders": "明细",
1871
+ "billing.tabDetails": "统计",
1872
+ "billing.tabPricing": "费率",
1873
+ "billing.export": "导出",
1874
+ "billing.exportCsvDay": "按日 CSV",
1875
+ "billing.exportCsvSession": "按会话 CSV",
1876
+ "billing.exportJson": "全量 JSON",
1877
+ "billing.peakShare": "峰谷时段占比",
1878
+ "billing.peakShareHint": "近 {count} 轮",
1879
+ "billing.weekCost": "本周",
1880
+ "billing.roleCost": "费用构成",
1881
+ "billing.roleUser": "用户输入",
1882
+ "billing.roleAssistant": "助手输出",
1883
+ "billing.roleTool": "工具结果",
1884
+ "billing.roleHint": "估算:输出按实测计价,输入按消息长度摊分",
1885
+ "billing.tierPeak": "峰时",
1886
+ "billing.tierOff": "平价",
1887
+ "billing.tierToPeak": "后转峰时",
1888
+ "billing.tierToOff": "后转平价",
1889
+ "billing.tierAlertEnterPeak": "{minutes} 分钟后进入峰时(DeepSeek 高峰价 ×2),不急的调用可稍等",
1890
+ "billing.tierAlertEnterOff": "{minutes} 分钟后进入平价(价格减半)",
1891
+ "billing.planTypeCode": "订阅制",
1892
+ "billing.planTypeToken": "按量",
1893
+ "billing.subscriptionFeePerMonth": "{amount}/月",
1894
+ "billing.triggerToday": "今日",
1895
+ "billing.triggerMonth": "当月",
1896
+ "billing.subscriptionIncluded": "订阅包含",
1897
+ "billing.free": "免费"
1898
+ };
1899
+ const en = {
1900
+ "billing.title": "Usage",
1901
+ "billing.subtitle": "Billing dashboard",
1902
+ "billing.cost": "Cost",
1903
+ "billing.todayCost": "Today",
1904
+ "billing.monthCost": "This month",
1905
+ "billing.yearCost": "This year",
1906
+ "billing.monthProjected": "Projected",
1907
+ "billing.liveTurn": "Turn",
1908
+ "billing.liveSession": "Session",
1909
+ "billing.totalCost": "Total",
1910
+ "billing.calls": "Calls",
1911
+ "billing.cacheHitRate": "Cache Hit",
1912
+ "billing.tokens": "Tokens",
1913
+ "billing.inputTokens": "Input",
1914
+ "billing.outputTokens": "Output",
1915
+ "billing.avgCost": "Avg cost",
1916
+ "billing.trend": "Daily cost & calls",
1917
+ "billing.trend7d": "7D",
1918
+ "billing.trend30d": "30D",
1919
+ "billing.trendEmpty": "No trend data yet",
1920
+ "billing.budget": "Monthly budget",
1921
+ "billing.sessions": "Sessions",
1922
+ "billing.project": "Project",
1923
+ "billing.lastActive": "Last active",
1924
+ "billing.sessionOverflow": "Top {limit} of {total} sessions by cost",
1925
+ "billing.budgetTierBody": "This month {cost} reached {pct}% of the budget {budget}",
1926
+ "billing.models": "Model billing",
1927
+ "billing.providerBilling": "Provider billing & subscriptions",
1928
+ "billing.estimated": "Est.",
1929
+ "billing.actual": "Actual",
1930
+ "billing.pricing": "Model pricing",
1931
+ "billing.showPricing": "View pricing",
1932
+ "billing.hidePricing": "Hide pricing",
1933
+ "billing.pricePerM": "¥ / 1M tokens",
1934
+ "billing.input": "Input",
1935
+ "billing.output": "Output",
1936
+ "billing.cacheHit": "Cache hit",
1937
+ "billing.peak": "Peak",
1938
+ "billing.offPeak": "Off-peak",
1939
+ "billing.flat": "Flat",
1940
+ "billing.peakHours": "Peak hours",
1941
+ "billing.band": "Band",
1942
+ "billing.openDashboard": "Open billing dashboard",
1943
+ "billing.close": "Close",
1944
+ "billing.lastUpdated": "Updated",
1945
+ "billing.noData": "No billing data yet",
1946
+ "billing.todayRate": "Today rate",
1947
+ "billing.rateLive": "Live",
1948
+ "billing.rateBuiltin": "Built-in",
1949
+ "billing.balance": "Balance",
1950
+ "billing.balanceUnconfigured": "Not set",
1951
+ "billing.balanceUnauthorized": "Bad key",
1952
+ "billing.balanceUnreachable": "Unavailable",
1953
+ "billing.uncatalogued": "Not catalogued",
1954
+ "billing.estimatedPricing": "Estimated",
1955
+ "billing.balanceDays": "~{days} days left",
1956
+ "billing.balanceLowBody": "{name} balance {balance}, ~{days} days left, please top up",
1957
+ "billing.subscriptions": "Subscriptions",
1958
+ "billing.subscriptionNotConfigured": "Key not set",
1959
+ "billing.subscriptionUnauthorized": "Bad key",
1960
+ "billing.subscriptionUnavailable": "Unavailable",
1961
+ "billing.subscriptionInvalid": "Bad response",
1962
+ "billing.subscriptionRateLimited": "Rate limited",
1963
+ "billing.subscriptionSession": "Current",
1964
+ "billing.subscriptionWeekly": "Weekly",
1965
+ "billing.subscriptionMonthly": "Monthly",
1966
+ "billing.subscriptionBilling": "Billing",
1967
+ "billing.subscriptionRemaining": "{pct}% left",
1968
+ "billing.subscriptionExhausted": "Exhausted",
1969
+ "billing.subscriptionReset": "Resets {date}",
1970
+ "billing.subscriptionNoApi": "Provider does not offer a usage API",
1971
+ "billing.heatmapLess": "Less",
1972
+ "billing.heatmapMore": "More",
1973
+ "billing.currency": "Currency",
1974
+ "billing.currencyCny": "CNY",
1975
+ "billing.currencyUsd": "USD",
1976
+ "billing.heatmap": "Usage heatmap",
1977
+ "billing.rounds": "Cost per turn",
1978
+ "billing.anomaly": "Cost spike",
1979
+ "billing.workspaces": "Workspaces",
1980
+ "billing.plan": "Plan",
1981
+ "billing.remaining": "Left",
1982
+ "billing.unknownModel": "Unpriced",
1983
+ "billing.model": "Model",
1984
+ "billing.currentRound": "current",
1985
+ "billing.costAbbr": "cost",
1986
+ "billing.tabOverview": "Overview",
1987
+ "billing.tabTrends": "Trends",
1988
+ "billing.tabProviders": "Details",
1989
+ "billing.tabDetails": "Stats",
1990
+ "billing.tabPricing": "Rates",
1991
+ "billing.export": "Export",
1992
+ "billing.exportCsvDay": "Daily CSV",
1993
+ "billing.exportCsvSession": "Sessions CSV",
1994
+ "billing.exportJson": "Full JSON",
1995
+ "billing.peakShare": "Peak vs off-peak",
1996
+ "billing.peakShareHint": "last {count} turns",
1997
+ "billing.weekCost": "This week",
1998
+ "billing.roleCost": "Cost breakdown",
1999
+ "billing.roleUser": "User input",
2000
+ "billing.roleAssistant": "Assistant output",
2001
+ "billing.roleTool": "Tool results",
2002
+ "billing.roleHint": "Estimated: output priced exactly, input split by message size",
2003
+ "billing.tierPeak": "Peak",
2004
+ "billing.tierOff": "Off-peak",
2005
+ "billing.tierToPeak": "until peak",
2006
+ "billing.tierToOff": "until off-peak",
2007
+ "billing.tierAlertEnterPeak": "Peak pricing (2x) starts in {minutes} min — non-urgent calls can wait",
2008
+ "billing.tierAlertEnterOff": "Off-peak pricing (50% off) starts in {minutes} min",
2009
+ "billing.planTypeCode": "Subscription",
2010
+ "billing.planTypeToken": "Usage",
2011
+ "billing.subscriptionFeePerMonth": "{amount}/mo",
2012
+ "billing.triggerToday": "Today",
2013
+ "billing.triggerMonth": "This month",
2014
+ "billing.subscriptionIncluded": "Included",
2015
+ "billing.free": "Free"
2016
+ };
2017
+ //#endregion
1765
2018
  //#region src/client/UsageBilling.tsx
1766
2019
  /**
1767
2020
  * UsageBilling: sidebar footer trigger + full billing dashboard modal.
@@ -2231,7 +2484,7 @@ window.__ModuleLoader__.load({
2231
2484
  className: UsageBilling_module_css_default.trigger,
2232
2485
  "data-testid": "billing-trigger",
2233
2486
  onClick: onOpen,
2234
- title: `${t("billing.title")} · 本月 ${formatMoney(monthCost)}`,
2487
+ title: `${t("billing.title")} · ${t("billing.triggerMonth")} ${formatMoney(monthCost)}`,
2235
2488
  children: [
2236
2489
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
2237
2490
  className: UsageBilling_module_css_default.triggerIcon,
@@ -2243,7 +2496,7 @@ window.__ModuleLoader__.load({
2243
2496
  "data-testid": "billing-trigger-today",
2244
2497
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
2245
2498
  className: UsageBilling_module_css_default.triggerMeta,
2246
- children: "今日"
2499
+ children: t("billing.triggerToday")
2247
2500
  }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
2248
2501
  className: UsageBilling_module_css_default.triggerAmount,
2249
2502
  children: formatMoney(todayCost)
@@ -2255,7 +2508,7 @@ window.__ModuleLoader__.load({
2255
2508
  "data-testid": "billing-trigger-month",
2256
2509
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
2257
2510
  className: UsageBilling_module_css_default.triggerMeta,
2258
- children: "当月"
2511
+ children: t("billing.triggerMonth")
2259
2512
  }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
2260
2513
  className: UsageBilling_module_css_default.triggerAmountSub,
2261
2514
  children: formatMoney(monthCost)
@@ -2321,6 +2574,7 @@ window.__ModuleLoader__.load({
2321
2574
  const [trendDays, setTrendDays] = (0, react.useState)(7);
2322
2575
  const rateInfo = getRateInfo();
2323
2576
  const money = (cny) => formatMoney(currency === "usd" ? cnyToUsd(cny) : cny, currency);
2577
+ const unitMoney = (price, native) => price === 0 ? t("billing.free") : formatUnitPrice(convertUnitPrice(price, native, currency, rateInfo.rate), currency === "usd" ? "USD" : "CNY");
2324
2578
  const roundFlags = (0, react.useMemo)(() => flagAnomalies([...turns].reverse()), [turns]);
2325
2579
  const peakShare = (0, react.useMemo)(() => peakOffpeakCost(turns), [turns]);
2326
2580
  const roleRows = (0, react.useMemo)(() => {
@@ -2655,35 +2909,18 @@ window.__ModuleLoader__.load({
2655
2909
  className: UsageBilling_module_css_default.heroGaugeSvg,
2656
2910
  viewBox: "0 0 120 120",
2657
2911
  "aria-hidden": "true",
2658
- children: [
2659
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("linearGradient", {
2660
- id: "heroGaugeGradient",
2661
- x1: "0%",
2662
- y1: "0%",
2663
- x2: "100%",
2664
- y2: "100%",
2665
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
2666
- offset: "0%",
2667
- stopColor: "var(--dsw-static-blue-500)"
2668
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("stop", {
2669
- offset: "100%",
2670
- stopColor: "var(--dsw-static-blue-400)"
2671
- })]
2672
- }) }),
2673
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
2674
- className: UsageBilling_module_css_default.heroGaugeTrack,
2675
- cx: "60",
2676
- cy: "60",
2677
- r: "52"
2678
- }),
2679
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
2680
- className: clsx(UsageBilling_module_css_default.heroGaugeArc, heroGauge.over && UsageBilling_module_css_default.heroGaugeArcOver),
2681
- cx: "60",
2682
- cy: "60",
2683
- r: "52",
2684
- style: { strokeDasharray: `${heroGauge.pct / 100 * 326.7} 326.7` }
2685
- })
2686
- ]
2912
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
2913
+ className: UsageBilling_module_css_default.heroGaugeTrack,
2914
+ cx: "60",
2915
+ cy: "60",
2916
+ r: "52"
2917
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("circle", {
2918
+ className: clsx(UsageBilling_module_css_default.heroGaugeArc, heroGauge.over && UsageBilling_module_css_default.heroGaugeArcOver),
2919
+ cx: "60",
2920
+ cy: "60",
2921
+ r: "52",
2922
+ style: { strokeDasharray: `${heroGauge.pct / 100 * 326.7} 326.7` }
2923
+ })]
2687
2924
  }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
2688
2925
  className: UsageBilling_module_css_default.heroGaugeCenter,
2689
2926
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
@@ -2766,8 +3003,8 @@ window.__ModuleLoader__.load({
2766
3003
  step: 1,
2767
3004
  value: budgetAmount === 0 ? "" : budgetAmount,
2768
3005
  placeholder: stats.budget !== void 0 ? String(stats.budget) : "0",
2769
- "aria-label": `${t("billing.budget")}(元)`,
2770
- title: `${t("billing.budget")}(元)`,
3006
+ "aria-label": `${t("billing.budget")}(${currency === "usd" ? "USD" : "CNY"})`,
3007
+ title: `${t("billing.budget")}(${currency === "usd" ? "USD" : "CNY"})`,
2771
3008
  onChange: (e) => {
2772
3009
  onBudgetAmount(e.target.valueAsNumber);
2773
3010
  }
@@ -3192,7 +3429,7 @@ window.__ModuleLoader__.load({
3192
3429
  className: UsageBilling_module_css_default.numCol,
3193
3430
  children: row.plan ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3194
3431
  className: UsageBilling_module_css_default.planTag,
3195
- children: "订阅包含"
3432
+ children: t("billing.subscriptionIncluded")
3196
3433
  }) : row.actual !== void 0 ? money(row.actual) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3197
3434
  className: UsageBilling_module_css_default.na,
3198
3435
  children: "—"
@@ -3558,11 +3795,11 @@ window.__ModuleLoader__.load({
3558
3795
  className: UsageBilling_module_css_default.numCol,
3559
3796
  children: hasPrice ? entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3560
3797
  className: UsageBilling_module_css_default.bandPrice,
3561
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatUnitPrice(entry.price.input, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3798
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: unitMoney(entry.price.input, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3562
3799
  className: UsageBilling_module_css_default.bandPriceOff,
3563
- children: formatUnitPrice(entry.price.offPeak.input, entry.price.currency)
3800
+ children: unitMoney(entry.price.offPeak.input, entry.price.currency)
3564
3801
  })]
3565
- }) : formatUnitPrice(entry.price.input, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3802
+ }) : unitMoney(entry.price.input, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3566
3803
  className: UsageBilling_module_css_default.na,
3567
3804
  children: "—"
3568
3805
  })
@@ -3571,11 +3808,11 @@ window.__ModuleLoader__.load({
3571
3808
  className: UsageBilling_module_css_default.numCol,
3572
3809
  children: hasPrice ? entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3573
3810
  className: UsageBilling_module_css_default.bandPrice,
3574
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatUnitPrice(entry.price.cacheHit, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3811
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: unitMoney(entry.price.cacheHit, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3575
3812
  className: UsageBilling_module_css_default.bandPriceOff,
3576
- children: formatUnitPrice(entry.price.offPeak.cacheHit, entry.price.currency)
3813
+ children: unitMoney(entry.price.offPeak.cacheHit, entry.price.currency)
3577
3814
  })]
3578
- }) : formatUnitPrice(entry.price.cacheHit, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3815
+ }) : unitMoney(entry.price.cacheHit, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3579
3816
  className: UsageBilling_module_css_default.na,
3580
3817
  children: "—"
3581
3818
  })
@@ -3584,11 +3821,11 @@ window.__ModuleLoader__.load({
3584
3821
  className: UsageBilling_module_css_default.numCol,
3585
3822
  children: hasPrice ? entry.price.offPeak !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
3586
3823
  className: UsageBilling_module_css_default.bandPrice,
3587
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: formatUnitPrice(entry.price.output, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3824
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: unitMoney(entry.price.output, entry.price.currency) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3588
3825
  className: UsageBilling_module_css_default.bandPriceOff,
3589
- children: formatUnitPrice(entry.price.offPeak.output, entry.price.currency)
3826
+ children: unitMoney(entry.price.offPeak.output, entry.price.currency)
3590
3827
  })]
3591
- }) : formatUnitPrice(entry.price.output, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3828
+ }) : unitMoney(entry.price.output, entry.price.currency) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
3592
3829
  className: UsageBilling_module_css_default.na,
3593
3830
  children: "—"
3594
3831
  })
@@ -3625,12 +3862,20 @@ window.__ModuleLoader__.load({
3625
3862
  * @param props - framework-provided sidebar and locale props.
3626
3863
  */
3627
3864
  function UsageBilling(props) {
3628
- const { t, checkModels, publishCosts, registerOpen, renderSlot, useStore, actions } = props;
3865
+ const { t: hostT, checkModels, publishCosts, registerOpen, renderSlot, useStore, actions } = props;
3629
3866
  const [stats, setStats] = (0, react.useState)(EMPTY_STATS);
3630
3867
  const [health, setHealth] = (0, react.useState)(IDLE_HEALTH);
3631
3868
  const [balances, setBalances] = (0, react.useState)([]);
3632
3869
  const [quotas, setQuotas] = (0, react.useState)([]);
3633
3870
  const [currency, setCurrency] = (0, react.useState)("cny");
3871
+ const lang = currency === "usd" ? "en" : "zh";
3872
+ const t = (0, react.useCallback)((key, params) => {
3873
+ const text = (lang === "en" ? en : zh)[key] ?? hostT(key);
3874
+ if (params === void 0) return text;
3875
+ let out = text;
3876
+ for (const [k, v] of Object.entries(params)) out = out.replaceAll(`{${k}}`, String(v));
3877
+ return out;
3878
+ }, [lang, hostT]);
3634
3879
  const [open, setOpen] = (0, react.useState)(false);
3635
3880
  const close = (0, react.useCallback)(() => {
3636
3881
  setOpen(false);
@@ -3782,6 +4027,7 @@ window.__ModuleLoader__.load({
3782
4027
  const turns = (0, react.useMemo)(() => stats.byTurn ?? [], [stats.byTurn]);
3783
4028
  return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageBillingTrigger, {
3784
4029
  ...props,
4030
+ t,
3785
4031
  onOpen: openDashboard,
3786
4032
  monthCost,
3787
4033
  todayCost,
@@ -4020,237 +4266,6 @@ window.__ModuleLoader__.load({
4020
4266
  });
4021
4267
  }
4022
4268
  //#endregion
4023
- //#region src/client/locales.ts
4024
- const NS = "usageBilling";
4025
- const zh = {
4026
- "billing.title": "使用统计",
4027
- "billing.subtitle": "计费仪表盘",
4028
- "billing.cost": "费用",
4029
- "billing.todayCost": "今日费用",
4030
- "billing.monthCost": "本月费用",
4031
- "billing.yearCost": "本年费用",
4032
- "billing.monthProjected": "本月预计",
4033
- "billing.liveTurn": "本轮",
4034
- "billing.liveSession": "会话",
4035
- "billing.totalCost": "总费用",
4036
- "billing.calls": "调用",
4037
- "billing.cacheHitRate": "缓存命中率",
4038
- "billing.tokens": "Token",
4039
- "billing.inputTokens": "输入",
4040
- "billing.outputTokens": "输出",
4041
- "billing.avgCost": "平均成本",
4042
- "billing.trend": "每日费用与调用趋势",
4043
- "billing.trend7d": "7 天",
4044
- "billing.trend30d": "30 天",
4045
- "billing.trendEmpty": "暂无趋势数据",
4046
- "billing.budget": "本月预算",
4047
- "billing.sessions": "会话明细",
4048
- "billing.project": "项目",
4049
- "billing.lastActive": "最后活跃",
4050
- "billing.sessionOverflow": "仅显示花费前 {limit} 个,共 {total} 个会话",
4051
- "billing.budgetTierBody": "本月花费 {cost} 已达预算 {budget} 的 {pct}%",
4052
- "billing.models": "模型计费明细",
4053
- "billing.providerBilling": "厂商计费与订阅",
4054
- "billing.estimated": "估算",
4055
- "billing.actual": "实际",
4056
- "billing.pricing": "模型单价表",
4057
- "billing.showPricing": "查看模型单价",
4058
- "billing.hidePricing": "收起单价表",
4059
- "billing.pricePerM": "¥ / 1M tokens",
4060
- "billing.input": "输入",
4061
- "billing.output": "输出",
4062
- "billing.cacheHit": "缓存命中",
4063
- "billing.peak": "高峰",
4064
- "billing.offPeak": "低谷",
4065
- "billing.flat": "全天统一",
4066
- "billing.peakHours": "高峰时段",
4067
- "billing.band": "时段",
4068
- "billing.openDashboard": "打开计费仪表盘",
4069
- "billing.close": "关闭",
4070
- "billing.lastUpdated": "数据更新于",
4071
- "billing.noData": "暂无计费数据",
4072
- "billing.todayRate": "今日汇率",
4073
- "billing.rateLive": "实时",
4074
- "billing.rateBuiltin": "内置",
4075
- "billing.balance": "余额",
4076
- "billing.balanceUnconfigured": "未配置",
4077
- "billing.balanceUnauthorized": "密钥无效",
4078
- "billing.balanceUnreachable": "查询失败",
4079
- "billing.uncatalogued": "未收录",
4080
- "billing.estimatedPricing": "估算价",
4081
- "billing.balanceDays": "约可撑 {days} 天",
4082
- "billing.balanceLowBody": "{name} 余额 {balance},约可撑 {days} 天,请及时充值",
4083
- "billing.subscriptions": "订阅套餐",
4084
- "billing.subscriptionNotConfigured": "未配置密钥",
4085
- "billing.subscriptionUnauthorized": "密钥无效",
4086
- "billing.subscriptionUnavailable": "查询失败",
4087
- "billing.subscriptionInvalid": "响应异常",
4088
- "billing.subscriptionRateLimited": "触发限流",
4089
- "billing.subscriptionSession": "本次",
4090
- "billing.subscriptionWeekly": "本周",
4091
- "billing.subscriptionMonthly": "本月",
4092
- "billing.subscriptionBilling": "计费周期",
4093
- "billing.subscriptionRemaining": "剩余 {pct}%",
4094
- "billing.subscriptionExhausted": "已用尽",
4095
- "billing.subscriptionReset": "{date} 重置",
4096
- "billing.subscriptionNoApi": "该厂商暂未提供用量查询接口",
4097
- "billing.heatmapLess": "少",
4098
- "billing.heatmapMore": "多",
4099
- "billing.currency": "币种",
4100
- "billing.currencyCny": "人民币",
4101
- "billing.currencyUsd": "美元",
4102
- "billing.heatmap": "用量热力图",
4103
- "billing.rounds": "每轮费用",
4104
- "billing.anomaly": "成本突增",
4105
- "billing.workspaces": "工作区统计",
4106
- "billing.plan": "套餐",
4107
- "billing.remaining": "剩余",
4108
- "billing.unknownModel": "未定价",
4109
- "billing.model": "模型",
4110
- "billing.currentRound": "当前",
4111
- "billing.costAbbr": "费用",
4112
- "billing.tabOverview": "概览",
4113
- "billing.tabTrends": "趋势",
4114
- "billing.tabProviders": "明细",
4115
- "billing.tabDetails": "统计",
4116
- "billing.tabPricing": "费率",
4117
- "billing.export": "导出",
4118
- "billing.exportCsvDay": "按日 CSV",
4119
- "billing.exportCsvSession": "按会话 CSV",
4120
- "billing.exportJson": "全量 JSON",
4121
- "billing.peakShare": "峰谷时段占比",
4122
- "billing.peakShareHint": "近 {count} 轮",
4123
- "billing.weekCost": "本周",
4124
- "billing.roleCost": "费用构成",
4125
- "billing.roleUser": "用户输入",
4126
- "billing.roleAssistant": "助手输出",
4127
- "billing.roleTool": "工具结果",
4128
- "billing.roleHint": "估算:输出按实测计价,输入按消息长度摊分",
4129
- "billing.tierPeak": "峰时",
4130
- "billing.tierOff": "平价",
4131
- "billing.tierToPeak": "后转峰时",
4132
- "billing.tierToOff": "后转平价",
4133
- "billing.tierAlertEnterPeak": "{minutes} 分钟后进入峰时(DeepSeek 高峰价 ×2),不急的调用可稍等",
4134
- "billing.tierAlertEnterOff": "{minutes} 分钟后进入平价(价格减半)",
4135
- "billing.planTypeCode": "订阅制",
4136
- "billing.planTypeToken": "按量",
4137
- "billing.subscriptionFeePerMonth": "{amount}/月"
4138
- };
4139
- const en = {
4140
- "billing.title": "Usage",
4141
- "billing.subtitle": "Billing dashboard",
4142
- "billing.cost": "Cost",
4143
- "billing.todayCost": "Today",
4144
- "billing.monthCost": "This month",
4145
- "billing.yearCost": "This year",
4146
- "billing.monthProjected": "Projected",
4147
- "billing.liveTurn": "Turn",
4148
- "billing.liveSession": "Session",
4149
- "billing.totalCost": "Total",
4150
- "billing.calls": "Calls",
4151
- "billing.cacheHitRate": "Cache Hit",
4152
- "billing.tokens": "Tokens",
4153
- "billing.inputTokens": "Input",
4154
- "billing.outputTokens": "Output",
4155
- "billing.avgCost": "Avg cost",
4156
- "billing.trend": "Daily cost & calls",
4157
- "billing.trend7d": "7D",
4158
- "billing.trend30d": "30D",
4159
- "billing.trendEmpty": "No trend data yet",
4160
- "billing.budget": "Monthly budget",
4161
- "billing.sessions": "Sessions",
4162
- "billing.project": "Project",
4163
- "billing.lastActive": "Last active",
4164
- "billing.sessionOverflow": "Top {limit} of {total} sessions by cost",
4165
- "billing.budgetTierBody": "This month {cost} reached {pct}% of the budget {budget}",
4166
- "billing.models": "Model billing",
4167
- "billing.providerBilling": "Provider billing & subscriptions",
4168
- "billing.estimated": "Est.",
4169
- "billing.actual": "Actual",
4170
- "billing.pricing": "Model pricing",
4171
- "billing.showPricing": "View pricing",
4172
- "billing.hidePricing": "Hide pricing",
4173
- "billing.pricePerM": "¥ / 1M tokens",
4174
- "billing.input": "Input",
4175
- "billing.output": "Output",
4176
- "billing.cacheHit": "Cache hit",
4177
- "billing.peak": "Peak",
4178
- "billing.offPeak": "Off-peak",
4179
- "billing.flat": "Flat",
4180
- "billing.peakHours": "Peak hours",
4181
- "billing.band": "Band",
4182
- "billing.openDashboard": "Open billing dashboard",
4183
- "billing.close": "Close",
4184
- "billing.lastUpdated": "Updated",
4185
- "billing.noData": "No billing data yet",
4186
- "billing.todayRate": "Today rate",
4187
- "billing.rateLive": "Live",
4188
- "billing.rateBuiltin": "Built-in",
4189
- "billing.balance": "Balance",
4190
- "billing.balanceUnconfigured": "Not set",
4191
- "billing.balanceUnauthorized": "Bad key",
4192
- "billing.balanceUnreachable": "Unavailable",
4193
- "billing.uncatalogued": "Not catalogued",
4194
- "billing.estimatedPricing": "Estimated",
4195
- "billing.balanceDays": "~{days} days left",
4196
- "billing.balanceLowBody": "{name} balance {balance}, ~{days} days left, please top up",
4197
- "billing.subscriptions": "Subscriptions",
4198
- "billing.subscriptionNotConfigured": "Key not set",
4199
- "billing.subscriptionUnauthorized": "Bad key",
4200
- "billing.subscriptionUnavailable": "Unavailable",
4201
- "billing.subscriptionInvalid": "Bad response",
4202
- "billing.subscriptionRateLimited": "Rate limited",
4203
- "billing.subscriptionSession": "Current",
4204
- "billing.subscriptionWeekly": "Weekly",
4205
- "billing.subscriptionMonthly": "Monthly",
4206
- "billing.subscriptionBilling": "Billing",
4207
- "billing.subscriptionRemaining": "{pct}% left",
4208
- "billing.subscriptionExhausted": "Exhausted",
4209
- "billing.subscriptionReset": "Resets {date}",
4210
- "billing.subscriptionNoApi": "Provider does not offer a usage API",
4211
- "billing.heatmapLess": "Less",
4212
- "billing.heatmapMore": "More",
4213
- "billing.currency": "Currency",
4214
- "billing.currencyCny": "CNY",
4215
- "billing.currencyUsd": "USD",
4216
- "billing.heatmap": "Usage heatmap",
4217
- "billing.rounds": "Cost per turn",
4218
- "billing.anomaly": "Cost spike",
4219
- "billing.workspaces": "Workspaces",
4220
- "billing.plan": "Plan",
4221
- "billing.remaining": "Left",
4222
- "billing.unknownModel": "Unpriced",
4223
- "billing.model": "Model",
4224
- "billing.currentRound": "current",
4225
- "billing.costAbbr": "cost",
4226
- "billing.tabOverview": "Overview",
4227
- "billing.tabTrends": "Trends",
4228
- "billing.tabProviders": "Details",
4229
- "billing.tabDetails": "Stats",
4230
- "billing.tabPricing": "Rates",
4231
- "billing.export": "Export",
4232
- "billing.exportCsvDay": "Daily CSV",
4233
- "billing.exportCsvSession": "Sessions CSV",
4234
- "billing.exportJson": "Full JSON",
4235
- "billing.peakShare": "Peak vs off-peak",
4236
- "billing.peakShareHint": "last {count} turns",
4237
- "billing.weekCost": "This week",
4238
- "billing.roleCost": "Cost breakdown",
4239
- "billing.roleUser": "User input",
4240
- "billing.roleAssistant": "Assistant output",
4241
- "billing.roleTool": "Tool results",
4242
- "billing.roleHint": "Estimated: output priced exactly, input split by message size",
4243
- "billing.tierPeak": "Peak",
4244
- "billing.tierOff": "Off-peak",
4245
- "billing.tierToPeak": "until peak",
4246
- "billing.tierToOff": "until off-peak",
4247
- "billing.tierAlertEnterPeak": "Peak pricing (2x) starts in {minutes} min — non-urgent calls can wait",
4248
- "billing.tierAlertEnterOff": "Off-peak pricing (50% off) starts in {minutes} min",
4249
- "billing.planTypeCode": "Subscription",
4250
- "billing.planTypeToken": "Usage",
4251
- "billing.subscriptionFeePerMonth": "{amount}/mo"
4252
- };
4253
- //#endregion
4254
4269
  //#region src/client/billing-service.ts
4255
4270
  /** 创建计费指标运行时(apply 内调用,随插件纤维存活)。 */
4256
4271
  function createBillingMetrics() {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@kenz1117/dsh-ui-usage-billing",
3
3
  "description": "Usage billing dashboard for DeepSeek Harness: sidebar cost metrics plus a full dashboard modal, priced from a current multi-provider catalog with real usage aggregated from session logs.",
4
- "version": "0.8.1",
4
+ "version": "0.9.0",
5
5
  "publishConfig": {
6
6
  "access": "public"
7
7
  },