@mars-sea/dsh-commandcode-provider 0.10.0-alpha.1 → 0.10.0-alpha.2

package/lib/client.js

@@ -304,6 +304,12 @@ window.__ModuleLoader__.load({
 			booleanField$1("filterModelsByPlan"),
 			textField("activeAccount")
 		];
+		/** Whether two model-id lists are equal as sets (order-insensitive). */
+		function sameModels(a, b) {
+			if (a.length !== b.length) return false;
+			const set = new Set(a);
+			return b.every((id) => set.has(id));
+		}
 		/**
 		* Controller bridging the `llm-commandcode` scope and the credentials domain
 		* onto the page. Public API mirrors the harness's CardForm actions, so the
@@ -332,6 +338,15 @@ window.__ModuleLoader__.load({
 			keyDrafts = /* @__PURE__ */ new Map();
 			/** Credential references staged for removal on the next save. */
 			keyClears = /* @__PURE__ */ new Set();
+			/** Staged model→account routing rules (not yet saved). */
+			addedRules = [];
+			/** Staged edits to stored routing rules, by stored row id. */
+			ruleDrafts = /* @__PURE__ */ new Map();
+			/** Stored routing rule rows staged for removal. */
+			removedRuleIds = /* @__PURE__ */ new Set();
+			/** The catalog the rule editor offers (Host-side). */
+			catalogModels = [];
+			catalogFailed = false;
 			saving = false;
 			failed = false;
 			savedCount = 0;
@@ -362,6 +377,7 @@ window.__ModuleLoader__.load({
 				}
 				this.recomputeCredentialRef();
 				this.describeAll();
+				this.refreshCatalog();
 			}
 			/** Release every subscription held on external sources. Idempotent. */
 			dispose() {
@@ -418,7 +434,10 @@ window.__ModuleLoader__.load({
 					activeAccount: this.field("activeAccount"),
 					accounts,
 					accountsRemoving: [...this.removedRefs],
-					dirty: plan.length > 0 || this.accountsDirty(),
+					rules: this.effectiveRules(),
+					catalogModels: this.catalogModels,
+					catalogFailed: this.catalogFailed,
+					dirty: plan.length > 0 || this.accountsDirty() || this.rulesDirty(),
 					invalid: plan.some((item) => item.run === void 0),
 					saving: this.saving,
 					failed: this.failed,
@@ -491,6 +510,64 @@ window.__ModuleLoader__.load({
 				this.describeAll();
 				this.publish();
 			}
+			/** Stage a new model → account routing rule (saved on the next `save()`). */
+			addRule() {
+				this.addedRules.push({
+					models: [],
+					account: "default"
+				});
+				this.failed = false;
+				this.publish();
+			}
+			/** Stage one routing rule's removal (or drop an unsaved addition). */
+			removeRule(id) {
+				const addedIndex = this.addedRules.findIndex((_, index) => `new-${index}` === id);
+				if (addedIndex >= 0) this.addedRules.splice(addedIndex, 1);
+				else this.removedRuleIds.add(id);
+				this.ruleDrafts.delete(id);
+				this.failed = false;
+				this.publish();
+			}
+			/** Stage one routing rule's selected model ids (multi-select). */
+			editRuleModels(id, models) {
+				const addedIndex = this.addedRules.findIndex((_, index) => `new-${index}` === id);
+				if (addedIndex >= 0) this.addedRules[addedIndex] = {
+					...this.addedRules[addedIndex],
+					models
+				};
+				else {
+					const current = this.ruleDrafts.get(id) ?? this.storedRules().find((rule) => rule.id === id) ?? {
+						models: [],
+						account: "default"
+					};
+					this.ruleDrafts.set(id, {
+						...current,
+						models
+					});
+				}
+				this.failed = false;
+				this.publish();
+			}
+			/** Stage one routing rule's target account draft. */
+			editRuleAccount(id, text) {
+				const addedIndex = this.addedRules.findIndex((_, index) => `new-${index}` === id);
+				if (addedIndex >= 0) this.addedRules[addedIndex] = {
+					...this.addedRules[addedIndex],
+					account: text
+				};
+				else {
+					const current = this.ruleDrafts.get(id) ?? this.storedRules().find((rule) => rule.id === id) ?? {
+						models: [],
+						account: "default"
+					};
+					this.ruleDrafts.set(id, {
+						...current,
+						account: text
+					});
+				}
+				this.failed = false;
+				this.publish();
+			}
 			/** Stage one field's draft text. */
 			edit(field, text) {
 				this.staged.set(field, {
@@ -519,9 +596,10 @@ window.__ModuleLoader__.load({
 			}
 			/** Discard every staged edit. */
 			discard() {
-				if (this.staged.size === 0 && !this.accountsStaged() && !this.failed) return;
+				if (this.staged.size === 0 && !this.accountsStaged() && !this.rulesStaged() && !this.failed) return;
 				this.staged.clear();
 				this.clearAccountStaging();
+				this.clearRuleStaging();
 				this.failed = false;
 				this.publish();
 			}
@@ -537,7 +615,8 @@ window.__ModuleLoader__.load({
 			async save() {
 				const plan = this.plan();
 				const accountRuns = this.accountPlan();
-				if (plan.length === 0 && accountRuns.length === 0 || this.saving) return;
+				const ruleRuns = this.rulesPlan();
+				if (plan.length === 0 && accountRuns.length === 0 && ruleRuns.length === 0 || this.saving) return;
 				const runs = [];
 				for (const item of plan) {
 					if (item.run === void 0) return;
@@ -547,7 +626,11 @@ window.__ModuleLoader__.load({
 				this.failed = false;
 				this.publish();
 				let landed = true;
-				for (const run of [...runs, ...accountRuns]) if (!await run()) {
+				for (const run of [
+					...runs,
+					...accountRuns,
+					...ruleRuns
+				]) if (!await run()) {
 					landed = false;
 					break;
 				}
@@ -557,7 +640,11 @@ window.__ModuleLoader__.load({
 					this.savedCount += 1;
 					this.staged.clear();
 					this.clearAccountStaging();
-				} else this.reconcileAccountStaging();
+					this.clearRuleStaging();
+				} else {
+					this.reconcileAccountStaging();
+					this.reconcileRuleStaging();
+				}
 				this.publish();
 			}
 			/**
@@ -708,6 +795,28 @@ window.__ModuleLoader__.load({
 				}
 				if (changed) this.publish();
 			}
+			/**
+			* Fetch the model catalog for the routing-rule editor through the Host
+			* Remote. Runs once at construction; call again (e.g. from the client entry
+			* once the Remote mount lands) to (re)try — a later success clears a prior
+			* failure flag so the editor recovers without a page reload.
+			*/
+			refreshCatalog() {
+				const models = this.api.models;
+				if (models === void 0) {
+					this.catalogFailed = true;
+					this.publish();
+					return;
+				}
+				models().then((response) => {
+					if (response.ok && Array.isArray(response.value?.models)) {
+						this.catalogModels = response.value.models;
+						this.catalogFailed = false;
+					} else this.catalogFailed = true;
+				}, () => {
+					this.catalogFailed = true;
+				}).then(() => this.publish());
+			}
 			/** The stored extra accounts from the settings section (`accounts`). */
 			storedExtras() {
 				const raw = this.scope.getSnapshot().value?.accounts;
@@ -807,6 +916,93 @@ window.__ModuleLoader__.load({
 				const after = this.storedExtras();
 				return after.length === list.length && list.every((item, index) => after[index]?.ref === item.apiKeyEnv);
 			}
+			/** The stored routing rules from the settings section (`modelAccountRules`). */
+			storedRules() {
+				const raw = this.scope.getSnapshot().value?.modelAccountRules;
+				if (!Array.isArray(raw)) return [];
+				const out = [];
+				for (const [index, entry] of raw.entries()) {
+					if (typeof entry !== "object" || entry === null || Array.isArray(entry)) continue;
+					const record = entry;
+					const models = record.models;
+					const account = record.account;
+					const modelsList = Array.isArray(models) && models.every((m) => typeof m === "string") ? models.filter((m) => m !== "") : [];
+					if (modelsList.length === 0) continue;
+					out.push({
+						id: `rule-${index}`,
+						models: modelsList,
+						account: typeof account === "string" && account !== "" ? account : "default"
+					});
+				}
+				return out;
+			}
+			/** Every routing rule row: stored (minus staged removals, with drafts) + staged adds. */
+			effectiveRules() {
+				const stored = this.storedRules().filter((rule) => !this.removedRuleIds.has(rule.id)).map((rule) => {
+					const draft = this.ruleDrafts.get(rule.id);
+					return {
+						id: rule.id,
+						models: draft?.models ?? rule.models,
+						account: draft?.account ?? rule.account,
+						added: false
+					};
+				});
+				const added = this.addedRules.map((rule, index) => ({
+					id: `new-${index}`,
+					models: rule.models,
+					account: rule.account,
+					added: true
+				}));
+				return [...stored, ...added];
+			}
+			/** Whether any routing-rule staging (add/remove/edit) exists. */
+			rulesStaged() {
+				return this.addedRules.length > 0 || this.removedRuleIds.size > 0 || this.ruleDrafts.size > 0;
+			}
+			/** Whether the staged routing rules differ from the stored section. */
+			rulesDirty() {
+				if (this.addedRules.length > 0 || this.removedRuleIds.size > 0) return true;
+				for (const [id, draft] of this.ruleDrafts) {
+					const base = this.storedRules().find((rule) => rule.id === id);
+					if (base === void 0) continue;
+					if (draft.models.length > 0 && !sameModels(draft.models, base.models)) return true;
+					if (draft.account !== base.account) return true;
+				}
+				return false;
+			}
+			/** Reset every routing-rule staged edit. */
+			clearRuleStaging() {
+				this.addedRules = [];
+				this.ruleDrafts.clear();
+				this.removedRuleIds.clear();
+			}
+			/** Drop rule staging the stored section already reflects (partial-save retry). */
+			reconcileRuleStaging() {
+				const storedIds = new Set(this.storedRules().map((rule) => rule.id));
+				for (const id of [...this.removedRuleIds]) if (!storedIds.has(id)) this.removedRuleIds.delete(id);
+				for (const id of [...this.ruleDrafts.keys()]) if (!storedIds.has(id)) this.ruleDrafts.delete(id);
+			}
+			/** The routing-rule writes a save performs (empty when nothing staged). */
+			rulesPlan() {
+				if (!this.rulesDirty()) return [];
+				return [() => this.writeRules()];
+			}
+			/** Persist the staged routing rules into the settings section. */
+			async writeRules() {
+				const list = [...this.storedRules().filter((rule) => !this.removedRuleIds.has(rule.id)).map((rule) => {
+					const draft = this.ruleDrafts.get(rule.id);
+					return {
+						models: draft !== void 0 && draft.models.length > 0 ? draft.models : rule.models,
+						account: draft?.account !== void 0 && draft.account !== "" ? draft.account : rule.account
+					};
+				}), ...this.addedRules.map((rule) => ({
+					models: rule.models,
+					account: rule.account
+				}))].filter((rule) => rule.models.length > 0);
+				await this.scope.set("modelAccountRules", list);
+				const after = this.storedRules();
+				return after.length === list.length && list.every((item, index) => after[index] !== void 0 && sameModels(after[index].models, item.models) && after[index].account === item.account);
+			}
 			publish() {
 				if (this.disposed) return;
 				for (const listener of this.listeners) listener();
@@ -1321,6 +1517,39 @@ window.__ModuleLoader__.load({
 				}
 			}]
 		};
+		/** Canonical `<namespace>/<method>` endpoint of the model-catalog Remote. */
+		const MODELS_ENDPOINT = "commandcode/models";
+		/** Parse one untrusted boundary value into a {@link CommandCodeCatalogModel}. */
+		function parseCatalogModel(value) {
+			const source = record(value, "model");
+			return {
+				id: stringField(source, "id", "model.id"),
+				name: stringField(source, "name", "model.name")
+			};
+		}
+		/** Parse the wire result into a {@link CommandCodeCatalog}. */
+		function parseCatalog(value) {
+			const models = record(value, "result").models;
+			if (!Array.isArray(models)) reject$1("models");
+			return { models: models.map(parseCatalogModel) };
+		}
+		/** The Client-face contribution for the model-catalog endpoint. */
+		const MODELS_REMOTE_CONTRIBUTION = {
+			package: USAGE_REMOTE_PACKAGE,
+			descriptors: [{
+				id: `${USAGE_REMOTE_PACKAGE}#${MODELS_ENDPOINT}`,
+				service: "commandcodeUsage",
+				namespace: "commandcode",
+				method: "models",
+				invocation: { kind: "direct" },
+				parameters: [],
+				result: {
+					mode: "strict",
+					typeSymbol: `${USAGE_REMOTE_PACKAGE}#CommandCodeCatalog`,
+					schema: { parse: parseCatalog }
+				}
+			}]
+		};
 		//#endregion
 		//#region src/login-wire.ts
 		/** The canonical endpoint paths of the three login Remotes. */
@@ -1402,7 +1631,7 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region package.json
-		var version = "0.10.0-alpha.1";
+		var version = "0.10.0-alpha.2";
 		var repository = {
 			"type": "git",
 			"url": "git+https://github.com/Mars-Sea/dsh-commandcode-provider.git"
@@ -2464,6 +2693,173 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
+		/** One model → account routing rule row. */
+		function RuleRow({ rule, accounts, catalog, disabled, t, onModels, onAccount, onRemove }) {
+			const targets = [{
+				value: "default",
+				label: t("accountDefault")
+			}, ...accounts.filter((account) => !account.added).map((account) => ({
+				value: account.ref,
+				label: account.label
+			}))];
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "cc-field",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "cc-fieldHead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: "cc-label",
+							htmlFor: `cc-rule-model-${rule.id}`,
+							children: t("ruleModel")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "cc-badges",
+							children: [rule.added ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "cc-badge",
+								children: t("unsaved")
+							}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "cc-reset",
+								disabled,
+								onClick: onRemove,
+								children: t("ruleRemove")
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelMultiSelect, {
+						id: `cc-rule-model-${rule.id}`,
+						selected: rule.models,
+						catalog,
+						disabled,
+						t,
+						onSelect: onModels
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+						id: `cc-rule-account-${rule.id}`,
+						className: "cc-input",
+						value: rule.account,
+						disabled,
+						onChange: (event) => onAccount(event.target.value),
+						children: targets.map((target) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+							value: target.value,
+							children: target.label
+						}, target.value))
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "cc-hint",
+						children: t("ruleHint")
+					})
+				]
+			});
+		}
+		/**
+		* A checkbox multi-select dropdown for routing-rule models. The trigger shows
+		* the selection count; the anchored Menu lists every catalog model with a
+		* checkbox, toggled by clicking the row. Selected ids the catalog no longer
+		* carries still render so a saved rule never silently loses a selection.
+		*/
+		function ModelMultiSelect({ id, selected, catalog, disabled, t, onSelect }) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const options = [...catalog.map((model) => ({
+				value: model.id,
+				label: model.name
+			})), ...selected.filter((id) => !catalog.some((model) => model.id === id)).map((id) => ({
+				value: id,
+				label: id
+			}))];
+			const selectedSet = new Set(selected);
+			const items = options.map((option) => ({
+				id: option.value,
+				label: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					className: "cc-checkRow",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						type: "checkbox",
+						className: "cc-check",
+						checked: selectedSet.has(option.value),
+						readOnly: true,
+						tabIndex: -1
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "cc-checkName",
+						children: option.label
+					})]
+				})
+			}));
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Menu, {
+				open,
+				onClose: () => setOpen(false),
+				onSelect: (modelId) => {
+					onSelect(selectedSet.has(modelId) ? selected.filter((value) => value !== modelId) : [...selected, modelId]);
+				},
+				selectedIds: selected,
+				items,
+				portal: true,
+				anchor: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					id,
+					type: "button",
+					className: "cc-input cc-ruleTrigger",
+					disabled: disabled || catalog.length === 0,
+					onClick: () => setOpen((value) => !value),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "cc-ruleTriggerText",
+						children: selected.length === 0 ? t("ruleModelPick") : t("ruleModelCount", { count: selected.length })
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "cc-ruleCaret",
+						"aria-hidden": "true"
+					})]
+				})
+			});
+		}
+		/** The model → account routing card: rules in list order (first match wins). */
+		function RulesCard({ t, state, disabled, onAdd, onRemove, onModels, onAccount }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "cc-card",
+				"aria-label": t("rulesTitle"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "cc-field",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "cc-fieldHead",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+									className: "cc-label",
+									children: t("rulesTitle")
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "cc-badges",
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: "cc-reset",
+										disabled,
+										onClick: onAdd,
+										children: t("ruleAdd")
+									})
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "cc-hint",
+								children: t("rulesHint")
+							}),
+							state.catalogFailed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "cc-invalid",
+								children: t("rulesCatalogFailed")
+							}) : null
+						]
+					}),
+					state.rules.map((rule) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RuleRow, {
+						rule,
+						accounts: state.accounts,
+						catalog: state.catalogModels,
+						disabled,
+						t,
+						onModels: (ids) => onModels(rule.id, ids),
+						onAccount: (text) => onAccount(rule.id, text),
+						onRemove: () => onRemove(rule.id)
+					}, rule.id)),
+					state.rules.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "cc-hint",
+						children: t("rulesEmpty")
+					}) : null
+				]
+			});
+		}
 		/**
 		* Show the "Saved ✓" affordance for a short window after each accepted save.
 		* The controller only counts saves (`savedCount`); the flash timing lives
@@ -2551,6 +2947,15 @@ window.__ModuleLoader__.load({
 						onActive: (text) => props.edit("activeAccount", text),
 						onActiveReset: () => props.resetField("activeAccount")
 					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RulesCard, {
+						t,
+						state,
+						disabled,
+						onAdd: props.addRule,
+						onRemove: props.removeRule,
+						onModels: props.editRuleModels,
+						onAccount: props.editRuleAccount
+					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "cc-card",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretKeyField, {
@@ -2636,35 +3041,23 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		//#endregion
-		//#region src/client/card.tsx
 		/**
-		* The Command Code provider card inside the harness Models settings page
-		* (browser half). Rendered through the `settings.models.provider-card` keyed
-		* slot available in dsh 0.1.2-alpha.2, registered with
-		* `entryKey = 'llm-commandcode'` (the plugin's settings namespace, the key the
-		* Models page dispatches for every Command Code provider row).
-		*
-		* The slot's owner props (`configured`, `keyConfigured`) mirror what the
-		* Models page already knows; the authoritative credential facts still come
-		* from this plugin's `CommandCodeSettingsController` shared with the dedicated
-		* settings page, so the two surfaces can never disagree about whether a key
-		* is stored.
-		*
-		* Not configured: an "Unconfigured" badge, a paste-a-key field, and the
-		* official sign-in button — the whole flow a first-run user needs, inline.
-		* Configured: a green "Configured" badge plus a pointer to the full
-		* Command Code settings page for rotation, usage, and connection facts.
-		*
-		* The card renders nothing until the shared controller's first snapshot is
-		* ready (`available`), which also keeps the stale-facts window of the older
-		* join from ever being visible. A controller-less render (card mounted before
-		* the section registered its inject face — the composition runs one apply)
-		* degrades to the stateless registration-notice form.
-		*
-		* Styles ride the page stylesheet the client entry injects once (`cc-`
-		* prefixed classes); the card adds no CSS of its own.
+		* Find the official editor card among the slot outlet's siblings, or null
+		* while it is closed. The Models page renders the editor as an immediate
+		* sibling of the outlet wrapper — after it in a provider row (the target of
+		* the row's 编辑 toggle), before it in the first-run setup card and the
+		* add-provider card, where it is always open. The editor is the only such
+		* sibling whose CSS module class carries the `editor` stem
+		* (`<hash>_editor`); the row header and the add card's provider select
+		* never do, so the lookup needs no hash knowledge.
 		*/
