dsh-codearts 0.5.2 → 1.0.0

package/lib/client/index.js

@@ -7,8 +7,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react = require("react");
 let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/catalog.ts
+/**
+* 剥掉模型名尾巴上的标记：` · x0.18`、` · x0.00 · 福利`、`(福利)`、`(免费)`、
+* `(x0.18)` 等（兼容旧格式）。
+*/
+function stripModelSuffixes(name) {
+	let base = name;
+	for (;;) {
+		const next = base.replace(/\s*·\s*(?:x\d+(?:\.\d+)?|(?:限时)?(?:免费|福利)(?:\s+x\d+(?:\.\d+)?)?)\s*$/, "");
+		if (next === base) break;
+		base = next;
+	}
+	return base.replace(/\s*[（(]\s*(?:(?:免费|福利)(?:\s+x\d+(?:\.\d+)?)?|x\d+(?:\.\d+)?)\s*[)）]\s*$/, "").trim();
+}
+//#endregion
 //#region \0dsh-css:/home/runner/work/dsh-codearts/dsh-codearts/src/client/CodeArtsPluginCard.module.css.mjs
-const css = ".xoziZG_card{border:.5px solid var(--dsw-alias-settings-card-stroke);border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-settings-card-fill);max-width:720px}.xoziZG_header{align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.xoziZG_headText{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.xoziZG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:22px}.xoziZG_desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}.xoziZG_statusLine{color:var(--dsw-alias-label-primary);align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:22px;display:inline-flex}.xoziZG_meta{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:18px}.xoziZG_body{border-top:.5px solid var(--dsw-alias-border-l2);margin:0 16px;padding:4px 0 16px}.xoziZG_section{margin-top:16px}.xoziZG_sectionHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.xoziZG_sectionLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;font-weight:500}.xoziZG_headActions{flex:none;align-items:center;gap:8px;display:flex}.xoziZG_count{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.xoziZG_hint{color:var(--dsw-alias-label-secondary);margin:8px 0 0;font-size:13px;line-height:20px}.xoziZG_error{color:var(--dsw-alias-state-error-primary);margin:10px 0 0;font-size:13px;line-height:20px}.xoziZG_actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.xoziZG_danger{color:var(--dsw-alias-state-error-primary)}.xoziZG_link{appearance:none;color:var(--dsw-alias-brand-text);font:inherit;text-align:left;word-break:break-all;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.xoziZG_link:hover{text-decoration:underline}.xoziZG_choices{flex-direction:column;gap:2px;margin-top:8px;display:flex}.xoziZG_choiceRow{border-radius:var(--dsw-radius-sm);align-items:center;gap:8px;margin:0 -6px;padding:5px 6px;display:flex}.xoziZG_choiceRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.xoziZG_check{flex:1;min-width:0}.xoziZG_check>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xoziZG_manual{border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);margin-top:12px;padding:0 12px}.xoziZG_manual[open]{padding-bottom:12px}.xoziZG_manualSummary{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:6px;padding:9px 0;font-size:13px;list-style:none;display:flex}.xoziZG_manualSummary::-webkit-details-marker{display:none}.xoziZG_field{flex-direction:column;gap:5px;margin-top:10px;display:flex}.xoziZG_fieldLabel{color:var(--dsw-alias-label-tertiary);font-size:12px}.xoziZG_area{box-sizing:border-box;resize:vertical;border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-primary);padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:20px}.xoziZG_area::placeholder{color:var(--dsw-alias-label-dimmed)}.xoziZG_area:focus{border-color:var(--dsw-alias-state-business-primary);outline:none}";
+const css = ".xoziZG_card{border:.5px solid var(--dsw-alias-settings-card-stroke);border-radius:var(--dsw-radius-lg);background:var(--dsw-alias-settings-card-fill);max-width:720px}.xoziZG_header{align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.xoziZG_headText{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.xoziZG_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:22px}.xoziZG_desc{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}.xoziZG_statusLine{color:var(--dsw-alias-label-primary);align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:22px;display:inline-flex}.xoziZG_meta{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;font-size:12px;line-height:18px}.xoziZG_body{border-top:.5px solid var(--dsw-alias-border-l2);margin:0 16px;padding:4px 0 16px}.xoziZG_tabs{margin-top:12px}.xoziZG_tabPanel{padding-top:2px}.xoziZG_accountToolbar{gap:8px;margin-top:12px;display:flex}.xoziZG_accountToolbar>*{flex:1}.xoziZG_manualForm{border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);margin-top:12px;padding:12px}.xoziZG_accountCard{flex-direction:column;gap:10px;margin-top:12px;display:flex}.xoziZG_accountEntry{border:.5px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-2)}.xoziZG_accountRow{align-items:center;gap:10px;padding:12px;display:flex}.xoziZG_claimAllRow{border-top:.5px solid var(--dsw-alias-border-l2);justify-content:flex-end;padding:10px 12px 0;display:flex}.xoziZG_avatar{background:var(--dsw-alias-bg-layer-3);width:32px;height:32px;color:var(--dsw-alias-label-primary);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.xoziZG_accountInfo{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.xoziZG_accountNameRow{align-items:center;gap:6px;min-width:0;display:flex}.xoziZG_accountName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;overflow:hidden}.xoziZG_accountRowActions{flex:none;gap:6px;display:flex}.xoziZG_accountHint{color:var(--dsw-alias-label-tertiary);margin:0;padding:0 12px 12px;font-size:12px;line-height:18px}.xoziZG_creditBlock{border-top:.5px solid var(--dsw-alias-border-l2);padding:12px}.xoziZG_balanceRow{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.xoziZG_balance{color:var(--dsw-alias-label-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:34px}.xoziZG_balanceUnit{color:var(--dsw-alias-label-secondary);font-size:12px}.xoziZG_balanceMeta{color:var(--dsw-alias-label-tertiary);margin-left:2px;font-size:12px}.xoziZG_updated{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.xoziZG_creditRows{flex-direction:column;gap:4px;margin-top:8px;display:flex}.xoziZG_creditRow{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;line-height:18px;display:flex}.xoziZG_usageBar{background:var(--dsw-alias-border-l2);border-radius:2px;height:4px;margin-top:4px;display:block;overflow:hidden}.xoziZG_usageFill{background:var(--dsw-alias-brand-primary);border-radius:2px;height:100%;transition:width .2s;display:block}.xoziZG_expiryRow{margin-top:2px}.xoziZG_expiryLabel{color:var(--dsw-alias-state-warn-label)}.xoziZG_bar{background:var(--dsw-alias-bg-layer-3);border-radius:2px;height:4px;margin-top:6px;display:block;overflow:hidden}.xoziZG_barFill{background:var(--dsw-alias-state-warn-primary);border-radius:2px;height:100%;display:block}.xoziZG_creditLink{margin-top:8px;display:inline-block}.xoziZG_creditFooter{border-top:.5px solid var(--dsw-alias-border-l2);justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.xoziZG_creditHint{color:var(--dsw-alias-label-tertiary);margin:8px 0 0;font-size:12px;line-height:18px}.xoziZG_section{margin-top:16px}.xoziZG_sectionHead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.xoziZG_sectionLabel{color:var(--dsw-alias-label-tertiary);font-size:11px;font-weight:500}.xoziZG_count{color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:12px}.xoziZG_hint{color:var(--dsw-alias-label-secondary);margin:8px 0 0;font-size:13px;line-height:20px}.xoziZG_error{color:var(--dsw-alias-state-error-primary);margin:10px 0 0;font-size:13px;line-height:20px}.xoziZG_actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.xoziZG_danger{color:var(--dsw-alias-state-error-primary)}.xoziZG_link{appearance:none;color:var(--dsw-alias-brand-text);font:inherit;text-align:left;word-break:break-all;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.xoziZG_link:hover{text-decoration:underline}.xoziZG_choices{flex-direction:column;gap:2px;margin-top:8px;display:flex}.xoziZG_choiceRow{border-radius:var(--dsw-radius-sm);align-items:center;gap:8px;margin:0 -6px;padding:5px 6px;display:flex}.xoziZG_choiceRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.xoziZG_modelChart{flex-direction:column;gap:2px;margin-top:8px;display:flex}.xoziZG_modelRow{font-variant-numeric:tabular-nums;grid-template-columns:minmax(0,1.2fr) minmax(48px,1fr) auto auto auto;align-items:center;gap:8px;padding:4px 0;display:grid}.xoziZG_modelName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;overflow:hidden}.xoziZG_modelTrack{background:var(--dsw-alias-border-l2);border-radius:4px;height:8px;display:block;overflow:hidden}.xoziZG_modelFill{background:var(--dsw-alias-brand-primary);border-radius:4px;height:100%;transition:width .16s;display:block}.xoziZG_modelTokens,.xoziZG_modelShare,.xoziZG_modelRequests{color:var(--dsw-alias-label-secondary);text-align:right;white-space:nowrap;font-size:11px;line-height:16px}.xoziZG_modelRequests{color:var(--dsw-alias-label-tertiary)}.xoziZG_check{flex:1;min-width:0}.xoziZG_check>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.xoziZG_manual{border:.5px solid var(--dsw-alias-border-l3);border-radius:var(--dsw-radius-md);margin-top:12px;padding:0 12px}.xoziZG_manual[open]{padding-bottom:12px}.xoziZG_manualSummary{color:var(--dsw-alias-label-secondary);cursor:pointer;align-items:center;gap:6px;padding:9px 0;font-size:13px;list-style:none;display:flex}.xoziZG_manualSummary::-webkit-details-marker{display:none}.xoziZG_field{flex-direction:column;gap:5px;margin-top:10px;display:flex}.xoziZG_fieldLabel{color:var(--dsw-alias-label-tertiary);font-size:12px}.xoziZG_area{box-sizing:border-box;resize:vertical;border:.5px solid var(--dsw-alias-border-l4);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);width:100%;color:var(--dsw-alias-label-primary);padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:20px}.xoziZG_area::placeholder{color:var(--dsw-alias-label-dimmed)}.xoziZG_area:focus{border-color:var(--dsw-alias-state-business-primary);outline:none}";
 const tagId = "dsh-codearts/CodeArtsPluginCard.module.css";
 if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 	const tag = document.createElement("style");
