@mars-sea/dsh-commandcode-provider 0.2.0 → 0.2.2

package/lib/client.js

@@ -4,7 +4,10 @@ window.__ModuleLoader__.load({
 		var module = { exports: {} };
 		var exports = module.exports;
 		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-		//#region src/client/index.ts
+		let _deepseek_ai_dsh_client_runtime_client = require("@deepseek-ai/dsh-client-runtime/client");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/client/sessions.ts
 		/** Whether a selectModel rejection is the harness's image-session gate. */
 		function isImageSessionRejection(result) {
 			return !result.result.ok && result.result.error.code === "model-unavailable" && result.result.error.message.includes("does not accept image input");
@@ -31,20 +34,673 @@ window.__ModuleLoader__.load({
 				}
 			};
 		}
+		/** Install the wrapper on a connection's shared sessions face. */
+		function installFriendlyImageError(connection) {
+			connection.api.sessions = withFriendlyImageError(connection.api.sessions);
+		}
+		//#endregion
+		//#region src/client/settings.ts
+		/** The settings namespace the plugin registers (host half, src/index.ts). */
+		const COMMANDCODE_NS = "llm-commandcode";
+		/** Default credential reference the plugin resolves when none is named. */
+		const DEFAULT_API_KEY_REF = "COMMANDCODE_API_KEY";
+		/** A free-text field; an empty draft clears it. */
+		function textField(field) {
+			return {
+				field,
+				format: (value) => typeof value === "string" ? value : "",
+				parse: (text) => {
+					const trimmed = text.trim();
+					return trimmed === "" ? { kind: "clear" } : {
+						kind: "set",
+						value: trimmed
+					};
+				}
+			};
+		}
+		/** A whole-number field; an empty draft clears it, anything non-numeric blocks save. */
+		function numberField(field) {
+			return {
+				field,
+				format: (value) => typeof value === "number" ? String(value) : "",
+				parse: (text) => {
+					const trimmed = text.trim();
+					if (trimmed === "") return { kind: "clear" };
+					const parsed = Number(trimmed);
+					return Number.isFinite(parsed) ? {
+						kind: "set",
+						value: parsed
+					} : { kind: "invalid" };
+				}
+			};
+		}
+		/** The fields this page edits inside the `llm-commandcode` namespace. */
+		const SECTION_FIELDS = [
+			textField("apiBase"),
+			textField("workingDir"),
+			numberField("requestTimeoutMs"),
+			numberField("streamIdleTimeoutMs")
+		];
+		/**
+		* Controller bridging the `llm-commandcode` scope and the credentials domain
+		* onto the page. Public API mirrors the harness's CardForm actions, so the
+		* component stays thin.
+		*/
+		var CommandCodeSettingsController = class {
+			scope;
+			api;
+			specs = new Map(SECTION_FIELDS.map((spec) => [spec.field, spec]));
+			staged = /* @__PURE__ */ new Map();
+			listeners = /* @__PURE__ */ new Set();
+			disposers = [];
+			disposed = false;
+			defaultWorkingDir;
+			credential = {
+				ref: DEFAULT_API_KEY_REF,
+				configured: false,
+				writable: true
+			};
+			saving = false;
+			failed = false;
+			/**
+			* @param scope - bound scope for the `llm-commandcode` namespace.
+			* @param api - credentials wire face.
+			* @param hostDescription - the Host-description observable whose `cwd` is
+			*   shown as the placeholder a blank `workingDir` field resolves to.
+			*/
+			constructor(scope, api, hostDescription) {
+				this.scope = scope;
+				this.api = api;
+				this.disposers.push(scope.subscribe(() => {
+					this.recomputeCredentialRef();
+					this.publish();
+				}));
+				if (hostDescription !== void 0) {
+					this.defaultWorkingDir = hostDescription.getSnapshot()?.cwd;
+					this.disposers.push(hostDescription.subscribe(() => {
+						if (this.disposed) return;
+						const cwd = hostDescription.getSnapshot()?.cwd;
+						if (cwd !== this.defaultWorkingDir) {
+							this.defaultWorkingDir = cwd;
+							this.publish();
+						}
+					}));
+				}
+				this.recomputeCredentialRef();
+				this.readCredential();
+			}
+			/** Release every subscription held on external sources. Idempotent. */
+			dispose() {
+				if (this.disposed) return;
+				this.disposed = true;
+				for (const dispose of this.disposers) dispose();
+				this.disposers.length = 0;
+				this.listeners.clear();
+			}
+			/**
+			* The credential reference the section names, or the provider default. A
+			* user who renamed `apiKeyEnv` in `settings.yaml` (or the composition
+			* config) gets a page that addresses the renamed ref instead of silently
+			* writing the default — mirroring the Models page's `refFor()`.
+			*/
+			recomputeCredentialRef() {
+				const snapshot = this.scope.getSnapshot();
+				const named = typeof snapshot.value?.apiKeyEnv === "string" && snapshot.value.apiKeyEnv.length > 0 ? snapshot.value.apiKeyEnv : DEFAULT_API_KEY_REF;
+				if (named === this.credential.ref) return;
+				this.credential = {
+					ref: named,
+					configured: false,
+					writable: true
+				};
+				this.readCredential();
+			}
+			/** Subscribe to state projections. @returns the disposer. */
+			subscribe(listener) {
+				this.listeners.add(listener);
+				return () => this.listeners.delete(listener);
+			}
+			/** Build the current page state face. */
+			state() {
+				const snapshot = this.scope.getSnapshot();
+				const plan = this.plan();
+				return {
+					available: snapshot.status === "ready",
+					writable: snapshot.writable,
+					apiKeyConfigured: this.credential.configured,
+					apiKeyWritable: this.credential.writable,
+					apiKey: {
+						text: this.staged.get("apiKey")?.text ?? "",
+						clear: false,
+						overridden: false,
+						invalid: false
+					},
+					apiBase: this.field("apiBase"),
+					workingDir: this.field("workingDir"),
+					defaultWorkingDir: this.defaultWorkingDir,
+					requestTimeoutMs: this.field("requestTimeoutMs"),
+					streamIdleTimeoutMs: this.field("streamIdleTimeoutMs"),
+					dirty: plan.length > 0,
+					invalid: plan.some((item) => item.run === void 0),
+					saving: this.saving,
+					failed: this.failed
+				};
+			}
+			/** Stage one field's draft text. */
+			edit(field, text) {
+				this.staged.set(field, {
+					text,
+					clear: false
+				});
+				this.failed = false;
+				this.publish();
+			}
+			/** Reset one section field to its inherited (composition) value. */
+			resetField(field) {
+				if (field === "apiKey") {
+					this.staged.delete("apiKey");
+					this.failed = false;
+					this.publish();
+					return;
+				}
+				const spec = this.spec(field);
+				this.staged.set(field, {
+					text: spec.format(this.baseValue(field)),
+					clear: true
+				});
+				this.failed = false;
+				this.publish();
+			}
+			/** Discard every staged edit. */
+			discard() {
+				if (this.staged.size === 0 && !this.failed) return;
+				this.staged.clear();
+				this.failed = false;
+				this.publish();
+			}
+			/** Write every staged edit, then re-read the Host's accepted state. */
+			async save() {
+				const plan = this.plan();
+				if (plan.length === 0 || this.saving) return;
+				const runs = [];
+				for (const item of plan) {
+					if (item.run === void 0) return;
+					runs.push(item.run);
+				}
+				this.saving = true;
+				this.failed = false;
+				this.publish();
+				let landed = true;
+				for (const run of runs) landed = await run() && landed;
+				this.saving = false;
+				this.failed = !landed;
+				if (landed) this.staged.clear();
+				this.publish();
+			}
+			spec(field) {
+				const spec = this.specs.get(field);
+				if (spec === void 0) throw new Error(`commandcode settings page has no field ${field}`);
+				return spec;
+			}
+			/** One field's rendered state: draft text, whether it is user-overridden, invalid. */
+			field(field) {
+				const spec = this.spec(field);
+				const staged = this.staged.get(field);
+				if (staged === void 0) return {
+					text: spec.format(this.sectionValue(field)),
+					clear: false,
+					overridden: this.stored(field),
+					invalid: false
+				};
+				const parsed = staged.clear ? { kind: "clear" } : spec.parse(staged.text);
+				return {
+					text: staged.text,
+					clear: staged.clear,
+					overridden: parsed.kind === "set",
+					invalid: parsed.kind === "invalid"
+				};
+			}
+			sectionValue(field) {
+				return this.scope.getSnapshot().value?.[field];
+			}
+			baseValue(field) {
+				const base = this.scope.getSnapshot().base;
+				return typeof base === "object" && base !== null && !Array.isArray(base) ? base[field] : void 0;
+			}
+			userLayer() {
+				const user = this.scope.getSnapshot().user;
+				return typeof user === "object" && user !== null && !Array.isArray(user) ? user : void 0;
+			}
+			stored(field) {
+				const user = this.userLayer();
+				return user !== void 0 && Object.prototype.hasOwnProperty.call(user, field);
+			}
+			/**
+			* The writes a save would perform, in staged order. A field whose draft is
+			* not a value its spec accepts carries no write (the save refuses).
+			*/
+			plan() {
+				const plan = [];
+				for (const [field, staged] of this.staged) {
+					if (field === "apiKey") {
+						const value = staged.text.trim();
+						if (value !== "") plan.push({
+							field,
+							run: () => this.writeKey(value)
+						});
+						continue;
+					}
+					const spec = this.spec(field);
+					if (staged.clear) {
+						if (this.stored(field)) plan.push({
+							field,
+							run: () => this.clear(field)
+						});
+						continue;
+					}
+					if (staged.text === spec.format(this.sectionValue(field))) continue;
+					const parsed = spec.parse(staged.text);
+					if (parsed.kind === "invalid") plan.push({
+						field,
+						run: void 0
+					});
+					else if (parsed.kind === "clear") plan.push({
+						field,
+						run: () => this.clear(field)
+					});
+					else plan.push({
+						field,
+						run: () => this.store(field, parsed.value)
+					});
+				}
+				return plan;
+			}
+			async clear(field) {
+				await this.scope.unset(field);
+				return !this.stored(field);
+			}
+			async store(field, value) {
+				await this.scope.set(field, value);
+				return this.userLayer()?.[field] === value;
+			}
+			/** Write the staged key, then re-read whether the Host now holds one. */
+			async writeKey(value) {
+				try {
+					if (!(await this.api.credentials.set({
+						ref: this.credential.ref,
+						value
+					})).result.ok) return false;
+				} catch {
+					return false;
+				}
+				await this.readCredential();
+				return this.credential.configured;
+			}
+			/** Ask the credentials domain about the reference this page writes. */
+			async readCredential() {
+				const ref = this.credential.ref;
+				let response;
+				try {
+					response = await this.api.credentials.describe({ refs: [ref] });
+				} catch {
+					return;
+				}
+				if (!response.result.ok) return;
+				const view = response.result.value.credentials[ref];
+				const next = {
+					ref,
+					configured: view?.configured ?? false,
+					writable: view?.writable ?? true
+				};
+				if (next.configured === this.credential.configured && next.writable === this.credential.writable) return;
+				this.credential = next;
+				this.publish();
+			}
+			publish() {
+				if (this.disposed) return;
+				for (const listener of this.listeners) listener();
+			}
+		};
+		//#endregion
+		//#region src/client/section.tsx
+		/**
+		* React component for the "Command Code" settings page (browser half).
+		*
+		* Renders as a `settings.section` entry — a page at the same settings-nav
+		* level as General / Models / Plugins. The shell supplies the nav row and
+		* renders this body inside the content column. All copy comes from the
+		* `settings.commandcode` locale namespace; all state comes from the
+		* `CommandCodeSettingsController` injected by the slot registration.
+		*
+		* The layout mirrors the harness's settings pages: a max-width content
+		* column, labelled fields with hints, a reset affordance, and a
+		* save/discard footer. Styles are injected once by the client entry
+		* (see src/client/index.ts) and class-prefixed `cc-` to stay local.
+		*/
+		/** One labelled field row in the page body. */
+		function Field({ id, label, hint, state, disabled, numeric, placeholder, onEdit, onReset, t }) {
+			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: id,
+							children: label
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "cc-badges",
+							children: [state.overridden ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "cc-badge",
+								children: t("overridden")
+							}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "cc-reset",
+								disabled,
+								onClick: onReset,
+								children: t("reset")
+							})]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						id,
+						className: state.invalid ? "cc-input cc-inputInvalid" : "cc-input",
+						type: "text",
+						inputMode: numeric ? "numeric" : void 0,
+						value: state.text,
+						placeholder,
+						disabled,
+						onChange: (event) => onEdit(event.target.value)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: state.invalid ? "cc-invalid" : "cc-hint",
+						children: state.invalid ? t("invalidNumber") : hint
+					})
+				]
+			});
+		}
+		/** The API-key control: write-only, reports configured state, never echoes the key. */
+		function SecretKeyField({ label, hint, state, disabled, configured, configuredLabel, unconfiguredLabel, onEdit }) {
+			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-api-key",
+							children: label
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "cc-badges",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: configured ? "cc-badge" : "cc-badgeMuted",
+								children: configured ? configuredLabel : unconfiguredLabel
+							})
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						id: "cc-api-key",
+						className: "cc-input",
+						type: "password",
+						autoComplete: "off",
+						value: state.text,
+						disabled,
+						onChange: (event) => onEdit(event.target.value)
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "cc-hint",
+						children: hint
+					})
+				]
+			});
+		}
+		/** The settings page body: connection facts for the Command Code provider. */
+		function CommandCodeSettingsPage(props) {
+			const { t } = props;
+			const state = props.useCommandCodeSettings((snapshot) => snapshot);
+			const disabled = !state.writable;
+			const keyLocked = !state.apiKeyWritable;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+				className: "cc-section",
+				"aria-label": t("title"),
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+						className: "cc-title",
+						children: t("title")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "cc-intro",
+						children: t("intro")
+					}),
+					!state.writable ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "cc-readOnly",
+						role: "status",
+						children: t("readOnly")
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "cc-card",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SecretKeyField, {
+								label: t("apiKey"),
+								hint: keyLocked ? t("apiKeyLocked") : t("apiKeyHint"),
+								state: state.apiKey,
+								disabled: disabled || keyLocked,
+								configured: state.apiKeyConfigured,
+								configuredLabel: t("apiKeySet"),
+								unconfiguredLabel: t("apiKeyUnset"),
+								onEdit: (text) => props.edit("apiKey", text)
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+								id: "cc-api-base",
+								label: t("apiBase"),
+								hint: t("apiBaseHint"),
+								state: state.apiBase,
+								disabled,
+								onEdit: (text) => props.edit("apiBase", text),
+								onReset: () => props.resetField("apiBase"),
+								t
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+								id: "cc-working-dir",
+								label: t("workingDir"),
+								hint: t("workingDirHint"),
+								state: state.workingDir,
+								disabled,
+								placeholder: state.defaultWorkingDir,
+								onEdit: (text) => props.edit("workingDir", text),
+								onReset: () => props.resetField("workingDir"),
+								t
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+								id: "cc-request-timeout",
+								label: t("requestTimeoutMs"),
+								hint: t("requestTimeoutMsHint"),
+								state: state.requestTimeoutMs,
+								disabled,
+								numeric: true,
+								onEdit: (text) => props.edit("requestTimeoutMs", text),
+								onReset: () => props.resetField("requestTimeoutMs"),
+								t
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Field, {
+								id: "cc-stream-idle-timeout",
+								label: t("streamIdleTimeoutMs"),
+								hint: t("streamIdleTimeoutMsHint"),
+								state: state.streamIdleTimeoutMs,
+								disabled,
+								numeric: true,
+								onEdit: (text) => props.edit("streamIdleTimeoutMs", text),
+								onReset: () => props.resetField("streamIdleTimeoutMs"),
+								t
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "cc-footer",
+						children: [
+							state.failed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "cc-failed",
+								role: "status",
+								children: t("saveFailed")
+							}) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "ghost",
+								size: "sm",
+								disabled: !state.dirty || state.saving,
+								onClick: props.discard,
+								children: t("discard")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Button, {
+								variant: "primary",
+								size: "sm",
+								disabled: !state.dirty || state.invalid || state.saving,
+								onClick: props.save,
+								children: t(state.saving ? "saving" : "save")
+							})
+						]
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		const zh = {
+			nav: "Command Code",
+			title: "Command Code",
+			intro: "配置 Command Code Provider 连接。API 密钥仅保存在本机凭据服务中，不会回显；其他字段写入用户设置，下次请求即生效。",
+			apiKey: "API 密钥",
+			apiKeyHint: "在 commandcode.ai 控制台创建。留空保存不会覆盖已存储的密钥。",
+			apiKeySet: "已配置",
+			apiKeyUnset: "未配置",
+			apiKeyLocked: "密钥由只读来源提供",
+			apiBase: "API 地址",
+			apiBaseHint: "默认 https://api.commandcode.ai，一般无需修改。",
+			workingDir: "工作目录",
+			workingDirHint: "可选。留空时使用占位符显示的进程工作目录；仅在需要固定路径时填写。",
+			requestTimeoutMs: "请求超时（毫秒）",
+			requestTimeoutMsHint: "等待响应首个字节的超时；默认 60000。",
+			streamIdleTimeoutMs: "流空闲超时（毫秒）",
+			streamIdleTimeoutMsHint: "生成流停滞多久视为断连；默认 120000。",
+			overridden: "已覆盖",
+			reset: "重置",
+			invalidNumber: "无效数字",
+			readOnly: "当前配置为只读。",
+			unsaved: "未保存",
+			save: "保存",
+			saving: "保存中",
+			saveFailed: "保存失败，请重试。",
+			discard: "放弃",
+			cancel: "取消"
+		};
+		const en = {
+			nav: "Command Code",
+			title: "Command Code",
+			intro: "Configure the Command Code Provider connection. The API key is stored only in the local credential service and never echoed; other fields are written to user settings and take effect on the next request.",
+			apiKey: "API key",
+			apiKeyHint: "Create one in the commandcode.ai console. Saving with this field blank keeps the stored key.",
+			apiKeySet: "Configured",
+			apiKeyUnset: "Not configured",
+			apiKeyLocked: "Key provided by a read-only source",
+			apiBase: "API base URL",
+			apiBaseHint: "Defaults to https://api.commandcode.ai; usually leave as-is.",
+			workingDir: "Working directory",
+			workingDirHint: "Optional. Leave blank to use the process cwd shown as the placeholder; fill in only to pin a specific path.",
+			requestTimeoutMs: "Request timeout (ms)",
+			requestTimeoutMsHint: "Time to wait for the first response byte; default 60000.",
+			streamIdleTimeoutMs: "Stream idle timeout (ms)",
+			streamIdleTimeoutMsHint: "How long a stalled stream is treated as dead; default 120000.",
+			overridden: "Overridden",
+			reset: "Reset",
+			invalidNumber: "Invalid number",
+			readOnly: "Settings are read-only.",
+			unsaved: "Unsaved",
+			save: "Save",
+			saving: "Saving",
+			saveFailed: "Save failed, please retry.",
+			discard: "Discard",
+			cancel: "Cancel"
+		};
+		//#endregion
+		//#region src/client/index.ts
+		/** CSS for the settings page, injected once (harness bundle convention). */
+		const PAGE_CSS = `
+.cc-section{max-width:720px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:12px;display:flex}
+.cc-title{margin:0;font-size:18px;font-weight:600}
+.cc-intro{color:var(--dsw-alias-label-tertiary);margin:0;font-size:13px;line-height:1.5}
+.cc-readOnly{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}
+.cc-card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;padding:4px 16px}
+.cc-field{flex-direction:column;gap:6px;padding:12px 0;display:flex}
+.cc-field+.cc-field{border-top:1px solid var(--dsw-alias-border-l2)}
+.cc-fieldHead{align-items:center;gap:8px;display:flex}
+.cc-label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}
+.cc-badges{align-items:center;gap:8px;display:inline-flex}
+.cc-badge{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}
+.cc-badgeMuted{white-space:nowrap;color:var(--dsw-alias-label-tertiary);border-radius:999px;padding:1px 8px;font-size:11px;line-height:17px}
+.cc-reset{font:inherit;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;line-height:1.5}
+.cc-reset:hover:not(:disabled){color:var(--dsw-alias-label-primary)}
+.cc-reset:disabled{cursor:default;opacity:.5}
+.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}
+.cc-inputInvalid{border-color:var(--dsw-alias-label-error)}
+.cc-invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}
+.cc-hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}
+.cc-footer{justify-content:flex-end;align-items:center;gap:8px;display:flex}
+.cc-failed{min-width:0;color:var(--dsw-alias-label-error);flex:1;margin:0;font-size:12px;line-height:1.5}
+`;
+		/** Inject the page stylesheet once (idempotent per tag). */
+		function injectPageCss() {
+			if (typeof document === "undefined") return;
+			const id = "@mars-sea/dsh-commandcode-provider/CommandCodeSettingsPage.module.css";
+			if (document.querySelector(`style[data-plugin-css="${id}"]`) !== null) return;
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@mars-sea/dsh-commandcode-provider";
+			tag.dataset.pluginCss = id;
+			tag.textContent = PAGE_CSS;
+			document.head.appendChild(tag);
+		}
 		/**
-		* Client plugin body: install the selectModel wrapper on the connection's
-		* shared api. `inject: ['connection']` gates activation until the connection
-		* service is provided (the same pattern the harness's own client plugins
-		* use), and `connection.api.sessions` is a stable object the model-selection
-		* UI reads fresh on every call — so wrapping it once covers both the /model
-		* popup and the composer seat, across reconnects.
+		* Client plugin body. Gates on the services the settings page needs
+		* (`slots`, `locale`, `connection`, `remote`, `settingsScope`) plus the
+		* `connection` used by the friendly-error wrapper — the same inject list the
+		* harness's own settings-surface plugins declare.
 		*/
 		function apply(ctx) {
+			injectPageCss();
 			const connection = ctx.get("connection");
-			if (connection === void 0) return;
-			connection.api.sessions = withFriendlyImageError(connection.api.sessions);
+			if (connection !== void 0) installFriendlyImageError(connection);
+			ctx.effect(() => ctx.locale.register("settings.commandcode", {
+				zh,
+				en
+			}), "dsh-commandcode-provider: page copy");
+			const api = ctx.get("connection").api;
+			const hostDescription = ctx.get("connection").hostDescription;
+			const controller = new CommandCodeSettingsController(ctx.settingsScope.bind({ namespace: COMMANDCODE_NS }), { credentials: api.credentials }, hostDescription);
+			ctx.effect(() => () => controller.dispose(), "dsh-commandcode-provider: settings controller");
+			const store = (0, _deepseek_ai_dsh_client_runtime_client.createSnapshotStore)(controller.state());
+			controller.subscribe(() => store.set(controller.state()));
+			const injected = () => ({
+				hooks: { commandCodeSettings: store },
+				edit: (field, text) => controller.edit(field, text),
+				resetField: (field) => controller.resetField(field),
+				save: () => void controller.save(),
+				discard: () => controller.discard()
+			});
+			ctx.slots.inject("settings.section", () => ctx.slots.register({
+				name: "settings.section",
+				id: "commandcode",
+				order: 12,
+				label: () => ctx.locale.bind("settings.commandcode")("nav"),
+				locale: "settings.commandcode",
+				inject: injected
+			}, CommandCodeSettingsPage));
 		}
-		const inject = ["connection"];
+		const inject = [
+			"slots",
+			"locale",
+			"connection",
+			"remote",
+			"settingsScope"
+		];
 		//#endregion
 		exports.apply = apply;
 		exports.inject = inject;