@mars-sea/dsh-commandcode-provider 0.5.0 → 0.6.0

package/CHANGELOG.md

@@ -4,6 +4,13 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.6.0] - 2026-08-19
+
+### Changed
+
+- **Synced with the official command-code@1.28.4 CLI** (upstream moved 1.28.1 → 1.28.4: 1.28.2 raised the Qwen 3.8 27B usage allowance on GOAT and Pro, 1.28.3 fixed a CLI UI overlay issue; 1.28.4 is not on the changelog page yet). `COMMAND_CODE_CLI_VERSION` is now `1.28.4`. No snapshot or wire changes: the 1.28.4 bundle's effort map, plan maps, ZA model table, endpoints, request fields, and stream event types are all identical to 1.28.1, and the live catalog still lists the same 56 models.
+- **The settings page's account-usage card is now a carousel.** With several accounts configured, a tab strip (account label + status dot) switches between per-account reports instead of stacking them, so the page no longer grows with each account; the selector defaults to the currently serving account. Each account's report carries its own **remove** button (staged like every other edit, persisted on save) — offered only for accounts the settings document actually owns (the default account and composition-only literal-key accounts are not removable from the page), and the per-row remove buttons in the account-management card below were removed (unsaved additions keep theirs, since they never appear in the Host-side usage report). Accounts staged for removal disappear from the carousel immediately and stay hidden across the post-save refresh.
+
 ## [0.5.0] - 2026-08-19
 
 ### Added

package/README.md