@@ -18,32 +33,70 @@ if (typeof document !== "undefined" && document.querySelector("style[data-plugin
 	document.head.appendChild(tag);
 }
 var CodeArtsPluginCard_module_css_default = {
-	"manualSummary": "xoziZG_manualSummary",
+	"headText": "xoziZG_headText",
+	"tabPanel": "xoziZG_tabPanel",
+	"modelRow": "xoziZG_modelRow",
+	"modelTokens": "xoziZG_modelTokens",
 	"body": "xoziZG_body",
-	"section": "xoziZG_section",
-	"sectionLabel": "xoziZG_sectionLabel",
-	"check": "xoziZG_check",
-	"fieldLabel": "xoziZG_fieldLabel",
-	"hint": "xoziZG_hint",
-	"card": "xoziZG_card",
-	"field": "xoziZG_field",
+	"barFill": "xoziZG_barFill",
 	"sectionHead": "xoziZG_sectionHead",
-	"choices": "xoziZG_choices",
-	"area": "xoziZG_area",
+	"manualSummary": "xoziZG_manualSummary",
+	"accountToolbar": "xoziZG_accountToolbar",
+	"balanceMeta": "xoziZG_balanceMeta",
 	"count": "xoziZG_count",
-	"headText": "xoziZG_headText",
-	"error": "xoziZG_error",
-	"choiceRow": "xoziZG_choiceRow",
+	"balanceUnit": "xoziZG_balanceUnit",
+	"card": "xoziZG_card",
+	"balanceRow": "xoziZG_balanceRow",
+	"claimAllRow": "xoziZG_claimAllRow",
+	"expiryLabel": "xoziZG_expiryLabel",
+	"creditLink": "xoziZG_creditLink",
+	"link": "xoziZG_link",
+	"accountEntry": "xoziZG_accountEntry",
+	"modelName": "xoziZG_modelName",
+	"modelTrack": "xoziZG_modelTrack",
 	"manual": "xoziZG_manual",
-	"desc": "xoziZG_desc",
+	"accountName": "xoziZG_accountName",
+	"modelFill": "xoziZG_modelFill",
+	"section": "xoziZG_section",
+	"modelChart": "xoziZG_modelChart",
+	"creditHint": "xoziZG_creditHint",
+	"usageBar": "xoziZG_usageBar",
+	"choiceRow": "xoziZG_choiceRow",
+	"creditRow": "xoziZG_creditRow",
+	"updated": "xoziZG_updated",
+	"modelRequests": "xoziZG_modelRequests",
 	"name": "xoziZG_name",
-	"danger": "xoziZG_danger",
-	"link": "xoziZG_link",
+	"fieldLabel": "xoziZG_fieldLabel",
+	"error": "xoziZG_error",
+	"bar": "xoziZG_bar",
+	"accountInfo": "xoziZG_accountInfo",
+	"usageFill": "xoziZG_usageFill",
+	"actions": "xoziZG_actions",
+	"creditFooter": "xoziZG_creditFooter",
+	"choices": "xoziZG_choices",
+	"balance": "xoziZG_balance",
 	"meta": "xoziZG_meta",
+	"header": "xoziZG_header",
+	"desc": "xoziZG_desc",
+	"danger": "xoziZG_danger",
+	"accountRow": "xoziZG_accountRow",
+	"expiryRow": "xoziZG_expiryRow",
+	"manualForm": "xoziZG_manualForm",
+	"avatar": "xoziZG_avatar",
 	"statusLine": "xoziZG_statusLine",
-	"actions": "xoziZG_actions",
-	"headActions": "xoziZG_headActions",
-	"header": "xoziZG_header"
+	"area": "xoziZG_area",
+	"field": "xoziZG_field",
+	"check": "xoziZG_check",
+	"accountCard": "xoziZG_accountCard",
+	"tabs": "xoziZG_tabs",
+	"accountNameRow": "xoziZG_accountNameRow",
+	"accountRowActions": "xoziZG_accountRowActions",
+	"sectionLabel": "xoziZG_sectionLabel",
+	"hint": "xoziZG_hint",
+	"creditRows": "xoziZG_creditRows",
+	"modelShare": "xoziZG_modelShare",
+	"accountHint": "xoziZG_accountHint",
+	"creditBlock": "xoziZG_creditBlock"
 };
 //#endregion
 //#region src/client/CodeArtsPluginCard.tsx
@@ -55,20 +108,12 @@ function formatStored(ts) {
 		return String(ts);
 	}
 }
-/** 上游给的 name 自带「 (免费)」尾巴，已经用 Tag 表达了就别重复一遍。 */
-const TRAILING_FREE = /\s*[（(]\s*免费\s*[)）]\s*$/;
+/** 目录里的 name 自带「 · x0.18 · 福利」尾巴，这里已经用 Tag 表达了就别重复。 */
 function modelName(choice) {
-	return choice.free === true ? choice.name.replace(TRAILING_FREE, "") : choice.name;
+	return stripModelSuffixes(choice.name);
 }
 /** 官方用量明细页。 */
 const OFFICIAL_USAGE_URL = "https://codearts.huaweicloud.com/portal/settings/personal-usage";
