dsh-llm-local-token 1.5.0 → 1.5.1

package/README.md

@@ -135,7 +135,8 @@ The badge shows **only the provider serving the currently selected model**: pick
 Codex's windows, switch to Claude and it swaps — the two are never mixed into one number. When the
 selected model belongs to another adapter (a plain API key, another plugin) the badge hides itself,
 because that quota is not this plugin's to report. The popover still lists every route, with the
-active one first and marked "current" and the rest dimmed. The selection comes from
+active one first, marked "current" and expanded; the rest are collapsed to a header carrying their
+first two windows, and open on click. Switching model re-applies that default. The selection comes from
 `ctx.modelDirectories`; a composition without that service (non-Web) falls back to the previous
 union-of-all-routes view.
 

package/README.zh.md

@@ -120,7 +120,8 @@ GLM 的凭据按下面的顺序解析，这个顺序保证数字是诚实的 —
 
 徽标**只显示当前选中模型所属 provider** 的用量：选 Codex 就是 Codex 的窗口，切到 Claude 就换成
 Claude 的，不会把两家的数字混在一起。选中的模型由别的 adapter 提供（普通 API key、其他插件）时徽标
-直接隐藏 —— 那份额度不属于本插件。展开的弹层仍列出所有路由，当前那条排在最前并标注「当前」，其余淡显。
+直接隐藏 —— 那份额度不属于本插件。展开的弹层仍列出所有路由：当前那条排在最前、标注「当前」并默认展开；
+其余折叠成一行，行内保留前两个窗口的百分比，点击即可展开。切换模型会重新套用这个默认。
 当前选中项来自 `ctx.modelDirectories`；组合里没有该服务时（非 Web）退回旧的「全部路由合并」显示。
 
 ## 环境要求

package/lib/client.js