+		function adjacentEditorCard(wrapper) {
+			if (wrapper === null) return null;
+			for (const sibling of [wrapper.previousElementSibling, wrapper.nextElementSibling]) if (sibling !== null && typeof sibling.className === "string" && sibling.className.includes("editor")) return sibling;
+			return null;
+		}
+		/** The closed-panel style: the outlet stays mounted as the detection anchor. */
+		const HIDDEN_STYLE = { display: "none" };
 		/** Decide the card's posture from the injected face and the owner facts. */
 		function cardMode(props) {
 			if (props.useCommandCodeSettings === void 0) return { kind: "registration" };
@@ -2795,20 +3188,18 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		/** One "Configured" badge + pointer to the full settings page (footer area). */
-		function CardConfiguredBody({ t }) {
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "cc-field",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "cc-hint",
-					children: t("cardConfiguredHint")
-				})
-			});
-		}
 		/**
 		* The slot component body. Dispatched on every Command Code provider card of
 		* the Models page (saved row, first-run setup posture, and add-provider
 		* draft).
+		*
+		* Closed (the official 编辑 toggle off) the panel renders nothing: the row
+		* head the Models page owns already names the provider and shows the
+		* credential dot, so a page full of providers stays compact. Opening the
+		* official editor mounts the editor shell as the outlet's sibling; the panel
+		* watches for it, hides the shell (it carries only the settings.yaml hint and
+		* a disabled apply for this namespace), and shows the real controls — badges,
+		* API-key field, sign-in, discard/save.
 		*/
 		function CommandCodeProviderCard(props) {
 			const { t } = props;
@@ -2823,14 +3214,50 @@ window.__ModuleLoader__.load({
 			const configured = mode.kind === "live" && mode.ready ? mode.controllerConfigured : props.keyConfigured;
 			const disabled = mode.kind === "live" && (!mode.writable || state !== void 0 && !mode.apiKeyWritable);
 			const showBody = mode.kind === "live" && mode.ready && state !== void 0;
+			const rootRef = (0, react.useRef)(null);
+			const [editorOpen, setEditorOpen] = (0, react.useState)(false);
+			(0, react.useEffect)(() => {
+				const root = rootRef.current;
+				if (root === null || typeof MutationObserver === "undefined") return;
+				const wrapper = root.closest(`[data-slot="settings.models.provider-card"]`) ?? root.parentElement;
+				if (wrapper === null) return;
+				const row = wrapper.parentElement;
+				if (row === null) return;
+				let hiddenEditor = null;
+				const sync = () => {
+					const editor = adjacentEditorCard(wrapper);
+					setEditorOpen(editor !== null);
+					if (editor !== null) {
+						editor.style.display = "none";
+						hiddenEditor = editor;
+					}
+				};
+				sync();
+				const observer = new MutationObserver(sync);
+				observer.observe(row, { childList: true });
+				return () => {
+					observer.disconnect();
+					if (hiddenEditor !== null) hiddenEditor.style.display = "";
+				};
+			}, []);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref: rootRef,
 				className: "cc-providerCard",
 				"data-cc-models-card": "true",
+				style: editorOpen ? void 0 : HIDDEN_STYLE,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "cc-field",
-						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					editorOpen && mode.kind === "registration" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "cc-hint",
+						children: t("cardRegistrationHint")
+					}) : null,
+					editorOpen && mode.kind === "live" && !mode.ready ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "cc-hint",
+						children: t("cardLoadingHint")
+					}) : null,
+					editorOpen && showBody ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "cc-field",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 								className: "cc-fieldHead",
 								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 									className: "cc-label",