-/**
-* 账号身份默认遮蔽后的占位符。
-*
-* 卡片经常被截图贴进问题反馈，账号名（label / userName / id）与获取、过期时间
-* 没有出现在截图里的必要，所以默认遮住，点一下才展开。
-*/
-const ACCOUNT_MASK = "*******";
 /** token 数按人类习惯缩写：12345 -> 12.3k。 */
 function formatTokens(value) {
 	if (!Number.isFinite(value)) return "0";
@@ -83,6 +128,32 @@ function formatCount(value) {
 function formatCredits(value) {
 	return Number.isFinite(value) ? new Intl.NumberFormat().format(Math.round(value)) : "0";
 }
+/** 批量领取的 claimingId 哨兵（真实账号 id 不会等于它）。 */
+const CLAIM_ALL = "*";
+/** 一次领取操作的文案：优先用后端逐号结果，老后端只回一条时按 id 归位。 */
+function claimMessagesOf(data, accountIds, t) {
+	const out = {};
+	if (data === null) return out;
+	const results = data.results ?? [];
+	if (results.length > 0) {
+		for (const result of results) if (result.id !== void 0) out[result.id] = claimText(result, t);
+		return out;
+	}
+	for (const id of accountIds) out[id] = claimText(data, t);
+	return out;
+}
+/** 一个 Tab 面板；未选中的用 hidden 留在 DOM 里，草稿和滚动位置都别丢。 */
+function TabPanel({ id, labelledBy, active, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		role: "tabpanel",
+		id,
+		"aria-labelledby": labelledBy,
+		hidden: !active,
+		tabIndex: 0,
+		className: CodeArtsPluginCard_module_css_default.tabPanel,
+		children
+	});
+}
 /**
 * 领取结果 → 文案。
 *
@@ -95,99 +166,253 @@ function claimText(data, t) {
 	if (data?.state === "unavailable") return t("claimUnavailable");
 	return t("claimFailed", { message: typeof data?.message === "string" && data.message !== "" ? data.message : "request failed" });
 }
+function formatClock(ts) {
+	if (ts === void 0 || !Number.isFinite(ts)) return "";
+	try {
+		return new Date(ts).toLocaleTimeString([], {
+			hour: "2-digit",
+			minute: "2-digit"
+		});
+	} catch {
+		return "";
+	}
+}
+/** 后端拿不到积分时的几种「账号本身不可用」原因，换成用户能懂的一句话。 */
+function creditErrorText(message, t) {
+	switch (message) {
+		case "account needs sign-in":
+		case "no usable credential":
+		case "account not found":
+		case "account no longer stored": return t("creditsNeedSignIn");
+		default: return message;
+	}
+}
 /**
-* 积分区块。
+* 账号卡片里的积分块。
 *
-* 2026-10 从官方 CodeArts Agent 客户端挖出积分接口并实测通过（见 src/credits.ts），
-* 所以这里能直接显示账号总额度 —— 与下面的「本机用量」互补：一个是账号级、一个是
-* 本机级。拉不到时显示原因（creditsError），不静默吞掉。
+* 积分并进账号页：视线从上到下就是「谁登录着 → 这个号还有多少积分 → 去签到」。
+* 拉不到时只把原因留在块里，别把上面的账号一起拖没。
 */
-function CreditsSection({ credits, error, t, onClaim, claiming, claimResult, justClaimed }) {
+function CreditBlock({ credits, error, t, onClaim, claiming, claimResult, justClaimed }) {
 	if (credits === void 0 && error === void 0) return null;
 	const c = credits?.credits;
 	const claimedToday = justClaimed || credits?.welfare?.claimedToday === true;
+	const expiring = c?.total.expiring ?? 0;
+	const expiringRatio = c !== void 0 && c.total.total > 0 ? Math.min(100, Math.max(0, expiring / c.total.total * 100)) : 0;
+	const usedRatio = c !== void 0 && c.total.total > 0 ? Math.min(100, Math.max(0, c.total.used / c.total.total * 100)) : 0;
+	const usedLabel = c === void 0 ? "" : t("creditsUsedOfTotal", {
+		used: formatCredits(c.total.used),
+		total: formatCredits(c.total.total)
+	});
+	const updated = formatClock(c?.fetchedAt);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: CodeArtsPluginCard_module_css_default.section,
+		className: CodeArtsPluginCard_module_css_default.creditBlock,
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: CodeArtsPluginCard_module_css_default.sectionHead,
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: CodeArtsPluginCard_module_css_default.sectionLabel,
-					children: t("creditsTitle")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: CodeArtsPluginCard_module_css_default.headActions,
-					children: [c !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: CodeArtsPluginCard_module_css_default.count,
-						children: t("creditsRemaining", {
-							remain: formatCredits(c.total.remain),
-							total: formatCredits(c.total.total)
+			c !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CodeArtsPluginCard_module_css_default.balanceRow,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: CodeArtsPluginCard_module_css_default.balance,
+							children: formatCredits(c.total.remain)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: CodeArtsPluginCard_module_css_default.balanceUnit,
+							children: t("creditsUnit")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: CodeArtsPluginCard_module_css_default.balanceMeta,
+							children: t("creditsUsed", { used: formatCredits(c.total.used) })
+						}),
+						updated !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: CodeArtsPluginCard_module_css_default.updated,
+							children: t("creditsUpdated", { time: updated })
 						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-						variant: "outline",
-						size: "sm",
-						disabled: claiming || claimedToday,
-						onClick: onClaim,
-						children: claiming ? t("claimPending") : claimedToday ? t("claimButtonDone") : t("claimButton")
-					})]
-				})]
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: CodeArtsPluginCard_module_css_default.creditRows,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CodeArtsPluginCard_module_css_default.creditRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("creditsTotal", { total: formatCredits(c.total.total) }) }), c.periodEnd !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("creditsReset", { date: c.periodEnd }) })]
+						}),
+						c.total.total > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: CodeArtsPluginCard_module_css_default.usageBar,
+							role: "progressbar",
+							"aria-valuemin": 0,
+							"aria-valuemax": c.total.total,
+							"aria-valuenow": Math.min(c.total.used, c.total.total),
+							"aria-label": usedLabel,
+							title: usedLabel,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CodeArtsPluginCard_module_css_default.usageFill,
+								style: { width: `${usedRatio}%` }
+							})
+						}),
+						expiring > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CodeArtsPluginCard_module_css_default.expiryRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.creditRow,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CodeArtsPluginCard_module_css_default.expiryLabel,
+									children: t("creditsExpiringShort", { expiring: formatCredits(expiring) })
+								}), c.periodEnd !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("creditsReset", { date: c.periodEnd }) })]
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: CodeArtsPluginCard_module_css_default.bar,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CodeArtsPluginCard_module_css_default.barFill,
+									style: { width: `${expiringRatio}%` }
+								})
+							})]
+						}),
+						credits?.tokens !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CodeArtsPluginCard_module_css_default.creditRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("creditsTokensToday", {
+								used: formatCredits(credits.tokens.dailyUsed),
+								limit: formatCredits(credits.tokens.dailyLimit)
+							}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("creditsTokensBalance", { balance: formatCredits(credits.tokens.balance) }) })]
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+					className: `${CodeArtsPluginCard_module_css_default.link} ${CodeArtsPluginCard_module_css_default.creditLink}`,
+					href: c.packageUrl ?? OFFICIAL_USAGE_URL,
+					target: "_blank",
+					rel: "noreferrer",
+					children: t("creditsDetailLink")
+				})
+			] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: CodeArtsPluginCard_module_css_default.creditHint,
+				children: t("creditsUnavailable", { message: creditErrorText(error ?? "", t) })
 			}),
-			error !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: CodeArtsPluginCard_module_css_default.hint,
-				children: t("creditsUnavailable", { message: error })
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: CodeArtsPluginCard_module_css_default.creditFooter,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					variant: "outline",
+					size: "sm",
+					disabled: claiming || claimedToday,
+					onClick: onClaim,
+					children: claiming ? t("claimPending") : claimedToday ? t("claimButtonDone") : t("claimButton")
+				}), c !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+					tone: "quiet",
+					children: c.planName
+				})]
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: CodeArtsPluginCard_module_css_default.hint,
+				className: CodeArtsPluginCard_module_css_default.creditHint,
 				children: claimResult ?? t("claimHint")
+			})
+		]
+	});
+}
+/** 登录前的手动填 token 表单；登录后从「粘贴 Token 添加」展开的也是这一份。 */
+function ManualTokenForm({ t, token, label, busy, onToken, onLabel, onSubmit }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+		onSubmit,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: CodeArtsPluginCard_module_css_default.field,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+					className: CodeArtsPluginCard_module_css_default.fieldLabel,
+					htmlFor: "codearts-token",
+					children: t("tokenLabel")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+					id: "codearts-token",
+					className: CodeArtsPluginCard_module_css_default.area,
+					value: token,
+					onChange: (e) => onToken(e.target.value),
+					placeholder: t("tokenPlaceholder"),
+					rows: 4
+				})]
 			}),