@@ -27,6 +27,25 @@ window.__ModuleLoader__.load({
 			".ltk_cur{padding:0 6px;border-radius:999px;font-size:10px;line-height:16px;background:var(--dsw-alias-state-success-tertiary,var(--dsw-alias-bg-module-platform));color:var(--dsw-alias-label-primary)}" +
 			".ltk_provHead{display:flex;align-items:center;gap:6px;margin-bottom:6px}" +
 			".ltk_provName{flex:1;font-size:12px;font-weight:600;color:var(--dsw-alias-label-primary)}" +
+			".ltk_provToggle{width:100%;padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer;text-align:left}" +
+			".ltk_provFlat{margin-bottom:0}" +
+			// The chevron is the supplied 16px icon, inlined rather than fetched: one
+			// path, so it costs no request and no asset route. Source: docs/arrow.svg.
+			//
+			// Its artwork sits in the right half of the source canvas (x 8..12.1 of 16),
+			// so the viewBox is cropped square around the stroke instead of using the
+			// original 0 0 16 16 — otherwise nearly half the box is padding and the
+			// arrow looks indented against the window rows below it. Square keeps the
+			// 90deg open-state rotation pivoting on the artwork's own centre, so the
+			// row's left edge never moves when it toggles.
+			//
+			// Sized with the row's 10px badges, the smallest type in the panel. Note
+			// the box is all ink: a cropped SVG at 10px draws a 10px arrow, where a
+			// 10px text glyph drew roughly half that inside its em box — so this
+			// still reads larger than the character it replaced.
+			".ltk_chev{flex:none;display:block;width:10px;height:10px;color:var(--dsw-alias-label-secondary);transform-origin:50% 50%;transition:transform .12s ease}" +
+			".ltk_chevOpen{transform:rotate(90deg)}" +
+			".ltk_sum{flex:none;font-size:11px;color:var(--dsw-alias-label-secondary);font-variant-numeric:tabular-nums}" +
 			".ltk_plan{padding:0 6px;border-radius:999px;font-size:10px;line-height:16px;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary)}" +
 			".ltk_row{margin-top:6px}" +
 			".ltk_rowTop{display:flex;align-items:baseline;gap:6px;font-size:11px;color:var(--dsw-alias-label-tertiary)}" +
@@ -54,6 +73,7 @@ window.__ModuleLoader__.load({
 			current: "current",
 			"unit.d": "{n} days", "unit.h": "{n} hours", "unit.m": "{n} min",
 			readAt: "read {when} ago",
+			expand: "Show {name} quota", collapse: "Hide {name} quota",
 		};
 		const zh = {
 			label: "额度", title: "订阅用量",
@@ -65,6 +85,7 @@ window.__ModuleLoader__.load({
 			current: "当前",
 			"unit.d": "{n} 天", "unit.h": "{n} 小时", "unit.m": "{n} 分钟",
 			readAt: "{when}前读取",
+			expand: "展开 {name} 额度", collapse: "收起 {name} 额度",
 		};
 
 		/** Green under 60%, amber under 85%, red above. */
@@ -151,6 +172,18 @@ window.__ModuleLoader__.load({
 			const activeProvider = props.useModelSelection((snapshot) => snapshot.current?.provider ?? null);
 			const wrapRef = react.useRef(null);
 			const [pos, setPos] = react.useState(null);
+			/**
+			 * Which provider blocks the reader has explicitly opened or closed, by id.
+			 *
+			 * Only the route serving the current model is open by default; the rest
+			 * fold away but stay one click from their numbers. An override is dropped
+			 * when the selection changes, so switching model re-applies that default
+			 * instead of stranding an unrelated block open.
+			 */
+			const [openOverrides, setOpenOverrides] = react.useState({});
+			react.useEffect(() => {
+				setOpenOverrides({});
+			}, [activeProvider]);
 			react.useEffect(() => {
 				props.start();
 				props.ensureSelection();
@@ -241,35 +274,69 @@ window.__ModuleLoader__.load({
 						style: pos === null ? { left: "16px", bottom: "72px" } : { left: pos.left + "px", top: pos.top + "px", width: pos.width + "px", transform: pos.transform },
 						children: [
 							jsx("p", { className: "ltk_title", children: t("title") }),
-							...ordered.map((entry) => jsxs("div", {
-								className: activeProvider !== null && !covers(entry, activeProvider) ? "ltk_prov ltk_provDim" : "ltk_prov",
-								children: [
-									jsxs("div", {
-										className: "ltk_provHead",
-										children: [
-											jsx("span", { className: "ltk_provName", children: entry.displayName }),
-											activeProvider === null || !covers(entry, activeProvider) ? null : jsx("span", { className: "ltk_cur", children: t("current") }),
-											entry.usage?.plan === undefined ? null : jsx("span", { className: "ltk_plan", children: entry.usage.plan }),
-										],
-									}),
-									entry.usage === null
-										? jsx("p", { className: "ltk_hint", children: t("empty") })
-										: jsxs("div", {
+							...ordered.map((entry) => {
+								// Default: only the route serving the current model is open, because
+								// that is the one number this session is actually spending. With no
+								// model-selection service there is no "current", so everything opens,
+								// matching the union-of-all-routes fallback the badge already uses.
+								const defaultOpen = activeProvider === null || covers(entry, activeProvider);
+								const open = openOverrides[entry.provider] ?? defaultOpen;
+								// A collapsed row still carries its first two windows, so folding a
+								// route away costs the detail but not the glance.
+								const summary = entry.usage === null ? [] : entry.usage.windows.map((w) => Math.round(w.used * 100)).slice(0, 2);
+								return jsxs("div", {
+									className: activeProvider !== null && !covers(entry, activeProvider) ? "ltk_prov ltk_provDim" : "ltk_prov",
+									children: [
+										jsxs("button", {
+											type: "button",
+											className: open ? "ltk_provHead ltk_provToggle" : "ltk_provHead ltk_provToggle ltk_provFlat",
+											"aria-expanded": open,
+											title: t(open ? "collapse" : "expand", { name: entry.displayName }),
+											onClick: () => setOpenOverrides((prev) => ({ ...prev, [entry.provider]: !open })),
 											children: [
-												// Keyed by position: a provider may report two windows of the
-												// same kind (GLM sends two token windows), so the label is not
-												// unique and the order is stable.
-												...entry.usage.windows.map((w, index) => jsx(UsageRow, { t, entry: w }, index)),
-												entry.usage.credits === undefined || entry.usage.creditsUnlimited === true
-													? null
-													: jsx("p", { className: "ltk_hint", children: t("credits", { balance: String(entry.usage.credits) }) }),
-												agoOf(entry.usage.at).length === 0
-													? null
-													: jsx("p", { className: "ltk_hint", children: t("readAt", { when: agoOf(entry.usage.at) }) }),
+												jsx("svg", {
+													className: open ? "ltk_chev ltk_chevOpen" : "ltk_chev",
+													viewBox: "5.2 3.04 9.7 9.7",
+													"aria-hidden": "true",
+													// non-scaling-stroke keeps the 1.5px weight the icon was drawn with,
+													// independent of how far the cropped viewBox is scaled up.
+													children: jsx("path", {
+														d: "M8 3.79297L12.1012 7.89419L8 11.9954",
+														fill: "none",
+														stroke: "currentColor",
+														strokeWidth: 1.5,
+														strokeLinecap: "round",
+														strokeLinejoin: "round",
+														vectorEffect: "non-scaling-stroke",
+													}),
+												}),
+												jsx("span", { className: "ltk_provName", children: entry.displayName }),
+												activeProvider === null || !covers(entry, activeProvider) ? null : jsx("span", { className: "ltk_cur", children: t("current") }),
+												entry.usage?.plan === undefined ? null : jsx("span", { className: "ltk_plan", children: entry.usage.plan }),
+												open || summary.length === 0 ? null : jsx("span", { className: "ltk_sum", children: summary.map((p) => p + "%").join(" · ") }),
 											],
 										}),
-								],
-							}, entry.provider)),
+										!open
+											? null
+											: entry.usage === null
+												? jsx("p", { className: "ltk_hint", children: t("empty") })
+												: jsxs("div", {
+													children: [
+														// Keyed by position: a provider may report two windows of the
+														// same kind (GLM sends two token windows), so the label is not
+														// unique and the order is stable.
+														...entry.usage.windows.map((w, index) => jsx(UsageRow, { t, entry: w }, index)),
+														entry.usage.credits === undefined || entry.usage.creditsUnlimited === true
+															? null
+															: jsx("p", { className: "ltk_hint", children: t("credits", { balance: String(entry.usage.credits) }) }),
+														agoOf(entry.usage.at).length === 0
+															? null
+															: jsx("p", { className: "ltk_hint", children: t("readAt", { when: agoOf(entry.usage.at) }) }),
+													],
+												}),
+									],
+								}, entry.provider);
+							}),
 						],
 					}),
 				],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-llm-local-token",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "DeepSeek Harness plugin: serve LLM calls with the OAuth tokens your local Codex CLI and Claude Code already hold, instead of a separately configured API key — plus a composer badge showing subscription usage for those routes and for GLM Coding Plan.",
   "keywords": [
     "deepseek-harness",