@feiyang666/dsh-usage-plugin 1.12.2 → 1.13.1
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.
- package/CHANGELOG.md +277 -229
- package/README.md +311 -308
- package/README.zh.md +4 -1
- package/lib/balance.js +117 -17
- package/lib/client.js +499 -256
- package/lib/index.js +143 -2
- package/package.json +88 -77
package/lib/client.js
CHANGED
|
@@ -7,6 +7,114 @@ window.__ModuleLoader__.load({
|
|
|
7
7
|
var React = require("react");
|
|
8
8
|
var el = React.createElement;
|
|
9
9
|
|
|
10
|
+
// ── i18n: zh keys → en dictionary (community addition) ──
|
|
11
|
+
var __T_EN = {"未知模型":"Unknown model","未知服务商":"Unknown provider","完成":"Done","工具调用":"Tool call","超长":"Overlong","错误":"Error","自动（生效前基础价 · 生效后峰谷价）":"Auto (base price before effective date · peak/valley after)","基础价格":"Base price","峰谷价格":"Peak/valley price","自动":"Auto","canvas 2d 不可用":"canvas 2D unavailable","用量与消耗报告":"Usage & Cost Report","生成时间 ":"Generated ","（北京） · 共 ":" (Beijing) · total "," 条调用 · 缓存命中率 ":" calls · cache-hit rate "," · 高峰价消耗 ":" · peak-rate cost "," · 空闲价消耗 ":" · off-peak cost "," · 合计 ":" · total "," · 报告仅含最近 ":" · report limited to the latest "," 条":" records","调用次数":"Calls","输入 · 未命中":"Input · miss","输入 · 缓存命中":"Input · cache hit","输出":"Output","高峰消耗":"Peak cost","空闲消耗":"Off-peak cost","总消耗 (峰谷价)":"Total cost (peak/valley)","缓存命中列表（共 ":"Cache hit list ("," 条）":" records)","时间(北京)":"Time (Beijing)","模型":"Model","输入·未命中":"Input·miss","缓存命中":"Cache hit","缓存写入":"Cache write","推理":"Reasoning","命中率":"Hit rate","时段":"Period","结束":"End","消耗(峰谷)":"Cost (peak/valley)","峰":"Peak","谷":"Valley","消耗表（按模型 · 峰谷价 · 高峰/空闲分列）":"Cost table (by model · peak/valley prices)","调用":"Calls","总消耗":"Total cost","合计":"Total","消耗表（按 API 服务商 × 模型 · 峰谷价）":"Cost table (by API provider × model · peak/valley)","API 服务商 / 模型":"API provider / model"," 个模型）":" models)","总费用合计":"Total cost overall","计价按请求的 API 服务商分别应用已核验价格；DigitalOcean 美元价按 USD/CNY 汇率折算；无法可靠映射的第三方价格按 ¥0。":"Billing applies verified prices per requesting API provider; DigitalOcean USD prices are converted at the USD/CNY rate; third-party prices that cannot be mapped reliably are counted as ¥0."," 个服务商":" providers","今天":"Today","近7天":"Last 7 days","近30天":"Last 30 days","全部":"All","自定义区间：":"Custom range:","至":"to","清除筛选":"Clear filters","当前范围：共 ":"Current range: ","（全部记录）":"(all records)"," · 总消耗 ":" · total cost ","高峰 ":"Peak "," · 空闲 ":" · off-peak ","命中率 ":"hit rate ","高峰时段 9:00–12:00、14:00–18:00":"Peak hours 9:00–12:00 & 14:00–18:00","其余空闲时段":"other hours are off-peak","高峰 + 空闲 · ":"Peak + off-peak · ","消耗表（按模型）":"Cost table (by model)","API 服务商":"API provider","高峰/空闲":"Peak/Off-peak","消耗明细（按 API 服务商 × 模型）":"Cost breakdown (by API provider × model)","DeepSeek 官方请求按官方峰谷价；SiliconFlow 按自身人民币公开价；DigitalOcean 按美元公开价 × USD/CNY 汇率折算人民币；千问暂不计费；AMD GPU Cloud DeepSeek V4 Flash 免费按 ¥0。模型名与 API 服务商均以请求参数为准。":"DeepSeek official requests use official peak/valley prices; SiliconFlow uses its own public CNY prices; DigitalOcean uses public USD prices converted to CNY at the USD/CNY rate; Qwen is not billed yet; AMD GPU Cloud DeepSeek V4 Flash is free at ¥0. Model names and API providers follow the actual request parameters."," 次（高峰 ":" calls (peak "," / 空闲 ":" / off-peak "," · 缓存命中 ":" · cache hit "," · 输出 ":" · output "," · 推理 ":" · reasoning "," · 空闲消耗 ":" · off-peak cost ","‹ 上月":"‹ Prev month","下月 ›":"Next month ›","按消耗":"By cost","按调用数":"By calls","热力：":"Heatmap: ","低 → 高（":"low → high (","当日消耗":"Day cost","当日调用数":"Day calls","· 悬停查看详情，点击某天查看当日调用":"· hover for details, click a day for that day's calls","本月调用":"Calls this month","本月消耗":"Cost this month","本月暂无记录。":"No records this month.","日期":"Date","总消耗(自动)":"Total cost (auto)"," 调用明细":" call details"," 条 · ":" records · "," ｜ 空闲 ":" | off-peak "," ｜ 合计 ":" | total ","该日无记录。":"No records for this day.","消耗":"Cost","清除区间":"Clear range"," 条 · 输入·未命中 ":" records · input·miss "," · 缓存写入 ":" · cache write "," · 高峰消耗 ":" · peak cost ","该时间范围内没有记录。":"No records in this range.","‹ 上一页":"‹ Prev page","第 ":"Page "," 页 · 每页 ":" page · per page "," 条 · 共 ":" records · total ","下一页 ›":"Next page ›","新价格表生效时间未知":"New price schedule effective date unknown","新价格表（峰谷价）将于 ":"The new peak/valley price schedule takes effect ","（北京时间）生效，当前按旧价格表（基础价）计费":" (Beijing time); currently billing on the old base-price schedule","新价格表（峰谷价）已生效（自 ":"New peak/valley schedule in effect (since "," 起）":")","今日 $ / ¥ 汇率":"Today's $/¥ rate","暂不可用":"Temporarily unavailable","汇率日期 ":"Rate date ","等待获取":"Pending fetch","汇率状态":"Rate status","缓存汇率":"Cached rate","最新可用":"Latest available","获取失败":"Fetch failed","刷新汇率":"Refresh rate","美元计价的 DigitalOcean 消耗按该 USD/CNY 汇率换算成人民币；人民币定价不受汇率影响。":"USD-denominated DigitalOcean costs are converted to CNY at this rate; CNY pricing is unaffected by it.","DeepSeek 官方 API 价格表":"DeepSeek Official API Price Table","本表仅用于 DeepSeek 官方 Provider；第三方 Provider 按下方已核验的自身价格计费，无法可靠匹配价格的模型按 0 统计。价格按官方公布固定，不可编辑。":"This table applies only to the official DeepSeek provider; third-party providers bill at their own verified prices below, and models without a reliable price match are counted as 0. Prices are fixed as officially published and are not editable.","峰谷价":"Peak/valley","基础价":"Base","自动模式：按调用时间自动选择计费档位——新价格表生效前的调用按基础价（旧价格表），生效后的调用按峰谷价（高峰时段 9:00–12:00、14:00–18:00 用高峰价，其余空闲时段用空闲价）。当前显示：":"Auto mode: the billing tier is chosen automatically by call time — calls made before the new schedule took effect use base (old) prices, calls after it use peak/valley prices (peak hours 9:00–12:00 & 14:00–18:00 at peak price, other hours at off-peak). Currently shown:","基础价表（旧价格表，新价格生效前）":"Base price table (old schedule, before new prices take effect)","峰谷价表（新价格表）":"Peak/valley table (new schedule)","。价格按官方公布固定，不可编辑。":". Prices are fixed as officially published and are not editable.","缓存命中（输入）":"Cache hit (input)","空闲 · 缓存命中":"Off-peak · cache hit","空闲 · 输入":"Off-peak · input","空闲 · 输出":"Off-peak · output","高峰 · 缓存命中":"Peak · cache hit","高峰 · 输入":"Peak · input","高峰 · 输出":"Peak · output","单位：元 / 百万 tokens。高峰时段（北京时间 9:00–12:00、14:00–18:00）用高峰价，其余空闲时段用空闲价（空闲价 = 高峰价的一半）。概览、用量日历、缓存命中列表中的消耗均已按高峰 / 空闲分列统计。":"Unit: CNY per million tokens. Peak hours (Beijing 9:00–12:00 & 14:00–18:00) use peak prices; other hours use off-peak (= half of peak). Costs in Overview, Usage Calendar and Cache Hit List are split into peak / off-peak accordingly.","第三方平台价格与覆盖状态（2026-08-19 核验）":"Third-party platform prices & coverage (verified 2026-08-19)","只把能与记录中的 provider/model 可靠匹配的价格用于自动计费；美元价格先按 USD 计算，再乘 USD/CNY 汇率统一折算成人民币。":"Only prices that reliably match a record's provider/model are used for automatic billing; USD prices are computed in USD first, then converted to CNY at the USD/CNY rate.","模型 / 状态":"Model / status","输入":"Input","说明":"Notes","已用于自动计费":"Used for auto billing","缓存命中价按 2026-08-03 起生效公告":"Cache-hit price per the notice effective 2026-08-03","按输入价":"Billed at input price","公告未单列缓存命中价":"The notice lists no separate cache-hit price","自动按 USD/CNY 汇率换算人民币并计费":"Auto-converted to CNY at the USD/CNY rate and billed","Alibaba / 千问":"Alibaba / Qwen","暂不计费":"Not billed yet","调用与 token 正常统计；费用暂按 ¥0":"Calls and tokens tracked normally; cost counted as ¥0 for now","免费；费用固定按 ¥0":"Free; cost fixed at ¥0","DigitalOcean 使用美元官方价并按最新可用 USD/CNY 汇率折算人民币；千问暂不计费；AMD GPU Cloud 的 DeepSeek V4 Flash 免费按 ¥0。":"DigitalOcean bills at official USD prices converted via the latest available USD/CNY rate; Qwen is not billed yet; AMD GPU Cloud DeepSeek V4 Flash is free at ¥0.","概览":"Overview","用量日历":"Usage Calendar","缓存命中列表":"Cache Hit List","价格表":"Price Table","已导出：":"Exported: ","导出失败：":"Export failed: ","未知错误":"unknown error","导出中…":"Exporting…","生成图片中…":"Rendering image…","画布不可用":"Canvas unavailable","生成图片失败：":"Image rendering failed: ","打开目录选择…":"Open directory picker…","导出目标：":"Export destination:","选择目录失败：":"Failed to pick directory: ","打开文件夹失败：":"Failed to open folder: ","读取文件…":"Reading file…","导入成功：新增 ":"Import OK: added "," 条，跳过重复 ":", skipped duplicates "," 条，忽略无效 ":", ignored invalid "," 条，现有共 ":", total now ","导入失败：":"Import failed: ","读取文件失败":"Failed to read file","用量与消耗":"Usage & Cost","记录插件激活后的每一次模型调用":"Logs every model call since the plugin was activated","当前 · 高峰时段":"Current · peak hours","当前 · 空闲时段":"Current · off-peak hours","新价格已生效":"New prices in effect","新价格未生效":"New prices not yet in effect","刷新":"Refresh","清空":"Clear","计价说明：DeepSeek 官方与 SiliconFlow 按人民币价格；DigitalOcean 按美元官方价 × USD/CNY 汇率折算人民币；千问暂不计费；AMD GPU Cloud DeepSeek V4 Flash 免费按 ¥0。":"Billing notes: DeepSeek official and SiliconFlow bill in CNY; DigitalOcean bills at official USD prices × USD/CNY rate; Qwen is not billed yet; AMD GPU Cloud DeepSeek V4 Flash is free at ¥0.","导出 CSV":"Export CSV","导出 JSON":"Export JSON","导出图片 (PNG)":"Export image (PNG)","打开目录":"Open folder","导出目标目录（留空 = 默认数据目录）":"Export target directory (empty = default data dir)","选择目录…":"Choose directory…","已恢复默认数据目录":"Restored default data directory","重置":"Reset","选择文件导入":"Choose a file to import","数据持久化：":"Data persistence:","（每次调用实时落盘，插件重启后自动恢复，最多保留 100000 条）":"(every call is written to disk live, restored automatically after restart, up to 100000 records)","持久化未启用：":"Persistence disabled:","未知原因":"unknown reason","DEEPSEEK_API_KEY（推理 Key）":"DEEPSEEK_API_KEY (inference key)","模型设置中 Provider ID 或显示名为 siliconflow 的提供商 API Key":"API key of the provider whose Provider ID or display name is siliconflow in model settings","打开 SiliconFlow API 密钥":"Open SiliconFlow API keys","账户级 dop_v1_ Personal Access Token；Read Only（api:read）或 billing:read":"Account-level dop_v1_ Personal Access Token; Read Only (api:read) or billing:read","创建 DigitalOcean Account API Token":"Create a DigitalOcean account API token","暂无公开余额 API，仅支持控制台查看":"No public balance API yet — console only","打开 AMD Developer Cloud":"Open AMD Developer Cloud","查询失败":"Query failed","无法读取凭据状态":"Cannot read credential status","请输入以 dop_v1_ 开头的 DigitalOcean 账户 PAT。":"Enter a DigitalOcean account PAT starting with dop_v1_.","保存失败":"Save failed","使用凭据 ":"Using credential ","来源 ":"source ","模型提供商 ":"Model provider ","端点 ":"Endpoint "," · 账户余额":" · account balance","USD · 预付款/信用余额":"USD · prepaid/credit balance","USD · 待结算金额":"USD · pending amount","USD · 当前无余额":"USD · no balance"," · 账户可用":" · account available"," · 账户不可用":" · account unavailable"," · 查询成功":" · query succeeded","剩余余额查询":"Remaining balance query","查询 DeepSeek、SiliconFlow 与 DigitalOcean 账户余额":"Query DeepSeek, SiliconFlow and DigitalOcean account balances","打开控制台":"Open console","查询中…":"Querying…","查询账单":"Query billing","查询余额":"Query balance","所需凭据：":"Required credentials:","仅支持控制台查看":"Console only","插件不会尝试未经公开文档确认的端点，也不会把 AMD 推理 Key 当作账单凭据。":"The plugin never probes endpoints unconfirmed by public docs, and never uses AMD inference keys as billing credentials.","请确认凭据类型正确、权限包含余额/账单读取，且网络可访问服务商官方 API。":"Please verify the credential type is correct, its permissions include balance/billing read, and the provider's official API is reachable from this network.","打开服务商凭据页面":"Open provider credentials page","正在查询余额…":"Querying balance…","可用":"Available","不可用":"Unavailable","账单更新时间":"Billing updated","查询时间":"Queried at","北京时间":"Beijing time","请创建账户级 Personal Access Token。可选 Read Only（api:read，包含 billing:read），或自定义 billing:read；不要使用 Gradient AI 推理 Key。":"Please create an account-level Personal Access Token. Choose Read Only (api:read incl. billing:read) or a custom scope with billing:read; do not use a Gradient AI inference key.","正在检查已保存的 Token…":"Checking saved token…","已保存：":"Saved: ","（来源：":" (source: ","无法读取 Token 状态：":"Cannot read token status: ","尚未保存 DIGITALOCEAN_TOKEN。":"DIGITALOCEAN_TOKEN is not saved yet.","输入新的 dop_v1_ Token 可替换（当前值已隐藏）":"Enter a new dop_v1_ token to replace it (current value hidden)","保存中…":"Saving…","保存并查询":"Save & query","当前 Token 来自只读环境变量；请在原来源中修改，页面不会覆盖它。":"The current token comes from a read-only environment variable; edit it at its source — this panel will not overwrite it.","Token 已安全保存；页面和 API 响应不会回传明文。":"Token stored securely; neither the page nor API responses echo it back.","SiliconFlow 查询说明":"SiliconFlow query notes","公开 API 已成功返回 ¥0.00。SiliconFlow 的 /v1/user/info 当前不返回代金券或历史用量；控制台可用总额可能非零。这里忠实展示 API 原始余额字段，不把它等同于控制台完整额度。":"The public API returned ¥0.00 successfully. SiliconFlow's /v1/user/info currently returns no vouchers or historical usage; the console total may still be non-zero. The raw balance field from the API is shown faithfully here and should not be read as the full console credit.","余额卡片展示 SiliconFlow /v1/user/info 公开 API 返回的原始余额字段。":"The balance card shows the raw balance field returned by SiliconFlow's public /v1/user/info API.","返回字段":"Returned fields","凭据读取规则":"Credential lookup rules","插件只检查“设置 → 模型”中 Provider ID 或显示名为 siliconflow 的提供商，并读取其 apiKeyEnv 对应的已保存 API Key。":"The plugin only checks providers in Settings → Models whose Provider ID or display name is siliconflow, and reads the saved API key referenced by their apiKeyEnv.","如果未找到提供商、未填写 API Key 或凭据引用失效，插件会停止查询并说明需要修复的配置；不会回退到其他服务商的 Key。":"If no such provider exists, the key is empty, or the credential reference is broken, the plugin stops querying and explains what needs fixing; it never falls back to another provider's key.","DigitalOcean 查询的是主账户 Billing API；DigitalOcean AI 推理 Key 与 AMD GPU Cloud 推理 Key 均不能直接查询账单。":"DigitalOcean queries the main account Billing API; DigitalOcean AI inference keys and AMD GPU Cloud inference keys cannot query billing directly.","\n调用 ":"\ncalls ","）\n输入·未命中 ":")\ninput·miss ","\n高峰消耗 ":"\npeak cost ","\n无记录":"\nno records","查询 DeepSeek、SiliconFlow、DigitalOcean 与百炼 Token Plan":"Query DeepSeek, SiliconFlow, DigitalOcean & Bailian Token Plan balances","百炼 Token Plan · 1 周配额":"Bailian Token Plan · 1-week quota","百炼 Token Plan 配额用量":"Bailian Token Plan quota usage","百炼 Token Plan":"Bailian Token Plan","本周配额":"This week's quota","开始":"Start","结束":"End","已用 ":"Used ","百炼 Token Plan 查询说明":"Bailian Token Plan query notes","本查询复用百炼 CLI（bl）的“控制台登录”OAuth token，不需要阿里云 AccessKey，权限面很小。":"This query reuses the console-login OAuth token from the Bailian CLI (bl); no Alibaba Cloud AccessKey is needed and the permission scope is minimal.","如尚未登录，请先在终端执行：bl auth login --console，然后回到本页点“查询余额”。":"If you haven't logged in yet, run: bl auth login --console, then come back and click 'Query balance'.","打开百炼 CLI 登录说明":"Open Bailian CLI login docs","百炼控制台 OAuth 登录（~/.bailian/config.json 的 access_token，用 bl auth login --console 生成）":"Bailian console OAuth login (access_token in ~/.bailian/config.json, created by bl auth login --console)","数据来自阿里云百炼控制台内部门户网关（zeldaHttp.apikeyMgr./tokenplan/personal/api/v2/usage），展示的是 1 周配额已用进度与周期。":"Data from Alibaba Cloud Bailian console portal gateway (zeldaHttp.apikeyMgr./tokenplan/personal/api/v2/usage), showing 1-week quota usage progress and period."};
|
|
12
|
+
|
|
13
|
+
function __detectLang() {
|
|
14
|
+
try { var v = window.localStorage.getItem("dsh-usage-lang"); if (v === "zh" || v === "en") return v; } catch (e) {}
|
|
15
|
+
try { var nav = (typeof navigator !== "undefined" && navigator.language) || "en"; return nav.toLowerCase().indexOf("zh") === 0 ? "zh" : "en"; } catch (e2) { return "en"; }
|
|
16
|
+
}
|
|
17
|
+
var __LANG = __detectLang();
|
|
18
|
+
var t = function (s) { if (__LANG !== "en") return s; return __T_EN[s] || s; };
|
|
19
|
+
// host sends semantic keys for balance presentation text; both locales live client-side
|
|
20
|
+
var __BAL_ZH = {
|
|
21
|
+
"hint.deepseek": "DEEPSEEK_API_KEY（推理 Key）",
|
|
22
|
+
"hint.siliconflow": "模型设置中名为 siliconflow 的提供商所引用的 API Key",
|
|
23
|
+
"hint.digitalocean": "DIGITALOCEAN_TOKEN（账户级 Personal Access Token，不是 DO AI 推理 Key）",
|
|
24
|
+
"hint.amd": "AMD GPU Cloud 当前未公开余额查询端点",
|
|
25
|
+
"toppedUp": "充值余额",
|
|
26
|
+
"granted": "赠送余额",
|
|
27
|
+
"grantedLegacy": "赠送/旧免费余额",
|
|
28
|
+
"actualTopUp": "实际充值",
|
|
29
|
+
"platformGift": "平台赠送",
|
|
30
|
+
"field.chargeBalance": "chargeBalance · 用户充值余额",
|
|
31
|
+
"field.balance": "balance · 旧版赠送余额字段",
|
|
32
|
+
"field.monthToDateUsage": "month_to_date_usage · 当前账期使用金额",
|
|
33
|
+
"meaning.totalBalance": "公开 API 返回的总余额，通常为 balance 与 chargeBalance 的合计",
|
|
34
|
+
"meaning.chargeBalance": "用户充值形成的余额",
|
|
35
|
+
"meaning.balance": "赠送或旧版免费余额字段",
|
|
36
|
+
"bal.credit": "可用信用余额",
|
|
37
|
+
"bal.due": "待结算账户余额",
|
|
38
|
+
"bal.settled": "账户余额",
|
|
39
|
+
"monthToDateUsage": "本月至今使用",
|
|
40
|
+
"note.deepseek": "数据来自 DeepSeek 官方 /user/balance 接口。",
|
|
41
|
+
"note.siliconflow": "数据来自 SiliconFlow 官方 /v1/user/info 接口；该接口未公开代金券或历史用量字段，数值可能与控制台可用总额不同。",
|
|
42
|
+
"note.digitalocean": "数据来自 DigitalOcean 账户级 Billing API；负数账户余额按可用信用额取绝对值展示，DO AI 推理 Key 不能用于此查询。"
|
|
43
|
+
};
|
|
44
|
+
var __BAL_EN = {
|
|
45
|
+
"hint.deepseek": "DEEPSEEK_API_KEY (inference key)",
|
|
46
|
+
"hint.siliconflow": "API key referenced by the provider named siliconflow in model settings",
|
|
47
|
+
"hint.digitalocean": "DIGITALOCEAN_TOKEN (account-level Personal Access Token, not a DO AI inference key)",
|
|
48
|
+
"hint.amd": "AMD GPU Cloud has no public balance endpoint yet",
|
|
49
|
+
"toppedUp": "Topped-up balance",
|
|
50
|
+
"granted": "Granted balance",
|
|
51
|
+
"grantedLegacy": "Granted (legacy free) balance",
|
|
52
|
+
"actualTopUp": "Actual top-up amount",
|
|
53
|
+
"platformGift": "Granted by the platform",
|
|
54
|
+
"field.chargeBalance": "chargeBalance · user topped-up balance",
|
|
55
|
+
"field.balance": "balance · legacy granted/free-balance field",
|
|
56
|
+
"field.monthToDateUsage": "month_to_date_usage · usage this billing period",
|
|
57
|
+
"meaning.totalBalance": "Total balance returned by the public API; usually balance plus chargeBalance",
|
|
58
|
+
"meaning.chargeBalance": "Balance formed by user top-ups",
|
|
59
|
+
"meaning.balance": "Granted or legacy free-balance field",
|
|
60
|
+
"bal.credit": "Available credit balance",
|
|
61
|
+
"bal.due": "Outstanding account balance",
|
|
62
|
+
"bal.settled": "Account balance",
|
|
63
|
+
"monthToDateUsage": "Month-to-date usage",
|
|
64
|
+
"note.deepseek": "Data from the official DeepSeek /user/balance endpoint.",
|
|
65
|
+
"note.siliconflow": "Data from the official SiliconFlow /v1/user/info endpoint; it exposes no voucher or historical-usage fields, so values may differ from the console total.",
|
|
66
|
+
"note.digitalocean": "Data from the DigitalOcean account-level Billing API; a negative account balance is shown as available credit, and DO AI inference keys cannot be used for this query."
|
|
67
|
+
};
|
|
68
|
+
var tb = function (k) { var pack = __LANG === "en" ? __BAL_EN : __BAL_ZH; return pack[k] || k; };
|
|
69
|
+
var __msgText = function (m) {
|
|
70
|
+
if (!m) return "";
|
|
71
|
+
if (typeof m === "string") return m;
|
|
72
|
+
if (m.seq) {
|
|
73
|
+
var acc = "";
|
|
74
|
+
for (var si = 0; si < m.seq.length; si++) {
|
|
75
|
+
var part = m.seq[si];
|
|
76
|
+
acc += (part && typeof part === "object" && part.k !== undefined) ? t(part.k) : String(part);
|
|
77
|
+
}
|
|
78
|
+
return acc;
|
|
79
|
+
}
|
|
80
|
+
var base = m.k ? t(m.k) : (m.raw || "");
|
|
81
|
+
if (m.tail !== undefined && m.tail !== null) base += String(m.tail);
|
|
82
|
+
return base;
|
|
83
|
+
};
|
|
84
|
+
var __msgText = function (m) {
|
|
85
|
+
if (!m) return "";
|
|
86
|
+
if (typeof m === "string") return m;
|
|
87
|
+
if (m.seq) {
|
|
88
|
+
var acc = "";
|
|
89
|
+
for (var si = 0; si < m.seq.length; si++) {
|
|
90
|
+
var part = m.seq[si];
|
|
91
|
+
acc += (part && typeof part === "object" && part.k !== undefined) ? t(part.k) : String(part);
|
|
92
|
+
}
|
|
93
|
+
return acc;
|
|
94
|
+
}
|
|
95
|
+
var base = m.k ? t(m.k) : (m.raw || "");
|
|
96
|
+
if (m.tail !== undefined && m.tail !== null) base += String(m.tail);
|
|
97
|
+
return base;
|
|
98
|
+
};
|
|
99
|
+
var __langListeners = [];
|
|
100
|
+
var setLang = function (lang) {
|
|
101
|
+
var next = lang === "zh" ? "zh" : "en";
|
|
102
|
+
if (next === __LANG) return __LANG;
|
|
103
|
+
__LANG = next;
|
|
104
|
+
try { window.localStorage.setItem("dsh-usage-lang", __LANG); } catch (e) {}
|
|
105
|
+
for (var i = 0; i < __langListeners.length; i++) { try { __langListeners[i](__LANG); } catch (e2) {} }
|
|
106
|
+
return __LANG;
|
|
107
|
+
};
|
|
108
|
+
function useLang() {
|
|
109
|
+
var st = React.useState(__LANG);
|
|
110
|
+
React.useEffect(function () {
|
|
111
|
+
var fn = function () { st[1](__LANG); };
|
|
112
|
+
__langListeners.push(fn);
|
|
113
|
+
return function () { var idx = __langListeners.indexOf(fn); if (idx >= 0) __langListeners.splice(idx, 1); };
|
|
114
|
+
}, []);
|
|
115
|
+
return st[0];
|
|
116
|
+
}
|
|
117
|
+
|
|
10
118
|
// ── inline styles (replaces a stylesheet; portable across client plugins) ──
|
|
11
119
|
// 字号用 em 表示，随宿主“显示大小”设置的字体基准自动缩放（继承应用字号）；
|
|
12
120
|
// 间距保持 px，仅微调以适配更大的字号。标注的 px 是默认 13px 基准下的设计值。
|
|
@@ -71,6 +179,27 @@ window.__ModuleLoader__.load({
|
|
|
71
179
|
heroLabel: { fontSize: fs(12), opacity: 0.85 },
|
|
72
180
|
heroValue: { fontSize: fs(32), fontWeight: 700, letterSpacing: 0.5 },
|
|
73
181
|
heroCurrency: { fontSize: fs(12), opacity: 0.9 },
|
|
182
|
+
// ── 百炼 Token Plan 纯进度条样式（白色填充，蓝色 hero 高对比）──
|
|
183
|
+
qwenHero: { display: "flex", flexDirection: "column", alignItems: "stretch", gap: 10, width: "100%" },
|
|
184
|
+
qwenBarWrap: { width: "100%" },
|
|
185
|
+
qwenBar: { width: "100%", height: 16, borderRadius: 999, background: "rgba(0,0,0,.22)", overflow: "hidden", position: "relative", boxShadow: "inset 0 1px 2px rgba(0,0,0,.25)" },
|
|
186
|
+
qwenBarFill: { height: "100%", borderRadius: 999, background: "linear-gradient(90deg,#ffffff,#d7ecff)", transition: "width .4s ease", boxShadow: "0 0 6px rgba(255,255,255,.35)" },
|
|
187
|
+
qwenHeroTitle: { fontSize: fs(15), fontWeight: 600, opacity: 0.95 },
|
|
188
|
+
qwenHeroUsed: { fontSize: fs(15), fontWeight: 700, textAlign: "center", letterSpacing: 0.5 },
|
|
189
|
+
// ── 本周配额卡片：连续线段 + 今天节点 ──
|
|
190
|
+
qwenWeekCard: { border: "1px solid rgba(90,140,255,.25)", background: "rgba(90,140,255,.06)", borderRadius: 10, padding: "14px 16px", marginTop: 14 },
|
|
191
|
+
qwenWeekLabel: { fontSize: fs(11), opacity: 0.6, marginBottom: 8, fontWeight: 600 },
|
|
192
|
+
qwenWeekRow: { display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8, flexWrap: "nowrap" },
|
|
193
|
+
qwenWeekItem: { display: "flex", flexDirection: "column", gap: 2, flexShrink: 0 },
|
|
194
|
+
qwenWeekItemR: { display: "flex", flexDirection: "column", alignItems: "flex-end", gap: 2, flexShrink: 0 },
|
|
195
|
+
qwenWeekHint: { fontSize: fs(10), opacity: 0.55 },
|
|
196
|
+
qwenWeekVal: { fontSize: fs(14), fontWeight: 600 },
|
|
197
|
+
qwenWeekLine: { position: "relative", flex: "1 1 auto", minWidth: 80, height: 24, display: "flex", alignItems: "center", margin: "0 4px" },
|
|
198
|
+
qwenWeekTrack: { position: "relative", width: "100%", height: 5, borderRadius: 999, background: "rgba(90,140,255,.18)" },
|
|
199
|
+
qwenWeekProgress: { position: "absolute", left: 0, top: 0, bottom: 0, width: "0%", borderRadius: 999, background: "linear-gradient(90deg,#3d6bd6,#5a8cff)", boxShadow: "0 0 6px rgba(90,140,255,.35)", transition: "width .4s ease" },
|
|
200
|
+
qwenWeekToday: { position: "absolute", top: "50%", transform: "translate(-50%,-50%)", display: "flex", flexDirection: "column", alignItems: "center", gap: 3, background: "#15171c", padding: "3px 8px", borderRadius: 999, border: "1px solid rgba(90,140,255,.45)", whiteSpace: "nowrap", zIndex: 2, transition: "left .4s ease" },
|
|
201
|
+
qwenWeekTodayDot: { width: 7, height: 7, borderRadius: "50%", background: "#5a8cff", boxShadow: "0 0 6px rgba(90,140,255,.6)" },
|
|
202
|
+
qwenWeekTodayDate: { fontSize: fs(11), fontWeight: 600, color: "#c7d8ff", lineHeight: 1 },
|
|
74
203
|
calBar: { display: "flex", alignItems: "center", gap: 8, flexWrap: "wrap", marginTop: 10 },
|
|
75
204
|
calGrid: { display: "grid", gridTemplateColumns: "repeat(7,1fr)", gap: 4, marginTop: 6 },
|
|
76
205
|
calWk: { textAlign: "center", fontSize: fs(11), opacity: 0.5, padding: "2px 0" },
|
|
@@ -111,7 +240,7 @@ window.__ModuleLoader__.load({
|
|
|
111
240
|
var fmtTime = function (ts) { var d = new Date(ts + 8 * 3600 * 1000); return pad2(d.getUTCMonth() + 1) + "-" + pad2(d.getUTCDate()) + " " + pad2(d.getUTCHours()) + ":" + pad2(d.getUTCMinutes()) + ":" + pad2(d.getUTCSeconds()); };
|
|
112
241
|
var fmtMoney = function (n) { if (!n) return "¥0.0000"; if (n < 0.0001) return "¥" + n.toExponential(2); if (n < 1) return "¥" + n.toFixed(4); return "¥" + n.toFixed(2); };
|
|
113
242
|
var fmtPrice = function (n) { if (n == null || isNaN(n)) return "—"; return String(parseFloat(Number(n).toFixed(4))); };
|
|
114
|
-
var modelLabel = function (mk) { if (mk === "deepseek-v4-flash") return "deepseek-v4-flash"; if (mk === "deepseek-v4-flash-vision-exp") return "deepseek-v4-flash-vision-exp"; if (mk === "deepseek-v4-pro") return "deepseek-v4-pro"; return "未知模型"; };
|
|
243
|
+
var modelLabel = function (mk) { if (mk === "deepseek-v4-flash") return "deepseek-v4-flash"; if (mk === "deepseek-v4-flash-vision-exp") return "deepseek-v4-flash-vision-exp"; if (mk === "deepseek-v4-pro") return "deepseek-v4-pro"; return t("未知模型"); };
|
|
115
244
|
// 模型显示名：以请求参数里的真实模型名为准（非 DeepSeek 模型也如实显示），
|
|
116
245
|
// 空模型名时退回已知档位名 / provider / 未知。
|
|
117
246
|
var modelName = function (r) {
|
|
@@ -120,7 +249,7 @@ window.__ModuleLoader__.load({
|
|
|
120
249
|
var mv = r && r.modelKey;
|
|
121
250
|
if (mv && mv !== "unknown") return modelLabel(mv);
|
|
122
251
|
var p = String((r && r.provider) || "").trim();
|
|
123
|
-
return p ? p : "未知模型";
|
|
252
|
+
return p ? p : t("未知模型");
|
|
124
253
|
};
|
|
125
254
|
// 模型分组键：真实模型名小写（用于把同名的记录归为一组展示）
|
|
126
255
|
var modelGroupKey = function (r) {
|
|
@@ -134,13 +263,13 @@ window.__ModuleLoader__.load({
|
|
|
134
263
|
// API 服务商显示名 / 分组键
|
|
135
264
|
var providerName = function (p) {
|
|
136
265
|
var s = String(p == null ? "" : p).trim();
|
|
137
|
-
return s || "未知服务商";
|
|
266
|
+
return s || t("未知服务商");
|
|
138
267
|
};
|
|
139
268
|
var providerGroupKey = function (p) {
|
|
140
269
|
var s = String(p == null ? "" : p).trim();
|
|
141
270
|
return s ? s.toLowerCase() : "unknown";
|
|
142
271
|
};
|
|
143
|
-
var finishLabel = function (f) { if (f === "stop") return "完成"; if (f === "tool-calls") return "工具调用"; if (f === "max-tokens") return "超长"; if (f === "error") return "错误"; return f || "—"; };
|
|
272
|
+
var finishLabel = function (f) { if (f === "stop") return t("完成"); if (f === "tool-calls") return t("工具调用"); if (f === "max-tokens") return t("超长"); if (f === "error") return t("错误"); return f || "—"; };
|
|
144
273
|
var pct = function (a, b) { return b > 0 ? (a / b * 100).toFixed(1) + "%" : "—"; };
|
|
145
274
|
// 周末统一按空闲价规则生效时间：北京时间 2026-08-23 00:00（周日）。此前（含周末）仍按原峰谷分段。
|
|
146
275
|
var WEEKEND_FLAT_AT = Date.parse("2026-08-23T00:00:00+08:00");
|
|
@@ -172,14 +301,14 @@ window.__ModuleLoader__.load({
|
|
|
172
301
|
// 计费档位选择：auto 用 autoCost（按生效日期自动切换），base 用 baseCost，其余用 peakValleyCost
|
|
173
302
|
// 计费档位显示文案
|
|
174
303
|
var regimeLabel = function (regime) {
|
|
175
|
-
if (regime === "auto") return "自动（生效前基础价 · 生效后峰谷价）";
|
|
176
|
-
if (regime === "base") return "基础价格";
|
|
177
|
-
return "峰谷价格";
|
|
304
|
+
if (regime === "auto") return t("自动（生效前基础价 · 生效后峰谷价）");
|
|
305
|
+
if (regime === "base") return t("基础价格");
|
|
306
|
+
return t("峰谷价格");
|
|
178
307
|
};
|
|
179
308
|
var costHint = function (regime) {
|
|
180
|
-
if (regime === "auto") return "自动";
|
|
181
|
-
if (regime === "base") return "基础价格";
|
|
182
|
-
return "峰谷价格";
|
|
309
|
+
if (regime === "auto") return t("自动");
|
|
310
|
+
if (regime === "base") return t("基础价格");
|
|
311
|
+
return t("峰谷价格");
|
|
183
312
|
};
|
|
184
313
|
var costOf = function (r, regime) {
|
|
185
314
|
if (!r) return 0;
|
|
@@ -210,7 +339,18 @@ window.__ModuleLoader__.load({
|
|
|
210
339
|
};
|
|
211
340
|
var bjKey = function (ts) { var d = new Date(ts + 8 * 3600 * 1000); return d.getUTCFullYear() + "-" + pad2(d.getUTCMonth() + 1) + "-" + pad2(d.getUTCDate()); };
|
|
212
341
|
var bjStartMs = function (key) { var p = String(key).split("-"); return Date.UTC(+p[0], +p[1] - 1, +p[2]) - 8 * 3600 * 1000; };
|
|
213
|
-
var
|
|
342
|
+
var __MONTHS_EN = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
|
|
343
|
+
var __MONTHS_FULL_EN = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
|
|
344
|
+
var __WD_ZH = ["一", "二", "三", "四", "五", "六", "日"];
|
|
345
|
+
var __WD_EN = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"];
|
|
346
|
+
var weekdayLabels = function () { return __LANG === "en" ? __WD_EN : __WD_ZH; };
|
|
347
|
+
var fmtMonthLabel = function (y, m1) { return __LANG === "en" ? __MONTHS_FULL_EN[m1 - 1] + " " + y : y + "年" + m1 + "月"; };
|
|
348
|
+
var dayLabel = function (key) {
|
|
349
|
+
var p = String(key).split("-");
|
|
350
|
+
if (__LANG === "en") return __MONTHS_EN[(+p[1]) - 1] + " " + (+p[2]) + ", " + p[0];
|
|
351
|
+
return p[0] + "年" + (+p[1]) + "月" + (+p[2]) + "日";
|
|
352
|
+
};
|
|
353
|
+
var dailyStatsTitle = function (y, m1) { return __LANG === "en" ? "Daily stats (" + __MONTHS_FULL_EN[m1 - 1] + " " + y + ")" : "每日统计（" + y + "年" + m1 + "月）"; };
|
|
214
354
|
var monthDays = function (y, m) { return new Date(Date.UTC(y, m + 1, 0)).getUTCDate(); };
|
|
215
355
|
var monthOffset = function (y, m) { var ms = bjStartMs(y + "-" + pad2(m + 1) + "-01"); var wd = new Date(ms).getUTCDay(); return (wd + 6) % 7; };
|
|
216
356
|
var fmtBalance = function (s) {
|
|
@@ -222,7 +362,12 @@ window.__ModuleLoader__.load({
|
|
|
222
362
|
return fmtInt(parseInt(parts[0], 10)) + "." + (dec.length === 1 ? dec + "0" : dec);
|
|
223
363
|
};
|
|
224
364
|
var currencySymbol = function (currency) { return currency === "CNY" ? "¥" : currency === "USD" ? "$" : (currency || ""); };
|
|
225
|
-
|
|
365
|
+
var fmtShortDate = function (iso) {
|
|
366
|
+
if (!iso) return "—";
|
|
367
|
+
var p = String(iso).split("-");
|
|
368
|
+
return (p[1] || "") + "." + (p[2] || "");
|
|
369
|
+
};
|
|
370
|
+
var api = function (payload) {
|
|
226
371
|
return fetch("/usage/api", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }).then(function (r) { return r.json(); });
|
|
227
372
|
};
|
|
228
373
|
var PRICE_MODELS = ["deepseek-v4-flash", "deepseek-v4-flash-vision-exp", "deepseek-v4-pro"];
|
|
@@ -328,7 +473,7 @@ window.__ModuleLoader__.load({
|
|
|
328
473
|
canvas.width = W * scale;
|
|
329
474
|
canvas.height = H * scale;
|
|
330
475
|
var ctx = canvas.getContext("2d");
|
|
331
|
-
if (!ctx) throw new Error("canvas 2d 不可用");
|
|
476
|
+
if (!ctx) throw new Error(t("canvas 2d 不可用"));
|
|
332
477
|
ctx.scale(scale, scale);
|
|
333
478
|
ctx.textBaseline = "alphabetic";
|
|
334
479
|
var font = function (size, weight) { ctx.font = (weight || "400") + " " + size + 'px "Segoe UI","Microsoft YaHei",sans-serif'; };
|
|
@@ -336,18 +481,18 @@ window.__ModuleLoader__.load({
|
|
|
336
481
|
ctx.fillStyle = "#ffffff"; ctx.fillRect(0, 0, W, H);
|
|
337
482
|
ctx.fillStyle = "#3a7bd5"; ctx.fillRect(0, 0, W, 64);
|
|
338
483
|
ctx.fillStyle = "#ffffff"; ctx.textAlign = "left"; font(20, "700");
|
|
339
|
-
ctx.fillText("用量与消耗报告", P, 40);
|
|
484
|
+
ctx.fillText(t("用量与消耗报告"), P, 40);
|
|
340
485
|
ctx.fillStyle = "#7a8699"; font(13, "400");
|
|
341
|
-
ctx.fillText("生成时间 " + fmtTime(Date.now()) + "（北京） · 共 " + count + " 条调用 · 缓存命中率 " + hitRate +
|
|
342
|
-
" · 高峰价消耗 " + fmtMoney(totalPeakCost) + " · 空闲价消耗 " + fmtMoney(totalOffCost) + " · 合计 " + fmtMoney(totalCost) +
|
|
343
|
-
(totalIn > count ? " · 报告仅含最近 " + count + " 条" : ""), P, 92);
|
|
486
|
+
ctx.fillText(t("生成时间 ") + fmtTime(Date.now()) + t("（北京） · 共 ") + count + t(" 条调用 · 缓存命中率 ") + hitRate +
|
|
487
|
+
t(" · 高峰价消耗 ") + fmtMoney(totalPeakCost) + t(" · 空闲价消耗 ") + fmtMoney(totalOffCost) + t(" · 合计 ") + fmtMoney(totalCost) +
|
|
488
|
+
(totalIn > count ? t(" · 报告仅含最近 ") + count + t(" 条") : ""), P, 92);
|
|
344
489
|
|
|
345
490
|
var cardW = (W - 2 * P - 6 * 10) / 7;
|
|
346
491
|
var cards = [
|
|
347
|
-
{ l: "调用次数", v: fmtInt(count) }, { l: "输入 · 未命中", v: fmtInt(totalMiss) },
|
|
348
|
-
{ l: "输入 · 缓存命中", v: fmtInt(totalHit) }, { l: "输出", v: fmtInt(totalOut) },
|
|
349
|
-
{ l: "高峰消耗", v: fmtMoney(totalPeakCost) }, { l: "空闲消耗", v: fmtMoney(totalOffCost) },
|
|
350
|
-
{ l: "总消耗 (峰谷价)", v: fmtMoney(totalCost) }
|
|
492
|
+
{ l: t("调用次数"), v: fmtInt(count) }, { l: t("输入 · 未命中"), v: fmtInt(totalMiss) },
|
|
493
|
+
{ l: t("输入 · 缓存命中"), v: fmtInt(totalHit) }, { l: t("输出"), v: fmtInt(totalOut) },
|
|
494
|
+
{ l: t("高峰消耗"), v: fmtMoney(totalPeakCost) }, { l: t("空闲消耗"), v: fmtMoney(totalOffCost) },
|
|
495
|
+
{ l: t("总消耗 (峰谷价)"), v: fmtMoney(totalCost) }
|
|
351
496
|
];
|
|
352
497
|
for (var c = 0; c < cards.length; c++) {
|
|
353
498
|
var x = P + c * (cardW + 10);
|
|
@@ -359,16 +504,16 @@ window.__ModuleLoader__.load({
|
|
|
359
504
|
|
|
360
505
|
var c1 = { time: P, model: P + 150, missR: P + 440, hitR: P + 540, writeR: P + 630, outR: P + 720, reasonR: P + 810, rateR: P + 900, periodR: P + 990, endR: P + 1080, costR: P + 1440 };
|
|
361
506
|
var y = 226;
|
|
362
|
-
ctx.fillStyle = "#1c2733"; font(15, "600"); ctx.fillText("缓存命中列表（共 " + count + " 条）", P, y);
|
|
507
|
+
ctx.fillStyle = "#1c2733"; font(15, "600"); ctx.fillText(t("缓存命中列表（共 ") + count + t(" 条）"), P, y);
|
|
363
508
|
y = 244;
|
|
364
509
|
ctx.fillStyle = "#eef1f5"; ctx.fillRect(P, y, W - 2 * P, headH);
|
|
365
510
|
ctx.fillStyle = "#55617a"; font(fBase + 1, "600");
|
|
366
511
|
var hty = y + Math.round(headH * 0.65);
|
|
367
|
-
ctx.textAlign = "left"; ctx.fillText("时间(北京)", c1.time, hty); ctx.fillText("模型", c1.model, hty);
|
|
512
|
+
ctx.textAlign = "left"; ctx.fillText(t("时间(北京)"), c1.time, hty); ctx.fillText(t("模型"), c1.model, hty);
|
|
368
513
|
ctx.textAlign = "right";
|
|
369
|
-
ctx.fillText("输入·未命中", c1.missR, hty); ctx.fillText("缓存命中", c1.hitR, hty); ctx.fillText("缓存写入", c1.writeR, hty);
|
|
370
|
-
ctx.fillText("输出", c1.outR, hty); ctx.fillText("推理", c1.reasonR, hty); ctx.fillText("命中率", c1.rateR, hty);
|
|
371
|
-
ctx.fillText("时段", c1.periodR, hty); ctx.fillText("结束", c1.endR, hty); ctx.fillText("消耗(峰谷)", c1.costR, hty);
|
|
514
|
+
ctx.fillText(t("输入·未命中"), c1.missR, hty); ctx.fillText(t("缓存命中"), c1.hitR, hty); ctx.fillText(t("缓存写入"), c1.writeR, hty);
|
|
515
|
+
ctx.fillText(t("输出"), c1.outR, hty); ctx.fillText(t("推理"), c1.reasonR, hty); ctx.fillText(t("命中率"), c1.rateR, hty);
|
|
516
|
+
ctx.fillText(t("时段"), c1.periodR, hty); ctx.fillText(t("结束"), c1.endR, hty); ctx.fillText(t("消耗(峰谷)"), c1.costR, hty);
|
|
372
517
|
y += headH;
|
|
373
518
|
for (var r3 = 0; r3 < count; r3++) {
|
|
374
519
|
var rec = records[r3];
|
|
@@ -381,11 +526,13 @@ window.__ModuleLoader__.load({
|
|
|
381
526
|
ctx.fillText(fmtInt(miss), c1.missR, ty);
|
|
382
527
|
ctx.fillStyle = "#22a45d"; ctx.fillText(fmtInt(hit), c1.hitR, ty);
|
|
383
528
|
ctx.fillStyle = "#1c2733";
|
|
384
|
-
|
|
529
|
+
// 兼容性：DeepSeek 系 provider 不单独上报 cacheWriteTokens，历史记录该字段
|
|
530
|
+
// 可能为 0。此时用未命中 token 数（inputTokens）兜底展示，避免"缓存写入"列为空。
|
|
531
|
+
ctx.fillText(rec.cacheWriteTokens ? fmtInt(rec.cacheWriteTokens) : (rec.inputTokens ? fmtInt(rec.inputTokens) : "—"), c1.writeR, ty);
|
|
385
532
|
ctx.fillText(fmtInt(rec.outputTokens || 0), c1.outR, ty);
|
|
386
533
|
ctx.fillText(rec.reasoningTokens ? fmtInt(rec.reasoningTokens) : "—", c1.reasonR, ty);
|
|
387
534
|
ctx.fillStyle = "#55617a"; ctx.fillText(pct(hit, hit + miss), c1.rateR, ty);
|
|
388
|
-
ctx.fillStyle = rec.peak ? "#e08700" : "#3d6bd6"; ctx.fillText(rec.peak ? "峰" : "谷", c1.periodR, ty);
|
|
535
|
+
ctx.fillStyle = rec.peak ? "#e08700" : "#3d6bd6"; ctx.fillText(rec.peak ? t("峰") : t("谷"), c1.periodR, ty);
|
|
389
536
|
ctx.fillStyle = "#55617a"; ctx.fillText(finishLabel(rec.finishReason), c1.endR, ty);
|
|
390
537
|
ctx.fillStyle = rec.peak ? "#e08700" : "#3d6bd6"; ctx.fillText(fmtMoney(cost), c1.costR, ty);
|
|
391
538
|
y += rowH;
|
|
@@ -393,19 +540,19 @@ window.__ModuleLoader__.load({
|
|
|
393
540
|
|
|
394
541
|
y += 24;
|
|
395
542
|
ctx.textAlign = "left"; ctx.fillStyle = "#1c2733"; font(15, "600");
|
|
396
|
-
ctx.fillText("消耗表（按模型 · 峰谷价 · 高峰/空闲分列）", P, y);
|
|
543
|
+
ctx.fillText(t("消耗表（按模型 · 峰谷价 · 高峰/空闲分列）"), P, y);
|
|
397
544
|
y += 18;
|
|
398
545
|
var c2 = { model: P, callsR: P + 330, missR: P + 470, hitR: P + 590, outR: P + 710, reasonR: P + 840, peakR: P + 1010, offR: P + 1140, costR: P + 1440 };
|
|
399
546
|
ctx.fillStyle = "#eef1f5"; ctx.fillRect(P, y, W - 2 * P, headH);
|
|
400
547
|
ctx.fillStyle = "#55617a"; font(fBase + 1, "600");
|
|
401
548
|
var hty2 = y + Math.round(headH * 0.65);
|
|
402
|
-
ctx.textAlign = "left"; ctx.fillText("模型", c2.model, hty2);
|
|
549
|
+
ctx.textAlign = "left"; ctx.fillText(t("模型"), c2.model, hty2);
|
|
403
550
|
ctx.textAlign = "right";
|
|
404
|
-
ctx.fillText("调用", c2.callsR, hty2); ctx.fillText("输入·未命中", c2.missR, hty2); ctx.fillText("缓存命中", c2.hitR, hty2);
|
|
405
|
-
ctx.fillText("输出", c2.outR, hty2); ctx.fillText("推理", c2.reasonR, hty2);
|
|
406
|
-
ctx.fillText("高峰消耗", c2.peakR, hty2); ctx.fillText("空闲消耗", c2.offR, hty2); ctx.fillText("总消耗", c2.costR, hty2);
|
|
551
|
+
ctx.fillText(t("调用"), c2.callsR, hty2); ctx.fillText(t("输入·未命中"), c2.missR, hty2); ctx.fillText(t("缓存命中"), c2.hitR, hty2);
|
|
552
|
+
ctx.fillText(t("输出"), c2.outR, hty2); ctx.fillText(t("推理"), c2.reasonR, hty2);
|
|
553
|
+
ctx.fillText(t("高峰消耗"), c2.peakR, hty2); ctx.fillText(t("空闲消耗"), c2.offR, hty2); ctx.fillText(t("总消耗"), c2.costR, hty2);
|
|
407
554
|
y += headH;
|
|
408
|
-
var t2rows = modelRows.concat([{ key: "合计", name: "合计", calls: count, miss: totalMiss, hit: totalHit, out: totalOut, reason: totalReason, cost: totalCost, peakCost: totalPeakCost, offCost: totalOffCost }]);
|
|
555
|
+
var t2rows = modelRows.concat([{ key: "合计", name: t("合计"), calls: count, miss: totalMiss, hit: totalHit, out: totalOut, reason: totalReason, cost: totalCost, peakCost: totalPeakCost, offCost: totalOffCost }]);
|
|
409
556
|
for (var m = 0; m < t2rows.length; m++) {
|
|
410
557
|
var row = t2rows[m];
|
|
411
558
|
var isTotal = row.key === "合计";
|
|
@@ -425,15 +572,15 @@ window.__ModuleLoader__.load({
|
|
|
425
572
|
}
|
|
426
573
|
y += 24;
|
|
427
574
|
ctx.textAlign = "left"; ctx.fillStyle = "#1c2733"; font(15, "600");
|
|
428
|
-
ctx.fillText("消耗表（按 API 服务商 × 模型 · 峰谷价）", P, y);
|
|
575
|
+
ctx.fillText(t("消耗表（按 API 服务商 × 模型 · 峰谷价）"), P, y);
|
|
429
576
|
y += 18;
|
|
430
577
|
ctx.fillStyle = "#eef1f5"; ctx.fillRect(P, y, W - 2 * P, headH);
|
|
431
578
|
ctx.fillStyle = "#55617a"; font(fBase + 1, "600");
|
|
432
579
|
var hty3 = y + Math.round(headH * 0.65);
|
|
433
|
-
ctx.textAlign = "left"; ctx.fillText("API 服务商 / 模型", c2.model, hty3);
|
|
580
|
+
ctx.textAlign = "left"; ctx.fillText(t("API 服务商 / 模型"), c2.model, hty3);
|
|
434
581
|
ctx.textAlign = "right";
|
|
435
|
-
ctx.fillText("调用", c2.callsR, hty3);
|
|
436
|
-
ctx.fillText("高峰消耗", c2.peakR, hty3); ctx.fillText("空闲消耗", c2.offR, hty3); ctx.fillText("总消耗", c2.costR, hty3);
|
|
582
|
+
ctx.fillText(t("调用"), c2.callsR, hty3);
|
|
583
|
+
ctx.fillText(t("高峰消耗"), c2.peakR, hty3); ctx.fillText(t("空闲消耗"), c2.offR, hty3); ctx.fillText(t("总消耗"), c2.costR, hty3);
|
|
437
584
|
y += headH;
|
|
438
585
|
var p3n = 0;
|
|
439
586
|
for (var p3g = 0; p3g < providerGroups.length; p3g++) {
|
|
@@ -442,7 +589,7 @@ window.__ModuleLoader__.load({
|
|
|
442
589
|
ctx.fillStyle = "#e8edf5"; ctx.fillRect(P, y, W - 2 * P, rowH);
|
|
443
590
|
var ty3 = y + Math.round(rowH * 0.68);
|
|
444
591
|
ctx.textAlign = "left"; ctx.fillStyle = "#1c2733"; font(fBase, "600");
|
|
445
|
-
ctx.fillText(gpr.name + "（" + pgrp.models.length + " 个模型）", c2.model, ty3);
|
|
592
|
+
ctx.fillText(gpr.name + "（" + pgrp.models.length + t(" 个模型）"), c2.model, ty3);
|
|
446
593
|
ctx.textAlign = "right"; ctx.fillStyle = "#1c2733"; font(fBase, "600");
|
|
447
594
|
ctx.fillText(fmtInt(gpr.calls), c2.callsR, ty3);
|
|
448
595
|
ctx.fillStyle = "#e08700"; ctx.fillText(fmtMoney(gpr.peakCost), c2.peakR, ty3);
|
|
@@ -466,7 +613,7 @@ window.__ModuleLoader__.load({
|
|
|
466
613
|
ctx.fillStyle = "#eef1f5"; ctx.fillRect(P, y, W - 2 * P, rowH);
|
|
467
614
|
var ty5 = y + Math.round(rowH * 0.68);
|
|
468
615
|
ctx.textAlign = "left"; ctx.fillStyle = "#1c2733"; font(fBase, "600");
|
|
469
|
-
ctx.fillText("总费用合计", c2.model, ty5);
|
|
616
|
+
ctx.fillText(t("总费用合计"), c2.model, ty5);
|
|
470
617
|
ctx.textAlign = "right"; ctx.fillStyle = "#1c2733"; font(fBase, "600");
|
|
471
618
|
ctx.fillText(fmtInt(count), c2.callsR, ty5);
|
|
472
619
|
ctx.fillStyle = "#e08700"; ctx.fillText(fmtMoney(totalPeakCost), c2.peakR, ty5);
|
|
@@ -475,7 +622,7 @@ window.__ModuleLoader__.load({
|
|
|
475
622
|
y += rowH;
|
|
476
623
|
y += 26;
|
|
477
624
|
ctx.textAlign = "left"; ctx.fillStyle = "#98a2b3"; font(11, "400");
|
|
478
|
-
ctx.fillText("计价按请求的 API 服务商分别应用已核验价格；DigitalOcean 美元价按 USD/CNY 汇率折算；无法可靠映射的第三方价格按 ¥0。", P, y);
|
|
625
|
+
ctx.fillText(t("计价按请求的 API 服务商分别应用已核验价格；DigitalOcean 美元价按 USD/CNY 汇率折算；无法可靠映射的第三方价格按 ¥0。"), P, y);
|
|
479
626
|
}
|
|
480
627
|
|
|
481
628
|
// ── Overview view ──
|
|
@@ -548,7 +695,7 @@ window.__ModuleLoader__.load({
|
|
|
548
695
|
for (var rr = 0; rr < records.length; rr++) {
|
|
549
696
|
if (modelGroupKey(records[rr]) === modelRows[mr].key) pset[providerName(records[rr].provider)] = true;
|
|
550
697
|
}
|
|
551
|
-
modelRows[mr].providerText = Object.keys(pset).sort().join(" / ") || "未知服务商";
|
|
698
|
+
modelRows[mr].providerText = Object.keys(pset).sort().join(" / ") || t("未知服务商");
|
|
552
699
|
}
|
|
553
700
|
var providerRows = [];
|
|
554
701
|
for (var kp in byProvider) providerRows.push(byProvider[kp]);
|
|
@@ -571,7 +718,7 @@ window.__ModuleLoader__.load({
|
|
|
571
718
|
var gprov2 = g.provider;
|
|
572
719
|
pmRows.push(el("tr", { key: "g-" + gprov2.key },
|
|
573
720
|
el("td", { style: st.tdGroup }, gprov2.name),
|
|
574
|
-
el("td", { style: st.tdGroup }, "（" + g.models.length + " 个模型）"),
|
|
721
|
+
el("td", { style: st.tdGroup }, "（" + g.models.length + t(" 个模型）")),
|
|
575
722
|
el("td", { style: st.tdGroupR }, fmtInt(gprov2.calls)),
|
|
576
723
|
el("td", { style: st.tdGroupR }, el("span", { style: st.badgePeak }, fmtInt(gprov2.peakCalls)), " / ", el("span", { style: st.badgeValley }, fmtInt(gprov2.offCalls))),
|
|
577
724
|
el("td", { style: st.tdGroupR }, fmtInt(gprov2.miss)),
|
|
@@ -600,8 +747,8 @@ window.__ModuleLoader__.load({
|
|
|
600
747
|
}
|
|
601
748
|
}
|
|
602
749
|
pmRows.push(el("tr", { key: "g-total" },
|
|
603
|
-
el("td", { style: st.tdTotalFirst }, "总费用合计"),
|
|
604
|
-
el("td", { style: st.tdTotal }, fmtInt(providerRows.length) + " 个服务商"),
|
|
750
|
+
el("td", { style: st.tdTotalFirst }, t("总费用合计")),
|
|
751
|
+
el("td", { style: st.tdTotal }, fmtInt(providerRows.length) + t(" 个服务商")),
|
|
605
752
|
el("td", { style: st.tdTotal }, fmtInt(totalCalls)),
|
|
606
753
|
el("td", { style: st.tdTotal }, el("span", { style: st.badgePeak }, fmtInt(peakCalls)), " / ", el("span", { style: st.badgeValley }, fmtInt(offCalls))),
|
|
607
754
|
el("td", { style: st.tdTotal }, fmtInt(totalMiss)),
|
|
@@ -622,33 +769,33 @@ window.__ModuleLoader__.load({
|
|
|
622
769
|
return el("div", null,
|
|
623
770
|
el("div", { style: st.calBar },
|
|
624
771
|
el("div", { style: st.seg },
|
|
625
|
-
presetBtn("today", "今天"), presetBtn("7d", "近7天"), presetBtn("30d", "近30天"), presetBtn("all", "全部")
|
|
772
|
+
presetBtn("today", t("今天")), presetBtn("7d", t("近7天")), presetBtn("30d", t("近30天")), presetBtn("all", t("全部"))
|
|
626
773
|
),
|
|
627
|
-
el("span", { style: st.note }, "自定义区间："),
|
|
774
|
+
el("span", { style: st.note }, t("自定义区间：")),
|
|
628
775
|
el("input", { type: "date", style: st.dateInput, value: fromDate, onChange: function (e) { setCustomFrom(e.target.value); } }),
|
|
629
|
-
el("span", { style: st.note }, "至"),
|
|
776
|
+
el("span", { style: st.note }, t("至")),
|
|
630
777
|
el("input", { type: "date", style: st.dateInput, value: toDate, onChange: function (e) { setCustomTo(e.target.value); } }),
|
|
631
|
-
(fromDate || toDate || preset !== "all") ? el("button", { style: st.btn, onClick: function () { setFromDate(""); setToDate(""); setPreset("all"); } }, "清除筛选") : null
|
|
778
|
+
(fromDate || toDate || preset !== "all") ? el("button", { style: st.btn, onClick: function () { setFromDate(""); setToDate(""); setPreset("all"); } }, t("清除筛选")) : null
|
|
632
779
|
),
|
|
633
780
|
el("div", { style: st.note, marginTop: 8 },
|
|
634
|
-
"当前范围：共 " + fmtInt(records.length) + " 条" + (preset === "all" && !fromDate && !toDate ? "（全部记录）" : "") + " · 总消耗 " + fmtMoney(totalCost) + "（" + costHint(regime) + "）"
|
|
781
|
+
t("当前范围：共 ") + fmtInt(records.length) + t(" 条") + (preset === "all" && !fromDate && !toDate ? t("（全部记录）") : "") + t(" · 总消耗 ") + fmtMoney(totalCost) + "（" + costHint(regime) + "）"
|
|
635
782
|
),
|
|
636
783
|
el("div", { style: st.cards },
|
|
637
|
-
el(Card, { label: "调用次数", value: fmtInt(totalCalls), hint: "高峰 " + fmtInt(peakCalls) + " · 空闲 " + fmtInt(offCalls) }),
|
|
638
|
-
el(Card, { label: "输入 · 未命中", value: fmtInt(totalMiss), hint: "token" }),
|
|
639
|
-
el(Card, { label: "输入 · 缓存命中", value: fmtInt(totalHit), hint: "命中率 " + hitRate }),
|
|
640
|
-
el(Card, { label: "输出", value: fmtInt(totalOut), hint: "token" }),
|
|
641
|
-
el(Card, { label: "高峰消耗", value: fmtMoney(peakTotal), hint: "工作日高峰 9:00–12:00、14:00–18:00 · 周末全天空闲价" }),
|
|
642
|
-
el(Card, { label: "空闲消耗", value: fmtMoney(offTotal), hint: "其余空闲时段" }),
|
|
643
|
-
el(Card, { label: "总消耗", value: fmtMoney(totalCost), hint: "高峰 + 空闲 · " + regimeLabel(regime) })
|
|
784
|
+
el(Card, { label: t("调用次数"), value: fmtInt(totalCalls), hint: t("高峰 ") + fmtInt(peakCalls) + t(" · 空闲 ") + fmtInt(offCalls) }),
|
|
785
|
+
el(Card, { label: t("输入 · 未命中"), value: fmtInt(totalMiss), hint: "token" }),
|
|
786
|
+
el(Card, { label: t("输入 · 缓存命中"), value: fmtInt(totalHit), hint: t("命中率 ") + hitRate }),
|
|
787
|
+
el(Card, { label: t("输出"), value: fmtInt(totalOut), hint: "token" }),
|
|
788
|
+
el(Card, { label: t("高峰消耗"), value: fmtMoney(peakTotal), hint: t("工作日高峰 9:00–12:00、14:00–18:00 · 周末全天空闲价") }),
|
|
789
|
+
el(Card, { label: t("空闲消耗"), value: fmtMoney(offTotal), hint: t("其余空闲时段") }),
|
|
790
|
+
el(Card, { label: t("总消耗"), value: fmtMoney(totalCost), hint: t("高峰 + 空闲 · ") + regimeLabel(regime) })
|
|
644
791
|
),
|
|
645
|
-
el("div", { style: st.sec }, "消耗表（按模型）"),
|
|
792
|
+
el("div", { style: st.sec }, t("消耗表（按模型）")),
|
|
646
793
|
el("div", { style: st.scroll },
|
|
647
794
|
el("table", { className: "dsh-usage-table collapse-mobile", style: st.tbl },
|
|
648
795
|
el("thead", null, el("tr", null,
|
|
649
|
-
el("th", { style: st.thFirst }, "模型"), el("th", { style: st.thFirst }, "API 服务商"), el("th", { style: st.th }, "调用"), el("th", { style: st.th }, "高峰/空闲"),
|
|
650
|
-
el("th", { style: st.th }, "输入·未命中"), el("th", { style: st.th }, "缓存命中"), el("th", { style: st.th }, "输出"), el("th", { style: st.th }, "推理"),
|
|
651
|
-
el("th", { style: st.th }, "高峰消耗"), el("th", { style: st.th }, "空闲消耗"), el("th", { style: st.th }, "总消耗")
|
|
796
|
+
el("th", { style: st.thFirst }, t("模型")), el("th", { style: st.thFirst }, t("API 服务商")), el("th", { style: st.th }, t("调用")), el("th", { style: st.th }, t("高峰/空闲")),
|
|
797
|
+
el("th", { style: st.th }, t("输入·未命中")), el("th", { style: st.th }, t("缓存命中")), el("th", { style: st.th }, t("输出")), el("th", { style: st.th }, t("推理")),
|
|
798
|
+
el("th", { style: st.th }, t("高峰消耗")), el("th", { style: st.th }, t("空闲消耗")), el("th", { style: st.th }, t("总消耗"))
|
|
652
799
|
)),
|
|
653
800
|
el("tbody", null,
|
|
654
801
|
modelRows.map(function (m) {
|
|
@@ -667,8 +814,8 @@ window.__ModuleLoader__.load({
|
|
|
667
814
|
);
|
|
668
815
|
}),
|
|
669
816
|
el("tr", null,
|
|
670
|
-
el("td", { style: st.tdTotalFirst }, "合计"),
|
|
671
|
-
el("td", { style: st.tdTotalFirst }, fmtInt(providerRows.length) + " 个服务商"),
|
|
817
|
+
el("td", { style: st.tdTotalFirst }, t("合计")),
|
|
818
|
+
el("td", { style: st.tdTotalFirst }, fmtInt(providerRows.length) + t(" 个服务商")),
|
|
672
819
|
el("td", { style: st.tdTotal }, fmtInt(totalCalls)),
|
|
673
820
|
el("td", { style: st.tdTotal }, el("span", { style: st.badgePeak }, fmtInt(peakCalls)), " / ", el("span", { style: st.badgeValley }, fmtInt(offCalls))),
|
|
674
821
|
el("td", { style: st.tdTotal }, fmtInt(totalMiss)),
|
|
@@ -682,19 +829,19 @@ window.__ModuleLoader__.load({
|
|
|
682
829
|
)
|
|
683
830
|
)
|
|
684
831
|
),
|
|
685
|
-
el("div", { style: st.sec, marginTop: 14 }, "消耗明细（按 API 服务商 × 模型）"),
|
|
832
|
+
el("div", { style: st.sec, marginTop: 14 }, t("消耗明细（按 API 服务商 × 模型）")),
|
|
686
833
|
el("div", { style: st.scroll },
|
|
687
834
|
el("table", { className: "dsh-usage-table collapse-mobile", style: st.tbl },
|
|
688
835
|
el("thead", null, el("tr", null,
|
|
689
|
-
el("th", { style: st.thFirst }, "API 服务商"), el("th", { style: st.thFirst }, "模型"), el("th", { style: st.th }, "调用"), el("th", { style: st.th }, "高峰/空闲"),
|
|
690
|
-
el("th", { style: st.th }, "输入·未命中"), el("th", { style: st.th }, "缓存命中"), el("th", { style: st.th }, "输出"), el("th", { style: st.th }, "推理"),
|
|
691
|
-
el("th", { style: st.th }, "高峰消耗"), el("th", { style: st.th }, "空闲消耗"), el("th", { style: st.th }, "总消耗")
|
|
836
|
+
el("th", { style: st.thFirst }, t("API 服务商")), el("th", { style: st.thFirst }, t("模型")), el("th", { style: st.th }, t("调用")), el("th", { style: st.th }, t("高峰/空闲")),
|
|
837
|
+
el("th", { style: st.th }, t("输入·未命中")), el("th", { style: st.th }, t("缓存命中")), el("th", { style: st.th }, t("输出")), el("th", { style: st.th }, t("推理")),
|
|
838
|
+
el("th", { style: st.th }, t("高峰消耗")), el("th", { style: st.th }, t("空闲消耗")), el("th", { style: st.th }, t("总消耗"))
|
|
692
839
|
)),
|
|
693
840
|
el("tbody", null, pmRows)
|
|
694
841
|
)
|
|
695
842
|
),
|
|
696
843
|
el("div", { style: st.note, marginTop: 8 },
|
|
697
|
-
"DeepSeek 官方请求按官方峰谷价；SiliconFlow 按自身人民币公开价；DigitalOcean 按美元公开价 × USD/CNY 汇率折算人民币；千问暂不计费；AMD GPU Cloud DeepSeek V4 Flash 免费按 ¥0。模型名与 API 服务商均以请求参数为准。")
|
|
844
|
+
t("DeepSeek 官方请求按官方峰谷价；SiliconFlow 按自身人民币公开价；DigitalOcean 按美元公开价 × USD/CNY 汇率折算人民币；千问暂不计费；AMD GPU Cloud DeepSeek V4 Flash 免费按 ¥0。模型名与 API 服务商均以请求参数为准。"))
|
|
698
845
|
);
|
|
699
846
|
}
|
|
700
847
|
|
|
@@ -744,7 +891,7 @@ window.__ModuleLoader__.load({
|
|
|
744
891
|
}
|
|
745
892
|
monthCost = monthPeak + monthOff;
|
|
746
893
|
|
|
747
|
-
var weeks =
|
|
894
|
+
var weeks = weekdayLabels();
|
|
748
895
|
var cells = [];
|
|
749
896
|
for (var b = 0; b < offset; b++) cells.push(el("div", { key: "b" + b, style: st.calCellBlank }, ""));
|
|
750
897
|
for (var d3 = 1; d3 <= nDays; d3++) {
|
|
@@ -757,9 +904,9 @@ window.__ModuleLoader__.load({
|
|
|
757
904
|
var tip = r3
|
|
758
905
|
? (function () {
|
|
759
906
|
var ds3 = daySplit(r3, regime, splitMap[key3]);
|
|
760
|
-
return dayLabel(key3) + "\n调用 " + r3.calls + " 次（高峰 " + r3.peakCalls + " / 空闲 " + r3.offPeakCalls + "）\n输入·未命中 " + fmtInt(r3.miss) + " · 缓存命中 " + fmtInt(r3.hit) + " · 输出 " + fmtInt(r3.out) + " · 推理 " + fmtInt(r3.reason) + "\n高峰消耗 " + fmtMoney(ds3.peak) + " · 空闲消耗 " + fmtMoney(ds3.off) + " · 合计 " + fmtMoney(ds3.peak + ds3.off) + "（" + costHint(regime) + "）";
|
|
907
|
+
return dayLabel(key3) + t("\n调用 ") + r3.calls + t(" 次（高峰 ") + r3.peakCalls + t(" / 空闲 ") + r3.offPeakCalls + t("）\n输入·未命中 ") + fmtInt(r3.miss) + t(" · 缓存命中 ") + fmtInt(r3.hit) + t(" · 输出 ") + fmtInt(r3.out) + t(" · 推理 ") + fmtInt(r3.reason) + t("\n高峰消耗 ") + fmtMoney(ds3.peak) + t(" · 空闲消耗 ") + fmtMoney(ds3.off) + t(" · 合计 ") + fmtMoney(ds3.peak + ds3.off) + "（" + costHint(regime) + "）";
|
|
761
908
|
})()
|
|
762
|
-
: dayLabel(key3) + "\n无记录";
|
|
909
|
+
: dayLabel(key3) + t("\n无记录");
|
|
763
910
|
var isSel = selectedDay === key3;
|
|
764
911
|
cells.push(el("div", {
|
|
765
912
|
key: key3,
|
|
@@ -802,13 +949,13 @@ window.__ModuleLoader__.load({
|
|
|
802
949
|
|
|
803
950
|
return el("div", null,
|
|
804
951
|
el("div", { style: st.calBar },
|
|
805
|
-
el("button", { style: st.btn, onClick: prevMonth }, "‹ 上月"),
|
|
806
|
-
el("span", { style: { fontSize: fs(14), fontWeight: 600, minWidth: 120, textAlign: "center" } }, y
|
|
807
|
-
el("button", { style: st.btn, onClick: nextMonth }, "下月 ›"),
|
|
808
|
-
el("button", { style: st.btn, onClick: goToday }, "今天"),
|
|
952
|
+
el("button", { style: st.btn, onClick: prevMonth }, t("‹ 上月")),
|
|
953
|
+
el("span", { style: { fontSize: fs(14), fontWeight: 600, minWidth: 120, textAlign: "center" } }, fmtMonthLabel(y, m + 1)),
|
|
954
|
+
el("button", { style: st.btn, onClick: nextMonth }, t("下月 ›")),
|
|
955
|
+
el("button", { style: st.btn, onClick: goToday }, t("今天")),
|
|
809
956
|
el("div", { style: st.seg, marginLeft: 8 },
|
|
810
|
-
el("button", { style: dimMode === "cost" ? st.segBtnOn : st.segBtn, onClick: function () { setDim("cost"); } }, "按消耗"),
|
|
811
|
-
el("button", { style: dimMode === "calls" ? st.segBtnOn : st.segBtn, onClick: function () { setDim("calls"); } }, "按调用数")
|
|
957
|
+
el("button", { style: dimMode === "cost" ? st.segBtnOn : st.segBtn, onClick: function () { setDim("cost"); } }, t("按消耗")),
|
|
958
|
+
el("button", { style: dimMode === "calls" ? st.segBtnOn : st.segBtn, onClick: function () { setDim("calls"); } }, t("按调用数"))
|
|
812
959
|
)
|
|
813
960
|
),
|
|
814
961
|
el("div", { style: st.calGrid },
|
|
@@ -816,27 +963,27 @@ window.__ModuleLoader__.load({
|
|
|
816
963
|
cells
|
|
817
964
|
),
|
|
818
965
|
el("div", { style: st.legend },
|
|
819
|
-
el("span", null, "热力："),
|
|
966
|
+
el("span", null, t("热力：")),
|
|
820
967
|
el("span", { style: st.legendBar }),
|
|
821
|
-
el("span", null, "低 → 高（" + (dimMode === "cost" ? "当日消耗" : "当日调用数") + "）"),
|
|
822
|
-
el("span", null, "· 悬停查看详情，点击某天查看当日调用")
|
|
968
|
+
el("span", null, t("低 → 高（") + (dimMode === "cost" ? t("当日消耗") : t("当日调用数")) + "）"),
|
|
969
|
+
el("span", null, t("· 悬停查看详情，点击某天查看当日调用"))
|
|
823
970
|
),
|
|
824
971
|
el("div", { style: st.cards, marginTop: 12 },
|
|
825
|
-
el(Card, { label: "本月调用", value: fmtInt(monthCalls), hint: "高峰 " + fmtInt(monthPeakCalls) + " · 空闲 " + fmtInt(monthOffCalls) + " · " + y
|
|
826
|
-
el(Card, { label: "输入 · 未命中", value: fmtInt(monthMiss), hint: "token" }),
|
|
827
|
-
el(Card, { label: "输入 · 缓存命中", value: fmtInt(monthHit), hint: "token" }),
|
|
828
|
-
el(Card, { label: "输出", value: fmtInt(monthOut), hint: "token" }),
|
|
829
|
-
el(Card, { label: "高峰消耗", value: fmtMoney(monthPeak), hint: "工作日高峰 9:00–12:00、14:00–18:00 · 周末全天空闲价" }),
|
|
830
|
-
el(Card, { label: "空闲消耗", value: fmtMoney(monthOff), hint: "其余空闲时段" }),
|
|
831
|
-
el(Card, { label: "本月消耗", value: fmtMoney(monthCost), hint: "高峰 + 空闲 · " + costHint(regime) })
|
|
972
|
+
el(Card, { label: t("本月调用"), value: fmtInt(monthCalls), hint: t("高峰 ") + fmtInt(monthPeakCalls) + t(" · 空闲 ") + fmtInt(monthOffCalls) + " · " + fmtMonthLabel(y, m + 1) }),
|
|
973
|
+
el(Card, { label: t("输入 · 未命中"), value: fmtInt(monthMiss), hint: "token" }),
|
|
974
|
+
el(Card, { label: t("输入 · 缓存命中"), value: fmtInt(monthHit), hint: "token" }),
|
|
975
|
+
el(Card, { label: t("输出"), value: fmtInt(monthOut), hint: "token" }),
|
|
976
|
+
el(Card, { label: t("高峰消耗"), value: fmtMoney(monthPeak), hint: t("工作日高峰 9:00–12:00、14:00–18:00 · 周末全天空闲价") }),
|
|
977
|
+
el(Card, { label: t("空闲消耗"), value: fmtMoney(monthOff), hint: t("其余空闲时段") }),
|
|
978
|
+
el(Card, { label: t("本月消耗"), value: fmtMoney(monthCost), hint: t("高峰 + 空闲 · ") + costHint(regime) })
|
|
832
979
|
),
|
|
833
|
-
el("div", { style: st.sec },
|
|
980
|
+
el("div", { style: st.sec }, dailyStatsTitle(y, m + 1)),
|
|
834
981
|
monthRows.length === 0
|
|
835
|
-
? el("div", { style: st.empty }, "本月暂无记录。")
|
|
982
|
+
? el("div", { style: st.empty }, t("本月暂无记录。"))
|
|
836
983
|
: el("div", { style: st.scroll },
|
|
837
984
|
el("table", { className: "dsh-usage-table collapse-mobile", style: st.tbl },
|
|
838
985
|
el("thead", null, el("tr", null,
|
|
839
|
-
el("th", { style: st.thFirst }, "日期"), el("th", { style: st.th }, "调用"), el("th", { style: st.th }, "高峰/空闲"), el("th", { style: st.th }, "输入·未命中"), el("th", { style: st.th }, "缓存命中"), el("th", { style: st.th }, "输出"), el("th", { style: st.th }, "高峰消耗"), el("th", { style: st.th }, "空闲消耗"), el("th", { style: st.th }, "总消耗(自动)")
|
|
986
|
+
el("th", { style: st.thFirst }, t("日期")), el("th", { style: st.th }, t("调用")), el("th", { style: st.th }, t("高峰/空闲")), el("th", { style: st.th }, t("输入·未命中")), el("th", { style: st.th }, t("缓存命中")), el("th", { style: st.th }, t("输出")), el("th", { style: st.th }, t("高峰消耗")), el("th", { style: st.th }, t("空闲消耗")), el("th", { style: st.th }, t("总消耗(自动)"))
|
|
840
987
|
)),
|
|
841
988
|
el("tbody", null, monthRows.map(function (drow) {
|
|
842
989
|
var sel = selectedDay === drow.day;
|
|
@@ -857,17 +1004,17 @@ window.__ModuleLoader__.load({
|
|
|
857
1004
|
),
|
|
858
1005
|
selectedDay
|
|
859
1006
|
? el("div", null,
|
|
860
|
-
el("div", { style: st.selDayTitle }, dayLabel(selectedDay) + " 调用明细"),
|
|
1007
|
+
el("div", { style: st.selDayTitle }, dayLabel(selectedDay) + t(" 调用明细")),
|
|
861
1008
|
el("div", { style: st.note, marginTop: 6 },
|
|
862
|
-
"高峰 " + selPeakCalls + " 条 · " + fmtMoney(selPeakCost) +
|
|
863
|
-
" ｜ 空闲 " + selOffCalls + " 条 · " + fmtMoney(selOffCost) +
|
|
864
|
-
" ｜ 合计 " + fmtMoney(selPeakCost + selOffCost) + "（" + costHint(regime) + "）"),
|
|
1009
|
+
t("高峰 ") + selPeakCalls + t(" 条 · ") + fmtMoney(selPeakCost) +
|
|
1010
|
+
t(" ｜ 空闲 ") + selOffCalls + t(" 条 · ") + fmtMoney(selOffCost) +
|
|
1011
|
+
t(" ｜ 合计 ") + fmtMoney(selPeakCost + selOffCost) + "（" + costHint(regime) + "）"),
|
|
865
1012
|
selRecords.length === 0
|
|
866
|
-
? el("div", { style: st.empty }, "该日无记录。")
|
|
1013
|
+
? el("div", { style: st.empty }, t("该日无记录。"))
|
|
867
1014
|
: el("div", { style: st.scroll },
|
|
868
1015
|
el("table", { className: "dsh-usage-table collapse-mobile", style: st.tbl },
|
|
869
1016
|
el("thead", null, el("tr", null,
|
|
870
|
-
el("th", { style: st.thFirst }, "时间(北京)"), el("th", { style: st.thFirst }, "模型"), el("th", { style: st.th }, "输入·未命中"), el("th", { style: st.th }, "缓存命中"), el("th", { style: st.th }, "输出"), el("th", { style: st.th }, "推理"), el("th", { style: st.th }, "时段"), el("th", { style: st.th }, "结束"), el("th", { style: st.th }, "消耗")
|
|
1017
|
+
el("th", { style: st.thFirst }, t("时间(北京)")), el("th", { style: st.thFirst }, t("模型")), el("th", { style: st.th }, t("输入·未命中")), el("th", { style: st.th }, t("缓存命中")), el("th", { style: st.th }, t("输出")), el("th", { style: st.th }, t("推理")), el("th", { style: st.th }, t("时段")), el("th", { style: st.th }, t("结束")), el("th", { style: st.th }, t("消耗"))
|
|
871
1018
|
)),
|
|
872
1019
|
el("tbody", null, selRecords.map(function (rr) {
|
|
873
1020
|
var hit2 = rr.cacheReadTokens || 0, miss2 = rr.inputTokens || 0;
|
|
@@ -882,7 +1029,7 @@ window.__ModuleLoader__.load({
|
|
|
882
1029
|
el("td", { style: st.td }, el("span", { style: st.badgeHit }, fmtInt(hit2))),
|
|
883
1030
|
el("td", { style: st.td }, fmtInt(rr.outputTokens || 0)),
|
|
884
1031
|
el("td", { style: st.td }, rr.reasoningTokens ? fmtInt(rr.reasoningTokens) : "—"),
|
|
885
|
-
el("td", { style: st.td }, rr.peak ? el("span", { style: st.badgePeak }, "峰") : el("span", { style: st.badgeValley }, "谷")),
|
|
1032
|
+
el("td", { style: st.td }, rr.peak ? el("span", { style: st.badgePeak }, t("峰")) : el("span", { style: st.badgeValley }, t("谷"))),
|
|
886
1033
|
el("td", { style: st.td }, finishLabel(rr.finishReason)),
|
|
887
1034
|
el("td", { style: st.td }, el("span", { style: rr.peak ? st.costPeak : st.costOff }, fmtMoney(cost2)))
|
|
888
1035
|
);
|
|
@@ -947,35 +1094,39 @@ window.__ModuleLoader__.load({
|
|
|
947
1094
|
function pageBtn(kind, label, disabled, onClick) {
|
|
948
1095
|
return el("button", { style: disabled ? st.btnDisabled : st.btn, onClick: onClick }, label);
|
|
949
1096
|
}
|
|
1097
|
+
// 分页切换条：顶部与底部各渲染一份，便于长列表翻页。
|
|
1098
|
+
function pagerBar() {
|
|
1099
|
+
return el("div", { style: st.calBar },
|
|
1100
|
+
pageBtn("prev", t("‹ 上一页"), curPage <= 1, function () { setPage(curPage - 1); }),
|
|
1101
|
+
el("span", { style: st.note }, t("第 ") + curPage + " / " + totalPages + t(" 页 · 每页 ") + PAGE_SIZE + t(" 条 · 共 ") + fmtInt(filtered.length) + t(" 条")),
|
|
1102
|
+
pageBtn("next", t("下一页 ›"), curPage >= totalPages, function () { setPage(curPage + 1); })
|
|
1103
|
+
);
|
|
1104
|
+
}
|
|
950
1105
|
var sums = splitTotals(filtered, regime);
|
|
951
1106
|
|
|
952
1107
|
return el("div", null,
|
|
953
1108
|
el("div", { style: st.calBar },
|
|
954
1109
|
el("div", { style: st.seg },
|
|
955
|
-
presetBtn("today", "今天"), presetBtn("7d", "近7天"), presetBtn("30d", "近30天"), presetBtn("all", "全部")
|
|
1110
|
+
presetBtn("today", t("今天")), presetBtn("7d", t("近7天")), presetBtn("30d", t("近30天")), presetBtn("all", t("全部"))
|
|
956
1111
|
),
|
|
957
|
-
el("span", { style: st.note }, "自定义区间："),
|
|
1112
|
+
el("span", { style: st.note }, t("自定义区间：")),
|
|
958
1113
|
el("input", { type: "date", style: st.dateInput, value: fromDate, onChange: function (e) { setCustomFrom(e.target.value); } }),
|
|
959
|
-
el("span", { style: st.note }, "至"),
|
|
1114
|
+
el("span", { style: st.note }, t("至")),
|
|
960
1115
|
el("input", { type: "date", style: st.dateInput, value: toDate, onChange: function (e) { setCustomTo(e.target.value); } }),
|
|
961
|
-
(fromDate || toDate) ? el("button", { style: st.btn, onClick: function () { setFromDate(""); setToDate(""); setPreset("all"); setPage(1); } }, "清除区间") : null
|
|
1116
|
+
(fromDate || toDate) ? el("button", { style: st.btn, onClick: function () { setFromDate(""); setToDate(""); setPreset("all"); setPage(1); } }, t("清除区间")) : null
|
|
962
1117
|
),
|
|
963
1118
|
el("div", { style: st.note, marginTop: 8 },
|
|
964
|
-
"当前范围：共 " + fmtInt(filtered.length) + " 条 · 输入·未命中 " + fmtInt(sumMiss) + " · 缓存命中 " + fmtInt(sumHit) + " · 缓存写入 " + fmtInt(sumWrite) + " · 输出 " + fmtInt(sumOut) +
|
|
965
|
-
" · 高峰消耗 " + fmtMoney(sums.peak) + " · 空闲消耗 " + fmtMoney(sums.off) + " · 总消耗 " + fmtMoney(sumCost) + "（" + costHint(regime) + "）"
|
|
1119
|
+
t("当前范围：共 ") + fmtInt(filtered.length) + t(" 条 · 输入·未命中 ") + fmtInt(sumMiss) + t(" · 缓存命中 ") + fmtInt(sumHit) + t(" · 缓存写入 ") + fmtInt(sumWrite) + t(" · 输出 ") + fmtInt(sumOut) +
|
|
1120
|
+
t(" · 高峰消耗 ") + fmtMoney(sums.peak) + t(" · 空闲消耗 ") + fmtMoney(sums.off) + t(" · 总消耗 ") + fmtMoney(sumCost) + "（" + costHint(regime) + "）"
|
|
966
1121
|
),
|
|
967
1122
|
filtered.length === 0
|
|
968
|
-
? el("div", { style: st.empty }, "该时间范围内没有记录。")
|
|
1123
|
+
? el("div", { style: st.empty }, t("该时间范围内没有记录。"))
|
|
969
1124
|
: el("div", null,
|
|
970
|
-
|
|
971
|
-
pageBtn("prev", "‹ 上一页", curPage <= 1, function () { setPage(curPage - 1); }),
|
|
972
|
-
el("span", { style: st.note }, "第 " + curPage + " / " + totalPages + " 页 · 每页 " + PAGE_SIZE + " 条 · 共 " + fmtInt(filtered.length) + " 条"),
|
|
973
|
-
pageBtn("next", "下一页 ›", curPage >= totalPages, function () { setPage(curPage + 1); })
|
|
974
|
-
),
|
|
1125
|
+
pagerBar(),
|
|
975
1126
|
el("div", { style: st.scroll },
|
|
976
1127
|
el("table", { className: "dsh-usage-table collapse-mobile", style: st.tbl },
|
|
977
1128
|
el("thead", null, el("tr", null,
|
|
978
|
-
el("th", { style: st.thFirst }, "时间(北京)"), el("th", { style: st.thFirst }, "模型"), el("th", { style: st.th }, "输入·未命中"), el("th", { style: st.th }, "缓存命中"), el("th", { style: st.th }, "缓存写入"), el("th", { style: st.th }, "输出"), el("th", { style: st.th }, "推理"), el("th", { style: st.th }, "命中率"), el("th", { style: st.th }, "时段"), el("th", { style: st.th }, "结束"), el("th", { style: st.th }, "消耗")
|
|
1129
|
+
el("th", { style: st.thFirst }, t("时间(北京)")), el("th", { style: st.thFirst }, t("模型")), el("th", { style: st.th }, t("输入·未命中")), el("th", { style: st.th }, t("缓存命中")), el("th", { style: st.th }, t("缓存写入")), el("th", { style: st.th }, t("输出")), el("th", { style: st.th }, t("推理")), el("th", { style: st.th }, t("命中率")), el("th", { style: st.th }, t("时段")), el("th", { style: st.th }, t("结束")), el("th", { style: st.th }, t("消耗"))
|
|
979
1130
|
)),
|
|
980
1131
|
el("tbody", null,
|
|
981
1132
|
pageRows.map(function (rr3, idx) {
|
|
@@ -993,14 +1144,14 @@ window.__ModuleLoader__.load({
|
|
|
993
1144
|
el("td", { style: st.td }, fmtInt(rr3.outputTokens || 0)),
|
|
994
1145
|
el("td", { style: st.td }, rr3.reasoningTokens ? fmtInt(rr3.reasoningTokens) : "—"),
|
|
995
1146
|
el("td", { style: st.td }, pct(hit3, hit3 + miss3)),
|
|
996
|
-
el("td", { style: st.td }, rr3.peak ? el("span", { style: st.badgePeak }, "峰") : el("span", { style: st.badgeValley }, "谷")),
|
|
1147
|
+
el("td", { style: st.td }, rr3.peak ? el("span", { style: st.badgePeak }, t("峰")) : el("span", { style: st.badgeValley }, t("谷"))),
|
|
997
1148
|
el("td", { style: st.td }, finishLabel(rr3.finishReason)),
|
|
998
1149
|
el("td", { style: st.td }, el("span", { style: rr3.peak ? st.costPeak : st.costOff }, fmtMoney(cost3)))
|
|
999
1150
|
);
|
|
1000
1151
|
}),
|
|
1001
1152
|
el("tr", null,
|
|
1002
|
-
el("td", { style: st.tdTotalFirst }, "总费用合计"),
|
|
1003
|
-
el("td", { style: st.tdTotal }, fmtInt(filtered.length) + " 条"),
|
|
1153
|
+
el("td", { style: st.tdTotalFirst }, t("总费用合计")),
|
|
1154
|
+
el("td", { style: st.tdTotal }, fmtInt(filtered.length) + t(" 条")),
|
|
1004
1155
|
el("td", { style: st.tdTotal }, fmtInt(sumMiss)),
|
|
1005
1156
|
el("td", { style: st.tdTotal }, fmtInt(sumHit)),
|
|
1006
1157
|
el("td", { style: st.tdTotal }, fmtInt(sumWrite)),
|
|
@@ -1013,7 +1164,8 @@ window.__ModuleLoader__.load({
|
|
|
1013
1164
|
)
|
|
1014
1165
|
)
|
|
1015
1166
|
)
|
|
1016
|
-
)
|
|
1167
|
+
),
|
|
1168
|
+
pagerBar()
|
|
1017
1169
|
)
|
|
1018
1170
|
);
|
|
1019
1171
|
}
|
|
@@ -1028,9 +1180,9 @@ window.__ModuleLoader__.load({
|
|
|
1028
1180
|
var regimeState = React.useState("auto");
|
|
1029
1181
|
var regime = regimeState[0], setRegime = regimeState[1];
|
|
1030
1182
|
var effectiveIn = function () {
|
|
1031
|
-
if (!effectiveAt) return "新价格表生效时间未知";
|
|
1183
|
+
if (!effectiveAt) return t("新价格表生效时间未知");
|
|
1032
1184
|
var now = Date.now();
|
|
1033
|
-
return now < effectiveAt ? "新价格表（峰谷价）将于 " + fmtTime(effectiveAt) + "（北京时间）生效，当前按旧价格表（基础价）计费" : "新价格表（峰谷价）已生效（自 " + fmtTime(effectiveAt) + " 起）";
|
|
1185
|
+
return now < effectiveAt ? t("新价格表（峰谷价）将于 ") + fmtTime(effectiveAt) + t("（北京时间）生效，当前按旧价格表（基础价）计费") : t("新价格表（峰谷价）已生效（自 ") + fmtTime(effectiveAt) + t(" 起）");
|
|
1034
1186
|
};
|
|
1035
1187
|
var showRegime = function (r) {
|
|
1036
1188
|
if (r === "auto") return Date.now() < effectiveAt ? "base" : "peakValley";
|
|
@@ -1067,42 +1219,42 @@ window.__ModuleLoader__.load({
|
|
|
1067
1219
|
|
|
1068
1220
|
return el("div", null,
|
|
1069
1221
|
el("div", { style: st.nowPeriod },
|
|
1070
|
-
el("span", { style: periodNow().peak ? st.badgePeak : st.badgeValley }, "当前 · " + periodNow().label),
|
|
1071
|
-
el("span", { style: st.sub }, periodNow().desc)
|
|
1222
|
+
el("span", { style: periodNow().peak ? st.badgePeak : st.badgeValley }, t("当前 · ") + t(periodNow().label)),
|
|
1223
|
+
el("span", { style: st.sub }, t(periodNow().desc))
|
|
1072
1224
|
),
|
|
1073
|
-
el("div", { style: st.sec }, "今日 $ / ¥ 汇率"),
|
|
1225
|
+
el("div", { style: st.sec }, t("今日 $ / ¥ 汇率")),
|
|
1074
1226
|
el("div", { style: st.cards, marginTop: 8 },
|
|
1075
|
-
el(Card, { label: "$ → ¥", value: fx.rate ? ("$1 = ¥" + Number(fx.rate).toFixed(4)) : "暂不可用", hint: fx.date ? ("汇率日期 " + fx.date) : "等待获取" }),
|
|
1076
|
-
el(Card, { label: "¥ → $", value: fx.inverse ? ("¥1 = $" + Number(fx.inverse).toFixed(6)) : "暂不可用", hint: fx.source || "Frankfurter" }),
|
|
1077
|
-
el(Card, { label: "汇率状态", value: fx.stale ? "缓存汇率" : (fx.rate ? "最新可用" : "获取失败"), hint: fx.error || "Frankfurter · central-bank reference rates" })
|
|
1227
|
+
el(Card, { label: "$ → ¥", value: fx.rate ? ("$1 = ¥" + Number(fx.rate).toFixed(4)) : t("暂不可用"), hint: fx.date ? (t("汇率日期 ") + fx.date) : t("等待获取") }),
|
|
1228
|
+
el(Card, { label: "¥ → $", value: fx.inverse ? ("¥1 = $" + Number(fx.inverse).toFixed(6)) : t("暂不可用"), hint: fx.source || "Frankfurter" }),
|
|
1229
|
+
el(Card, { label: t("汇率状态"), value: fx.stale ? t("缓存汇率") : (fx.rate ? t("最新可用") : t("获取失败")), hint: fx.error || "Frankfurter · central-bank reference rates" })
|
|
1078
1230
|
),
|
|
1079
1231
|
el("div", { style: st.actions, marginTop: 8 },
|
|
1080
|
-
el("button", { style: st.btn, onClick: props.onFxRefresh }, "刷新汇率"),
|
|
1081
|
-
el("span", { style: st.note }, "美元计价的 DigitalOcean 消耗按该 USD/CNY 汇率换算成人民币；人民币定价不受汇率影响。")
|
|
1232
|
+
el("button", { style: st.btn, onClick: props.onFxRefresh }, t("刷新汇率")),
|
|
1233
|
+
el("span", { style: st.note }, t("美元计价的 DigitalOcean 消耗按该 USD/CNY 汇率换算成人民币；人民币定价不受汇率影响。"))
|
|
1082
1234
|
),
|
|
1083
|
-
el("div", { style: st.sec, marginTop: 18 }, "DeepSeek 官方 API 价格表"),
|
|
1235
|
+
el("div", { style: st.sec, marginTop: 18 }, t("DeepSeek 官方 API 价格表")),
|
|
1084
1236
|
el("div", { style: st.note, marginTop: 6 },
|
|
1085
|
-
"本表仅用于 DeepSeek 官方 Provider；第三方 Provider 按下方已核验的自身价格计费，无法可靠匹配价格的模型按 0 统计。价格按官方公布固定，不可编辑。"),
|
|
1237
|
+
t("本表仅用于 DeepSeek 官方 Provider；第三方 Provider 按下方已核验的自身价格计费，无法可靠匹配价格的模型按 0 统计。价格按官方公布固定，不可编辑。")),
|
|
1086
1238
|
el("div", { style: st.calBar },
|
|
1087
1239
|
el("div", { style: st.seg },
|
|
1088
|
-
el("button", { style: regime === "auto" ? st.segBtnOn : st.segBtn, onClick: function () { setRegime("auto"); } }, "自动"),
|
|
1089
|
-
el("button", { style: regime === "peakValley" ? st.segBtnOn : st.segBtn, onClick: function () { setRegime("peakValley"); } }, "峰谷价"),
|
|
1090
|
-
el("button", { style: regime === "base" ? st.segBtnOn : st.segBtn, onClick: function () { setRegime("base"); } }, "基础价")
|
|
1240
|
+
el("button", { style: regime === "auto" ? st.segBtnOn : st.segBtn, onClick: function () { setRegime("auto"); } }, t("自动")),
|
|
1241
|
+
el("button", { style: regime === "peakValley" ? st.segBtnOn : st.segBtn, onClick: function () { setRegime("peakValley"); } }, t("峰谷价")),
|
|
1242
|
+
el("button", { style: regime === "base" ? st.segBtnOn : st.segBtn, onClick: function () { setRegime("base"); } }, t("基础价"))
|
|
1091
1243
|
)
|
|
1092
1244
|
),
|
|
1093
1245
|
el("div", { style: st.note, marginTop: 6 }, effectiveIn()),
|
|
1094
1246
|
regime === "auto"
|
|
1095
1247
|
? el("div", { style: st.note, marginTop: 6 },
|
|
1096
|
-
"自动模式：按调用时间自动选择计费档位——新价格表生效前的调用按基础价（旧价格表），生效后的调用按峰谷价（工作日高峰时段 9:00–12:00、14:00–18:00 用高峰价，其余时间——含周末全天——用空闲价）。当前显示：",
|
|
1097
|
-
el("strong", null, showRegime(regime) === "base" ? "基础价表（旧价格表，新价格生效前）" : "峰谷价表（新价格表）"),
|
|
1098
|
-
"。价格按官方公布固定，不可编辑。"
|
|
1248
|
+
t("自动模式：按调用时间自动选择计费档位——新价格表生效前的调用按基础价（旧价格表），生效后的调用按峰谷价（工作日高峰时段 9:00–12:00、14:00–18:00 用高峰价，其余时间——含周末全天——用空闲价）。当前显示："),
|
|
1249
|
+
el("strong", null, showRegime(regime) === "base" ? t("基础价表（旧价格表，新价格生效前）") : t("峰谷价表（新价格表）")),
|
|
1250
|
+
t("。价格按官方公布固定，不可编辑。")
|
|
1099
1251
|
)
|
|
1100
1252
|
: null,
|
|
1101
1253
|
showRegime(regime) === "base"
|
|
1102
1254
|
? el("div", { style: st.scroll },
|
|
1103
1255
|
el("table", { className: "dsh-usage-table", style: st.tbl },
|
|
1104
1256
|
el("thead", null, el("tr", null,
|
|
1105
|
-
el("th", { style: st.thFirst }, "模型"), el("th", { style: st.th }, "缓存命中（输入）"), el("th", { style: st.th }, "输入 · 未命中"), el("th", { style: st.th }, "输出")
|
|
1257
|
+
el("th", { style: st.thFirst }, t("模型")), el("th", { style: st.th }, t("缓存命中（输入）")), el("th", { style: st.th }, t("输入 · 未命中")), el("th", { style: st.th }, t("输出"))
|
|
1106
1258
|
)),
|
|
1107
1259
|
el("tbody", null, rows)
|
|
1108
1260
|
)
|
|
@@ -1110,34 +1262,34 @@ window.__ModuleLoader__.load({
|
|
|
1110
1262
|
: el("div", { style: st.scroll },
|
|
1111
1263
|
el("table", { className: "dsh-usage-table", style: st.tbl },
|
|
1112
1264
|
el("thead", null, el("tr", null,
|
|
1113
|
-
el("th", { style: st.thFirst }, "模型"),
|
|
1114
|
-
el("th", { style: st.th }, "空闲 · 缓存命中"), el("th", { style: st.th }, "空闲 · 输入"), el("th", { style: st.th }, "空闲 · 输出"),
|
|
1115
|
-
el("th", { style: st.th }, "高峰 · 缓存命中"), el("th", { style: st.th }, "高峰 · 输入"), el("th", { style: st.th }, "高峰 · 输出")
|
|
1265
|
+
el("th", { style: st.thFirst }, t("模型")),
|
|
1266
|
+
el("th", { style: st.th }, t("空闲 · 缓存命中")), el("th", { style: st.th }, t("空闲 · 输入")), el("th", { style: st.th }, t("空闲 · 输出")),
|
|
1267
|
+
el("th", { style: st.th }, t("高峰 · 缓存命中")), el("th", { style: st.th }, t("高峰 · 输入")), el("th", { style: st.th }, t("高峰 · 输出"))
|
|
1116
1268
|
)),
|
|
1117
1269
|
el("tbody", null, rows)
|
|
1118
1270
|
)
|
|
1119
1271
|
),
|
|
1120
1272
|
el("div", { style: st.note, marginTop: 8 },
|
|
1121
|
-
"单位：元 / 百万 tokens。工作日高峰时段（北京时间 9:00–12:00、14:00–18:00）用高峰价，其余时间用空闲价（空闲价 = 高峰价的一半）；自 2026-08-23 起周末（周六、周日）全天按空闲价计费，新规则生效前仍按原规则。概览、用量日历、缓存命中列表中的消耗均已按高峰 / 空闲分列统计。"
|
|
1273
|
+
t("单位：元 / 百万 tokens。工作日高峰时段（北京时间 9:00–12:00、14:00–18:00）用高峰价，其余时间用空闲价（空闲价 = 高峰价的一半）；自 2026-08-23 起周末（周六、周日）全天按空闲价计费，新规则生效前仍按原规则。概览、用量日历、缓存命中列表中的消耗均已按高峰 / 空闲分列统计。")
|
|
1122
1274
|
),
|
|
1123
|
-
el("div", { style: st.sec, marginTop: 18 }, "第三方平台价格与覆盖状态（2026-08-19 核验）"),
|
|
1124
|
-
el("div", { style: st.note, marginTop: 6 }, "只把能与记录中的 provider/model 可靠匹配的价格用于自动计费；美元价格先按 USD 计算，再乘 USD/CNY 汇率统一折算成人民币。"),
|
|
1275
|
+
el("div", { style: st.sec, marginTop: 18 }, t("第三方平台价格与覆盖状态（2026-08-19 核验）")),
|
|
1276
|
+
el("div", { style: st.note, marginTop: 6 }, t("只把能与记录中的 provider/model 可靠匹配的价格用于自动计费；美元价格先按 USD 计算，再乘 USD/CNY 汇率统一折算成人民币。")),
|
|
1125
1277
|
el("div", { style: st.scroll, marginTop: 8 },
|
|
1126
1278
|
el("table", { className: "dsh-usage-table", style: st.tbl },
|
|
1127
1279
|
el("thead", null, el("tr", null,
|
|
1128
|
-
el("th", { style: st.thFirst }, "API 服务商"), el("th", { style: st.thFirst }, "模型 / 状态"),
|
|
1129
|
-
el("th", { style: st.th }, "缓存命中"), el("th", { style: st.th }, "输入"), el("th", { style: st.th }, "输出"), el("th", { style: st.thFirst }, "说明")
|
|
1280
|
+
el("th", { style: st.thFirst }, t("API 服务商")), el("th", { style: st.thFirst }, t("模型 / 状态")),
|
|
1281
|
+
el("th", { style: st.th }, t("缓存命中")), el("th", { style: st.th }, t("输入")), el("th", { style: st.th }, t("输出")), el("th", { style: st.thFirst }, t("说明"))
|
|
1130
1282
|
)),
|
|
1131
1283
|
el("tbody", null, [
|
|
1132
|
-
["SiliconFlow", "DeepSeek-V4-Flash", "¥0.02", "¥1.00", "¥2.00", "已用于自动计费"],
|
|
1133
|
-
["SiliconFlow", "DeepSeek-V4-Pro", "¥1.00", "¥12.00", "¥24.00", "缓存命中价按 2026-08-03 起生效公告"],
|
|
1134
|
-
["SiliconFlow", "DeepSeek-V3.2", "¥0.40", "¥4.00", "¥6.00", "已用于自动计费"],
|
|
1135
|
-
["SiliconFlow", "Qwen3.6-27B", "按输入价", "¥3.00", "¥18.00", "公告未单列缓存命中价"],
|
|
1136
|
-
["DigitalOcean", "DeepSeek V4 Flash", "$0.028", "$0.112", "$0.224", "自动按 USD/CNY 汇率换算人民币并计费"],
|
|
1137
|
-
["DigitalOcean", "DeepSeek V4 Pro", "$0.348", "$1.392", "$2.784", "自动按 USD/CNY 汇率换算人民币并计费"],
|
|
1138
|
-
["DigitalOcean", "DeepSeek V3.2", "$0.15", "$0.425", "$1.36", "自动按 USD/CNY 汇率换算人民币并计费"],
|
|
1139
|
-
["Alibaba / 千问", "暂不计费", "—", "—", "—", "调用与 token 正常统计；费用暂按 ¥0"],
|
|
1140
|
-
["AMD GPU Cloud", "DeepSeek V4 Flash", "¥0", "¥0", "¥0", "免费；费用固定按 ¥0"]
|
|
1284
|
+
["SiliconFlow", "DeepSeek-V4-Flash", "¥0.02", "¥1.00", "¥2.00", t("已用于自动计费")],
|
|
1285
|
+
["SiliconFlow", "DeepSeek-V4-Pro", "¥1.00", "¥12.00", "¥24.00", t("缓存命中价按 2026-08-03 起生效公告")],
|
|
1286
|
+
["SiliconFlow", "DeepSeek-V3.2", "¥0.40", "¥4.00", "¥6.00", t("已用于自动计费")],
|
|
1287
|
+
["SiliconFlow", "Qwen3.6-27B", t("按输入价"), "¥3.00", "¥18.00", t("公告未单列缓存命中价")],
|
|
1288
|
+
["DigitalOcean", "DeepSeek V4 Flash", "$0.028", "$0.112", "$0.224", t("自动按 USD/CNY 汇率换算人民币并计费")],
|
|
1289
|
+
["DigitalOcean", "DeepSeek V4 Pro", "$0.348", "$1.392", "$2.784", t("自动按 USD/CNY 汇率换算人民币并计费")],
|
|
1290
|
+
["DigitalOcean", "DeepSeek V3.2", "$0.15", "$0.425", "$1.36", t("自动按 USD/CNY 汇率换算人民币并计费")],
|
|
1291
|
+
[t("Alibaba / 千问"), t("暂不计费"), "—", "—", "—", t("调用与 token 正常统计；费用暂按 ¥0")],
|
|
1292
|
+
["AMD GPU Cloud", "DeepSeek V4 Flash", "¥0", "¥0", "¥0", t("免费；费用固定按 ¥0")]
|
|
1141
1293
|
].map(function (row, idx) {
|
|
1142
1294
|
return el("tr", { key: "provider-price-" + idx },
|
|
1143
1295
|
el("td", { style: st.tdFirst }, row[0]), el("td", { style: st.tdWrap }, row[1]),
|
|
@@ -1146,18 +1298,19 @@ window.__ModuleLoader__.load({
|
|
|
1146
1298
|
}))
|
|
1147
1299
|
)
|
|
1148
1300
|
),
|
|
1149
|
-
el("div", { style: st.note, marginTop: 8 }, "DigitalOcean 使用美元官方价并按最新可用 USD/CNY 汇率折算人民币；千问暂不计费；AMD GPU Cloud 的 DeepSeek V4 Flash 免费按 ¥0。")
|
|
1301
|
+
el("div", { style: st.note, marginTop: 8 }, t("DigitalOcean 使用美元官方价并按最新可用 USD/CNY 汇率折算人民币；千问暂不计费；AMD GPU Cloud 的 DeepSeek V4 Flash 免费按 ¥0。"))
|
|
1150
1302
|
);
|
|
1151
1303
|
}
|
|
1152
1304
|
// ── Usage panel ──
|
|
1153
1305
|
var SUBTABS = [
|
|
1154
|
-
{ k: "overview",
|
|
1155
|
-
{ k: "calendar",
|
|
1156
|
-
{ k: "cache",
|
|
1157
|
-
{ k: "prices",
|
|
1306
|
+
{ k: "overview", z: "概览" },
|
|
1307
|
+
{ k: "calendar", z: "用量日历" },
|
|
1308
|
+
{ k: "cache", z: "缓存命中列表" },
|
|
1309
|
+
{ k: "prices", z: "价格表" }
|
|
1158
1310
|
];
|
|
1159
1311
|
|
|
1160
1312
|
function UsagePanel(props) {
|
|
1313
|
+
var lang = useLang();
|
|
1161
1314
|
var state = React.useState({ records: [], count: 0, dataPath: "", persistOk: false, persistError: "", pricing: null, days: [] });
|
|
1162
1315
|
var data = state[0], setData = state[1];
|
|
1163
1316
|
var tabState = React.useState("overview");
|
|
@@ -1193,43 +1346,43 @@ window.__ModuleLoader__.load({
|
|
|
1193
1346
|
|
|
1194
1347
|
function showExport(res) {
|
|
1195
1348
|
if (res && res.ok) {
|
|
1196
|
-
setExportMsg("已导出："
|
|
1349
|
+
setExportMsg({ k: "已导出：", tail: res.path });
|
|
1197
1350
|
if (res.dir) api({ action: "reveal", dir: res.dir }).catch(function () {});
|
|
1198
1351
|
} else {
|
|
1199
|
-
setExportMsg("导出失败："
|
|
1352
|
+
setExportMsg({ k: "导出失败：", tail: (res && res.error) || t("未知错误") });
|
|
1200
1353
|
}
|
|
1201
1354
|
}
|
|
1202
1355
|
|
|
1203
1356
|
function doExport(kind) {
|
|
1204
|
-
setExportMsg("导出中…");
|
|
1205
|
-
api({ action: "export", kind: kind, dir: destDir || undefined }).then(showExport).catch(function (e) { setExportMsg("导出失败："
|
|
1357
|
+
setExportMsg({ k: "导出中…" });
|
|
1358
|
+
api({ action: "export", kind: kind, dir: destDir || undefined }).then(showExport).catch(function (e) { setExportMsg({ k: "导出失败：", tail: String((e && e.message) || e) }); });
|
|
1206
1359
|
}
|
|
1207
1360
|
|
|
1208
1361
|
function doExportImage() {
|
|
1209
|
-
setExportMsg("生成图片中…");
|
|
1210
|
-
if (!canvasNode) { setExportMsg("画布不可用"); return; }
|
|
1362
|
+
setExportMsg({ k: "生成图片中…" });
|
|
1363
|
+
if (!canvasNode) { setExportMsg({ k: "画布不可用" }); return; }
|
|
1211
1364
|
try {
|
|
1212
1365
|
drawReport(canvasNode, (data.records || []).slice());
|
|
1213
1366
|
var dataUrl = canvasNode.toDataURL("image/png");
|
|
1214
|
-
api({ action: "exportPng", dataUrl: dataUrl, dir: destDir || undefined }).then(showExport).catch(function (e) { setExportMsg("导出失败："
|
|
1367
|
+
api({ action: "exportPng", dataUrl: dataUrl, dir: destDir || undefined }).then(showExport).catch(function (e) { setExportMsg({ k: "导出失败：", tail: String((e && e.message) || e) }); });
|
|
1215
1368
|
} catch (e) {
|
|
1216
|
-
setExportMsg("生成图片失败："
|
|
1369
|
+
setExportMsg({ k: "生成图片失败：", tail: String((e && e.message) || e) });
|
|
1217
1370
|
}
|
|
1218
1371
|
}
|
|
1219
1372
|
|
|
1220
1373
|
function pickDestDir() {
|
|
1221
|
-
setExportMsg("打开目录选择…");
|
|
1374
|
+
setExportMsg({ k: "打开目录选择…" });
|
|
1222
1375
|
api({ action: "pickDir" }).then(function (res) {
|
|
1223
|
-
if (res && res.ok) { setDestDir(res.path); setExportMsg("导出目标："
|
|
1376
|
+
if (res && res.ok) { setDestDir(res.path); setExportMsg({ k: "导出目标：", tail: res.path }); }
|
|
1224
1377
|
else if (res && res.cancelled) { setExportMsg(""); }
|
|
1225
|
-
else { setExportMsg("选择目录失败："
|
|
1226
|
-
}).catch(function (e) { setExportMsg("选择目录失败："
|
|
1378
|
+
else { setExportMsg({ k: "选择目录失败：", tail: (res && res.error) || "" }); }
|
|
1379
|
+
}).catch(function (e) { setExportMsg({ k: "选择目录失败：", tail: String((e && e.message) || e) }); });
|
|
1227
1380
|
}
|
|
1228
1381
|
|
|
1229
1382
|
function doReveal() {
|
|
1230
1383
|
api({ action: "reveal", dir: destDir || "data" }).then(function (res) {
|
|
1231
|
-
if (!res || !res.ok) setExportMsg("打开文件夹失败："
|
|
1232
|
-
}).catch(function (e) { setExportMsg("打开文件夹失败："
|
|
1384
|
+
if (!res || !res.ok) setExportMsg({ k: "打开文件夹失败：", tail: (res && res.error) || "" });
|
|
1385
|
+
}).catch(function (e) { setExportMsg({ k: "打开文件夹失败：", tail: String((e && e.message) || e) }); });
|
|
1233
1386
|
}
|
|
1234
1387
|
|
|
1235
1388
|
function doClear() {
|
|
@@ -1241,7 +1394,7 @@ window.__ModuleLoader__.load({
|
|
|
1241
1394
|
function onFileChange(e) {
|
|
1242
1395
|
var f = e.target.files && e.target.files[0];
|
|
1243
1396
|
if (!f) return;
|
|
1244
|
-
setImportMsg("读取文件…");
|
|
1397
|
+
setImportMsg({ k: "读取文件…" });
|
|
1245
1398
|
var readPromise = typeof f.text === "function"
|
|
1246
1399
|
? f.text()
|
|
1247
1400
|
: new Promise(function (resolve, reject) { var r = new FileReader(); r.onload = function () { resolve(r.result); }; r.onerror = reject; r.readAsText(f); });
|
|
@@ -1249,13 +1402,13 @@ window.__ModuleLoader__.load({
|
|
|
1249
1402
|
try { e.target.value = ""; } catch (err) {}
|
|
1250
1403
|
api({ action: "import", content: String(content), filename: f.name }).then(function (res) {
|
|
1251
1404
|
if (res && res.ok) {
|
|
1252
|
-
setImportMsg("导入成功：新增 "
|
|
1405
|
+
setImportMsg({ seq: [{ k: "导入成功：新增 " }, res.imported, { k: " 条，跳过重复 " }, res.skipped, { k: " 条，忽略无效 " }, res.invalid, { k: " 条，现有共 " }, res.total, { k: " 条" }] });
|
|
1253
1406
|
refresh();
|
|
1254
1407
|
} else {
|
|
1255
|
-
setImportMsg("导入失败："
|
|
1408
|
+
setImportMsg({ k: "导入失败：", tail: (res && res.error) || t("未知错误") });
|
|
1256
1409
|
}
|
|
1257
|
-
}).catch(function (err) { setImportMsg("导入失败："
|
|
1258
|
-
}).catch(function () { setImportMsg("读取文件失败"); });
|
|
1410
|
+
}).catch(function (err) { setImportMsg({ k: "导入失败：", tail: String((err && err.message) || err) }); });
|
|
1411
|
+
}).catch(function () { setImportMsg({ k: "读取文件失败" }); });
|
|
1259
1412
|
}
|
|
1260
1413
|
|
|
1261
1414
|
var records = data.records || [];
|
|
@@ -1268,29 +1421,30 @@ window.__ModuleLoader__.load({
|
|
|
1268
1421
|
el("div", { style: st.head },
|
|
1269
1422
|
el("div", { style: st.headleft },
|
|
1270
1423
|
el("div", null,
|
|
1271
|
-
el("div", { style: st.title }, "用量与消耗"),
|
|
1272
|
-
el("div", { style: st.sub }, "记录插件激活后的每一次模型调用")
|
|
1424
|
+
el("div", { style: st.title }, t("用量与消耗")),
|
|
1425
|
+
el("div", { style: st.sub }, t("记录插件激活后的每一次模型调用"))
|
|
1273
1426
|
),
|
|
1274
|
-
el("span", { style: nowPeriod.peak ? st.badgePeak : st.badgeValley }, "当前 · " + nowPeriod.label),
|
|
1275
|
-
el("span", { style: nowEffective ? st.badgeHit : st.badgeValley }, nowEffective ? "新价格已生效" : "新价格未生效")
|
|
1427
|
+
el("span", { style: nowPeriod.peak ? st.badgePeak : st.badgeValley }, t("当前 · ") + t(nowPeriod.label)),
|
|
1428
|
+
el("span", { style: nowEffective ? st.badgeHit : st.badgeValley }, nowEffective ? t("新价格已生效") : t("新价格未生效"))
|
|
1276
1429
|
),
|
|
1277
1430
|
el("div", { style: st.actions },
|
|
1278
|
-
el("button", { style: st.btn, onClick: refresh }, "刷新"),
|
|
1279
|
-
el("button", { style: st.btn, onClick:
|
|
1431
|
+
el("button", { style: st.btn, onClick: refresh }, t("刷新")),
|
|
1432
|
+
el("button", { style: st.btn, title: "Language / 语言（外部标签页名在刷新页面后更新）", onClick: function () { setLang(lang === "en" ? "zh" : "en"); } }, lang === "en" ? "中文" : "EN"),
|
|
1433
|
+
el("button", { style: st.btn, onClick: doClear }, t("清空"))
|
|
1280
1434
|
)
|
|
1281
1435
|
),
|
|
1282
1436
|
el("div", { style: st.subtabBar },
|
|
1283
|
-
SUBTABS.map(function (
|
|
1437
|
+
SUBTABS.map(function (sub) {
|
|
1284
1438
|
return el("button", {
|
|
1285
|
-
key:
|
|
1286
|
-
style: tab ===
|
|
1287
|
-
onClick: function () { setTab(
|
|
1288
|
-
}, t.
|
|
1439
|
+
key: sub.k,
|
|
1440
|
+
style: tab === sub.k ? st.subtabOn : st.subtab,
|
|
1441
|
+
onClick: function () { setTab(sub.k); }
|
|
1442
|
+
}, t(sub.z));
|
|
1289
1443
|
})
|
|
1290
1444
|
),
|
|
1291
1445
|
el(BillingHint, null),
|
|
1292
1446
|
el("div", { style: st.note, marginTop: 6 },
|
|
1293
|
-
"计价说明：DeepSeek 官方与 SiliconFlow 按人民币价格；DigitalOcean 按美元官方价 × USD/CNY 汇率折算人民币；千问暂不计费；AMD GPU Cloud DeepSeek V4 Flash 免费按 ¥0。"
|
|
1447
|
+
t("计价说明：DeepSeek 官方与 SiliconFlow 按人民币价格；DigitalOcean 按美元官方价 × USD/CNY 汇率折算人民币；千问暂不计费；AMD GPU Cloud DeepSeek V4 Flash 免费按 ¥0。")
|
|
1294
1448
|
),
|
|
1295
1449
|
loading
|
|
1296
1450
|
? el(LoadingView, null)
|
|
@@ -1301,31 +1455,32 @@ window.__ModuleLoader__.load({
|
|
|
1301
1455
|
tab === "prices" ? el(PriceView, { pricing: data.pricing, effectiveAt: data.effectiveAt, fx: data.fx || {}, onFxRefresh: function () { api({ action: "fxRefresh" }).then(refresh).catch(function () {}); }, onChanged: refresh }) : null
|
|
1302
1456
|
),
|
|
1303
1457
|
el("div", { style: st.actions, marginTop: 4 },
|
|
1304
|
-
el("button", { style: st.btn, onClick: function () { doExport("csv"); } }, "导出 CSV"),
|
|
1305
|
-
el("button", { style: st.btn, onClick: function () { doExport("json"); } }, "导出 JSON"),
|
|
1306
|
-
el("button", { style: st.btn, onClick: doExportImage }, "导出图片 (PNG)"),
|
|
1307
|
-
el("button", { style: st.btn, onClick: doReveal }, "打开目录"),
|
|
1308
|
-
exportMsg ? el("span", { style: st.sub }, exportMsg) : null
|
|
1458
|
+
el("button", { style: st.btn, onClick: function () { doExport("csv"); } }, t("导出 CSV")),
|
|
1459
|
+
el("button", { style: st.btn, onClick: function () { doExport("json"); } }, t("导出 JSON")),
|
|
1460
|
+
el("button", { style: st.btn, onClick: doExportImage }, t("导出图片 (PNG)")),
|
|
1461
|
+
el("button", { style: st.btn, onClick: doReveal }, t("打开目录")),
|
|
1462
|
+
exportMsg ? el("span", { style: st.sub }, __msgText(exportMsg)) : null
|
|
1309
1463
|
),
|
|
1310
1464
|
el("div", { style: st.actions },
|
|
1311
|
-
el("input", { style: st.input, placeholder: "导出目标目录（留空 = 默认数据目录）", value: destDir, onChange: function (e) { setDestDir(e.target.value); } }),
|
|
1312
|
-
el("button", { style: st.btn, onClick: pickDestDir }, "选择目录…"),
|
|
1313
|
-
destDir ? el("button", { style: st.btn, onClick: function () { setDestDir(""); setExportMsg("已恢复默认数据目录"); } }, "重置") : null
|
|
1465
|
+
el("input", { style: st.input, placeholder: t("导出目标目录（留空 = 默认数据目录）"), value: destDir, onChange: function (e) { setDestDir(e.target.value); } }),
|
|
1466
|
+
el("button", { style: st.btn, onClick: pickDestDir }, t("选择目录…")),
|
|
1467
|
+
destDir ? el("button", { style: st.btn, onClick: function () { setDestDir(""); setExportMsg({ k: "已恢复默认数据目录" }); } }, t("重置")) : null
|
|
1314
1468
|
),
|
|
1315
1469
|
el("div", { style: st.actions },
|
|
1316
1470
|
el("input", { type: "file", accept: ".json,.csv", style: { display: "none" }, ref: function (n) { fileInputNode = n; }, onChange: onFileChange }),
|
|
1317
|
-
el("button", { style: st.btn, onClick: pickFile }, "选择文件导入"),
|
|
1318
|
-
importMsg ? el("span", { style: st.sub }, importMsg) : null
|
|
1471
|
+
el("button", { style: st.btn, onClick: pickFile }, t("选择文件导入")),
|
|
1472
|
+
importMsg ? el("span", { style: st.sub }, __msgText(importMsg)) : null
|
|
1319
1473
|
),
|
|
1320
1474
|
error ? el("div", { style: st.err }, error) : null,
|
|
1321
1475
|
dataPath
|
|
1322
|
-
? el("div", { style: st.note }, "数据持久化：" + dataPath + "（每次调用实时落盘，插件重启后自动恢复，最多保留 100000 条）")
|
|
1323
|
-
: el("div", { style: st.note, color: "#ff6b6b", opacity: 1 }, "持久化未启用：" + (data.persistError || "未知原因"))
|
|
1476
|
+
? el("div", { style: st.note }, t("数据持久化：") + dataPath + t("（每次调用实时落盘，插件重启后自动恢复，最多保留 100000 条）"))
|
|
1477
|
+
: el("div", { style: st.note, color: "#ff6b6b", opacity: 1 }, t("持久化未启用：") + (data.persistError || t("未知原因")))
|
|
1324
1478
|
);
|
|
1325
1479
|
}
|
|
1326
1480
|
|
|
1327
1481
|
// ── Balance panel ──
|
|
1328
1482
|
function BalancePanel() {
|
|
1483
|
+
var lang = useLang();
|
|
1329
1484
|
var state = React.useState({ status: "idle", data: null, error: "" });
|
|
1330
1485
|
var s = state[0], setS = state[1];
|
|
1331
1486
|
var providerState = React.useState("deepseek");
|
|
@@ -1337,10 +1492,11 @@ window.__ModuleLoader__.load({
|
|
|
1337
1492
|
var saveState = React.useState({ status: "idle", error: "" });
|
|
1338
1493
|
var saving = saveState[0], setSaving = saveState[1];
|
|
1339
1494
|
var providers = [
|
|
1340
|
-
{ id: "deepseek", name: "DeepSeek", hint: "DEEPSEEK_API_KEY（推理 Key）" },
|
|
1341
|
-
{ id: "siliconflow", name: "SiliconFlow", hint: "模型设置中 Provider ID 或显示名为 siliconflow 的提供商 API Key", actionUrl: "https://cloud.siliconflow.cn/account/ak", actionLabel: "打开 SiliconFlow API 密钥" },
|
|
1342
|
-
{ id: "digitalocean", name: "DigitalOcean", hint: "账户级 dop_v1_ Personal Access Token；Read Only（api:read）或 billing:read", actionUrl: "https://cloud.digitalocean.com/account/api/tokens", actionLabel: "创建 DigitalOcean Account API Token" },
|
|
1343
|
-
{ id: "amd-gpu-cloud", name: "AMD GPU Cloud", hint: "暂无公开余额 API，仅支持控制台查看", unsupported: true, actionUrl: "https://www.amd.com/en/developer/resources/cloud-access/amd-developer-cloud.html", actionLabel: "打开 AMD Developer Cloud" }
|
|
1495
|
+
{ id: "deepseek", name: "DeepSeek", hint: t("DEEPSEEK_API_KEY（推理 Key）") },
|
|
1496
|
+
{ id: "siliconflow", name: "SiliconFlow", hint: t("模型设置中 Provider ID 或显示名为 siliconflow 的提供商 API Key"), actionUrl: "https://cloud.siliconflow.cn/account/ak", actionLabel: t("打开 SiliconFlow API 密钥") },
|
|
1497
|
+
{ id: "digitalocean", name: "DigitalOcean", hint: t("账户级 dop_v1_ Personal Access Token；Read Only（api:read）或 billing:read"), actionUrl: "https://cloud.digitalocean.com/account/api/tokens", actionLabel: t("创建 DigitalOcean Account API Token") },
|
|
1498
|
+
{ id: "amd-gpu-cloud", name: "AMD GPU Cloud", hint: t("暂无公开余额 API，仅支持控制台查看"), unsupported: true, actionUrl: "https://www.amd.com/en/developer/resources/cloud-access/amd-developer-cloud.html", actionLabel: t("打开 AMD Developer Cloud") },
|
|
1499
|
+
{ id: "qwen-token-plan", name: "百炼 Token Plan", hint: t("百炼控制台 OAuth 登录（~/.bailian/config.json 的 access_token，用 bl auth login --console 生成）"), actionUrl: "https://bailian.console.aliyun.com/cli", actionLabel: t("打开百炼 CLI 登录说明") }
|
|
1344
1500
|
];
|
|
1345
1501
|
var selected = providers[0];
|
|
1346
1502
|
for (var pi = 0; pi < providers.length; pi++) if (providers[pi].id === provider) selected = providers[pi];
|
|
@@ -1350,7 +1506,7 @@ window.__ModuleLoader__.load({
|
|
|
1350
1506
|
setS({ status: "loading", data: null, error: "" });
|
|
1351
1507
|
api({ action: "balance", provider: target }).then(function (res) {
|
|
1352
1508
|
if (res && res.ok) setS({ status: "done", data: res, error: "" });
|
|
1353
|
-
else setS({ status: "error", data: res, error: (res && res.error) || "查询失败" });
|
|
1509
|
+
else setS({ status: "error", data: res, error: (res && res.error) || t("查询失败") });
|
|
1354
1510
|
}).catch(function (e) {
|
|
1355
1511
|
setS({ status: "error", data: null, error: String((e && e.message) || e) });
|
|
1356
1512
|
});
|
|
@@ -1360,7 +1516,7 @@ window.__ModuleLoader__.load({
|
|
|
1360
1516
|
setCredential({ status: "loading", configured: false, source: "", writable: true, masked: "" });
|
|
1361
1517
|
api({ action: "balanceCredentialStatus", provider: "digitalocean" }).then(function (res) {
|
|
1362
1518
|
if (!res || !res.ok) {
|
|
1363
|
-
setCredential({ status: "error", configured: false, source: "", writable: false, masked: "", error: (res && res.error) || "无法读取凭据状态" });
|
|
1519
|
+
setCredential({ status: "error", configured: false, source: "", writable: false, masked: "", error: (res && res.error) || t("无法读取凭据状态") });
|
|
1364
1520
|
return;
|
|
1365
1521
|
}
|
|
1366
1522
|
setCredential({ status: "done", configured: !!res.configured, source: res.source || "", writable: res.writable !== false, masked: res.masked || "" });
|
|
@@ -1373,13 +1529,13 @@ window.__ModuleLoader__.load({
|
|
|
1373
1529
|
function saveDigitalOceanCredential() {
|
|
1374
1530
|
var value = String(digitalOceanToken || "").trim();
|
|
1375
1531
|
if (!value) {
|
|
1376
|
-
setSaving({ status: "error",
|
|
1532
|
+
setSaving({ status: "error", errorKey: "请输入以 dop_v1_ 开头的 DigitalOcean 账户 PAT。" });
|
|
1377
1533
|
return;
|
|
1378
1534
|
}
|
|
1379
1535
|
setSaving({ status: "saving", error: "" });
|
|
1380
1536
|
api({ action: "saveBalanceCredential", provider: "digitalocean", value: value }).then(function (res) {
|
|
1381
1537
|
if (!res || !res.ok) {
|
|
1382
|
-
setSaving({ status: "error", error: (res && res.error) || "保存失败" });
|
|
1538
|
+
setSaving({ status: "error", error: (res && res.error) || t("保存失败") });
|
|
1383
1539
|
return;
|
|
1384
1540
|
}
|
|
1385
1541
|
setDigitalOceanToken("");
|
|
@@ -1405,27 +1561,48 @@ window.__ModuleLoader__.load({
|
|
|
1405
1561
|
var symbol = currencySymbol(d && d.currency);
|
|
1406
1562
|
var actionUrl = d && d.credentialHelpUrl || selected.actionUrl || "";
|
|
1407
1563
|
var credentialMeta = [];
|
|
1408
|
-
if (d && d.credentialName) credentialMeta.push("使用凭据 " + d.credentialName);
|
|
1409
|
-
if (d && d.credentialSource) credentialMeta.push("来源 " + d.credentialSource);
|
|
1410
|
-
if (d && d.modelProviderRoute) credentialMeta.push("模型提供商 " + d.modelProviderRoute);
|
|
1411
|
-
if (d && d.endpoint) credentialMeta.push("端点 " + d.endpoint);
|
|
1412
|
-
var
|
|
1564
|
+
if (d && d.credentialName) credentialMeta.push(t("使用凭据 ") + d.credentialName);
|
|
1565
|
+
if (d && d.credentialSource) credentialMeta.push(t("来源 ") + d.credentialSource);
|
|
1566
|
+
if (d && d.modelProviderRoute) credentialMeta.push(t("模型提供商 ") + d.modelProviderRoute);
|
|
1567
|
+
if (d && d.endpoint) credentialMeta.push(t("端点 ") + d.endpoint);
|
|
1568
|
+
var isQwen = d && d.provider === "qwen-token-plan";
|
|
1569
|
+
var heroLabel = d && d.balanceLabelKey ? tb(d.balanceLabelKey) : (d && d.balanceLabel ? t(d.balanceLabel) : ((d && d.providerName) || selected.name) + t(" · 账户余额"));
|
|
1413
1570
|
var heroStatus = d && d.provider === "digitalocean"
|
|
1414
|
-
? (d.balanceKind === "credit" ? "USD · 预付款/信用余额" : d.balanceKind === "due" ? "USD · 待结算金额" : "USD · 当前无余额")
|
|
1415
|
-
:
|
|
1571
|
+
? (d.balanceKind === "credit" ? t("USD · 预付款/信用余额") : d.balanceKind === "due" ? t("USD · 待结算金额") : t("USD · 当前无余额"))
|
|
1572
|
+
: isQwen
|
|
1573
|
+
? t("百炼 Token Plan · 1 周配额")
|
|
1574
|
+
: (d && d.currency) + (d && d.isAvailable === true ? t(" · 账户可用") : d && d.isAvailable === false ? t(" · 账户不可用") : t(" · 查询成功"));
|
|
1575
|
+
var qwenQuota = isQwen ? (d && d.qwenQuota) : null;
|
|
1576
|
+
var qwenRatio = qwenQuota && qwenQuota.ratio != null ? Math.round(qwenQuota.ratio * 1000) / 10 : 0;
|
|
1577
|
+
var qwenPctText = qwenQuota && qwenQuota.usedPercent ? qwenQuota.usedPercent : "0%";
|
|
1578
|
+
// 本周配额：计算今天在开始~结束周期中的位置（北京时间）
|
|
1579
|
+
var weekPos = 0;
|
|
1580
|
+
var todayText = "—";
|
|
1581
|
+
if (isQwen && qwenQuota && qwenQuota.weekStart && qwenQuota.weekEnd) {
|
|
1582
|
+
var startMs = Date.parse(qwenQuota.weekStart + "T00:00:00+08:00");
|
|
1583
|
+
var endMs = Date.parse(qwenQuota.weekEnd + "T00:00:00+08:00");
|
|
1584
|
+
var bjNow = new Date(Date.now() + 8 * 3600 * 1000);
|
|
1585
|
+
var todayMs = Date.UTC(bjNow.getUTCFullYear(), bjNow.getUTCMonth(), bjNow.getUTCDate()) - 8 * 3600 * 1000;
|
|
1586
|
+
if (Number.isFinite(startMs) && Number.isFinite(endMs) && endMs > startMs) {
|
|
1587
|
+
weekPos = Math.max(2, Math.min(98, ((todayMs - startMs) / (endMs - startMs)) * 100));
|
|
1588
|
+
var mm = String(bjNow.getUTCMonth() + 1).padStart(2, "0");
|
|
1589
|
+
var dd = String(bjNow.getUTCDate()).padStart(2, "0");
|
|
1590
|
+
todayText = mm + "." + dd;
|
|
1591
|
+
}
|
|
1592
|
+
}
|
|
1416
1593
|
|
|
1417
1594
|
return el("div", { style: st.root },
|
|
1418
1595
|
el("div", { style: st.head },
|
|
1419
1596
|
el("div", null,
|
|
1420
|
-
el("div", { style: st.title }, "剩余余额查询"),
|
|
1421
|
-
el("div", { style: st.sub }, "查询 DeepSeek、SiliconFlow
|
|
1597
|
+
el("div", { style: st.title }, t("剩余余额查询")),
|
|
1598
|
+
el("div", { style: st.sub }, t("查询 DeepSeek、SiliconFlow、DigitalOcean 与百炼 Token Plan"))
|
|
1422
1599
|
),
|
|
1423
1600
|
el("div", { style: st.actions },
|
|
1424
1601
|
selected.unsupported
|
|
1425
|
-
? el("a", { style: Object.assign({}, st.btn, { textDecoration: "none" }), href: selected.actionUrl, target: "_blank", rel: "noreferrer" }, "打开控制台")
|
|
1602
|
+
? el("a", { style: Object.assign({}, st.btn, { textDecoration: "none" }), href: selected.actionUrl, target: "_blank", rel: "noreferrer" }, t("打开控制台"))
|
|
1426
1603
|
: provider === "digitalocean" && !credential.configured
|
|
1427
1604
|
? null
|
|
1428
|
-
: el("button", { style: s.status === "loading" ? st.btnDisabled : st.btn, disabled: s.status === "loading", onClick: query }, s.status === "loading" ? "查询中…" : provider === "digitalocean" ? "查询账单" : "查询余额")
|
|
1605
|
+
: el("button", { style: s.status === "loading" ? st.btnDisabled : st.btn, disabled: s.status === "loading", onClick: query }, s.status === "loading" ? t("查询中…") : provider === "digitalocean" ? t("查询账单") : t("查询余额"))
|
|
1429
1606
|
)
|
|
1430
1607
|
),
|
|
1431
1608
|
el("div", { style: st.subtabBar },
|
|
@@ -1437,54 +1614,90 @@ window.__ModuleLoader__.load({
|
|
|
1437
1614
|
}, p.name);
|
|
1438
1615
|
})
|
|
1439
1616
|
),
|
|
1440
|
-
el("div", { style: st.note }, "所需凭据：" + selected.hint),
|
|
1617
|
+
el("div", { style: st.note }, t("所需凭据：") + selected.hint),
|
|
1441
1618
|
s.status === "error"
|
|
1442
1619
|
? el("div", { style: d && d.unsupported ? st.infobox : st.errbox },
|
|
1443
|
-
el("div", { style: d && d.unsupported ? st.infoboxTitle : st.errboxTitle }, d && d.unsupported ? "仅支持控制台查看" : "查询失败"),
|
|
1620
|
+
el("div", { style: d && d.unsupported ? st.infoboxTitle : st.errboxTitle }, d && d.unsupported ? t("仅支持控制台查看") : t("查询失败")),
|
|
1444
1621
|
el("div", null, s.error),
|
|
1445
1622
|
el("div", { style: st.note, marginTop: 6 }, selected.unsupported
|
|
1446
|
-
? "插件不会尝试未经公开文档确认的端点，也不会把 AMD 推理 Key 当作账单凭据。"
|
|
1447
|
-
: "请确认凭据类型正确、权限包含余额/账单读取，且网络可访问服务商官方 API。"),
|
|
1448
|
-
actionUrl ? el("a", { style: st.actionLink, href: actionUrl, target: "_blank", rel: "noreferrer" }, selected.actionLabel || "打开服务商凭据页面") : null
|
|
1623
|
+
? t("插件不会尝试未经公开文档确认的端点，也不会把 AMD 推理 Key 当作账单凭据。")
|
|
1624
|
+
: t("请确认凭据类型正确、权限包含余额/账单读取，且网络可访问服务商官方 API。")),
|
|
1625
|
+
actionUrl ? el("a", { style: st.actionLink, href: actionUrl, target: "_blank", rel: "noreferrer" }, selected.actionLabel || t("打开服务商凭据页面")) : null
|
|
1449
1626
|
)
|
|
1450
1627
|
: null,
|
|
1451
|
-
s.status === "loading" && !d ? el(LoadingView, { text: "正在查询余额…" }) : null,
|
|
1452
|
-
d && d.ok
|
|
1628
|
+
s.status === "loading" && !d ? el(LoadingView, { text: t("正在查询余额…") }) : null,
|
|
1629
|
+
d && d.ok && isQwen
|
|
1453
1630
|
? el("div", { style: st.hero },
|
|
1454
|
-
el("div", { style: st.
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1631
|
+
el("div", { style: st.qwenHero },
|
|
1632
|
+
el("div", { style: st.qwenHeroTitle }, t("百炼 Token Plan")),
|
|
1633
|
+
el("div", { style: st.qwenBarWrap },
|
|
1634
|
+
el("div", { style: st.qwenBar },
|
|
1635
|
+
el("div", { style: Object.assign({}, st.qwenBarFill, { width: qwenRatio + "%" }) })
|
|
1636
|
+
)
|
|
1637
|
+
),
|
|
1638
|
+
el("div", { style: st.qwenHeroUsed }, t("已用 ") + qwenPctText)
|
|
1639
|
+
)
|
|
1640
|
+
)
|
|
1641
|
+
: d && d.ok
|
|
1642
|
+
? el("div", { style: st.hero },
|
|
1643
|
+
el("div", { style: st.heroLabel }, heroLabel),
|
|
1644
|
+
el("div", { style: st.heroValue }, symbol + " " + fmtBalance(d.totalBalance)),
|
|
1645
|
+
el("div", { style: st.heroCurrency }, heroStatus),
|
|
1646
|
+
d.isAvailable == null ? null : el("span", { style: d.isAvailable ? st.badgeHit : st.badgePeak }, d.isAvailable ? t("可用") : t("不可用"))
|
|
1647
|
+
)
|
|
1648
|
+
: null,
|
|
1649
|
+
d && d.ok && isQwen
|
|
1650
|
+
? el("div", { style: st.qwenWeekCard },
|
|
1651
|
+
el("div", { style: st.qwenWeekLabel }, t("本周配额")),
|
|
1652
|
+
el("div", { style: st.qwenWeekRow },
|
|
1653
|
+
el("div", { style: st.qwenWeekItem },
|
|
1654
|
+
el("span", { style: st.qwenWeekHint }, t("开始")),
|
|
1655
|
+
el("span", { style: st.qwenWeekVal }, qwenQuota && qwenQuota.weekStart ? fmtShortDate(qwenQuota.weekStart) : "—")
|
|
1656
|
+
),
|
|
1657
|
+
el("div", { style: st.qwenWeekLine },
|
|
1658
|
+
el("div", { style: st.qwenWeekTrack },
|
|
1659
|
+
el("div", { style: Object.assign({}, st.qwenWeekProgress, { width: weekPos + "%" }) })
|
|
1660
|
+
),
|
|
1661
|
+
el("div", { style: Object.assign({}, st.qwenWeekToday, { left: weekPos + "%" }) },
|
|
1662
|
+
el("span", { style: st.qwenWeekTodayDot }),
|
|
1663
|
+
el("span", { style: st.qwenWeekTodayDate }, todayText)
|
|
1664
|
+
)
|
|
1665
|
+
),
|
|
1666
|
+
el("div", { style: st.qwenWeekItemR },
|
|
1667
|
+
el("span", { style: st.qwenWeekHint }, t("结束")),
|
|
1668
|
+
el("span", { style: st.qwenWeekVal }, qwenQuota && qwenQuota.weekEnd ? fmtShortDate(qwenQuota.weekEnd) : "—")
|
|
1669
|
+
)
|
|
1670
|
+
)
|
|
1458
1671
|
)
|
|
1459
1672
|
: null,
|
|
1460
|
-
d && d.ok
|
|
1673
|
+
d && d.ok && !isQwen
|
|
1461
1674
|
? el("div", { style: st.cards },
|
|
1462
1675
|
(d.details || []).map(function (item, idx) {
|
|
1463
|
-
return el(Card, { key: String(idx), label: item.
|
|
1676
|
+
return el(Card, { key: String(idx), label: tb(item.labelKey), value: symbol + " " + fmtBalance(item.value), hint: tb(item.hintKey) });
|
|
1464
1677
|
}),
|
|
1465
|
-
d.generatedAt ? el(Card, { label: "账单更新时间", value: fmtTime(Date.parse(d.generatedAt)), hint: d.generatedAt }) : null,
|
|
1466
|
-
el(Card, { label: "查询时间", value: fmtTime(d.queriedAt), hint: "北京时间" })
|
|
1678
|
+
d.generatedAt ? el(Card, { label: t("账单更新时间"), value: fmtTime(Date.parse(d.generatedAt)), hint: d.generatedAt }) : null,
|
|
1679
|
+
el(Card, { label: t("查询时间"), value: fmtTime(d.queriedAt), hint: t("北京时间") })
|
|
1467
1680
|
)
|
|
1468
1681
|
: null,
|
|
1469
1682
|
provider === "digitalocean"
|
|
1470
1683
|
? el("div", { style: Object.assign({}, st.infobox, { marginTop: 18 }) },
|
|
1471
1684
|
el("div", { style: st.infoboxTitle }, "DigitalOcean Account API"),
|
|
1472
|
-
el("div", null, "请创建账户级 Personal Access Token。可选 Read Only（api:read，包含 billing:read），或自定义 billing:read；不要使用 Gradient AI 推理 Key。"),
|
|
1685
|
+
el("div", null, t("请创建账户级 Personal Access Token。可选 Read Only（api:read，包含 billing:read），或自定义 billing:read；不要使用 Gradient AI 推理 Key。")),
|
|
1473
1686
|
el("a", { style: st.actionLink, href: selected.actionUrl, target: "_blank", rel: "noreferrer" }, selected.actionLabel),
|
|
1474
1687
|
el("div", { style: st.note, marginTop: 8 }, credential.status === "loading"
|
|
1475
|
-
? "正在检查已保存的 Token…"
|
|
1688
|
+
? t("正在检查已保存的 Token…")
|
|
1476
1689
|
: credential.configured
|
|
1477
|
-
? "已保存：" + (credential.masked || "••••••••••••") + (credential.source ? "（来源：" + credential.source + "）" : "")
|
|
1690
|
+
? t("已保存：") + (credential.masked || "••••••••••••") + (credential.source ? t("（来源：") + credential.source + "）" : "")
|
|
1478
1691
|
: credential.status === "error"
|
|
1479
|
-
? "无法读取 Token 状态：" + (credential.error || "未知错误")
|
|
1480
|
-
: "尚未保存 DIGITALOCEAN_TOKEN。"),
|
|
1692
|
+
? t("无法读取 Token 状态：") + (credential.error || t("未知错误"))
|
|
1693
|
+
: t("尚未保存 DIGITALOCEAN_TOKEN。")),
|
|
1481
1694
|
el("div", { style: st.actions, marginTop: 8 },
|
|
1482
1695
|
el("input", {
|
|
1483
1696
|
type: "password",
|
|
1484
1697
|
autoComplete: "new-password",
|
|
1485
1698
|
spellCheck: false,
|
|
1486
1699
|
style: st.input,
|
|
1487
|
-
placeholder: credential.configured ? "输入新的 dop_v1_ Token 可替换（当前值已隐藏）" : "dop_v1_…",
|
|
1700
|
+
placeholder: credential.configured ? t("输入新的 dop_v1_ Token 可替换（当前值已隐藏）") : "dop_v1_…",
|
|
1488
1701
|
value: digitalOceanToken,
|
|
1489
1702
|
disabled: saving.status === "saving" || (credential.configured && !credential.writable),
|
|
1490
1703
|
onChange: function (e) { setDigitalOceanToken(e.target.value); }
|
|
@@ -1493,39 +1706,47 @@ window.__ModuleLoader__.load({
|
|
|
1493
1706
|
style: saving.status === "saving" || (credential.configured && !credential.writable) ? st.btnDisabled : st.btnPrimary,
|
|
1494
1707
|
disabled: saving.status === "saving" || (credential.configured && !credential.writable),
|
|
1495
1708
|
onClick: saveDigitalOceanCredential
|
|
1496
|
-
}, saving.status === "saving" ? "保存中…" : "保存并查询")
|
|
1709
|
+
}, saving.status === "saving" ? t("保存中…") : t("保存并查询"))
|
|
1497
1710
|
),
|
|
1498
1711
|
credential.configured && !credential.writable
|
|
1499
|
-
? el("div", { style: st.note, marginTop: 6 }, "当前 Token 来自只读环境变量；请在原来源中修改，页面不会覆盖它。")
|
|
1712
|
+
? el("div", { style: st.note, marginTop: 6 }, t("当前 Token 来自只读环境变量；请在原来源中修改，页面不会覆盖它。"))
|
|
1500
1713
|
: null,
|
|
1501
|
-
saving.status === "done" ? el("div", { style: st.note, marginTop: 6, color: "#2ecc71", opacity: 1 }, "Token 已安全保存；页面和 API 响应不会回传明文。") : null,
|
|
1502
|
-
saving.status === "error" ? el("div", { style: st.err, marginTop: 6 }, saving.error) : null
|
|
1714
|
+
saving.status === "done" ? el("div", { style: st.note, marginTop: 6, color: "#2ecc71", opacity: 1 }, t("Token 已安全保存；页面和 API 响应不会回传明文。")) : null,
|
|
1715
|
+
saving.status === "error" ? el("div", { style: st.err, marginTop: 6 }, (saving.errorKey ? t(saving.errorKey) : saving.error)) : null
|
|
1503
1716
|
)
|
|
1504
1717
|
: null,
|
|
1505
1718
|
d && d.ok && d.provider === "siliconflow"
|
|
1506
1719
|
? el("div", { style: Object.assign({}, st.infobox, { marginTop: 22 }) },
|
|
1507
|
-
el("div", { style: st.infoboxTitle }, "SiliconFlow 查询说明"),
|
|
1720
|
+
el("div", { style: st.infoboxTitle }, t("SiliconFlow 查询说明")),
|
|
1508
1721
|
d.zeroBalance
|
|
1509
1722
|
? el("div", null,
|
|
1510
|
-
el("div", null, "公开 API 已成功返回 ¥0.00。SiliconFlow 的 /v1/user/info 当前不返回代金券或历史用量；控制台可用总额可能非零。这里忠实展示 API 原始余额字段，不把它等同于控制台完整额度。"),
|
|
1723
|
+
el("div", null, t("公开 API 已成功返回 ¥0.00。SiliconFlow 的 /v1/user/info 当前不返回代金券或历史用量；控制台可用总额可能非零。这里忠实展示 API 原始余额字段，不把它等同于控制台完整额度。")),
|
|
1511
1724
|
el("a", { style: st.actionLink, href: selected.actionUrl, target: "_blank", rel: "noreferrer" }, selected.actionLabel)
|
|
1512
1725
|
)
|
|
1513
|
-
: el("div", null, "余额卡片展示 SiliconFlow /v1/user/info 公开 API 返回的原始余额字段。"),
|
|
1514
|
-
el("div", { style: { marginTop: 12, fontWeight: 600 } }, "返回字段"),
|
|
1726
|
+
: el("div", null, t("余额卡片展示 SiliconFlow /v1/user/info 公开 API 返回的原始余额字段。")),
|
|
1727
|
+
el("div", { style: { marginTop: 12, fontWeight: 600 } }, t("返回字段")),
|
|
1515
1728
|
(d.fieldDefinitions || []).map(function (item) {
|
|
1516
|
-
return el("div", { key: item.name, style: { marginTop: 4 } }, item.name + "：" + item.
|
|
1729
|
+
return el("div", { key: item.name, style: { marginTop: 4 } }, item.name + "：" + tb(item.meaningKey));
|
|
1517
1730
|
})
|
|
1518
1731
|
)
|
|
1519
1732
|
: null,
|
|
1520
1733
|
provider === "siliconflow"
|
|
1521
1734
|
? el("div", { style: Object.assign({}, st.infobox, { marginTop: 14 }) },
|
|
1522
|
-
el("div", { style: st.infoboxTitle }, "凭据读取规则"),
|
|
1523
|
-
el("div", null, "插件只检查“设置 → 模型”中 Provider ID 或显示名为 siliconflow 的提供商，并读取其 apiKeyEnv 对应的已保存 API Key。"),
|
|
1524
|
-
el("div", { style: st.note, marginTop: 6 }, "如果未找到提供商、未填写 API Key 或凭据引用失效，插件会停止查询并说明需要修复的配置；不会回退到其他服务商的 Key。")
|
|
1735
|
+
el("div", { style: st.infoboxTitle }, t("凭据读取规则")),
|
|
1736
|
+
el("div", null, t("插件只检查“设置 → 模型”中 Provider ID 或显示名为 siliconflow 的提供商，并读取其 apiKeyEnv 对应的已保存 API Key。")),
|
|
1737
|
+
el("div", { style: st.note, marginTop: 6 }, t("如果未找到提供商、未填写 API Key 或凭据引用失效，插件会停止查询并说明需要修复的配置；不会回退到其他服务商的 Key。"))
|
|
1525
1738
|
)
|
|
1526
1739
|
: null,
|
|
1527
|
-
|
|
1528
|
-
|
|
1740
|
+
provider === "qwen-token-plan"
|
|
1741
|
+
? el("div", { style: Object.assign({}, st.infobox, { marginTop: 14 }) },
|
|
1742
|
+
el("div", { style: st.infoboxTitle }, t("百炼 Token Plan 查询说明")),
|
|
1743
|
+
el("div", null, t("本查询复用百炼 CLI（bl）的“控制台登录”OAuth token，不需要阿里云 AccessKey，权限面很小。")),
|
|
1744
|
+
el("div", { style: st.note, marginTop: 6 }, t("如尚未登录，请先在终端执行：bl auth login --console，然后回到本页点“查询余额”。")),
|
|
1745
|
+
el("a", { style: st.actionLink, href: selected.actionUrl, target: "_blank", rel: "noreferrer" }, selected.actionLabel || t("打开百炼 CLI 登录说明"))
|
|
1746
|
+
)
|
|
1747
|
+
: null,
|
|
1748
|
+
d && d.ok ? el("div", { style: st.note }, (d.sourceNoteKey ? tb(d.sourceNoteKey) : (d.sourceNote ? t(d.sourceNote) : "")) + (credentialMeta.length ? " " + credentialMeta.join(__LANG === "en" ? "; " : "；") + (__LANG === "en" ? "." : "。") : "")) : null,
|
|
1749
|
+
el("div", { style: st.note }, t("DigitalOcean 查询的是主账户 Billing API；DigitalOcean AI 推理 Key 与 AMD GPU Cloud 推理 Key 均不能直接查询账单。"))
|
|
1529
1750
|
);
|
|
1530
1751
|
}
|
|
1531
1752
|
|
|
@@ -1539,33 +1760,55 @@ window.__ModuleLoader__.load({
|
|
|
1539
1760
|
|
|
1540
1761
|
slots.inject("conversation.view", function () {
|
|
1541
1762
|
return slots.register(
|
|
1542
|
-
{ name: "conversation.view", id: "usage-cost-view", order: 20, label: "用量与消耗" },
|
|
1763
|
+
{ name: "conversation.view", id: "usage-cost-view", order: 20, label: t("用量与消耗") },
|
|
1543
1764
|
function () { return el("div", { style: st.tab }, el(UsagePanel, { timer: timer })); }
|
|
1544
1765
|
);
|
|
1545
1766
|
});
|
|
1546
1767
|
|
|
1547
1768
|
slots.inject("conversation.view", function () {
|
|
1548
1769
|
return slots.register(
|
|
1549
|
-
{ name: "conversation.view", id: "balance-view", order: 30, label: "剩余余额查询" },
|
|
1770
|
+
{ name: "conversation.view", id: "balance-view", order: 30, label: t("剩余余额查询") },
|
|
1550
1771
|
function () { return el("div", { style: st.tab }, el(BalancePanel, null)); }
|
|
1551
1772
|
);
|
|
1552
1773
|
});
|
|
1553
1774
|
|
|
1554
1775
|
slots.inject("settings.section", function () {
|
|
1555
1776
|
return slots.register(
|
|
1556
|
-
{ name: "settings.section", id: "usage-cost", order: 30, label: "用量与消耗" },
|
|
1777
|
+
{ name: "settings.section", id: "usage-cost", order: 30, label: t("用量与消耗") },
|
|
1557
1778
|
function () { return el(UsagePanel, { timer: timer }); }
|
|
1558
1779
|
);
|
|
1559
1780
|
});
|
|
1560
1781
|
|
|
1561
1782
|
slots.inject("settings.section", function () {
|
|
1562
1783
|
return slots.register(
|
|
1563
|
-
{ name: "settings.section", id: "balance", order: 31, label: "剩余余额查询" },
|
|
1784
|
+
{ name: "settings.section", id: "balance", order: 31, label: t("剩余余额查询") },
|
|
1564
1785
|
function () { return el(BalancePanel, null); }
|
|
1565
1786
|
);
|
|
1566
1787
|
});
|
|
1567
1788
|
}
|
|
1568
1789
|
|
|
1790
|
+
// test/debug surface: instant-switch guarantees and locale formatters
|
|
1791
|
+
exports.__i18n = {
|
|
1792
|
+
t: t,
|
|
1793
|
+
tb: tb,
|
|
1794
|
+
msgText: __msgText,
|
|
1795
|
+
setLang: setLang,
|
|
1796
|
+
dayLabel: dayLabel,
|
|
1797
|
+
fmtMonthLabel: fmtMonthLabel,
|
|
1798
|
+
dailyStatsTitle: dailyStatsTitle,
|
|
1799
|
+
weekdayLabels: weekdayLabels
|
|
1800
|
+
};
|
|
1801
|
+
// test/debug surface: instant-switch guarantees and locale formatters
|
|
1802
|
+
exports.__i18n = {
|
|
1803
|
+
t: t,
|
|
1804
|
+
tb: tb,
|
|
1805
|
+
msgText: __msgText,
|
|
1806
|
+
setLang: setLang,
|
|
1807
|
+
dayLabel: dayLabel,
|
|
1808
|
+
fmtMonthLabel: fmtMonthLabel,
|
|
1809
|
+
dailyStatsTitle: dailyStatsTitle,
|
|
1810
|
+
weekdayLabels: weekdayLabels
|
|
1811
|
+
};
|
|
1569
1812
|
exports.inject = inject;
|
|
1570
1813
|
exports.apply = apply;
|
|
1571
1814
|
return module.exports;
|