@@ -10,7 +10,7 @@
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![npm](https://img.shields.io/badge/npm-@mars--sea%2Fdsh--commandcode--provider-blue.svg)](https://www.npmjs.com/package/@mars-sea/dsh-commandcode-provider)
 
-Unofficial [DeepSeek Harness](https://deepseek-harness.github.io/deepseek-harness/) LLM provider plugin for **Command Code**, ported from [pi-commandcode-provider](https://github.com/patlux/pi-commandcode-provider) (MIT). It registers a `commandcode` provider whose requests are translated to Command Code's Provider API (`POST /alpha/generate`, reverse-engineered by the pi plugin, `command-code@1.28.1`).
+Unofficial [DeepSeek Harness](https://deepseek-harness.github.io/deepseek-harness/) LLM provider plugin for **Command Code**, ported from [pi-commandcode-provider](https://github.com/patlux/pi-commandcode-provider) (MIT). It registers a `commandcode` provider whose requests are translated to Command Code's Provider API (`POST /alpha/generate`, reverse-engineered by the pi plugin, `command-code@1.28.4`).
 
 > This is a community integration. You need your own Command Code account and API key or subscription, and Command Code's terms apply. This project is not affiliated with Command Code, Inc.
 
@@ -22,7 +22,7 @@ Unofficial [DeepSeek Harness](https://deepseek-harness.github.io/deepseek-harnes
 - **API key resolution order**: `config.apiKey` → credential ref `apiKeyEnv` (default `COMMANDCODE_API_KEY`) → launch environment → the official CLI auth file (`~/.commandcode/auth.json`, from `command-code login`).
 - **Model-picker annotations**: every model shows the **minimum plan** that includes it (`KNOWN_PLANS`), an **active deal** or `FREE` badge (`KNOWN_DEALS`, expiry-aware so lapsed discounts hide themselves), the **current peak/off-peak state** (`Peak`/`Half`) for time-of-day-priced models, an **`Image`** marker for Vision models, and the **context window** (`1M` / `256K` / `262K`) — e.g. *"Go · 50% off · Image · 1M"*, *"Go · Half · 1M"*. The list is **sorted by plan tier** (Go → GOAT → Pro → Provider/Max), so the models your plan can use lead the picker.
 - **Plan-aware picker filtering**: the picker **hides models above your subscription tier** outright (resolved live from your account's billing state). It fails open — an unreachable billing endpoint, an unknown plan, or a positive on-demand credit balance (which the official CLI treats as unlocking every model) all keep the full catalog visible — and the server stays the final gate. Set **Hide out-of-plan models** off on the settings page (or `filterModelsByPlan: false` in the `llm-commandcode` settings section) to always list every model.
-- **Reasoning-effort support** for models the official catalog marks as such (`KNOWN_EFFORTS`, matching `command-code@1.28.1`); reasoning models without effort levels still think automatically, exactly like the official CLI.
+- **Reasoning-effort support** for models the official catalog marks as such (`KNOWN_EFFORTS`, matching `command-code@1.28.4`); reasoning models without effort levels still think automatically, exactly like the official CLI.
 - **Image input for Vision-capable models** (sent in the official wire format via the dsh attachment service); text-only models refuse images loudly (`UNSUPPORTED_CONTENT`) rather than dropping them.
 
 <img src="assets/screenshots/model-picker.png" alt="Model picker with plan, deal, image and context annotations" width="250">

package/README.zh-CN.md

@@ -10,7 +10,7 @@
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![npm](https://img.shields.io/badge/npm-@mars--sea%2Fdsh--commandcode--provider-blue.svg)](https://www.npmjs.com/package/@mars-sea/dsh-commandcode-provider)
 
-非官方 [DeepSeek Harness](https://deepseek-harness.github.io/deepseek-harness/) 的 LLM provider 插件，用于 **Command Code**，移植自 [pi-commandcode-provider](https://github.com/patlux/pi-commandcode-provider)（MIT 协议）。它注册了一个 `commandcode` provider，将请求转换为 Command Code 的 Provider API（`POST /alpha/generate`，由 pi 插件逆向工程，对应 `command-code@1.28.1`）。
+非官方 [DeepSeek Harness](https://deepseek-harness.github.io/deepseek-harness/) 的 LLM provider 插件，用于 **Command Code**，移植自 [pi-commandcode-provider](https://github.com/patlux/pi-commandcode-provider)（MIT 协议）。它注册了一个 `commandcode` provider，将请求转换为 Command Code 的 Provider API（`POST /alpha/generate`，由 pi 插件逆向工程，对应 `command-code@1.28.4`）。
 
 > 这是一个社区集成。你需要自己的 Command Code 账号、API key 或订阅，并遵守 Command Code 的服务条款。本项目与 Command Code, Inc. 无关。
 
@@ -22,7 +22,7 @@
 - **API key 解析顺序**：`config.apiKey` → 凭据引用 `apiKeyEnv`（默认 `COMMANDCODE_API_KEY`）→ 启动环境变量 → 官方 CLI 认证文件（`~/.commandcode/auth.json`，由 `command-code login` 写入）。
 - **模型选择器标注**：每个模型显示包含它的**最低套餐**（`KNOWN_PLANS`）、**活动折扣**或 `FREE` 徽章（`KNOWN_DEALS`，到期自动隐藏已失效折扣）、峰谷定价模型的**当前时段状态**（`Peak`/`Half`，按当前 UTC 小时动态判断）、Vision 模型的 **`Image`** 标记，以及**上下文长度**（`1M` / `256K` / `262K`）——例如 *"Go · 50% off · Image · 1M"*、*"Go · Half · 1M"*。列表**按套餐排序**（Go → GOAT → Pro → Provider/Max），你当前套餐能用的模型总是排在最前。
 - **按套餐过滤选择器**：选择器会**直接隐藏超出你订阅套餐的模型**（根据账户账单状态实时判断）。全程失败开放——账单接口不可用、套餐未知，或账户持有按需余额（官方 CLI 视为解锁全部模型）时都显示完整目录——服务端仍是最终闸门。在设置页关闭「隐藏套餐外模型」开关（或在 `llm-commandcode` 设置段中设 `filterModelsByPlan: false`）可始终列出全部模型。
-- **推理强度（reasoning-effort）支持**：针对官方目录标为推理模型的模型（`KNOWN_EFFORTS`，与 `command-code@1.28.1` 一致）；没有可选档位但仍支持思考的模型会自动思考，与官方 CLI 行为完全一致。
+- **推理强度（reasoning-effort）支持**：针对官方目录标为推理模型的模型（`KNOWN_EFFORTS`，与 `command-code@1.28.4` 一致）；没有可选档位但仍支持思考的模型会自动思考，与官方 CLI 行为完全一致。
 - **支持视觉模型的图片输入**（通过 dsh 附件服务、以官方 wire 格式发送）；纯文本模型会明确拒绝图片（`UNSUPPORTED_CONTENT`）而非静默丢弃。
 
 <img src="assets/screenshots/model-picker.png" alt="带套餐、折扣、图片与上下文标注的模型选择器" width="250">

package/lib/client.js

@@ -216,6 +216,7 @@ window.__ModuleLoader__.load({
 					filterModelsByPlan: this.field("filterModelsByPlan"),
 					activeAccount: this.field("activeAccount"),
 					accounts,
+					accountsRemoving: [...this.removedRefs],
 					dirty: plan.length > 0 || this.accountsDirty(),
 					invalid: plan.some((item) => item.run === void 0),
 					saving: this.saving,
@@ -1039,7 +1040,7 @@ window.__ModuleLoader__.load({
 		* One pool account's facts (identity, totals, credits, window limits)
 		* rendered inside the account-usage card.
 		*/
-		function AccountReport({ entry, t }) {
+		function AccountReport({ entry, t, onRemove }) {
 			const report = entry.report;
 			const account = report.account;
 			const accountName = account === void 0 ? "" : account.userName || account.name;
@@ -1072,6 +1073,13 @@ window.__ModuleLoader__.load({
 							planStatus !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "cc-usagePlanStatus",
 								children: planStatus
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "cc-usageMetaSpacer" }),
+							onRemove !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "cc-usageRefresh",
+								onClick: onRemove,
+								children: t("accountRemove")
 							}) : null
 						]
 					}),
@@ -1161,13 +1169,21 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		/** The status dot on an account tab: cooling/invalid warn, everything else ok. */
+		function AccountTabDot({ entry }) {
+			const cls = entry.mark === "invalid-credential" ? "cc-tabDot cc-tabDotError" : entry.mark !== "" || entry.cooldownUntil > 0 ? "cc-tabDot cc-tabDotWarn" : "cc-tabDot cc-tabDotOk";
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: cls });
+		}
 		/**
 		* The account-usage card: the `/commandcode` dashboard's facts rendered as
-		* a native settings card — one section per pool account. Data arrives
-		* through the `commandcode/report` Remote; the API keys never leave the
-		* Host.
+		* a native settings card. With several accounts the card is a carousel — a
+		* tab strip (label + status dot) switches between accounts so the page stays
+		* short; each account's report carries its own remove affordance (the
+		* default account is not removable). Accounts staged for removal in the
+		* management card are hidden here immediately. Data arrives through the
+		* `commandcode/report` Remote; the API keys never leave the Host.
 		*/
-		function UsageCard({ t, usage, apiKeyConfigured, onRefresh }) {
+		function UsageCard({ t, usage, apiKeyConfigured, removingIds, removableIds, canManage, onRefresh, onRemoveAccount }) {
 			(0, react.useEffect)(() => {
 				if (apiKeyConfigured && usage.status === "idle") onRefresh();
 			}, [
@@ -1177,6 +1193,25 @@ window.__ModuleLoader__.load({
 			]);
 			const loading = usage.status === "loading";
 			const report = usage.report;
+			const [locallyRemoved, setLocallyRemoved] = (0, react.useState)([]);
+			(0, react.useEffect)(() => {
+				setLocallyRemoved([]);
+			}, [usage.fetchedAt]);
+			const hidden = /* @__PURE__ */ new Set([...removingIds, ...locallyRemoved]);
+			const seenIds = /* @__PURE__ */ new Set();
+			const entries = (report?.accounts ?? []).filter((entry) => {
+				if (hidden.has(entry.id)) return false;
+				if (seenIds.has(entry.id)) return false;
+				seenIds.add(entry.id);
+				return true;
+			});
+			const [selectedId, setSelectedId] = (0, react.useState)(void 0);
+			const selected = entries.find((entry) => entry.id === selectedId) ?? entries.find((entry) => entry.active) ?? entries[0];
+			const removeSelected = canManage && selected !== void 0 && removableIds.includes(selected.id) ? () => {
+				const id = selected.id;
+				setLocallyRemoved((prev) => [...prev, id]);
+				onRemoveAccount(id);
+			} : void 0;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "cc-usageCard",
 				"aria-label": t("usageTitle"),
@@ -1211,10 +1246,24 @@ window.__ModuleLoader__.load({
 						role: "status",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [t("usageError"), usage.error !== void 0 && usage.error !== "" ? ` — ${usage.error}` : ""] })
 					}) : null,
-					report?.accounts.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountReport, {
-						entry,
-						t
-					}, entry.id)),
+					entries.length > 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "cc-tabs",
+						role: "tablist",
+						"aria-label": t("accountsTitle"),
+						children: entries.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							type: "button",
+							role: "tab",
+							"aria-selected": selected?.id === entry.id,
+							className: selected?.id === entry.id ? "cc-tab cc-tabActive" : "cc-tab",
+							onClick: () => setSelectedId(entry.id),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountTabDot, { entry }), entry.label]
+						}, entry.id))
+					}) : null,
+					selected !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountReport, {
+						entry: selected,
+						t,
+						onRemove: removeSelected
+					}, selected.id) : null,
 					report !== void 0 && usage.fetchedAt !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "cc-usageMeta",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "cc-usageMetaSpacer" }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