-			c !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: CodeArtsPluginCard_module_css_default.choiceRow,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: CodeArtsPluginCard_module_css_default.name,
-						children: c.planName
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: CodeArtsPluginCard_module_css_default.meta,
-						children: t("creditsUsed", { used: formatCredits(c.total.used) })
-					})]
-				}),
-				c.periodEnd !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: CodeArtsPluginCard_module_css_default.choiceRow,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: CodeArtsPluginCard_module_css_default.name,
-						children: t("creditsReset", { date: c.periodEnd })
-					}), c.total.expiring > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: CodeArtsPluginCard_module_css_default.meta,
-						children: t("creditsExpiring", {
-							expiring: formatCredits(c.total.expiring),
-							date: c.periodEnd
-						})
-					})]
-				}),
-				credits?.tokens !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: CodeArtsPluginCard_module_css_default.choiceRow,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: CodeArtsPluginCard_module_css_default.name,
-						children: t("creditsTokensToday", {
-							used: formatCredits(credits.tokens.dailyUsed),
-							limit: formatCredits(credits.tokens.dailyLimit)
-						})
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: CodeArtsPluginCard_module_css_default.meta,
-						children: t("creditsTokensBalance", { balance: formatCredits(credits.tokens.balance) })
-					})]
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: CodeArtsPluginCard_module_css_default.field,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+					className: CodeArtsPluginCard_module_css_default.fieldLabel,
+					htmlFor: "codearts-label",
+					children: t("labelLabel")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
+					id: "codearts-label",
+					value: label,
+					onChange: (e) => onLabel(e.target.value),
+					placeholder: t("labelPlaceholder")
+				})]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: CodeArtsPluginCard_module_css_default.actions,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+					variant: "primary",
+					size: "sm",
+					type: "submit",
+					disabled: busy || token.trim() === "",
+					children: t("saveToken")
 				})
-			] })
+			})
 		]
 	});
 }
 /**
+* 横向条形列表：名称 / 条 / token / 占比 / 请求数。
+*
+* 条长按「占组内总量的比例」画（不是按最大值归一化），所以几条加起来就是全部。
+* token 全 0 的日子（只有请求数、没收到 usage 帧）退回按请求数画。
+*/
+function UsageBars({ rows, t }) {
+	const tokenMode = rows.some((row) => row.totals.totalTokens > 0);
+	const valueOf = (row) => tokenMode ? row.totals.totalTokens : row.totals.requests;
+	const sum = rows.reduce((total, row) => total + valueOf(row), 0);
+	const top = [...rows].sort((a, b) => valueOf(b) - valueOf(a)).slice(0, 5);
+	if (top.length === 0) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: CodeArtsPluginCard_module_css_default.modelChart,
+		children: top.map((row) => {
+			const value = valueOf(row);
+			const share = sum > 0 ? value / sum * 100 : 0;
+			const detail = [t("usageRequests", { n: formatCount(row.totals.requests) }), t("usageTokens", {
+				prompt: formatTokens(row.totals.promptTokens),
+				completion: formatTokens(row.totals.completionTokens)
+			})].join(" · ");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: CodeArtsPluginCard_module_css_default.modelRow,
+				title: `${row.label} · ${detail}`,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: CodeArtsPluginCard_module_css_default.modelName,
+						children: row.label
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: CodeArtsPluginCard_module_css_default.modelTrack,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: CodeArtsPluginCard_module_css_default.modelFill,
+							style: { width: `${value > 0 ? Math.max(share, 1.5) : 0}%` }
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: CodeArtsPluginCard_module_css_default.modelTokens,
+						children: tokenMode ? formatTokens(value) : formatCount(value)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: CodeArtsPluginCard_module_css_default.modelShare,
+						children: [share.toFixed(1), "%"]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: CodeArtsPluginCard_module_css_default.modelRequests,
+						children: t("usageRequestCount", { n: formatCount(row.totals.requests) })
+					})
+				]
+			}, row.id);
+		})
+	});
+}
+/**
 * 用量区块。
 *
 * 只展示**本机经插件发出**的请求（不等于账号总额度 —— 账号额度见上方积分区块）；
 * 会话槽位是真事实 —— 每账号 3 个并发会话、被占时要等约 52 秒才释放，这也正是
 * 「打断后重新提问要等」的原因。
 */
-function UsageSection({ usage, t }) {
+function UsageSection({ usage, accounts, t }) {
 	const total = usage.today.requests;
 	const stateLabel = {
 		ok: t("usageStateOk"),
@@ -195,6 +420,18 @@ function UsageSection({ usage, t }) {
 		cooling: t("usageStateCooling"),
 		disabled: t("usageStateDisabled")
 	};
+	const nameOf = new Map(accounts.map((account) => [account.id, account.label?.trim() || account.userName?.trim() || account.id]));
+	const accountRows = Object.entries(usage.byAccountToday).map(([id, totals]) => ({
+		id,
+		label: nameOf.get(id) ?? id,
+		totals
+	}));
+	const modelRows = usage.byModelToday.map((entry) => ({
+		id: entry.id,
+		label: entry.id.split(" · ")[0],
+		totals: entry.totals
+	}));
+	const hasUsage = usage.allTime.requests > 0 || total > 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: CodeArtsPluginCard_module_css_default.section,
 		children: [
@@ -208,7 +445,7 @@ function UsageSection({ usage, t }) {
 					children: t("usageRequests", { n: formatCount(total) })
 				})]
 			}),
-			total === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+			!hasUsage ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: CodeArtsPluginCard_module_css_default.hint,
 				children: t("usageEmpty")
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
@@ -216,52 +453,50 @@ function UsageSection({ usage, t }) {
 					className: CodeArtsPluginCard_module_css_default.choiceRow,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: CodeArtsPluginCard_module_css_default.name,
-						children: t("usageToday")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: CodeArtsPluginCard_module_css_default.meta,
-						children: t("usageTokens", {
-							prompt: formatTokens(usage.today.promptTokens),
-							completion: formatTokens(usage.today.completionTokens)
-						})
-					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: CodeArtsPluginCard_module_css_default.choiceRow,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: CodeArtsPluginCard_module_css_default.name,
-						children: t("usageAllTime", { days: formatCount(usage.days) })
+						children: t("usageTodayTotal")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: CodeArtsPluginCard_module_css_default.meta,
 						children: [
-							t("usageRequests", { n: formatCount(usage.allTime.requests) }),
+							t("usageRequests", { n: formatCount(total) }),
 							" · ",
 							t("usageTokens", {
-								prompt: formatTokens(usage.allTime.promptTokens),
-								completion: formatTokens(usage.allTime.completionTokens)
+								prompt: formatTokens(usage.today.promptTokens),
+								completion: formatTokens(usage.today.completionTokens)
 							})
 						]
 					})]
 				}),
-				usage.byModelToday.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: CodeArtsPluginCard_module_css_default.hint,
-					children: t("usageByModel")
-				}), usage.byModelToday.slice(0, 5).map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: CodeArtsPluginCard_module_css_default.choiceRow,
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: CodeArtsPluginCard_module_css_default.name,
-						children: entry.id
+						children: t("usageLast30")
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 						className: CodeArtsPluginCard_module_css_default.meta,
 						children: [
-							t("usageRequests", { n: formatCount(entry.totals.requests) }),
+							t("usageRequests", { n: formatCount(usage.last30.requests) }),
 							" · ",
 							t("usageTokens", {
-								prompt: formatTokens(entry.totals.promptTokens),
-								completion: formatTokens(entry.totals.completionTokens)
+								prompt: formatTokens(usage.last30.promptTokens),
+								completion: formatTokens(usage.last30.completionTokens)
 							})
 						]
 					})]
-				}, entry.id))] })
+				}),
+				accounts.length > 1 && accountRows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: CodeArtsPluginCard_module_css_default.hint,
+					children: t("usageByAccount")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageBars, {
+					rows: accountRows,
+					t
+				})] }),
+				modelRows.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: CodeArtsPluginCard_module_css_default.hint,
+					children: t("usageByModel")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageBars, {
+					rows: modelRows,
+					t
+				})] })
 			] }),
 			usage.slots.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 				className: CodeArtsPluginCard_module_css_default.hint,