@@ -2846,18 +3273,8 @@ window.__ModuleLoader__.load({
 										children: t("cardRouteActive")
 									}) : null]
 								})]
-							}),
-							mode.kind === "registration" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "cc-hint",
-								children: t("cardRegistrationHint")
-							}) : null,
-							mode.kind === "live" && !mode.ready ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "cc-hint",
-								children: t("cardLoadingHint")
-							}) : null
-						]
-					}),
-					showBody && !configured ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							})
+						}),
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardKeyField, {
 							state: state.apiKey,
 							disabled,
@@ -2873,20 +3290,29 @@ window.__ModuleLoader__.load({
 						}) : null,
 						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "cc-footer",
-							children: [failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-								className: "cc-failed",
-								role: "status",
-								children: t("saveFailed")
-							}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-								type: "button",
-								className: "cc-reset",
-								disabled: savingBlocked || saving,
-								onClick: props.save,
-								children: t(saving ? "saving" : "save")
-							})]
+							children: [
+								failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "cc-failed",
+									role: "status",
+									children: t("saveFailed")
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "cc-reset",
+									disabled: !dirty || saving,
+									onClick: props.discard,
+									children: t("discard")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "cc-reset",
+									disabled: savingBlocked || saving,
+									onClick: props.save,
+									children: t(saving ? "saving" : "save")
+								})
+							]
 						})
