dsh-codearts 1.1.3 → 1.2.0

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 = {
-	"choices": "xoziZG_choices",
-	"claimAllRow": "xoziZG_claimAllRow",
-	"fieldLabel": "xoziZG_fieldLabel",
-	"balanceUnit": "xoziZG_balanceUnit",
-	"check": "xoziZG_check",
-	"usageFill": "xoziZG_usageFill",
-	"modelShare": "xoziZG_modelShare",
-	"bar": "xoziZG_bar",
-	"balance": "xoziZG_balance",
-	"link": "xoziZG_link",
-	"tabPanel": "xoziZG_tabPanel",
+	"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",
+	"field": "xoziZG_field",
+	"body": "xoziZG_body",
+	"accountEntry": "xoziZG_accountEntry",
+	"modelChart": "xoziZG_modelChart",
+	"modelRequests": "xoziZG_modelRequests",
+	"link": "xoziZG_link",
+	"actions": "xoziZG_actions",
+	"creditRows": "xoziZG_creditRows",
+	"desc": "xoziZG_desc",
 	"balanceRow": "xoziZG_balanceRow",
-	"card": "xoziZG_card",
-	"manualForm": "xoziZG_manualForm",
-	"name": "xoziZG_name",
-	"creditRow": "xoziZG_creditRow",
 	"creditLink": "xoziZG_creditLink",
-	"tabs": "xoziZG_tabs",
-	"body": "xoziZG_body",
-	"count": "xoziZG_count",
-	"accountHint": "xoziZG_accountHint",
+	"modelName": "xoziZG_modelName",
+	"card": "xoziZG_card",
+	"bar": "xoziZG_bar",
 	"meta": "xoziZG_meta",
-	"sectionLabel": "xoziZG_sectionLabel",
-	"manual": "xoziZG_manual",
-	"creditFooter": "xoziZG_creditFooter",
+	"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",
-	"modelChart": "xoziZG_modelChart",
-	"accountCard": "xoziZG_accountCard",
+	"statusLine": "xoziZG_statusLine",
 	"danger": "xoziZG_danger",
+	"modelRow": "xoziZG_modelRow",
+	"claimAllRow": "xoziZG_claimAllRow",
 	"accountToolbar": "xoziZG_accountToolbar",
-	"modelTokens": "xoziZG_modelTokens",
-	"manualSummary": "xoziZG_manualSummary",
-	"balanceMeta": "xoziZG_balanceMeta",
+	"accountHint": "xoziZG_accountHint",
+	"expiryLabel": "xoziZG_expiryLabel",
+	"name": "xoziZG_name",
 	"header": "xoziZG_header",
-	"sectionHead": "xoziZG_sectionHead",
-	"accountEntry": "xoziZG_accountEntry",
-	"hint": "xoziZG_hint",
-	"error": "xoziZG_error",
-	"modelName": "xoziZG_modelName",
-	"field": "xoziZG_field",
-	"avatar": "xoziZG_avatar",
-	"modelTrack": "xoziZG_modelTrack",
-	"usageBar": "xoziZG_usageBar",
-	"updated": "xoziZG_updated",
-	"modelRow": "xoziZG_modelRow",
-	"expiryRow": "xoziZG_expiryRow",
-	"actions": "xoziZG_actions",
-	"accountRowActions": "xoziZG_accountRowActions",
 	"accountRow": "xoziZG_accountRow",
-	"accountInfo": "xoziZG_accountInfo",
-	"modelRequests": "xoziZG_modelRequests",
-	"modelFill": "xoziZG_modelFill",
-	"desc": "xoziZG_desc",
+	"sectionLabel": "xoziZG_sectionLabel",
+	"count": "xoziZG_count",
+	"balanceUnit": "xoziZG_balanceUnit",
+	"modelTokens": "xoziZG_modelTokens",
 	"accountNameRow": "xoziZG_accountNameRow",
-	"area": "xoziZG_area",
+	"accountInfo": "xoziZG_accountInfo",
 	"creditBlock": "xoziZG_creditBlock",
-	"expiryLabel": "xoziZG_expiryLabel",
-	"accountName": "xoziZG_accountName",
-	"section": "xoziZG_section",
-	"choiceRow": "xoziZG_choiceRow",
-	"barFill": "xoziZG_barFill",
-	"statusLine": "xoziZG_statusLine",
-	"creditRows": "xoziZG_creditRows"
+	"balance": "xoziZG_balance",
+	"avatar": "xoziZG_avatar",
+	"manual": "xoziZG_manual",
+	"usageBar": "xoziZG_usageBar",
+	"creditFooter": "xoziZG_creditFooter",
+	"check": "xoziZG_check",
+	"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",