@@ -306,30 +541,55 @@ function CodeArtsPluginCard({ t }) {
 	const [savingModels, setSavingModels] = (0, react.useState)(false);
 	const [savedModels, setSavedModels] = (0, react.useState)(false);
 	const [modelError, setModelError] = (0, react.useState)(null);
-	/** 账号身份是否展开：默认遮蔽（false = 显示 *******）。 */
-	const [accountsRevealed, setAccountsRevealed] = (0, react.useState)(false);
-	const [claiming, setClaiming] = (0, react.useState)(false);
-	const [claimResult, setClaimResult] = (0, react.useState)(null);
-	const [justClaimed, setJustClaimed] = (0, react.useState)(false);
+	const [refreshing, setRefreshing] = (0, react.useState)(false);
+	const [refreshMsg, setRefreshMsg] = (0, react.useState)(null);
+	/** 正在领取的账号 id；批量领取时是 CLAIM_ALL。null 表示没有在飞。 */
+	const [claimingId, setClaimingId] = (0, react.useState)(null);
+	/** 逐账号的领取结果文案。 */
+	const [claimResults, setClaimResults] = (0, react.useState)({});
+	/** 这次会话里刚领成的账号（快照刷新前先把按钮改成「今日已领」）。 */
+	const [claimedIds, setClaimedIds] = (0, react.useState)({});
+	const [manualOpen, setManualOpen] = (0, react.useState)(false);
+	const [tab, setTab] = (0, react.useState)("accounts");
+	const tabIdBase = (0, react.useId)();
 	/**
-	* 领一次每日签到积分。
+	* 领每日签到积分。给 id 就只领那个号，不给就逐个号都领一遍。
 	*
 	* 除了这一次刚领成，「今天已领」都来自上游的福利活动状态（积分快照里的 welfare），
 	* 所以刷新、重开窗口都不会把按钮说错。领完不记日期：去重在上游按天做。
 	*/
-	async function claim() {
-		setClaiming(true);
+	async function claim(accountId) {
+		const ids = accountId === void 0 ? (status?.accounts ?? []).map((account) => account.id) : [accountId];
+		setClaimingId(accountId ?? CLAIM_ALL);
 		try {
-			const data = await (await fetch("/api/codearts/claim", { method: "POST" })).json().catch(() => null);
-			setClaimResult(claimText(data, t));
-			if (data?.claimed === true) {
-				setJustClaimed(true);
+			const data = await (await fetch("/api/codearts/claim", {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify(accountId === void 0 ? {} : { id: accountId })
+			})).json().catch(() => null);
+			const messages = claimMessagesOf(data, ids, t);
+			if (Object.keys(messages).length > 0) setClaimResults((prev) => ({
+				...prev,
+				...messages
+			}));
+			const won = data?.results !== void 0 && data.results.length > 0 ? data.results.filter((result) => result.claimed === true && result.id !== void 0) : data?.claimed === true ? ids.map((id) => ({ id })) : [];
+			if (won.length > 0) {
+				setClaimedIds((prev) => {
+					const next = { ...prev };
+					for (const result of won) next[result.id] = true;
+					return next;
+				});
 				await refresh();
 			}
 		} catch (error) {
-			setClaimResult(t("claimFailed", { message: error instanceof Error ? error.message : String(error) }));
+			const message = t("claimFailed", { message: error instanceof Error ? error.message : String(error) });
+			setClaimResults((prev) => {
+				const next = { ...prev };
+				for (const id of ids) next[id] = message;
+				return next;
+			});
 		} finally {
-			setClaiming(false);
+			setClaimingId(null);
 		}
 	}
 	async function refresh() {
@@ -409,6 +669,7 @@ function CodeArtsPluginCard({ t }) {
 		}
 	}
 	const all = selection?.choices.length ?? 0;
+	const blockedCount = selection?.choices.filter((c) => c.blocked === true).length ?? 0;
 	const wire = draft.length === all ? [] : draft;
 	const savedIds = selection?.choices.filter((c) => c.enabled).map((c) => c.id) ?? [];
 	const dirty = savedIds.length !== draft.length || savedIds.some((id) => !draft.includes(id));
@@ -443,6 +704,35 @@ function CodeArtsPluginCard({ t }) {
 			setSavingModels(false);
 		}
 	}
+	/**
+	* 手动重拉一次模型目录。
+	*
+	* 存在的理由：限时福利名单会轮换（模型被移出、被转正），后台每小时才拉一次，
+	* 干等或重启都不是办法。顺带清掉「福利今日不可用」标记 —— 活动回来时这是唯一
+	* 不用等第二天的出口。
+	*/
+	async function refreshCatalog() {
+		setRefreshing(true);
+		setRefreshMsg(null);
+		try {
+			const res = await fetch("/api/codearts/refresh-models", { method: "POST" });
+			const data = await res.json().catch(() => null);
+			if (!res.ok) throw new Error(data?.message ?? `HTTP ${res.status}`);
+			if (data?.selection !== void 0) {
+				setSelection(data.selection);
+				setDraft(data.selection.choices.filter((c) => c.enabled).map((c) => c.id));
+				setSavedModels(true);
+			}
+			setRefreshMsg(data?.refreshed === false ? t("refreshStale", { n: data.models ?? 0 }) : t("refreshed", {
+				n: data?.models ?? 0,
+				benefit: data?.benefit ?? 0
+			}));
+		} catch (err) {
+			setRefreshMsg(t("refreshFailed", { message: err instanceof Error ? err.message : String(err) }));
+		} finally {
+			setRefreshing(false);
+		}
+	}
 	async function startOAuthLogin() {
 		setBusy(true);
 		setMsg(null);
@@ -491,8 +781,6 @@ function CodeArtsPluginCard({ t }) {
 	const expired = status?.status === "expired";
 	const accounts = status?.accounts ?? [];
 	const accountName = (account) => account.label?.trim() || account.userName?.trim() || account.id;
-	/** 遮蔽态下账号身份一律换成占位符：原值连 DOM 都不进。 */
-	const reveal = (value) => accountsRevealed ? value : ACCOUNT_MASK;
 	/**
 	* 每个账号的「获取时间 + 过期状态」。同一账号重复登录可能留下多条记录（上游不给
 	* 稳定身份时的妥协），把时间摆出来用户才能一眼认出哪条是旧的、放心删。
@@ -509,10 +797,55 @@ function CodeArtsPluginCard({ t }) {
 	const statusText = signedIn ? t("statusSignedIn") : expired ? t("statusExpired") : t("statusSignedOut");
 	const storedTime = formatStored(status?.storedAt);
 	const storedLabel = status?.label?.trim() ?? "";
-	const meta = !signedIn || storedTime === "" ? "" : storedLabel === "" || !accountsRevealed ? t("storedMetaNoLabel", { time: storedTime }) : t("storedMeta", {
+	const meta = !signedIn || storedTime === "" ? "" : storedLabel === "" ? t("storedMetaNoLabel", { time: storedTime }) : t("storedMeta", {
 		label: storedLabel,
 		time: storedTime
 	});
+	const tabId = (value) => `${tabIdBase}-tab-${value}`;
+	const panelId = (value) => `${tabIdBase}-panel-${value}`;
+	const creditEntries = new Map((status?.creditsByAccount ?? []).map((entry) => [entry.id, entry]));
+	/** 某账号的积分：新后端按 id 给；老后端只有全局快照，单账号时退回它。 */
+	const creditFor = (id) => {
+		const entry = creditEntries.get(id);
+		if (entry !== void 0) return entry;
+		if (creditEntries.size === 0 && accounts.length === 1) {
+			if (status?.credits === void 0 && status?.creditsError === void 0) return void 0;
+			return {
+				credits: status?.credits,
+				creditsError: status?.creditsError
+			};
+		}
+	};
+	const usageAvailable = status?.usage !== void 0;
+	const tabItems = {
+		accounts: {
+			value: "accounts",
+			label: t("tabAccounts", { n: accounts.length }),
+			id: tabId("accounts"),
+			panelId: panelId("accounts")
+		},
+		models: {
+			value: "models",
+			label: t("tabModels", {
+				n: draft.length,
+				total: all
+			}),
+			id: tabId("models"),
+			panelId: panelId("models")
+		},
+		usage: {
+			value: "usage",
+			label: t("tabUsage"),
+			id: tabId("usage"),
+			panelId: panelId("usage")
+		}
+	};
+	const tabs = [
+		tabItems.accounts,
+		tabItems.models,
+		...usageAvailable ? [tabItems.usage] : []
+	];
+	const activeTab = tabs.some((item) => item.value === tab) ? tab : "accounts";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: CodeArtsPluginCard_module_css_default.card,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -546,255 +879,311 @@ function CodeArtsPluginCard({ t }) {
 			})]
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: CodeArtsPluginCard_module_css_default.body,
-			children: [
-				signedIn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: CodeArtsPluginCard_module_css_default.section,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: CodeArtsPluginCard_module_css_default.sectionHead,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: CodeArtsPluginCard_module_css_default.sectionLabel,
-								children: t("accountsTitle")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-								className: CodeArtsPluginCard_module_css_default.headActions,
+			children: [signedIn ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.SegmentedTabs, {
+					className: CodeArtsPluginCard_module_css_default.tabs,
+					items: tabs,
+					value: activeTab,
+					onChange: setTab,
+					label: t("tabsLabel")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabPanel, {
+					id: panelId("accounts"),
+					labelledBy: tabId("accounts"),
+					active: activeTab === "accounts",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: CodeArtsPluginCard_module_css_default.section,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.sectionHead,
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: CodeArtsPluginCard_module_css_default.sectionLabel,
+									children: t("accountsTitle")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: CodeArtsPluginCard_module_css_default.count,
 									children: accounts.length
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.accountToolbar,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
 									variant: "outline",
 									size: "sm",
-									"aria-pressed": accountsRevealed,
-									onClick: () => setAccountsRevealed((revealed) => !revealed),
-									children: accountsRevealed ? t("accountsHide") : t("accountsShow")
+									"aria-expanded": manualOpen,
+									disabled: busy,
+									onClick: () => setManualOpen((open) => !open),
+									children: t("pasteTokenAdd")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "primary",
+									size: "sm",
+									disabled: busy || loginPending,
+									onClick: () => void startOAuthLogin(),
+									children: loginPending ? t("signingIn") : t("addAccount")
 								})]
-							})]
-						}),
-						accounts.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: CodeArtsPluginCard_module_css_default.hint,
-							children: t("accountsRotateHint")
-						}),
-						accounts.map((account) => {
-							const meta = accountMeta(account);
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: CodeArtsPluginCard_module_css_default.choiceRow,
+							}),
+							loginUrl !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+								className: CodeArtsPluginCard_module_css_default.hint,
 								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: CodeArtsPluginCard_module_css_default.name,