-					] }) : null,
-					showBody && configured ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardConfiguredBody, { t }) : null
+					] }) : null
 				]
 			});
 		}
@@ -2927,6 +3353,17 @@ window.__ModuleLoader__.load({
 			activeAccount: "当前使用账户",
 			activeAccountAuto: "自动（第一个可用账户）",
 			activeAccountHint: "手动指定优先使用的账户，保存后下次请求即生效；所选账户耗尽时仍会自动切换到其他可用账户。",
+			rulesTitle: "按模型切换账户",
+			rulesHint: "选择模型并路由到某个账户（可多选）。命中规则的模型且该账户可用时优先使用；账户耗尽或密钥失效时仍自动回落到其他账户。规则按列表顺序匹配，第一条命中生效。",
+			rulesEmpty: "尚未配置规则。",
+			rulesCatalogFailed: "模型目录获取失败，暂时无法选择模型；已保存的规则仍会生效。",
+			ruleAdd: "添加规则",
+			ruleRemove: "移除",
+			ruleModel: "模型",
+			ruleModelPick: "选择模型…",
+			ruleModelCount: "已选 {count} 个模型",
+			ruleAccount: "目标账户",
+			ruleHint: "从下拉列表勾选要路由的模型（可多选），再选择目标账户。",
 			overridden: "已覆盖",
 			reset: "重置",
 			invalidNumber: "无效数字",
@@ -2996,11 +3433,10 @@ window.__ModuleLoader__.load({
 			loginStoreFailed: "密钥无法写入本机凭据服务，请手动粘贴。",
 			loginCancelled: "登录已取消。",
 			loginFailedGeneric: "登录失败，请重试或手动粘贴密钥。",
-			cardTitle: "Command Code 连接",
+			cardTitle: "Command Code",
 			cardRouteActive: "已启用",
 			cardLoadingHint: "正在读取 Command Code 配置…",
-			cardRegistrationHint: "此卡片随 Command Code 插件注册，需要较新版本的 DeepSeek Harness 才会显示完整内容。",
-			cardConfiguredHint: "API 密钥已就绪。如需更换密钥、添加多账户轮换、查看用量或修改 API 地址，请前往设置中的「Command Code」页。"
+			cardRegistrationHint: "此卡片随 Command Code 插件注册，需要较新版本的 DeepSeek Harness 才会显示完整内容。"
 		};
 		const en = {
 			nav: "Command Code",
@@ -3037,6 +3473,17 @@ window.__ModuleLoader__.load({
 			activeAccount: "Active account",
 			activeAccountAuto: "Auto (first usable account)",
 			activeAccountHint: "Pin the preferred account; applies to the next request after saving. If the selected account is exhausted, requests still rotate to another usable account.",
+			rulesTitle: "Route models to accounts",
+			rulesHint: "Pick models (multi-select) and route them to an account. When the request’s model is in a rule and that account is usable, it serves; an exhausted or invalid routed account falls back to the normal rotation. Rules match in list order — the first hit wins.",
+			rulesEmpty: "No rules yet.",
+			rulesCatalogFailed: "Could not load the model catalog — selecting models is unavailable; saved rules still apply.",
+			ruleAdd: "Add rule",
+			ruleRemove: "Remove",
+			ruleModel: "Models",
+			ruleModelPick: "Select models…",
+			ruleModelCount: "{count} model(s) selected",
+			ruleAccount: "Target account",
+			ruleHint: "Check the models to route from the dropdown (multi-select), then pick the target account.",
 			overridden: "Overridden",
 			reset: "Reset",
 			invalidNumber: "Invalid number",
@@ -3106,11 +3553,10 @@ window.__ModuleLoader__.load({
 			loginStoreFailed: "The key could not be stored in the local credential service; paste it manually.",
 			loginCancelled: "Sign-in cancelled.",
 			loginFailedGeneric: "Sign-in failed; try again or paste the key manually.",
-			cardTitle: "Command Code connection",
+			cardTitle: "Command Code",
 			cardRouteActive: "Active",
 			cardLoadingHint: "Loading the Command Code configuration…",
-			cardRegistrationHint: "This card is contributed by the Command Code plugin; a newer DeepSeek Harness is needed to show the full controls.",
-			cardConfiguredHint: "The API key is ready. To replace it, add account rotation, review usage, or change the API base, open the \"Command Code\" page in Settings."
+			cardRegistrationHint: "This card is contributed by the Command Code plugin; a newer DeepSeek Harness is needed to show the full controls."
 		};
 		//#endregion
 		//#region src/client/index.ts
@@ -3134,6 +3580,19 @@ window.__ModuleLoader__.load({
 .cc-input{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);height:34px;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;line-height:1.5}
 .cc-input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}
 .cc-input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}
+/* The routing-rule model multi-select: a button trigger that opens an
+ * anchored Menu of checkbox rows. The trigger mirrors .cc-input sizing so it
+ * sits flush with the sibling account select. */
+.cc-ruleTrigger{align-items:center;gap:8px;display:flex;width:100%;text-align:left;cursor:pointer}
+.cc-ruleTrigger:disabled{cursor:default}
+.cc-ruleTriggerText{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.cc-ruleCaret{flex-shrink:0;border-right:1.5px solid var(--dsw-alias-label-tertiary);border-bottom:1.5px solid var(--dsw-alias-label-tertiary);width:6px;height:6px;margin-right:4px;margin-bottom:2px;transform:rotate(45deg)}
+.cc-checkRow{align-items:center;gap:8px;display:inline-flex;min-width:0}
+.cc-checkRow:hover{cursor:pointer}
+.cc-check{appearance:none;flex-shrink:0;width:15px;height:15px;margin:0;border:1px solid var(--dsw-alias-border-l2);border-radius:4px;background:var(--dsw-alias-bg-layer-1);position:relative}
+.cc-check:checked{background:var(--dsw-alias-brand-primary);border-color:var(--dsw-alias-brand-primary)}
+.cc-check:checked::after{content:'';position:absolute;top:2px;left:5px;width:3px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
+.cc-checkName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 /* Selects need their own treatment to sit flush with the text inputs:
  * the UA stylesheet renders <select> border-box (34px total vs the inputs'
  * 36px) and forces its own menulist text metrics, so drop the native
@@ -3256,7 +3715,15 @@ select.cc-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;box
 		}
 		/** Mount the one shared UI implementation over either credential transport. */
 		function applyClientSurfaces(ctx, api, hostDescription) {
-			const controller = new CommandCodeSettingsController(ctx.settingsScope.bind({ namespace: COMMANDCODE_NS }), api, hostDescription);
+			const scope = ctx.settingsScope.bind({ namespace: COMMANDCODE_NS });
+			let modelsRemote;
+			const controller = new CommandCodeSettingsController(scope, {
+				...api,
+				models: () => modelsRemote?.() ?? Promise.resolve({
+					ok: false,
+					error: { message: "commandcode/models remote is not mounted" }
+				})
+			}, hostDescription);
 			ctx.effect(() => () => controller.dispose(), "dsh-commandcode-provider: settings controller");
 			const store = createSnapshotStore(controller.state());
 			controller.subscribe(() => store.set(controller.state()));
@@ -3267,7 +3734,11 @@ select.cc-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;box
 			let usageMountError;
 			const contribution = {
 				package: USAGE_REMOTE_CONTRIBUTION.package,
-				descriptors: [...USAGE_REMOTE_CONTRIBUTION.descriptors, ...LOGIN_REMOTE_CONTRIBUTION.descriptors]
+				descriptors: [
+					...USAGE_REMOTE_CONTRIBUTION.descriptors,
+					...MODELS_REMOTE_CONTRIBUTION.descriptors,
+					...LOGIN_REMOTE_CONTRIBUTION.descriptors
+				]
 			};
 			ctx.effect(() => {
 				let cancelled = false;
@@ -3280,6 +3751,7 @@ select.cc-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;box
 					unmount = dispose;
 					ctx.inject(["remote.commandcode"], (namespaceCtx) => {
 						usageNamespace = namespaceCtx.remote.commandcode;
+						controller.refreshCatalog();
 						namespaceCtx.effect(() => () => {
 							usageNamespace = void 0;
 						}, "dsh-commandcode-provider: usage namespace");
@@ -3293,14 +3765,26 @@ select.cc-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;box
 					if (unmount !== void 0) unmount();
 				};
 			}, "dsh-commandcode-provider: usage remote");
-			const usageController = new CommandCodeUsageController({ report: async () => {
-				const namespace = usageNamespace;
-				if (namespace === void 0) return {
-					ok: false,
-					error: { message: usageMountError ?? "commandcode/report remote is not mounted" }
-				};
-				return namespace.report();
-			} });
+			const usageRemote = {
+				report: async () => {
+					const namespace = usageNamespace;
+					if (namespace === void 0) return {
+						ok: false,
+						error: { message: usageMountError ?? "commandcode/report remote is not mounted" }
+					};
+					return namespace.report();
+				},
+				models: async () => {
+					const namespace = usageNamespace;
+					if (namespace === void 0) return {
+						ok: false,
+						error: { message: usageMountError ?? "commandcode/models remote is not mounted" }
+					};
+					return namespace.models();
+				}
+			};
+			modelsRemote = () => usageRemote.models();
+			const usageController = new CommandCodeUsageController(usageRemote);
 			ctx.effect(() => () => usageController.dispose(), "dsh-commandcode-provider: usage controller");
 			const usageStore = createSnapshotStore(usageController.state());
 			usageController.subscribe(() => usageStore.set(usageController.state()));
@@ -3360,7 +3844,11 @@ select.cc-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;box
 				removeAccount: (id) => controller.removeAccount(id),
 				editAccountLabel: (id, text) => controller.editAccountLabel(id, text),
 				editAccountKey: (id, text) => controller.editAccountKey(id, text),
-				toggleKeyClear: (id) => controller.toggleKeyClear(id)
+				toggleKeyClear: (id) => controller.toggleKeyClear(id),
+				addRule: () => controller.addRule(),
+				removeRule: (id) => controller.removeRule(id),
+				editRuleModels: (id, ids) => controller.editRuleModels(id, ids),
+				editRuleAccount: (id, text) => controller.editRuleAccount(id, text)
 			});
 			ctx.slots.inject("settings.section", () => ctx.slots.register({
 				name: "settings.section",
@@ -3384,6 +3872,7 @@ select.cc-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;box
 						const settled = controller.state();
 						if (!settled.failed && settled.anyAccountConfigured) usageController.refresh();
 					}),
+					discard: () => controller.discard(),
 					beginLogin: () => void loginController.begin(),
 					cancelLogin: () => void loginController.cancel()
 				})