@@ -1229,7 +1278,13 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		/** One extra account row: label, key, configured badge, remove affordance. */
+		/**
+		* One extra account row: label, key, configured badge. Saved accounts are
+		* removed from the usage card above; a NOT-YET-SAVED addition never appears
+		* there (the usage report is Host-side), so it keeps its own remove button —
+		* otherwise the only way to undo a mistaken Add would be discarding every
+		* other staged edit.
+		*/
 		function AccountRow({ account, disabled, t, onLabel, onKey, onRemove }) {
 			const locked = !account.writable;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1252,13 +1307,13 @@ window.__ModuleLoader__.load({
 									className: account.configured ? "cc-badge" : "cc-badgeMuted",
 									children: account.configured ? t("apiKeySet") : t("apiKeyUnset")
 								}),
-								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								account.added ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 									type: "button",
 									className: "cc-reset",
 									disabled,
 									onClick: onRemove,
 									children: t("accountRemove")
-								})
+								}) : null
 							]
 						})]
 					}),
@@ -1287,7 +1342,7 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		/** The multi-account card: extra accounts in rotation order + add button. */
+		/** The multi-account card: the active-account selector + extra accounts in rotation order + add button. */
 		function AccountsCard({ t, state, disabled, onAdd, onRemove, onLabel, onKey, onActive, onActiveReset }) {
 			const active = state.activeAccount;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1405,7 +1460,11 @@ window.__ModuleLoader__.load({
 						t,
 						usage,
 						apiKeyConfigured: state.anyAccountConfigured,
-						onRefresh: props.refreshUsage
+						removingIds: state.accountsRemoving,
+						removableIds: state.accounts.map((account) => account.id),
+						canManage: state.writable,
+						onRefresh: props.refreshUsage,
+						onRemoveAccount: props.removeAccount
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(AccountsCard, {
 						t,
@@ -1713,8 +1772,14 @@ window.__ModuleLoader__.load({
 .cc-usageBarFillWarn{background:var(--dsw-alias-label-error)}
 .cc-usageWindowReset{color:var(--dsw-alias-label-tertiary);margin:0;font-size:11px;line-height:1.5}
 .cc-usageMeta{align-items:center;gap:8px;display:flex}
-.cc-accountReport{border-top:1px solid var(--dsw-alias-border-l2);padding-top:12px;flex-direction:column;gap:12px;display:flex}
-.cc-accountReport:first-of-type{border-top:none;padding-top:0}
+.cc-accountReport{flex-direction:column;gap:12px;display:flex}
+.cc-tabs{flex-wrap:wrap;gap:6px;display:flex}
+.cc-tab{align-items:center;font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l2);border-radius:999px;padding:2px 10px;font-size:12px;line-height:18px;display:inline-flex;gap:6px}
+.cc-tab:hover:not(.cc-tabActive){color:var(--dsw-alias-label-primary)}
+.cc-tabActive{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-brand-primary)}
+.cc-tabDotOk{background:var(--dsw-alias-brand-primary);border-radius:50%;width:6px;height:6px}
+.cc-tabDotWarn{background:#d97706;border-radius:50%;width:6px;height:6px}
+.cc-tabDotError{background:var(--dsw-alias-label-error);border-radius:50%;width:6px;height:6px}
 .cc-usageMetaSpacer{flex:1}
 .cc-usageUpdated{color:var(--dsw-alias-label-tertiary);margin:0;font-size:11px;line-height:1.5}
 .cc-usagePartial{color:var(--dsw-alias-label-error);margin:0;font-size:11px;line-height:1.5}