-										children: reveal(accountName(account))
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: CodeArtsPluginCard_module_css_default.meta,
-										children: reveal(meta)
-									}),
-									account.stale && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, { children: t("accountNeedsSignIn") }),
-									!account.signable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, { children: t("accountNoKey") }),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-										variant: "outline",
-										size: "sm",
-										className: CodeArtsPluginCard_module_css_default.danger,
-										disabled: busy,
-										onClick: () => void removeAccount(account.id),
-										children: t("accountRemove")
+									t("openManually"),
+									" ",
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+										className: CodeArtsPluginCard_module_css_default.link,
+										href: loginUrl,
+										target: "_blank",
+										rel: "noreferrer",
+										children: loginUrl
 									})
 								]
-							}, account.id);
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: CodeArtsPluginCard_module_css_default.actions,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-								variant: "primary",
-								size: "sm",
-								disabled: busy || loginPending,
-								onClick: () => void startOAuthLogin(),
-								children: loginPending ? t("signingIn") : t("addAccount")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-								variant: "outline",
-								size: "sm",
-								className: CodeArtsPluginCard_module_css_default.danger,
-								disabled: busy,
-								onClick: () => void clearToken(),
-								children: t("clearToken")
-							})]
-						}),
-						loginUrl !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-							className: CodeArtsPluginCard_module_css_default.hint,
-							children: [
-								t("openManually"),
-								" ",
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-									className: CodeArtsPluginCard_module_css_default.link,
-									href: loginUrl,
-									target: "_blank",
-									rel: "noreferrer",
-									children: loginUrl
-								})
-							]
-						})
-					]
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: CodeArtsPluginCard_module_css_default.section,
-					children: [
-						expired && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: CodeArtsPluginCard_module_css_default.hint,
-							children: t("expiredHint")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: CodeArtsPluginCard_module_css_default.actions,
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-								variant: "primary",
-								disabled: busy || loginPending,
-								onClick: () => void startOAuthLogin(),
-								children: loginPending ? t("signingIn") : t("signIn")
-							})
-						}),
-						loginUrl !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-							className: CodeArtsPluginCard_module_css_default.hint,
-							children: [
-								t("openManually"),
-								" ",
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
-									className: CodeArtsPluginCard_module_css_default.link,
-									href: loginUrl,
-									target: "_blank",
-									rel: "noreferrer",
-									children: loginUrl
+							}),
+							manualOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: CodeArtsPluginCard_module_css_default.manualForm,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ManualTokenForm, {
+									t,
+									token,
+									label,
+									busy,
+									onToken: setToken,
+									onLabel: setLabel,
+									onSubmit: (e) => void saveToken(e)
 								})
-							]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
-							className: CodeArtsPluginCard_module_css_default.manual,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
-								className: CodeArtsPluginCard_module_css_default.manualSummary,
-								children: t("manualToken")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
-								onSubmit: (e) => void saveToken(e),
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.accountCard,
 								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: CodeArtsPluginCard_module_css_default.field,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-											className: CodeArtsPluginCard_module_css_default.fieldLabel,
-											htmlFor: "codearts-token",
-											children: t("tokenLabel")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-											id: "codearts-token",
-											className: CodeArtsPluginCard_module_css_default.area,
-											value: token,
-											onChange: (e) => setToken(e.target.value),
-											placeholder: t("tokenPlaceholder"),
-											rows: 4
-										})]
+									accounts.map((account) => {
+										const accountLine = accountMeta(account);
+										const credit = creditFor(account.id);
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: CodeArtsPluginCard_module_css_default.accountEntry,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: CodeArtsPluginCard_module_css_default.accountRow,
+												children: [
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+														className: CodeArtsPluginCard_module_css_default.avatar,
+														"aria-hidden": "true",
+														children: Array.from(accountName(account))[0] ?? "*"
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+														className: CodeArtsPluginCard_module_css_default.accountInfo,
+														children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: CodeArtsPluginCard_module_css_default.accountNameRow,
+															children: [
+																/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+																	className: CodeArtsPluginCard_module_css_default.accountName,
+																	children: accountName(account)
+																}),
+																account.stale && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, { children: t("accountNeedsSignIn") }),
+																!account.signable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, { children: t("accountNoKey") })
+															]
+														}), accountLine !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: CodeArtsPluginCard_module_css_default.meta,
+															children: accountLine
+														})]
+													}),
+													/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+														className: CodeArtsPluginCard_module_css_default.accountRowActions,
+														children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+															variant: "outline",
+															size: "sm",
+															className: CodeArtsPluginCard_module_css_default.danger,
+															disabled: busy,
+															onClick: () => void removeAccount(account.id),
+															children: t("accountRemove")
+														})
+													})
+												]
+											}), credit !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreditBlock, {
+												credits: credit.credits,
+												error: credit.creditsError,
+												t,
+												onClaim: () => void claim(account.id),
+												claiming: claimingId === account.id || claimingId === CLAIM_ALL,
+												claimResult: claimResults[account.id] ?? null,
+												justClaimed: claimedIds[account.id] === true
+											})]
+										}, account.id);
 									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-										className: CodeArtsPluginCard_module_css_default.field,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-											className: CodeArtsPluginCard_module_css_default.fieldLabel,
-											htmlFor: "codearts-label",
-											children: t("labelLabel")
-										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Input, {
-											id: "codearts-label",
-											value: label,
-											onChange: (e) => setLabel(e.target.value),
-											placeholder: t("labelPlaceholder")
-										})]
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: CodeArtsPluginCard_module_css_default.actions,
+									accounts.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+										className: CodeArtsPluginCard_module_css_default.claimAllRow,
 										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-											variant: "primary",
+											variant: "outline",
 											size: "sm",
-											type: "submit",
-											disabled: busy || token.trim() === "",
-											children: t("saveToken")
+											disabled: claimingId !== null,
+											onClick: () => void claim(),
+											children: claimingId === CLAIM_ALL ? t("claimPending") : t("claimAll")
 										})
+									}),
+									accounts.length > 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+										className: CodeArtsPluginCard_module_css_default.accountHint,
+										children: t("accountsRotateHint")
 									})
 								]
