dsh-codearts 1.1.4 → 1.2.0

package/CHANGELOG.md

@@ -3,6 +3,21 @@
 本文件记录本插件的重要改动。格式参考 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.1.0/)，
 版本号遵循 [语义化版本](https://semver.org/lang/zh-CN/)。
 
+## [1.2.0] - 2026-10-27
+
+### 新增
+
+- **对话底部那行积分可以点开看明细了**：以前只有一行聚合数字（多账号把所有号加在
+  一起），看不出是哪个号还剩多少。现在那一行是个按钮，点开是逐号明细——账号名、各自
+  剩余积分、哪个号有积分将在本周期结束时作废、最近刷新时间，右上角一个「刷新积分」。
+  它是唯一绕开 60 秒积分缓存的出口（`GET /api/codearts/status?force=1`）：点了必定打
+  上游，不会拿旧数字糊弄。弹层用 fixed 定位挂在按钮上方（放不下就翻到下方），不撑宽
+  宿主那条共享的 composer dock 行。
+- **两个显隐开关**：设置卡片新增「显示」页，分别管输入框下方那一行的**剩余积分**与
+  **上游排队位置**（`showCreditDock` / `showQueueDock`）。默认都开，老配置行为不变。
+  开关值随 `/status` 一起下发，底部条每 60 秒读一次，所以关掉最多要等一分钟才见效——
+  这句写在设置页上，不让人自己猜。
+
 ## [1.1.4] - 2026-10-26
 
 ### 修复

package/lib/bin.mjs

@@ -2,7 +2,7 @@
 import { I as codeartsAccountsPath, M as isBenefitModel, N as CodeArtsAccountStore, d as fetchCallerIdentity, n as codeartsUsagePath, r as discoverModels, t as CodeArtsUsageTracker } from "./usage-B0NfG8vZ.mjs";
 import { existsSync, statSync } from "node:fs";
 //#region src/version.ts
-const CODEARTS_VERSION = "1.1.4";
+const CODEARTS_VERSION = "1.2.0";
 //#endregion
 //#region src/bin.ts
 /**

package/lib/client/index.d.cts

@@ -85,6 +85,22 @@ interface CodeArtsSettingsKey {
   creditsNeedSignIn: string;
   creditsDock: string;
   creditsDockTitle: string;
+  creditsDockExpand: string;
+  creditsDockPanelTitle: string;
+  creditsDockRefresh: string;
+  creditsDockRefreshing: string;
+  creditsDockColAccount: string;
+  creditsDockColBalance: string;
+  creditsDockEmpty: string;
+  creditsDockExpiring: string;
+  creditsDockUpdated: string;
+  tabDisplay: string;
+  displayTitle: string;
+  displayHint: string;
+  displayCreditsToggle: string;
+  displayQueueToggle: string;
+  displayNotWritable: string;
+  displayFailed: string;
   queueDock: string;
   queueDockTitle: string;
   claimButton: string;

package/lib/client/index.js

@@ -33,70 +33,70 @@ if (typeof document !== "undefined" && document.querySelector("style[data-plugin
 	document.head.appendChild(tag);
 }
 var CodeArtsPluginCard_module_css_default = {
-	"card": "xoziZG_card",
-	"statusLine": "xoziZG_statusLine",
-	"tabs": "xoziZG_tabs",
-	"actions": "xoziZG_actions",
+	"accountName": "xoziZG_accountName",
+	"modelFill": "xoziZG_modelFill",
+	"hint": "xoziZG_hint",
+	"section": "xoziZG_section",
+	"area": "xoziZG_area",
+	"updated": "xoziZG_updated",
+	"error": "xoziZG_error",
+	"headText": "xoziZG_headText",
+	"accountCard": "xoziZG_accountCard",
+	"barFill": "xoziZG_barFill",
 	"choiceRow": "xoziZG_choiceRow",
-	"modelShare": "xoziZG_modelShare",
-	"accountRowActions": "xoziZG_accountRowActions",
-	"sectionHead": "xoziZG_sectionHead",
-	"creditFooter": "xoziZG_creditFooter",
-	"danger": "xoziZG_danger",
+	"field": "xoziZG_field",
+	"body": "xoziZG_body",
+	"accountEntry": "xoziZG_accountEntry",
+	"modelChart": "xoziZG_modelChart",
 	"modelRequests": "xoziZG_modelRequests",
-	"manual": "xoziZG_manual",
-	"fieldLabel": "xoziZG_fieldLabel",
-	"count": "xoziZG_count",
+	"link": "xoziZG_link",
+	"actions": "xoziZG_actions",
+	"creditRows": "xoziZG_creditRows",
+	"desc": "xoziZG_desc",
+	"balanceRow": "xoziZG_balanceRow",
+	"creditLink": "xoziZG_creditLink",
 	"modelName": "xoziZG_modelName",
+	"card": "xoziZG_card",
+	"bar": "xoziZG_bar",
+	"meta": "xoziZG_meta",
+	"sectionHead": "xoziZG_sectionHead",
+	"balanceMeta": "xoziZG_balanceMeta",
+	"modelTrack": "xoziZG_modelTrack",
+	"usageFill": "xoziZG_usageFill",
+	"choices": "xoziZG_choices",
+	"accountRowActions": "xoziZG_accountRowActions",
+	"tabPanel": "xoziZG_tabPanel",
+	"expiryRow": "xoziZG_expiryRow",
+	"tabs": "xoziZG_tabs",
+	"fieldLabel": "xoziZG_fieldLabel",
+	"manualSummary": "xoziZG_manualSummary",
+	"creditRow": "xoziZG_creditRow",
+	"creditHint": "xoziZG_creditHint",
+	"statusLine": "xoziZG_statusLine",
+	"danger": "xoziZG_danger",
+	"modelRow": "xoziZG_modelRow",
+	"claimAllRow": "xoziZG_claimAllRow",
+	"accountToolbar": "xoziZG_accountToolbar",
+	"accountHint": "xoziZG_accountHint",
 	"expiryLabel": "xoziZG_expiryLabel",
 	"name": "xoziZG_name",
-	"barFill": "xoziZG_barFill",
+	"header": "xoziZG_header",
+	"accountRow": "xoziZG_accountRow",
+	"sectionLabel": "xoziZG_sectionLabel",
+	"count": "xoziZG_count",
 	"balanceUnit": "xoziZG_balanceUnit",
-	"section": "xoziZG_section",
-	"usageBar": "xoziZG_usageBar",
-	"accountHint": "xoziZG_accountHint",
-	"modelTrack": "xoziZG_modelTrack",
-	"accountInfo": "xoziZG_accountInfo",
-	"balanceRow": "xoziZG_balanceRow",
 	"modelTokens": "xoziZG_modelTokens",
 	"accountNameRow": "xoziZG_accountNameRow",
-	"claimAllRow": "xoziZG_claimAllRow",
-	"modelRow": "xoziZG_modelRow",
-	"manualSummary": "xoziZG_manualSummary",
-	"accountName": "xoziZG_accountName",
-	"avatar": "xoziZG_avatar",
-	"choices": "xoziZG_choices",
-	"creditHint": "xoziZG_creditHint",
-	"creditRow": "xoziZG_creditRow",
-	"field": "xoziZG_field",
-	"usageFill": "xoziZG_usageFill",
-	"updated": "xoziZG_updated",
-	"expiryRow": "xoziZG_expiryRow",
-	"accountRow": "xoziZG_accountRow",
-	"error": "xoziZG_error",
-	"bar": "xoziZG_bar",
-	"header": "xoziZG_header",
-	"tabPanel": "xoziZG_tabPanel",
-	"meta": "xoziZG_meta",
-	"desc": "xoziZG_desc",
-	"balance": "xoziZG_balance",
-	"modelFill": "xoziZG_modelFill",
-	"creditRows": "xoziZG_creditRows",
-	"modelChart": "xoziZG_modelChart",
-	"headText": "xoziZG_headText",
-	"accountToolbar": "xoziZG_accountToolbar",
+	"accountInfo": "xoziZG_accountInfo",
 	"creditBlock": "xoziZG_creditBlock",
-	"sectionLabel": "xoziZG_sectionLabel",
-	"manualForm": "xoziZG_manualForm",
-	"area": "xoziZG_area",
-	"balanceMeta": "xoziZG_balanceMeta",
-	"accountCard": "xoziZG_accountCard",
+	"balance": "xoziZG_balance",
+	"avatar": "xoziZG_avatar",
+	"manual": "xoziZG_manual",
+	"usageBar": "xoziZG_usageBar",
+	"creditFooter": "xoziZG_creditFooter",
 	"check": "xoziZG_check",
-	"creditLink": "xoziZG_creditLink",
-	"link": "xoziZG_link",
-	"accountEntry": "xoziZG_accountEntry",
-	"body": "xoziZG_body",
-	"hint": "xoziZG_hint"
+	"manualForm": "xoziZG_manualForm",
+	"modelShare": "xoziZG_modelShare"
 };
 //#endregion
 //#region src/client/CodeArtsPluginCard.tsx
@@ -142,6 +142,11 @@ function claimMessagesOf(data, accountIds, t) {
 	for (const id of accountIds) out[id] = claimText(data, t);
 	return out;
 }
+/** 开关的兜底值：后端没这条路由（老版本）时按「都显示」渲染，与原有行为一致。 */
+const DOCK_DEFAULT = {
+	credits: true,
+	queue: true
+};
 /** 一个 Tab 面板；未选中的用 hidden 留在 DOM 里，草稿和滚动位置都别丢。 */
 function TabPanel({ id, labelledBy, active, children }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -166,7 +171,7 @@ 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) {
+function formatClock$1(ts) {
 	if (ts === void 0 || !Number.isFinite(ts)) return "";
 	try {
 		return new Date(ts).toLocaleTimeString([], {
@@ -204,7 +209,7 @@ function CreditBlock({ credits, error, t, onClaim, claiming, claimResult, justCl
 		used: formatCredits(c.total.used),
 		total: formatCredits(c.total.total)
 	});
-	const updated = formatClock(c?.fetchedAt);
+	const updated = formatClock$1(c?.fetchedAt);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: CodeArtsPluginCard_module_css_default.creditBlock,
 		children: [
@@ -552,6 +557,56 @@ function CodeArtsPluginCard({ t }) {
 	const [manualOpen, setManualOpen] = (0, react.useState)(false);
 	const [tab, setTab] = (0, react.useState)("accounts");
 	const tabIdBase = (0, react.useId)();
+	/** 对话底部那一行的两个显隐开关（后端 = 插件 settings 里的两个布尔）。 */
+	const [dock, setDock] = (0, react.useState)(DOCK_DEFAULT);
+	const [dockWritable, setDockWritable] = (0, react.useState)(false);
+	const [dockSaving, setDockSaving] = (0, react.useState)(false);
+	const [dockError, setDockError] = (0, react.useState)(null);
+	async function refreshDock() {
+		try {
+			const res = await fetch("/api/codearts/dock", { headers: { Accept: "application/json" } });
+			if (!res.ok) return;
+			const data = await res.json();
+			if (data.dock !== void 0) setDock(data.dock);
+			setDockWritable(data.writable === true);
+		} catch {}
+	}
+	/**
+	* 改一个开关：先按新值渲染，写失败再退回去。
+	*
+	* 这里不像模型勾选那样攒草稿再点保存 —— 只有两个布尔，攒草稿反而让用户猜
+	* 「我刚才那一下到底生效没有」。
+	*/
+	async function toggleDock(key, on) {
+		const previous = dock;
+		setDock({
+			...dock,
+			[key]: on
+		});
+		setDockSaving(true);
+		setDockError(null);
+		try {
+			const res = await fetch("/api/codearts/dock", {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					Accept: "application/json"
+				},
+				body: JSON.stringify({ [key]: on })
+			});
+			if (!res.ok) {
+				const data = await res.json().catch(() => ({}));
+				throw new Error(typeof data.error === "string" ? data.error : `HTTP ${res.status}`);
+			}
+			const data = await res.json();
+			if (data.dock !== void 0) setDock(data.dock);
+		} catch (error) {
+			setDock(previous);
+			setDockError(error instanceof Error ? error.message : String(error));
+		} finally {
+			setDockSaving(false);
+		}
+	}
 	/**
 	* 领每日签到积分。给 id 就只领那个号，不给就逐个号都领一遍。
 	*
@@ -620,6 +675,9 @@ function CodeArtsPluginCard({ t }) {
 	(0, react.useEffect)(() => {
 		refreshSelection();
 	}, []);
+	(0, react.useEffect)(() => {
+		refreshDock();
+	}, []);
 	(0, react.useEffect)(() => {
 		if (status?.status === "signed-in") refreshSelection();
 	}, [status?.status]);
@@ -838,12 +896,19 @@ function CodeArtsPluginCard({ t }) {
 			label: t("tabUsage"),
 			id: tabId("usage"),
 			panelId: panelId("usage")
+		},
+		display: {
+			value: "display",
+			label: t("tabDisplay"),
+			id: tabId("display"),
+			panelId: panelId("display")
 		}
 	};
 	const tabs = [
 		tabItems.accounts,
 		tabItems.models,
-		...usageAvailable ? [tabItems.usage] : []
+		...usageAvailable ? [tabItems.usage] : [],
+		tabItems.display
 	];
 	const activeTab = tabs.some((item) => item.value === tab) ? tab : "accounts";
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1138,6 +1203,57 @@ function CodeArtsPluginCard({ t }) {
 							accounts,
 							t
 						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabPanel, {
+						id: panelId("display"),
+						labelledBy: tabId("display"),
+						active: activeTab === "display",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: CodeArtsPluginCard_module_css_default.section,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: CodeArtsPluginCard_module_css_default.sectionHead,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										className: CodeArtsPluginCard_module_css_default.sectionLabel,
+										children: t("displayTitle")
+									})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: CodeArtsPluginCard_module_css_default.hint,
+									children: t("displayHint")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: CodeArtsPluginCard_module_css_default.choices,
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("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: dock.credits,
+											disabled: !dockWritable || dockSaving,
+											onChange: (on) => void toggleDock("credits", on),
+											label: t("displayCreditsToggle")
+										})
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("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: dock.queue,
+											disabled: !dockWritable || dockSaving,
+											onChange: (on) => void toggleDock("queue", on),
+											label: t("displayQueueToggle")
+										})
+									})]
+								}),
+								!dockWritable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: CodeArtsPluginCard_module_css_default.hint,
+									children: t("displayNotWritable")
+								}),
+								dockError !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: CodeArtsPluginCard_module_css_default.error,
+									children: t("displayFailed", { message: dockError })
+								})
+							]
+						})
 					})
 				] }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: CodeArtsPluginCard_module_css_default.section,
@@ -1197,15 +1313,20 @@ function CodeArtsPluginCard({ t }) {
 //#endregion
 //#region src/client/CodeArtsCreditDock.tsx
 /**
-* 对话底部的积分条。
+* 对话底部的积分条 + 点开后的积分弹层。
 *
 * 用户最初的诉求就是「对话底部要显示积分」—— 这一条挂在
 * `conversation.composer.dock` 槽位上（与宿主 session-stats strip 同位）。
 * 只在当前 provider 是 codearts 时才拉取并显示一行「积分 N」，别的 provider 下
 * 完全不渲染，不抢别人的行。
 *
+* 那一行是个按钮：点开就是逐号明细（多账号下聚合数字本身没意义，得能看出是哪个号）。
+* 显隐由设置卡片「显示」页那两个开关管着，开关值随 `/status` 一起下发 —— 底部条本来
+* 就在轮询它，不必为两个布尔开一条新链路。代价是关掉开关最多要等一个轮询周期（60 秒）
+* 才看得见效果，这个延迟在设置卡片上写明了。
+*
 * 积分数据走插件自己的 `/api/codearts/status`（带 TTL 缓存，见 src/credits.ts），
-* 不会因为这条 dock 让上游多挨一次请求。
+* 不会因为这条 dock 让上游多挨一次请求；弹层上那个「刷新积分」是唯一绕缓存的出口。
 */
 /** 与 src/adapter.ts 的 CODEARTS_PROVIDER 对齐 —— client 不能 import host 模块。 */
 const CODEARTS_PROVIDER = "codearts";
@@ -1215,6 +1336,12 @@ const QUEUE_PATH = "/api/codearts/queue";
 const REFRESH_INTERVAL_MS = 6e4;
 /** 排队位置变得快：官方客户端也是 5 秒一次；这是本机路由，打不疼上游。 */
 const QUEUE_INTERVAL_MS = 5e3;
+/** 弹层宽度固定，好算它会不会顶出屏幕右边。 */
+const PANEL_WIDTH = 280;
+/** 弹层与那一行之间的缝隙。 */
+const PANEL_GAP = 8;
+/** 那一行在输入框下方，往上开才够空间；给弹层留的最小高度，不够就翻到下面。 */
+const PANEL_MIN_ABOVE = 260;
 function readSelection(useProjection) {
 	if (useProjection === void 0) return void 0;
 	try {
@@ -1226,48 +1353,118 @@ function readSelection(useProjection) {
 function isCodeArts(selection) {
 	return (selection?.next ?? selection?.lastUsed)?.provider === CODEARTS_PROVIDER;
 }
+function formatNumber(value) {
+	return new Intl.NumberFormat().format(Math.round(value));
+}
+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 "";
+	}
+}
+/** 账号名与设置卡片同一套取法：备注 > 用户名 > id。 */
+function accountName(account) {
+	return account.label?.trim() || account.userName?.trim() || account.id;
+}
+/**
+* 逐号明细。
+*
+* 老后端只有聚合的一份 `credits`，那时单账号就退回它 —— 别因为后端没升级就把
+* 弹层弹成一句「没有数据」。
+*/
+function rowsOf(data) {
+	const byId = new Map((data.creditsByAccount ?? []).map((entry) => [entry.id, entry]));
+	return (data.accounts ?? []).map((account) => {
+		const entry = byId.get(account.id) ?? (byId.size === 0 && (data.accounts?.length ?? 0) === 1 ? {
+			id: account.id,
+			credits: data.credits,
+			creditsError: data.creditsError
+		} : void 0);
+		const snapshot = entry?.credits;
+		return {
+			id: account.id,
+			name: accountName(account),
+			remain: snapshot?.credits.total.remain ?? null,
+			expiring: snapshot?.credits.total.expiring ?? 0,
+			...snapshot?.credits.fetchedAt === void 0 ? {} : { fetchedAt: snapshot.credits.fetchedAt },
+			...entry?.creditsError === void 0 ? {} : { error: entry.creditsError }
+		};
+	});
+}
+/** 把弹层钉在按钮边上：优先往上开（那一行本来就在输入框下面），放不下就翻到下面。 */
+function anchorOf(rect) {
+	const above = rect.top > PANEL_MIN_ABOVE;
+	const width = Math.min(PANEL_WIDTH, window.innerWidth - 16);
+	return {
+		left: Math.max(8, Math.min(rect.left, window.innerWidth - width - 8)),
+		top: above ? rect.top - PANEL_GAP : rect.bottom + PANEL_GAP,
+		above
+	};
+}
 function CodeArtsCreditDock({ useProjection, t }) {
 	const active = isCodeArts(readSelection(useProjection));
 	const [remain, setRemain] = (0, react.useState)(null);
 	const [total, setTotal] = (0, react.useState)(0);
+	const [rows, setRows] = (0, react.useState)([]);
+	const [flags, setFlags] = (0, react.useState)({
+		credits: true,
+		queue: true
+	});
 	const [queued, setQueued] = (0, react.useState)(null);
+	const [anchor, setAnchor] = (0, react.useState)(null);
+	const [refreshing, setRefreshing] = (0, react.useState)(false);
 	const mounted = (0, react.useRef)(true);
+	const triggerRef = (0, react.useRef)(null);
+	const panelRef = (0, react.useRef)(null);
 	(0, react.useEffect)(() => {
 		mounted.current = true;
 		return () => {
 			mounted.current = false;
 		};
 	}, []);
+	const loadStatus = (0, react.useCallback)(async (force) => {
+		try {
+			const res = await fetch(force ? `${STATUS_PATH}?force=1` : STATUS_PATH, {
+				headers: { Accept: "application/json" },
+				credentials: "same-origin"
+			});
+			if (!res.ok) return;
+			const data = await res.json().catch(() => void 0);
+			if (data === void 0 || !mounted.current) return;
+			setFlags(data.dock ?? {
+				credits: true,
+				queue: true
+			});
+			setRows(rowsOf(data));
+			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) {
+				setRemain(null);
+				return;
+			}
+			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 {}
+	}, []);
 	(0, react.useEffect)(() => {
 		if (!active) {
 			setRemain(null);
+			setRows([]);
+			setAnchor(null);
 			return;
 		}
 		let timer;
-		const refresh = async () => {
-			try {
-				const res = await fetch(STATUS_PATH, {
-					headers: { Accept: "application/json" },
-					credentials: "same-origin"
-				});
-				if (!res.ok) return;
-				const data = await res.json().catch(() => void 0);
-				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(pool.reduce((sum, item) => sum + item.credits.total.remain, 0)));
-					setTotal(Math.round(pool.reduce((sum, item) => sum + item.credits.total.total, 0)));
-				}
-			} catch {}
-		};
-		refresh();
-		timer = window.setInterval(refresh, REFRESH_INTERVAL_MS);
+		loadStatus(false);
+		timer = window.setInterval(() => void loadStatus(false), REFRESH_INTERVAL_MS);
 		return () => {
 			if (timer !== void 0) window.clearInterval(timer);
 		};
-	}, [active]);
+	}, [active, loadStatus]);
 	(0, react.useEffect)(() => {
 		if (!active) {
 			setQueued(null);
@@ -1291,16 +1488,59 @@ function CodeArtsCreditDock({ useProjection, t }) {
 			if (timer !== void 0) window.clearInterval(timer);
 		};
 	}, [active]);
-	if (!active || remain === null && queued === null) return null;
-	const text = remain === null ? void 0 : t("creditsDock", { remain: new Intl.NumberFormat().format(remain) });
-	const title = queued !== null ? t("queueDockTitle", {
+	const close = (0, react.useCallback)(() => setAnchor(null), []);
+	(0, react.useEffect)(() => {
+		if (anchor === null) return;
+		const onPointerDown = (event) => {
+			const target = event.target;
+			if (target === null) return;
+			if (panelRef.current?.contains(target) === true || triggerRef.current?.contains(target) === true) return;
+			close();
+		};
+		const onKeyDown = (event) => {
+			if (event.key === "Escape") close();
+		};
+		window.addEventListener("pointerdown", onPointerDown, true);
+		window.addEventListener("keydown", onKeyDown);
+		window.addEventListener("resize", close);
+		window.addEventListener("scroll", close, true);
+		return () => {
+			window.removeEventListener("pointerdown", onPointerDown, true);
+			window.removeEventListener("keydown", onKeyDown);
+			window.removeEventListener("resize", close);
+			window.removeEventListener("scroll", close, true);
+		};
+	}, [anchor, close]);
+	if (!active) return null;
+	const showCredits = flags.credits && remain !== null;
+	const showQueue = flags.queue && queued !== null;
+	if (!showCredits && !showQueue) return null;
+	const queueTitle = queued === null ? void 0 : t("queueDockTitle", {
 		model: queued.model,
 		position: queued.position,
 		length: queued.length
-	}) : t("creditsDockTitle", {
+	});
+	const creditsTitle = showCredits ? t("creditsDockTitle", {
 		remain: remain ?? 0,
 		total
-	});
+	}) : void 0;
+	const fetchedAt = rows.reduce((latest, row) => Math.max(latest, row.fetchedAt ?? 0), 0);
+	const lastUpdated = fetchedAt > 0 ? formatClock(fetchedAt) : "";
+	const toggle = (event) => {
+		if (anchor !== null) {
+			close();
+			return;
+		}
+		setAnchor(anchorOf(event.currentTarget.getBoundingClientRect()));
+	};
+	const forceRefresh = async () => {
+		setRefreshing(true);
+		try {
+			await loadStatus(true);
+		} finally {
+			setRefreshing(false);
+		}
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		style: {
 			display: "inline-flex",
@@ -1314,8 +1554,149 @@ function CodeArtsCreditDock({ useProjection, t }) {
 			flex: "0 0 auto",
 			minWidth: "max-content"
 		},
-		title,
-		children: [queued !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("queueDock", { position: queued.position }) }), text !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: text })]
+		title: queueTitle ?? creditsTitle,
+		children: [
+			showQueue && queued !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("queueDock", { position: queued.position }) }),
+			showCredits && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				ref: triggerRef,
+				type: "button",
+				"aria-expanded": anchor !== null,
+				"aria-label": t("creditsDockExpand"),
+				title: creditsTitle,
+				onClick: toggle,
+				style: {
+					display: "inline-flex",
+					alignItems: "center",
+					gap: 4,
+					margin: 0,
+					padding: 0,
+					border: 0,
+					background: "none",
+					color: "inherit",
+					font: "inherit",
+					lineHeight: "inherit",
+					cursor: "pointer"
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("creditsDock", { remain: formatNumber(remain ?? 0) }) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					"aria-hidden": "true",
+					style: {
+						opacity: .6,
+						fontSize: "0.8em"
+					},
+					children: "▾"
+				})]
+			}),
+			anchor !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: panelRef,
+				role: "dialog",
+				"aria-label": t("creditsDockPanelTitle"),
+				style: {
+					position: "fixed",
+					left: anchor.left,
+					top: anchor.top,
+					transform: anchor.above ? "translateY(-100%)" : void 0,
+					width: PANEL_WIDTH,
+					maxWidth: "calc(100vw - 16px)",
+					zIndex: 1e3,
+					display: "flex",
+					flexDirection: "column",
+					gap: 8,
+					padding: 12,
+					boxSizing: "border-box",
+					borderRadius: "var(--dsw-radius-lg, 10px)",
+					border: "0.5px solid var(--dsw-alias-settings-card-stroke, rgba(127, 127, 127, 0.28))",
+					background: "var(--dsw-alias-settings-card-fill, rgba(32, 32, 32, 0.96))",
+					boxShadow: "0 12px 32px rgba(0, 0, 0, 0.28)",
+					color: "var(--dsw-alias-label-primary)",
+					fontSize: "var(--dsh-content-font-size-secondary, 13px)",
+					lineHeight: "18px",
+					whiteSpace: "normal"
+				},
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "flex",
+							alignItems: "center",
+							justifyContent: "space-between",
+							gap: 8
+						},
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							style: { fontWeight: 600 },
+							children: t("creditsDockPanelTitle")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+							variant: "outline",
+							size: "sm",
+							disabled: refreshing,
+							onClick: () => void forceRefresh(),
+							children: refreshing ? t("creditsDockRefreshing") : t("creditsDockRefresh")
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						style: {
+							display: "grid",
+							gridTemplateColumns: "minmax(0, 1fr) auto",
+							gap: "4px 12px",
+							alignItems: "center",
+							borderTop: "0.5px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, 0.22))",
+							paddingTop: 8,
+							color: "var(--dsw-alias-label-tertiary)"
+						},
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("creditsDockColAccount") }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: { justifySelf: "end" },
+								children: t("creditsDockColBalance")
+							}),
+							rows.length === 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								style: { gridColumn: "1 / -1" },
+								children: t("creditsDockEmpty")
+							}),
+							rows.map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								style: { display: "contents" },
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									style: {
+										display: "flex",
+										alignItems: "center",
+										gap: 6,
+										minWidth: 0
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.StateDot, { state: row.remain === null ? "warning" : "done" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+										style: {
+											overflow: "hidden",
+											textOverflow: "ellipsis",
+											whiteSpace: "nowrap",
+											color: "var(--dsw-alias-label-primary)"
+										},
+										title: row.error === void 0 ? row.name : row.error,
+										children: row.name
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									style: {
+										justifySelf: "end",
+										fontVariantNumeric: "tabular-nums"
+									},
+									children: row.remain === null ? "—" : formatNumber(row.remain)
+								})]
+							}, row.id))
+						]
+					}),
+					rows.filter((row) => row.expiring > 0).map((row) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						style: {
+							margin: 0,
+							color: "var(--dsw-alias-state-warn-label, var(--dsw-alias-label-secondary))"
+						},
+						children: t("creditsDockExpiring", {
+							account: row.name,
+							expiring: formatNumber(row.expiring)
+						})
+					}, `${row.id}-expiring`)),
+					lastUpdated !== "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						style: { color: "var(--dsw-alias-label-tertiary)" },
+						children: t("creditsDockUpdated", { time: lastUpdated })
+					})
+				]
+			})
+		]
 	});
 }
 //#endregion