-							})]
-						})
-					]
-				}),
-				msg !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: CodeArtsPluginCard_module_css_default.error,
-					children: msg
-				}),
-				selection ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: CodeArtsPluginCard_module_css_default.section,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: CodeArtsPluginCard_module_css_default.sectionHead,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: CodeArtsPluginCard_module_css_default.sectionLabel,
-								children: t("modelsTitle")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: CodeArtsPluginCard_module_css_default.count,
-								children: t("selectedCount", {
-									n: draft.length,
-									total: all
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: CodeArtsPluginCard_module_css_default.actions,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "outline",
+									size: "sm",
+									className: CodeArtsPluginCard_module_css_default.danger,
+									disabled: busy,
+									onClick: () => void clearToken(),
+									children: t("clearToken")
 								})
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: CodeArtsPluginCard_module_css_default.hint,
-							children: selection.restricted ? t("optionalModelsHint") : t("optionalModelsAllHint")
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: CodeArtsPluginCard_module_css_default.choices,
-							children: selection.choices.map((choice) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: CodeArtsPluginCard_module_css_default.choiceRow,
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Checkbox, {
-									className: CodeArtsPluginCard_module_css_default.check,
-									checked: draft.includes(choice.id),
-									disabled: !selection.writable || savingModels,
-									onChange: (on) => setModel(choice.id, on),
-									label: modelName(choice)
-								}), choice.free === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
-									tone: "success",
-									children: t("free")
-								})]
-							}, choice.id))
-						}),
-						selection.writable && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: CodeArtsPluginCard_module_css_default.actions,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-								variant: "outline",
-								size: "sm",
-								disabled: draft.length === all,
-								onClick: () => {
-									setSavedModels(false);
-									setModelError(null);
-									setDraft(selection.choices.map((c) => c.id));
-								},
-								children: t("selectAll")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
-								variant: "primary",
-								size: "sm",
-								disabled: !dirty || savingModels,
-								onClick: () => void saveModels(),
-								children: savingModels ? t("saving") : savedModels && !dirty ? t("saved") : t("saveModels")
-							})]
-						}),
-						modelError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: CodeArtsPluginCard_module_css_default.error,
-							children: modelError
-						})
-					]
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: CodeArtsPluginCard_module_css_default.hint,
-					children: t("modelsLoading")
+							})
+						]
+					})
 				}),
-				signedIn && (status?.credits !== void 0 || status?.creditsError !== void 0) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CreditsSection, {
-					credits: status?.credits,
-					error: status?.creditsError,
-					t,
-					onClaim: () => void claim(),
-					claiming,
-					claimResult,
-					justClaimed
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabPanel, {
+					id: panelId("models"),
+					labelledBy: tabId("models"),
+					active: activeTab === "models",
+					children: selection ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: CodeArtsPluginCard_module_css_default.section,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.sectionHead,
+								children: [
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: CodeArtsPluginCard_module_css_default.sectionLabel,
+										children: t("modelsTitle")
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: CodeArtsPluginCard_module_css_default.count,
+										children: t("selectedCount", {
+											n: draft.length,
+											total: all
+										})
+									}),
+									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+										variant: "outline",
+										size: "sm",
+										disabled: refreshing,
+										onClick: () => void refreshCatalog(),
+										children: refreshing ? t("refreshing") : t("refreshModels")
+									})
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: CodeArtsPluginCard_module_css_default.hint,
+								children: selection.restricted ? t("optionalModelsHint") : t("optionalModelsAllHint")
+							}),
+							blockedCount > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: CodeArtsPluginCard_module_css_default.hint,
+								children: t("benefitBlockedHint", { n: blockedCount })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: CodeArtsPluginCard_module_css_default.choices,
+								children: selection.choices.map((choice) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: CodeArtsPluginCard_module_css_default.choiceRow,
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Checkbox, {
+											className: CodeArtsPluginCard_module_css_default.check,
+											checked: draft.includes(choice.id),
+											disabled: !selection.writable || savingModels,
+											onChange: (on) => setModel(choice.id, on),
+											label: modelName(choice)
+										}),
+										choice.benefit === true && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+											tone: choice.blocked === true ? "warning" : "success",
+											children: choice.blocked === true ? t("benefitBlocked") : t("benefit")
+										}),
+										choice.ratio !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tag, {
+											tone: "quiet",
+											children: choice.ratio
+										})
+									]
+								}, choice.id))
+							}),
+							selection.writable && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: CodeArtsPluginCard_module_css_default.actions,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "outline",
+									size: "sm",
+									disabled: draft.length === all,
+									onClick: () => {
+										setSavedModels(false);
+										setModelError(null);
+										setDraft(selection.choices.map((c) => c.id));
+									},
+									children: t("selectAll")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+									variant: "primary",
+									size: "sm",
+									disabled: !dirty || savingModels,
+									onClick: () => void saveModels(),
+									children: savingModels ? t("saving") : savedModels && !dirty ? t("saved") : t("saveModels")
+								})]
+							}),
+							modelError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: CodeArtsPluginCard_module_css_default.error,
+								children: modelError
+							})
+						]
+					}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: CodeArtsPluginCard_module_css_default.hint,
+						children: t("modelsLoading")
+					})
 				}),
-				status?.usage !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageSection, {
-					usage: status.usage,
-					t
+				status?.usage !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabPanel, {
+					id: panelId("usage"),
+					labelledBy: tabId("usage"),
+					active: activeTab === "usage",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UsageSection, {
+						usage: status.usage,
+						accounts,
+						t
+					})
 				})
-			]
+			] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: CodeArtsPluginCard_module_css_default.section,
+				children: [
+					expired && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: CodeArtsPluginCard_module_css_default.hint,
+						children: t("expiredHint")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: CodeArtsPluginCard_module_css_default.actions,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "primary",
+							disabled: busy || loginPending,
+							onClick: () => void startOAuthLogin(),
+							children: loginPending ? t("signingIn") : t("signIn")
+						})
+					}),
+					loginUrl !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: CodeArtsPluginCard_module_css_default.hint,
+						children: [
+							t("openManually"),
+							" ",
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+								className: CodeArtsPluginCard_module_css_default.link,
+								href: loginUrl,
+								target: "_blank",
+								rel: "noreferrer",
+								children: loginUrl
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("details", {
+						className: CodeArtsPluginCard_module_css_default.manual,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("summary", {
+							className: CodeArtsPluginCard_module_css_default.manualSummary,
+							children: t("manualToken")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ManualTokenForm, {
+							t,
+							token,
+							label,
+							busy,
+							onToken: setToken,
+							onLabel: setLabel,
+							onSubmit: (e) => void saveToken(e)
+						})]
+					})
+				]
+			}), msg !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: CodeArtsPluginCard_module_css_default.error,
+				children: msg
+			})]
 		})]
 	});
 }
@@ -852,10 +1241,13 @@ function CodeArtsCreditDock({ useProjection, t }) {
 				});
 				if (!res.ok) return;
 				const data = await res.json().catch(() => void 0);
-				if (data === void 0 || data.credits === void 0) return;
+				if (data === void 0) return;
+				const snapshots = (data.creditsByAccount ?? []).map((entry) => entry.credits).filter((value) => value !== void 0);
+				const pool = snapshots.length > 0 ? snapshots : data.credits === void 0 ? [] : [data.credits];
+				if (pool.length === 0) return;
 				if (mounted.current) {
-					setRemain(Math.round(data.credits.credits.total.remain));
-					setTotal(Math.round(data.credits.credits.total.total));
+					setRemain(Math.round(pool.reduce((sum, item) => sum + item.credits.total.remain, 0)));
+					setTotal(Math.round(pool.reduce((sum, item) => sum + item.credits.total.total, 0)));
 				}
 			} catch {}
 		};
@@ -892,6 +1284,10 @@ function CodeArtsCreditDock({ useProjection, t }) {
 //#region src/client/locales.ts
 const zh = {
 	tabLabel: "CodeArts",
+	tabsLabel: "CodeArts 设置",
+	tabAccounts: "账号 · {n}",
+	tabModels: "模型 · {n}/{total}",
+	tabUsage: "用量",
 	cardTitle: "DSH CodeArts Connect",
 	statusSignedIn: "已登录",
 	statusSignedOut: "未登录",
@@ -901,7 +1297,7 @@ const zh = {
 	storedMeta: "{label} · 存于 {time}",
 	storedMetaNoLabel: "存于 {time}",
 	refresh: "刷新",
-	clearToken: "清除凭证",
+	clearToken: "清除全部凭据",
 	tokenLabel: "cloud_dragon_token",
 	tokenPlaceholder: "粘贴从 CodeArts 网页/桌面端拿到的 token……",
 	labelLabel: "备注（可选）",
@@ -909,10 +1305,9 @@ const zh = {
 	saveToken: "保存 token",
 	expiredHint: "凭证已过期，请重新登录以继续使用；已勾选的模型设置会保留。",
 	accountsTitle: "账号",
-	accountsShow: "显示账号",
-	accountsHide: "隐藏账号",
 	accountRemove: "删除",
 	addAccount: "添加账号",
+	pasteTokenAdd: "粘贴 Token 添加",
 	accountsRotateHint: "已存多个账号：请求会自动轮转，某个账号忙时改用下一个，不用干等。",
 	accountNeedsSignIn: "需重新登录",
 	accountNoKey: "无 AK/SK",
@@ -924,7 +1319,14 @@ const zh = {
 	optionalModelsAllHint: "所有模型默认都出现在选择器里；取消勾选不想用的即可。",
 	selectedCount: "已选 {n} / {total}",
 	selectAll: "全选",
-	free: "免费",
+	benefit: "福利",
+	benefitBlocked: "福利今日不可用",
+	benefitBlockedHint: "{n} 个福利模型今天被上游判定没有权益（活动领完或渠道未开），发出去会直接报 benefit not found。",
+	refreshModels: "刷新模型列表",
+	refreshing: "刷新中…",
+	refreshed: "已刷新：{n} 个模型，其中 {benefit} 个走福利路由",
+	refreshStale: "上游没回应，仍是旧名单（{n} 个模型）",
+	refreshFailed: "刷新失败：{message}",
 	saveModels: "保存模型选择",
 	saving: "保存中…",
 	saved: "已保存",
@@ -936,7 +1338,11 @@ const zh = {
 	modelsLoading: "模型勾选区加载中…（若长期不出现，请确认已登录且 DSH 已完全重启）",
 	usageTitle: "本机用量",
 	usageToday: "今日",
+	usageTodayTotal: "今日合计",
+	usageLast30: "近 30 天",
+	usageByAccount: "今日按账号",
 	usageRequests: "{n} 次请求",
+	usageRequestCount: "{n} 条",
 	usageTokens: "输入 {prompt} · 输出 {completion}",
 	usageAllTime: "累计（{days} 天）",
 	usageByModel: "今日按模型",
@@ -947,19 +1353,24 @@ const zh = {
 	usageStateDisabled: "已停用",
 	usageNoQuota: "这里是本机经插件发出的请求统计（不等于账号总额度）；官方用量明细见",
 	usageEmpty: "还没有记录：发一条消息就会开始累计。",
-	creditsTitle: "积分",
-	creditsRemaining: "剩余 {remain} / {total}",
+	creditsUnit: "积分",
 	creditsUsed: "已用 {used}",
-	creditsExpiring: "其中 {expiring} 将在 {date} 重置时作废",
+	creditsUsedOfTotal: "已用 {used} / {total}",
+	creditsTotal: "总额度 {total}",
+	creditsExpiringShort: "即将到期 {expiring}",
+	creditsUpdated: "{time} 更新",
 	creditsReset: "额度重置 {date}",
+	creditsDetailLink: "查看积分明细 →",
 	creditsTokensToday: "今日 token {used} / {limit}",
 	creditsTokensBalance: "余额 {balance}",
 	creditsUnavailable: "积分不可用：{message}",
+	creditsNeedSignIn: "这个账号需要重新登录",
 	creditsDock: "积分 {remain}",
 	creditsDockTitle: "CodeArts 剩余积分 {remain} / {total}",
 	claimButton: "签到领积分",
 	claimButtonDone: "今日已领",
 	claimPending: "领取中…",
+	claimAll: "全部账号领取",
 	claimHint: "每天领一次 1000 积分，走官方福利中心接口（与客户端里那个「每日签到」同一件事）。",
 	claimDone: "已领取 {amount} 积分",
 	claimAlready: "今日已领，明天再来",
@@ -968,6 +1379,10 @@ const zh = {
 };
 const en = {
 	tabLabel: "CodeArts",
+	tabsLabel: "CodeArts settings",
+	tabAccounts: "Accounts · {n}",
+	tabModels: "Models · {n}/{total}",
+	tabUsage: "Usage",
 	cardTitle: "DSH CodeArts Connect",
 	statusSignedIn: "Signed in",
 	statusSignedOut: "Not signed in",
@@ -977,7 +1392,7 @@ const en = {
 	storedMeta: "{label} · stored {time}",
 	storedMetaNoLabel: "stored {time}",
 	refresh: "Refresh",
-	clearToken: "Clear credential",
+	clearToken: "Clear all credentials",
 	tokenLabel: "cloud_dragon_token",
 	tokenPlaceholder: "Paste the token taken from the CodeArts web/desktop client……",
 	labelLabel: "Label (optional)",
@@ -985,10 +1400,9 @@ const en = {
 	saveToken: "Save token",
 	expiredHint: "Your credential has expired. Sign in again to continue; your model selection is kept.",
 	accountsTitle: "Accounts",
-	accountsShow: "Show accounts",
-	accountsHide: "Hide accounts",
 	accountRemove: "Remove",
 	addAccount: "Add account",
+	pasteTokenAdd: "Paste a token",
 	accountsRotateHint: "Multiple accounts stored: requests rotate automatically, so a busy account hands over to the next one instead of making you wait.",
 	accountNeedsSignIn: "Needs sign-in",
 	accountNoKey: "No AK/SK",
@@ -1000,7 +1414,14 @@ const en = {
 	optionalModelsAllHint: "All models show in the picker by default; uncheck the ones you don’t want.",
 	selectedCount: "{n} of {total} selected",
 	selectAll: "Select all",
-	free: "Free",
+	benefit: "Benefit",
+	benefitBlocked: "Benefit unavailable today",
+	benefitBlockedHint: "{n} benefit model(s) were told they have no entitlement today (campaign exhausted or channel not opened); sending to them fails with benefit not found.",
+	refreshModels: "Refresh models",
+	refreshing: "Refreshing…",
+	refreshed: "Refreshed: {n} models, {benefit} on the benefit route",
+	refreshStale: "Upstream did not answer; still showing the old {n} models",
+	refreshFailed: "Refresh failed: {message}",
 	saveModels: "Save selection",
 	saving: "Saving…",
 	saved: "Saved",
@@ -1012,7 +1433,11 @@ const en = {
 	modelsLoading: "Loading model selection… (if it never appears, make sure you are signed in and DSH was fully restarted)",
 	usageTitle: "Local usage",
 	usageToday: "Today",
+	usageTodayTotal: "Today",
+	usageLast30: "Last 30 days",
+	usageByAccount: "Today by account",
 	usageRequests: "{n} request(s)",
+	usageRequestCount: "{n} reqs",
 	usageTokens: "in {prompt} · out {completion}",
 	usageAllTime: "All time ({days} days)",
 	usageByModel: "Today by model",
@@ -1023,19 +1448,24 @@ const en = {
 	usageStateDisabled: "Disabled",
 	usageNoQuota: "Counts the requests this machine sent through the plugin (not the account balance). Official usage:",
 	usageEmpty: "Nothing recorded yet: send a message to start counting.",
-	creditsTitle: "Credits",
-	creditsRemaining: "{remain} of {total} left",
+	creditsUnit: "credits",
 	creditsUsed: "{used} used",
-	creditsExpiring: "{expiring} of them expire at the next reset on {date}",
+	creditsUsedOfTotal: "{used} of {total} used",
+	creditsTotal: "{total} total",
+	creditsExpiringShort: "{expiring} expiring",
+	creditsUpdated: "updated {time}",
 	creditsReset: "Quota resets {date}",
+	creditsDetailLink: "View credit details →",
 	creditsTokensToday: "Today {used} / {limit} tokens",
 	creditsTokensBalance: "{balance} left",
 	creditsUnavailable: "Credits unavailable: {message}",
+	creditsNeedSignIn: "This account needs signing in again",
 	creditsDock: "Credits {remain}",
 	creditsDockTitle: "CodeArts credits left {remain} / {total}",
 	claimButton: "Claim daily credits",
 	claimButtonDone: "Claimed today",
 	claimPending: "Claiming…",
+	claimAll: "Claim for all accounts",
 	claimHint: "Claim 1,000 credits once a day through CodeArts’ welfare centre — the same check-in the official client does.",
 	claimDone: "Claimed {amount} credits",
 	claimAlready: "Already claimed today — come back tomorrow",