@@ -1405,6 +1786,22 @@ const zh = {
 	creditsNeedSignIn: "这个账号需要重新登录",
 	creditsDock: "积分 {remain}",
 	creditsDockTitle: "CodeArts 剩余积分 {remain} / {total}",
+	creditsDockExpand: "点开看各账号积分明细",
+	creditsDockPanelTitle: "CodeArts 积分",
+	creditsDockRefresh: "刷新积分",
+	creditsDockRefreshing: "刷新中…",
+	creditsDockColAccount: "账号",
+	creditsDockColBalance: "剩余积分",
+	creditsDockEmpty: "暂时没有积分数据",
+	creditsDockExpiring: "{account}：{expiring} 积分将在本周期结束时作废",
+	creditsDockUpdated: "最近刷新 {time}",
+	tabDisplay: "显示",
+	displayTitle: "对话底部显示",
+	displayHint: "这两项只管输入框下方那一行，设置卡片里的积分明细不受影响。底部那条每 60 秒读一次设置，所以关掉最多要等一分钟才见效。",
+	displayCreditsToggle: "显示剩余积分（点开可看各账号明细）",
+	displayQueueToggle: "显示上游排队位置",
+	displayNotWritable: "这个宿主没给插件开配置存储，开关只能看不能改。",
+	displayFailed: "保存失败：{message}",
 	queueDock: "排队第 {position} 位",
 	queueDockTitle: "上游排队：{model} · 第 {position} 位 / 共 {length} 条",
 	claimButton: "签到领积分",
@@ -1502,6 +1899,22 @@ const en = {
 	creditsNeedSignIn: "This account needs signing in again",
 	creditsDock: "Credits {remain}",
 	creditsDockTitle: "CodeArts credits left {remain} / {total}",
+	creditsDockExpand: "Show per-account credit details",
+	creditsDockPanelTitle: "CodeArts credits",
+	creditsDockRefresh: "Refresh credits",
+	creditsDockRefreshing: "Refreshing…",
+	creditsDockColAccount: "Account",
+	creditsDockColBalance: "Credits left",
+	creditsDockEmpty: "No credit data yet",
+	creditsDockExpiring: "{account}: {expiring} credits expire when this cycle ends",
+	creditsDockUpdated: "Last updated {time}",
+	tabDisplay: "Display",
+	displayTitle: "Under the chat input box",
+	displayHint: "These two only control that line under the input box — the credit details in this card are unaffected. The bar re-reads settings every 60 seconds, so hiding it can take up to a minute.",
+	displayCreditsToggle: "Show remaining credits (click it for per-account details)",
+	displayQueueToggle: "Show the upstream queue position",
+	displayNotWritable: "This host gives the plugin nowhere to persist settings, so the switches are read-only.",
+	displayFailed: "Failed to save: {message}",
 	queueDock: "Queued #{position}",
 	queueDockTitle: "Upstream queue: {model} · position {position} of {length}",
 	claimButton: "Claim daily credits",

package/lib/index.d.mts

@@ -1572,10 +1572,14 @@ declare const name = "llm-codearts";
 declare const inject: string[];
 /** Settings namespace owning the configuration card. */
 declare const CODEARTS_SETTINGS_NS: SettingsNamespace;
-/** Plugin configuration (MVP: just the model allowlist). */
+/** Plugin configuration. */
 interface Config {
   /** Allowlist of CodeArts model ids offered in the model pickers. */
   enabledModels?: string[];
+  /** 对话输入框下方那行「积分 N」是否显示。缺省 = 显示（老配置不改行为）。 */
+  showCreditDock?: boolean;
+  /** 等上游开流时那行「排队第 N 位」是否显示。缺省 = 显示。 */
+  showQueueDock?: boolean;
 }
 declare const Config: z<Config>;
 declare function apply(ctx: Context, rawConfig: Config): void;

package/lib/index.mjs

@@ -1404,6 +1404,11 @@ const CODEARTS_CLAIM_PATH = "/api/codearts/claim";
 const CODEARTS_REFRESH_MODELS_PATH = "/api/codearts/refresh-models";
 /** GET /api/codearts/queue — 上游排队位置（只在等开流期间有值，底部积分条旁边展示）。 */
 const CODEARTS_QUEUE_PATH = "/api/codearts/queue";
+/**
+* GET/POST /api/codearts/dock — 对话底部那一行的显隐开关。
+* GET 给当前值与 writable，POST 收 `{credits?, queue?}` 写进 settings。
+*/
+const CODEARTS_DOCK_PATH = "/api/codearts/dock";
 /** 最近出站请求的**形状**摘要（只有 role 名与计数，不含内容），排障用。 */
 const CODEARTS_DEBUG_PATH = "/api/codearts/debug";
 /**
@@ -1442,6 +1447,11 @@ function choicesOf(deps) {
 		};
 	});
 }
+/** 开关的默认值：没有 settings provider（或老配置没这两个键）时保持原有行为 —— 都显示。 */
+const DEFAULT_DOCK_FLAGS = {
+	credits: true,
+	queue: true
+};
 /**
 * 把逐账号的领取结果汇总成一条：HTTP 层只看 ok，卡片看 results 逐号展示。
 * 有一个号失败就算整批 ok=false，但别的号领到的结果照样在 results 里。
@@ -1563,11 +1573,15 @@ function usageOf(deps) {
 *
 * 积分是「锦上添花」：拉不到也绝不能把状态接口本身拖垮，所以失败一律降级成
 * `creditsError` 交给卡片显示原因（超时由注入方在自己的闭包里保证）。
+*
+* `force` 是给对话底部弹层那个「刷新积分」按钮用的：不强制的话它会命中 60 秒缓存，
+* 按钮点了数字不动 —— 那还不如不给这个按钮。
 */
-async function creditsOf(deps) {
-	if (deps.credits === void 0) return {};
+async function creditsOf(deps, force) {
+	const load = force ? deps.refreshCredits ?? deps.credits : deps.credits;
+	if (load === void 0) return {};
 	try {
-		const entries = await deps.credits();
+		const entries = await load();
 		const primary = entries.find((entry) => entry.credits !== void 0) ?? entries[0];
 		return {
 			...primary?.credits === void 0 ? {} : { credits: primary.credits },
@@ -1578,7 +1592,7 @@ async function creditsOf(deps) {
 		return { creditsError: safeMessage(error) };
 	}
 }
-async function buildStatus(deps) {
+async function buildStatus(deps, force = false) {
 	const models = deps.models().map((m) => ({
 		id: m.id,
 		name: m.name
@@ -1586,6 +1600,7 @@ async function buildStatus(deps) {
 	const accounts = await deps.store.list();
 	const cred = await deps.store.current();
 	const usage = usageOf(deps);
+	const dock = deps.dock === void 0 ? {} : { dock: deps.dock() };
 	const piAi = await probePiAiCompat();
 	const compat = piAi === void 0 ? {} : { piAiError: piAi };
 	if (accounts.length === 0 || cred === void 0) return {
@@ -1593,6 +1608,7 @@ async function buildStatus(deps) {
 		models,
 		accounts,
 		usage,
+		...dock,
 		...compat
 	};
 	const usable = accounts.some(accountUsable);
@@ -1601,7 +1617,8 @@ async function buildStatus(deps) {
 		...cred.storedAt === void 0 ? {} : { storedAt: cred.storedAt },
 		models,
 		accounts,
-		usage
+		usage,
+		...dock
 	};
 	if (!usable) return {
 		status: "expired",
@@ -1612,7 +1629,7 @@ async function buildStatus(deps) {
 		status: "signed-in",
 		...identity,
 		...compat,
-		...await creditsOf(deps)
+		...await creditsOf(deps, force)
 	};
 }
 /** GET /api/codearts/status */
@@ -1627,12 +1644,65 @@ function statusHandler(deps) {
 			return;
 		}
 		try {
-			json(res, 200, await buildStatus(deps));
+			json(res, 200, await buildStatus(deps, new URL(req.url ?? "", "http://localhost").searchParams.get("force") === "1"));
 		} catch (error) {
 			json(res, 500, { error: safeMessage(error) });
 		}
 	};
 }
+/**
+* GET/POST /api/codearts/dock — 对话底部那一行的显隐开关读写。
+*
+* 和 enabled-models 同一套规矩：GET 给当前值 + writable，POST 只收布尔、
+* 没接 settings provider 时回 403 让卡片把勾选框置灰。
+*/
+function dockHandler(deps) {
+	return async (req, res) => {
+		if (!loopbackRequest(req)) {
+			json(res, 403, { error: "request-not-trusted" });
+			return;
+		}
+		const current = deps.dock?.() ?? DEFAULT_DOCK_FLAGS;
+		if (req.method === "GET") {
+			json(res, 200, {
+				dock: current,
+				writable: deps.setDock !== void 0
+			});
+			return;
+		}
+		if (req.method === "POST") {
+			if (deps.setDock === void 0) {
+				json(res, 403, { error: "dock-not-writable" });
+				return;
+			}
+			const type = req.headers["content-type"];
+			if (typeof type !== "string" || !type.trim().toLowerCase().startsWith("application/json")) {
+				json(res, 415, { error: "content-type must be application/json" });
+				return;
+			}
+			try {
+				const body = JSON.parse(await readBody(req));
+				const touched = ["credits", "queue"].filter((key) => body[key] !== void 0);
+				if (touched.length === 0 || touched.some((key) => typeof body[key] !== "boolean")) {
+					json(res, 400, { error: "expected {\"credits\"?: boolean, \"queue\"?: boolean}" });
+					return;
+				}
+				if (!await deps.setDock(Object.fromEntries(touched.map((key) => [key, body[key]])))) {
+					json(res, 403, { error: "dock-not-writable" });
+					return;
+				}
+				json(res, 200, {
+					dock: deps.dock?.() ?? DEFAULT_DOCK_FLAGS,
+					writable: true
+				});
+			} catch (error) {
+				json(res, 500, { error: safeMessage(error) });
+			}
+			return;
+		}
+		json(res, 405, { error: "method not allowed" });
+	};
+}
 /** GET /api/codearts/models — currently offered model ids (honours allowlist). */
 function modelsHandler(deps) {
 	return async (req, res) => {
@@ -1935,6 +2005,11 @@ function registerCodeArtsStatusRoute(ctx, deps) {
 			path: CODEARTS_QUEUE_PATH,
 			handler: queueHandler(deps)
 		});
+		const disposeDock = ctx.webServer.register({
+			kind: "exact",
+			path: CODEARTS_DOCK_PATH,
+			handler: dockHandler(deps)
+		});
 		const disposeDebug = ctx.webServer.register({
 			kind: "exact",
 			path: CODEARTS_DEBUG_PATH,
@@ -1951,6 +2026,7 @@ function registerCodeArtsStatusRoute(ctx, deps) {
 			disposeClaim();
 			disposeRefresh();
 			disposeQueue();
+			disposeDock();
 			disposeDebug();
 			for (const s of activeLogins.values()) s.close();
 			activeLogins.clear();
@@ -2115,7 +2191,11 @@ function unwrapConfig(value) {
 	for (const [key, field] of Object.entries(value)) out[key] = unwrapVolatileValue(field);
 	return out;
 }
-const Config = z.object({ enabledModels: z.array(z.string()).description("Model ids offered in the model pickers (empty means every model)").volatile() });
+const Config = z.object({
+	enabledModels: z.array(z.string()).description("Model ids offered in the model pickers (empty means every model)").volatile(),
+	showCreditDock: z.boolean().default(true).description("Show the remaining-credits line under the chat input box").volatile(),
+	showQueueDock: z.boolean().default(true).description("Show the upstream queue position under the chat input box").volatile()
+});
 function settingsCompatNamespace(ctx) {
 	return resolveSettingsNamespaceCompat(ctx, ctx.get("settings"), CODEARTS_SETTINGS_NS);
 }
@@ -2187,6 +2267,19 @@ function apply(ctx, rawConfig) {
 		await settings.update(settingsCompatNamespace(ctx), { enabledModels: [...ids] });
 		return true;
 	};
+	const dock = () => ({
+		credits: current().showCreditDock !== false,
+		queue: current().showQueueDock !== false
+	});
+	const setDock = async (patch) => {
+		const settings = ctx.get("settings");
+		if (settings === void 0) return false;
+		await settings.update(settingsCompatNamespace(ctx), {
+			...patch.credits === void 0 ? {} : { showCreditDock: patch.credits },
+			...patch.queue === void 0 ? {} : { showQueueDock: patch.queue }
+		});
+		return true;
+	};
 	/** 手动「刷新模型列表」的预算：三路来源各打一次，比每小时的后台刷新更该给足时间。 */
 	const MANUAL_REFRESH_MS = 6e4;
 	ctx.inject(["webServer"], (webCtx) => registerCodeArtsStatusRoute(webCtx, {
@@ -2200,6 +2293,12 @@ function apply(ctx, rawConfig) {
 		queue: () => queue.snapshot(),
 		recentRequests: () => recentRequestShapes(),
 		credits: (signal) => loadCredits(signal),
+		refreshCredits: (signal) => {
+			credits.invalidate();
+			return loadCredits(signal);
+		},
+		dock,
+		setDock,
 		claim: async (accountId) => {
 			const ids = accountId === void 0 ? await store.ids() : [accountId];
 			if (ids.length === 0) return {

package/package.json

@@ -2,7 +2,7 @@
   "name": "dsh-codearts",
   "displayName": "DSH CodeArts Connect",
   "description": "把华为云 CodeArts 接入 DeepSeek Harness —— 内置 OAuth2 登录（PKCE + DPoP），登录后即可在 DSH 对话窗口使用 CodeArts 的模型。",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "packageManager": "pnpm@11.24.0",
   "author": "elegant01",
   "keywords": [