@khorsheed/dsh-local-agent-claude-code 0.1.0-rc.6

package/lib/client.js

@@ -0,0 +1,1065 @@
+window.__ModuleLoader__.load({
+	id: "@khorsheed/dsh-local-agent-claude-code",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region ../local-agent/src/client/settings-scope.ts
+		/**
+		* Observable channel behind the card's settings face: delegates to the armed
+		* line scope and republishes on arming, reporting the degraded face until
+		* either host line's deferred probe arms it. The channel exists because the
+		* line probe cannot run as a direct property read — cordis 4.0.4's
+		* service-access guard throws `cannot get property "<name>" without inject`
+		* on any undeclared `ctx.<service>` touch, and neither service name exists on
+		* the other host line, so a static inject would pend there; `ctx.inject` +
+		* `ctx.get` is the only probe that is safe on both.
+		*/
+		var SettingsScopeChannel = class {
+			constructor() {
+				this.inner = unavailableSettingsScope();
+				this.listeners = /* @__PURE__ */ new Set();
+				this.getSnapshot = () => this.inner.getSnapshot();
+				this.subscribe = (listener) => {
+					this.listeners.add(listener);
+					return () => {
+						this.listeners.delete(listener);
+					};
+				};
+				this.set = (field, value) => this.inner.set(field, value);
+				this.unset = (field) => this.inner.unset(field);
+			}
+			/** Bind the line-served scope; the first arm wins (the two lines never coexist). */
+			arm(scope) {
+				this.inner = scope;
+				scope.subscribe(() => {
+					this.emit();
+				});
+				this.emit();
+			}
+			emit() {
+				for (const listener of [...this.listeners]) listener();
+			}
+		};
+		/**
+		* An inert scope for a composition whose settings client never came up:
+		* reads report `unavailable` (the cards disable their controls, exactly like
+		* an unregistered namespace) and writes never settle a value change.
+		* @returns the degraded scope.
+		*/
+		function unavailableSettingsScope() {
+			const snapshot = {
+				status: "unavailable",
+				value: void 0,
+				base: void 0,
+				user: void 0,
+				revision: void 0,
+				writable: false,
+				mode: "memory"
+			};
+			return {
+				getSnapshot: () => snapshot,
+				subscribe: () => () => {},
+				set: () => Promise.resolve(false),
+				unset: () => Promise.resolve(false)
+			};
+		}
+		/**
+		* Bind the provider row's settings scope on the host line actually serving.
+		* Returns the channel synchronously; both line probes ride deferred injects,
+		* so the serving line's arm fires as soon as its settings service is up (the
+		* settings client package is a declared client inject of every family
+		* provider, so in a normal composition arming lands immediately) and a
+		* provider mounting first still gets armed later. Absent both — a broken
+		* composition — the channel keeps the card on the degraded face, alive and
+		* disabled.
+		* @param ctx - the provider's client context.
+		* @param entryId - the plugin row id (`local-agent-dsh` and friends), the
+		*   same string the 0.1.5 namespace used.
+		* @returns the bound scope channel.
+		*/
+		function bindSettingsScope(ctx, entryId) {
+			const channel = new SettingsScopeChannel();
+			ctx.inject(["configForms"], (formsCtx) => {
+				const forms = formsCtx.get("configForms");
+				if (typeof forms?.get === "function") channel.arm(forms.get(entryId));
+			});
+			ctx.inject(["settingsScope"], (legacyCtx) => {
+				const legacy = legacyCtx.get("settingsScope");
+				if (typeof legacy?.bind === "function") channel.arm(legacy.bind({ namespace: entryId }));
+			});
+			return channel;
+		}
+		//#endregion
+		//#region src/client/locales.ts
+		/** `local-agent-claude-code` namespace dictionaries. */
+		/** Dictionary namespace owned by this plugin (matches the settings namespace). */
+		const NS = "local-agent-claude-code";
+		/** Simplified Chinese dictionary (the key-set source of truth). */
+		const zh = {
+			"card.title": "Local Agent · Claude Code",
+			"card.description": "Claude Code 委派：登录授权与常驻模式（live）",
+			"card.expand": "展开",
+			"card.collapse": "收起",
+			"auth.title": "认证",
+			"model.title": "默认模型",
+			"model.info.aria": "默认模型说明",
+			"model.info": "留空 = 跟随默认（输入框里显示的就是当前跟随的模型）。从列表选择或手动输入一个模型名后保存，之后的每轮委派都以它起 CLI（`claude -p --model <模型>`，常驻模式同一个旗标）。成员会话里还可用作曲器按会话切换，不影响这里的默认。改动在下一轮委派生效，进行中的轮次不受影响；评测 run 的条件在建立时冻结，中途换模型会被下一轮的模型回读判为 misattributed 而拦下。",
+			"model.placeholder": "留空 = 不传模型，用 CLI 自己的默认",
+			"model.menu": "选择模型",
+			"model.menuDefault": "默认（跟随 CLI 内置默认）",
+			"model.menuDefaultCliConfig": "默认（跟随 CLI 配置：{model}）",
+			"model.menuDefaultCliBuiltin": "默认（跟随 CLI 默认：{model}）",
+			"model.menuDefaultLastObserved": "默认（跟随 CLI 内置默认（最近：{model}））",
+			"model.save": "保存",
+			"model.applied": "已保存，下一轮委派生效；进行中的轮次不受影响",
+			"model.error": "保存失败，请重试",
+			"live.title": "常驻模式（live）",
+			"live.info.aria": "常驻模式说明",
+			"live.info": "常驻模式 = 成员进程常驻：输出实时流入成员会话、取消不杀进程、崩溃后自动续上原会话；关闭则每轮独立进程，跑完一次性出结果。设置为全局偏好，对所有后续委派生效。",
+			"live.applied": "已保存，下一轮委派生效；进行中的轮次不受影响",
+			"live.error": "保存失败，请重试",
+			"live.unavailable": "设置服务不可用（宿主未注册 local-agent-claude-code 命名空间）"
+		};
+		/** English dictionary, checked complete against the zh key set. */
+		const en = {
+			"card.title": "Local Agent · Claude Code",
+			"card.description": "Claude Code delegation: sign-in and resident (live) mode",
+			"card.expand": "Expand",
+			"card.collapse": "Collapse",
+			"auth.title": "Authentication",
+			"model.title": "Default model",
+			"model.info.aria": "About the default model",
+			"model.info": "Blank = follow the default (the input shows the model it currently follows). Pick from the list or type a model name by hand and save, and every later delegation round starts the CLI with it (`claude -p --model <model>`, the same flag in resident mode). Inside a member session the composer can also switch the model per session, without touching this default. A change applies to the next round and never disturbs a round in flight; an evaluation run freezes its condition at setup, so switching mid-run is caught by the model read-back on the next round and fails the run as misattributed.",
+			"model.placeholder": "Blank = pass no model, keep the CLI's own default",
+			"model.menu": "Pick a model",
+			"model.menuDefault": "Default (follow the CLI's built-in default)",
+			"model.menuDefaultCliConfig": "Default (follow the CLI config: {model})",
+			"model.menuDefaultCliBuiltin": "Default (follow the CLI default: {model})",
+			"model.menuDefaultLastObserved": "Default (follow the CLI's built-in default (last: {model}))",
+			"model.save": "Save",
+			"model.applied": "Saved — takes effect on the next delegation round; rounds in flight are unaffected",
+			"model.error": "Save failed, please retry",
+			"live.title": "Resident mode (live)",
+			"live.info.aria": "About resident mode",
+			"live.info": "Resident mode keeps the member process alive: output streams into the member session in real time, cancelling does not kill the process, and a crash resumes the same session. Off means every round runs as an independent one-shot process. The setting is global and applies to every later delegation.",
+			"live.applied": "Saved — takes effect on the next delegation round; rounds in flight are unaffected",
+			"live.error": "Save failed, please retry",
+			"live.unavailable": "Settings service unavailable (the host did not register the local-agent-claude-code namespace)"
+		};
+		//#endregion
+		//#region src/client/icons.tsx
+		const IconChevronDownOutlineMedium = ({ size = 14, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			width: size,
+			height: size,
+			className,
+			viewBox: "0 0 16 16",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			"aria-hidden": "true",
+			strokeWidth: 1.3,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M4 6L7.29289 9.29289C7.68342 9.68342 8.31658 9.68342 8.70711 9.29289L12 6",
+				stroke: "currentColor"
+			})
+		});
+		//#endregion
+		//#region ../local-agent/src/client/icons.tsx
+		const IconCheckOutlineMedium = ({ size = 16, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+			width: size,
+			height: size,
+			className,
+			viewBox: "0 0 16 16",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			"aria-hidden": "true",
+			strokeWidth: 1.3,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+				d: "M2.25 8.5L5.49732 11.7473C5.90519 12.1552 6.57263 12.1344 6.95426 11.7018L13.75 4",
+				stroke: "currentColor"
+			})
+		});
+		//#endregion
+		//#region ../local-agent/src/client/auth-status.ts
+		/**
+		* Harness auth-status bus for the settings cards: the ProviderAuthBlock
+		* publishes every probe result, and card headers subscribe for the at-a-glance
+		* credential dot — one probe feeds both the block and the header, a login or
+		* logout inside any card flips every dot immediately, and every header mount
+		* re-probes so a mid-session credential loss cannot leave a stale green dot.
+		* @module @khorsheed/dsh-local-agent/client — auth status bus
+		*/
+		const statuses = /* @__PURE__ */ new Map();
+		const listeners = /* @__PURE__ */ new Set();
+		/** Record one harness's latest probe result and notify subscribers. */
+		function publishAuthStatus(harnessId, status) {
+			if (statuses.get(harnessId) === status) return;
+			statuses.set(harnessId, status);
+			for (const listener of listeners) listener();
+		}
+		function subscribe(listener) {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		}
+		/**
+		* Read one harness's latest known auth status. Every mount probes once and
+		* publishes — a published value only snapshots the past (a credential expiring
+		* mid-session must flip the dot at the next view, not stay green forever);
+		* the bus dedupes identical values, so repeat probes never re-render.
+		* @param harnessId - the harness to read.
+		* @param probe - the card's injected status face (read-only Remote channel).
+		* @returns the latest known status kind.
+		*/
+		function useHarnessAuthStatus(harnessId, probe) {
+			const status = (0, react.useSyncExternalStore)(subscribe, () => statuses.get(harnessId) ?? "checking");
+			(0, react.useEffect)(() => {
+				let cancelled = false;
+				probe(harnessId).then((result) => {
+					if (cancelled) return;
+					publishAuthStatus(harnessId, result === void 0 ? "unavailable" : result.authenticated ? "authenticated" : "anonymous");
+				}).catch(() => {
+					if (!cancelled) publishAuthStatus(harnessId, "unavailable");
+				});
+				return () => {
+					cancelled = true;
+				};
+			}, [harnessId, probe]);
+			return status;
+		}
+		//#endregion
+		//#region \0dsh-css:../local-agent/src/client/ProviderAuthBlock.module.css.mjs
+		const css$2 = ".On5p7W_section{max-width:720px;color:var(--dsw-alias-label-primary);flex-direction:column;gap:4px;display:flex}.On5p7W_title{color:var(--dsw-alias-label-primary);margin:0;font-size:16px;font-weight:500;line-height:24px}.On5p7W_intro{color:var(--dsw-alias-label-tertiary);margin:0;font-size:14px;line-height:22px}.On5p7W_rows{flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.On5p7W_rowCard{border:1px solid var(--dsw-alias-border-l2);border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.On5p7W_rowPending{opacity:.6}.On5p7W_rowHead{align-items:center;gap:10px;display:flex}.On5p7W_rowIdentity{align-items:center;gap:6px;min-width:0;display:inline-flex}.On5p7W_rowName{color:var(--dsw-alias-label-primary);font-size:14px;font-weight:500;line-height:22px}.On5p7W_rowTag{border:1px solid var(--dsw-alias-border-l3);color:var(--dsw-alias-label-secondary);border-radius:4px;flex:none;padding:1px 6px;font-size:11px;line-height:16px}.On5p7W_credentialDot{box-sizing:border-box;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.On5p7W_dotOn{background:var(--dsw-alias-state-success-primary)}.On5p7W_dotOff{background:var(--dsw-alias-state-error-primary)}.On5p7W_dotPending{background:var(--dsw-alias-fill-l3)}.On5p7W_status{color:var(--dsw-alias-label-tertiary);flex:none;margin-left:auto;font-size:12px;line-height:18px}.On5p7W_rowActions{align-items:center;gap:4px;display:inline-flex}.On5p7W_loginButton{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);height:28px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border-radius:14px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;line-height:18px;display:inline-flex}.On5p7W_loginButton:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l3)}.On5p7W_loginButton:disabled{color:var(--dsw-alias-label-tertiary);border-color:var(--dsw-alias-border-l2);cursor:not-allowed}.On5p7W_logoutButton{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);height:28px;color:var(--dsw-alias-state-error-primary);cursor:pointer;background:0 0;border-radius:14px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;line-height:18px;display:inline-flex}.On5p7W_logoutButton:hover{border-color:var(--dsw-alias-state-error-primary)}.On5p7W_rosterError{color:var(--dsw-alias-state-error-primary);align-items:center;gap:10px;margin:8px 0 0;font-size:12px;line-height:18px;display:flex}.On5p7W_retryButton{box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);height:24px;color:var(--dsw-alias-label-secondary);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;line-height:18px;display:inline-flex}.On5p7W_retryButton:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l3)}.On5p7W_loginPrompt{align-items:flex-start;gap:10px;display:flex}.On5p7W_promptText{min-width:0;color:var(--dsw-alias-label-tertiary);overflow-wrap:anywhere;flex:1;font-size:12px;line-height:18px}.On5p7W_codeInput{border:1px solid var(--dsw-alias-line-normal,currentColor);min-width:0;color:inherit;background:0 0;border-radius:6px;flex:1;padding:4px 8px;font-size:12px;line-height:18px}.On5p7W_openPage{color:var(--dsw-alias-accent-link);flex:none;font-size:12px;line-height:18px;text-decoration:none}.On5p7W_openPage:hover{text-decoration:underline}";
+		const tagId$2 = "@khorsheed/dsh-local-agent-claude-code/ProviderAuthBlock.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$2) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@khorsheed/dsh-local-agent-claude-code";
+			tag.dataset.pluginCss = tagId$2;
+			tag.textContent = css$2;
+			document.head.appendChild(tag);
+		}
+		var ProviderAuthBlock_module_css_default = {
+			"rowHead": "On5p7W_rowHead",
+			"rowActions": "On5p7W_rowActions",
+			"loginPrompt": "On5p7W_loginPrompt",
+			"promptText": "On5p7W_promptText",
+			"codeInput": "On5p7W_codeInput",
+			"retryButton": "On5p7W_retryButton",
+			"logoutButton": "On5p7W_logoutButton",
+			"rowName": "On5p7W_rowName",
+			"rowCard": "On5p7W_rowCard",
+			"rowTag": "On5p7W_rowTag",
+			"rowPending": "On5p7W_rowPending",
+			"status": "On5p7W_status",
+			"rowIdentity": "On5p7W_rowIdentity",
+			"dotOff": "On5p7W_dotOff",
+			"loginButton": "On5p7W_loginButton",
+			"credentialDot": "On5p7W_credentialDot",
+			"section": "On5p7W_section",
+			"title": "On5p7W_title",
+			"rosterError": "On5p7W_rosterError",
+			"openPage": "On5p7W_openPage",
+			"dotOn": "On5p7W_dotOn",
+			"dotPending": "On5p7W_dotPending",
+			"intro": "On5p7W_intro",
+			"rows": "On5p7W_rows"
+		};
+		//#endregion
+		//#region ../local-agent/src/client/ProviderAuthBlock.tsx
+		/** Known harnesses the family plans to support; unregistered ones render as pending. */
+		const KNOWN_HARNESSES = [
+			{
+				id: "kimi",
+				label: "Kimi Code"
+			},
+			{
+				id: "codex",
+				label: "Codex"
+			},
+			{
+				id: "claude-code",
+				label: "Claude Code"
+			}
+		];
+		/** How often a pending login's status is re-probed after the prompt surfaces. */
+		const LOGIN_POLL_MS = 4e3;
+		/** The first http(s) URL in a login prompt, if any. */
+		function parseLoginUrl(text) {
+			return /https?:\/\/\S+/.exec(text)?.[0];
+		}
+		/** Resolve a harness id to its display label for toast text. */
+		function harnessLabel(id) {
+			return KNOWN_HARNESSES.find((harness) => harness.id === id)?.label ?? id;
+		}
+		/**
+		* The main-view session: host 0.1.6-alpha.2 dropped SessionListState.current
+		* for the retainedBy.mainView count on each summary (the label is ui-session's
+		* declaration merge, read here as a plain duck-typed count so this package
+		* needs no ui-session edge), with the legacy field as the older-host fallback.
+		*/
+		const mainSessionId = (list) => Object.values(list.byId ?? {}).find((session) => (session.retainedBy?.mainView ?? 0) > 0)?.id ?? list.current;
+		/**
+		* One harness's auth interactions, shared between the per-provider settings
+		* cards (the alpha.2 `plugins.bundle.config` pages and the 0.1.5
+		* `settings.plugin.item` tab): auth status through
+		* the read-only Remote channel and a web-login action that runs
+		* `/<harness> login`, surfaces the device-code prompt, and offers a link to
+		* the authorization page. The login command returns at prompt time while the
+		* CLI polls in the background, so a pending login's status keeps being
+		* re-probed until credentials land or the poll window expires. Status polls
+		* ride the Remote channel and emit no session events; only the user-initiated
+		* login/logout commands leave command nodes in the log.
+		* @param props - the harness, the injected query/command faces, and copy.
+		* @returns the block content (head row, prompts, and the login toast).
+		*/
+		function ProviderAuthBlock({ harness, useSessions, status, runCommand, actions, t }) {
+			const sessionId = useSessions((state) => mainSessionId(state));
+			const [view, setView] = (0, react.useState)({ status: "checking" });
+			/** The login start time while the device-code login is still pending. */
+			const [pendingSince, setPendingSince] = (0, react.useState)(void 0);
+			/** A login-completion toast awaiting mount; seq forces a re-show for repeats. */
+			const [loginToast, setLoginToast] = (0, react.useState)(null);
+			const toastSeq = (0, react.useRef)(0);
+			/** OAuth code draft for a pty login awaiting a paste. */
+			const [codeDraft, setCodeDraft] = (0, react.useState)("");
+			const refresh = () => {
+				const id = harness.id;
+				setView((prev) => ({
+					...prev,
+					status: "checking"
+				}));
+				status(id).then((probe) => {
+					const statusKind = probe === void 0 ? "unavailable" : probe.authenticated ? "authenticated" : "anonymous";
+					publishAuthStatus(id, statusKind);
+					const capabilities = probe === void 0 ? {} : {
+						loginable: probe.loginable ?? true,
+						logoutable: probe.logoutable ?? true,
+						...probe.loginAwaitingCode === true ? { loginAwaitingCode: true } : {}
+					};
+					setView((prev) => statusKind === "authenticated" ? {
+						status: statusKind,
+						...capabilities
+					} : {
+						...prev,
+						status: statusKind,
+						...capabilities
+					});
+					if (statusKind === "authenticated") setPendingSince((prev) => {
+						if (prev !== void 0) {
+							toastSeq.current += 1;
+							setLoginToast({ seq: toastSeq.current });
+						}
+					});
+				}).catch(() => {
+					publishAuthStatus(id, "unavailable");
+					setView((prev) => ({
+						...prev,
+						status: "unavailable"
+					}));
+				});
+			};
+			(0, react.useEffect)(() => {
+				refresh();
+			}, [
+				harness.id,
+				status,
+				sessionId
+			]);
+			(0, react.useEffect)(() => {
+				if (sessionId === void 0 || pendingSince === void 0) return;
+				const timer = window.setInterval(() => {
+					if (Date.now() - pendingSince > 3e5) {
+						setPendingSince(void 0);
+						return;
+					}
+					refresh();
+				}, LOGIN_POLL_MS);
+				return () => {
+					window.clearInterval(timer);
+				};
+			}, [
+				pendingSince,
+				status,
+				sessionId,
+				harness.id
+			]);
+			const startLogin = () => {
+				if (sessionId === void 0) return;
+				runCommand(sessionId, `/${harness.id} login`).then((text) => {
+					const text2 = text ?? "";
+					const loginUrl = parseLoginUrl(text2);
+					setView({
+						status: "checking",
+						loginText: text2,
+						...loginUrl !== void 0 && { loginUrl }
+					});
+					setPendingSince(Date.now());
+				}).catch(() => {
+					setView({ status: "unavailable" });
+				});
+			};
+			const signOut = () => {
+				if (sessionId === void 0) return;
+				runCommand(sessionId, `/${harness.id} logout`).then((text) => {
+					setView({
+						status: "checking",
+						loginText: text !== void 0 && text.trim() !== "" ? text : t("settings.loggedOut")
+					});
+					refresh();
+				}).catch(() => {
+					setView({ status: "unavailable" });
+				});
+			};
+			const statusKind = view.status;
+			const authenticated = statusKind === "authenticated";
+			const loginPending = pendingSince !== void 0;
+			const loginable = view.loginable ?? true;
+			const logoutable = view.logoutable ?? true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: ProviderAuthBlock_module_css_default.rowHead,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: ProviderAuthBlock_module_css_default.rowIdentity,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: ProviderAuthBlock_module_css_default.rowName,
+									children: harness.label
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: `${ProviderAuthBlock_module_css_default.credentialDot} ${authenticated ? ProviderAuthBlock_module_css_default.dotOn : ProviderAuthBlock_module_css_default.dotOff}`,
+									role: "img",
+									"aria-label": t(authenticated ? "settings.authenticated" : "settings.notAuthenticated")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: ProviderAuthBlock_module_css_default.rowTag,
+									children: harness.id
+								})
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: ProviderAuthBlock_module_css_default.status,
+							children: [
+								statusKind === "checking" && t("loading"),
+								statusKind === "authenticated" && t("settings.authenticated"),
+								statusKind === "anonymous" && t("settings.notAuthenticated"),
+								statusKind === "unavailable" && t("error")
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: ProviderAuthBlock_module_css_default.rowActions,
+							children: [
+								authenticated && logoutable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: ProviderAuthBlock_module_css_default.logoutButton,
+									onClick: () => {
+										signOut();
+									},
+									children: t("settings.logout")
+								}),
+								loginable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: ProviderAuthBlock_module_css_default.loginButton,
+									disabled: loginPending || sessionId === void 0,
+									onClick: () => {
+										startLogin();
+									},
+									children: authenticated ? t("settings.reauthorize") : t("settings.login")
+								}),
+								actions
+							]
+						})
+					]
+				}),
+				view.loginText !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: ProviderAuthBlock_module_css_default.loginPrompt,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: ProviderAuthBlock_module_css_default.promptText,
+						children: view.loginText
+					}), view.loginUrl !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+						className: ProviderAuthBlock_module_css_default.openPage,
+						href: view.loginUrl,
+						target: "_blank",
+						rel: "noreferrer",
+						children: t("settings.openPage")
+					})]
+				}),
+				view.loginAwaitingCode === true && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: ProviderAuthBlock_module_css_default.loginPrompt,
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+						className: ProviderAuthBlock_module_css_default.codeInput,
+						value: codeDraft,
+						placeholder: t("settings.pasteCode"),
+						onChange: (event) => {
+							setCodeDraft(event.currentTarget.value);
+						}
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: ProviderAuthBlock_module_css_default.loginButton,
+						disabled: codeDraft.trim() === "",
+						onClick: () => {
+							const code = codeDraft.trim();
+							if (code === "" || sessionId === void 0) return;
+							runCommand(sessionId, `/${harness.id} code ${code}`).then((text) => {
+								setView((prev) => {
+									const { loginAwaitingCode: _cleared, ...rest } = prev;
+									return {
+										...rest,
+										loginText: text ?? ""
+									};
+								});
+								setCodeDraft("");
+							});
+						},
+						children: t("settings.submitCode")
+					})]
+				}),
+				loginToast !== null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Toast, {
+					text: t("settings.loginSuccess", { harness: harnessLabel(harness.id) }),
+					icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCheckOutlineMedium, {}),
+					onDone: () => {
+						setLoginToast(null);
+					}
+				}, loginToast.seq)
+			] });
+		}
+		//#endregion
+		//#region \0dsh-css:../local-agent/src/client/AuthStatusDot.module.css.mjs
+		const css$1 = ".OFjNUG_credentialDot{box-sizing:border-box;border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.OFjNUG_dotOn{background:var(--dsw-alias-state-success-primary)}.OFjNUG_dotOff{background:var(--dsw-alias-state-error-primary)}.OFjNUG_dotPending{background:var(--dsw-alias-fill-l3)}";
+		const tagId$1 = "@khorsheed/dsh-local-agent-claude-code/AuthStatusDot.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId$1) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@khorsheed/dsh-local-agent-claude-code";
+			tag.dataset.pluginCss = tagId$1;
+			tag.textContent = css$1;
+			document.head.appendChild(tag);
+		}
+		var AuthStatusDot_module_css_default = {
+			"dotOn": "OFjNUG_dotOn",
+			"credentialDot": "OFjNUG_credentialDot",
+			"dotPending": "OFjNUG_dotPending",
+			"dotOff": "OFjNUG_dotOff"
+		};
+		//#endregion
+		//#region ../local-agent/src/client/AuthStatusDot.tsx
+		/** One 8px status dot with an accessible label. */
+		function AuthStatusDot({ status, label }) {
+			const modifier = status === "authenticated" ? AuthStatusDot_module_css_default.dotOn : status === "anonymous" ? AuthStatusDot_module_css_default.dotOff : AuthStatusDot_module_css_default.dotPending;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: `${AuthStatusDot_module_css_default.credentialDot} ${modifier}`,
+				role: "img",
+				"aria-label": label,
+				"data-auth-status": status
+			});
+		}
+		//#endregion
+		//#region \0dsh-css:src/client/SettingsCard.module.css.mjs
+		const css = ".C-VWHa_card{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:12px;list-style:none;transition:border-color .16s,background .16s}.C-VWHa_card:hover{border-color:var(--dsw-alias-label-dimmed)}.C-VWHa_cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}.C-VWHa_header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.C-VWHa_header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.C-VWHa_headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.C-VWHa_nameRow{align-items:center;gap:6px;display:flex}.C-VWHa_name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}.C-VWHa_description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}.C-VWHa_chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s}.C-VWHa_chevronOpen{transform:rotate(180deg)}.C-VWHa_body{border-top:1px solid var(--dsw-alias-border-l2);flex-direction:column;gap:14px;margin:0 16px;padding:12px 0 8px;display:flex}.C-VWHa_block{flex-direction:column;gap:10px;display:flex}.C-VWHa_blockTitle{color:var(--dsw-alias-label-primary);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:500;line-height:1.4;display:flex}.C-VWHa_info{appearance:none;color:var(--dsw-alias-label-tertiary);cursor:help;background:0 0;border:0;border-radius:50%;padding:0 2px;font-size:12px;line-height:1}.C-VWHa_info:hover,.C-VWHa_info:focus-visible{color:var(--dsw-alias-label-primary)}.C-VWHa_row{align-items:center;gap:12px;display:flex}.C-VWHa_rowLabel{color:var(--dsw-alias-label-primary);align-items:center;gap:4px;font-size:13px;line-height:1.4;display:inline-flex}.C-VWHa_switch{border:1px solid color-mix(in srgb, currentColor 30%, transparent);background:color-mix(in srgb, currentColor 12%, transparent);cursor:pointer;width:2.25rem;height:1.25rem;color:var(--dsw-alias-label-primary);border-radius:999px;flex:none;align-self:center;padding:.125rem;transition:background .12s}.C-VWHa_switch:disabled{opacity:.5;cursor:default}.C-VWHa_switchOn{background:color-mix(in srgb, var(--dsh-accent,#4f8cff) 70%, transparent)}.C-VWHa_knob{background:var(--dsh-surface,#fff);border-radius:999px;width:.9375rem;height:.9375rem;transition:transform .12s;display:block}.C-VWHa_switchOn .C-VWHa_knob{transform:translate(.9375rem)}.C-VWHa_saved{color:var(--dsw-alias-state-success-primary);font-size:12px}.C-VWHa_errorText{color:var(--dsw-alias-state-error-primary);font-size:12px}.C-VWHa_hint{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:1.5}.C-VWHa_modelInput{min-width:0;font:inherit;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border-radius:8px;flex:1;padding:5px 8px;font-size:13px;line-height:1.4}.C-VWHa_modelInput::placeholder{color:var(--dsw-alias-label-caption);opacity:1}.C-VWHa_modelInput:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.C-VWHa_modelInput:disabled{opacity:.5}.C-VWHa_modelField{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);border-radius:8px;flex:1;align-items:center;min-width:0;display:flex;position:relative}.C-VWHa_modelField:focus-within{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}.C-VWHa_modelField .C-VWHa_modelInput{background:0 0;border:0;border-radius:0}.C-VWHa_modelField .C-VWHa_modelInput:focus-visible{outline:none}.C-VWHa_modelMenuButton{width:24px;height:24px;color:var(--dsw-alias-label-caption);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;margin-right:4px;display:flex}.C-VWHa_modelMenuButton:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.C-VWHa_modelMenuButton:disabled{opacity:.5;cursor:default}.C-VWHa_modelMenuChevron{transition:transform .16s}.C-VWHa_modelMenuChevronOpen{transform:rotate(180deg)}.C-VWHa_modelMenu{z-index:10;border:1px solid var(--dsw-alias-border-l2-darkmode-thin,var(--dsw-alias-border-l2));background:var(--dsw-specific-menu,var(--dsw-alias-bg-layer-2,var(--dsw-alias-bg-layer-1,#fff)));min-width:160px;max-height:240px;backdrop-filter:var(--dsw-menu-backdrop-filter,blur(20px));box-shadow:var(--dsw-elevation-prominent,var(--dsw-shadow-lv3,0 0 1px 0 #0003, 0 0 4px 0 #00000005, 0 12px 32px 0 #00000014));border-radius:12px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.C-VWHa_modelMenuUp{top:auto;bottom:calc(100% + 6px)}.C-VWHa_modelItem,.C-VWHa_modelItemCurrent,.C-VWHa_modelItemDefault{color:var(--dsw-alias-label-primary);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:12px;line-height:18px;display:flex;overflow:hidden}.C-VWHa_modelItem:hover,.C-VWHa_modelItemCurrent:hover,.C-VWHa_modelItemDefault:hover{background:var(--dsw-alias-interactive-bg-hover)}.C-VWHa_modelItemCurrent{font-weight:560}.C-VWHa_modelItemLabel{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.C-VWHa_modelItemCheck{text-align:center;width:14px;color:var(--dsw-alias-label-secondary);flex:none}.C-VWHa_modelItemDefault{color:var(--dsw-alias-label-secondary);box-shadow:0 1px 0 var(--dsw-alias-border-l2);border-radius:8px 8px 0 0;margin-bottom:2px;padding-bottom:7px}.C-VWHa_modelSave{appearance:none;font:inherit;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);cursor:pointer;border-radius:8px;flex:none;padding:5px 10px;font-size:13px;line-height:1.4}.C-VWHa_modelSave:hover:not(:disabled){border-color:var(--dsw-alias-label-dimmed)}.C-VWHa_modelSave:disabled{opacity:.5;cursor:default}";
+		const tagId = "@khorsheed/dsh-local-agent-claude-code/SettingsCard.module.css";
+		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
+			const tag = document.createElement("style");
+			tag.dataset.plugin = "@khorsheed/dsh-local-agent-claude-code";
+			tag.dataset.pluginCss = tagId;
+			tag.textContent = css;
+			document.head.appendChild(tag);
+		}
+		var SettingsCard_module_css_default = {
+			"chevronOpen": "C-VWHa_chevronOpen",
+			"errorText": "C-VWHa_errorText",
+			"modelMenuUp": "C-VWHa_modelMenuUp",
+			"info": "C-VWHa_info",
+			"knob": "C-VWHa_knob",
+			"switch": "C-VWHa_switch",
+			"blockTitle": "C-VWHa_blockTitle",
+			"saved": "C-VWHa_saved",
+			"modelMenuButton": "C-VWHa_modelMenuButton",
+			"modelItemDefault": "C-VWHa_modelItemDefault",
+			"description": "C-VWHa_description",
+			"block": "C-VWHa_block",
+			"rowLabel": "C-VWHa_rowLabel",
+			"modelItem": "C-VWHa_modelItem",
+			"modelItemLabel": "C-VWHa_modelItemLabel",
+			"modelSave": "C-VWHa_modelSave",
+			"modelMenu": "C-VWHa_modelMenu",
+			"card": "C-VWHa_card",
+			"header": "C-VWHa_header",
+			"modelField": "C-VWHa_modelField",
+			"row": "C-VWHa_row",
+			"nameRow": "C-VWHa_nameRow",
+			"body": "C-VWHa_body",
+			"cardOpen": "C-VWHa_cardOpen",
+			"modelMenuChevronOpen": "C-VWHa_modelMenuChevronOpen",
+			"chevron": "C-VWHa_chevron",
+			"modelMenuChevron": "C-VWHa_modelMenuChevron",
+			"name": "C-VWHa_name",
+			"headText": "C-VWHa_headText",
+			"modelItemCurrent": "C-VWHa_modelItemCurrent",
+			"modelItemCheck": "C-VWHa_modelItemCheck",
+			"hint": "C-VWHa_hint",
+			"modelInput": "C-VWHa_modelInput",
+			"switchOn": "C-VWHa_switchOn"
+		};
+		//#endregion
+		//#region src/client/SettingsCard.tsx
+		/** How many previously-saved model identifiers the input suggests. */
+		const RECENT_MODEL_LIMIT = 5;
+		/**
+		* The staged card state both settings surfaces share: the resident-mode and
+		* model edits write through the bound settingsScope immediately
+		* (revision-fenced), so a flip takes effect on the next delegation round
+		* without a reload; the broker's model surface is fetched while the surface
+		* is active (the 0.1.5 card opened, the alpha.2 page mounted) and re-fetched
+		* after every save.
+		* @param active - whether the surface currently shows the body (gates the model-surface fetch).
+		* @param useSettings - the bound settings hook from the inject hooks compartment.
+		* @param scope - the bound settings scope the writes go through.
+		* @param modelInfo - the harness's memberless model surface read; absent degrades to the bare input.
+		* @param t - copy.
+		*/
+		function useCardState(active, useSettings, scope, modelInfo, t) {
+			const snapshot = useSettings((value) => value);
+			const [saved, setSaved] = (0, react.useState)(false);
+			const [error, setError] = (0, react.useState)(false);
+			const ready = snapshot.status === "ready" && snapshot.writable;
+			const live = snapshot.value?.live ?? false;
+			const storedModel = snapshot.value?.model ?? "";
+			const recentModels = snapshot.value?.recentModels ?? [];
+			const [modelDraft, setModelDraft] = (0, react.useState)(null);
+			const [modelSaved, setModelSaved] = (0, react.useState)(false);
+			const [modelError, setModelError] = (0, react.useState)(false);
+			const modelValue = modelDraft ?? storedModel;
+			const [modelSurface, setModelSurface] = (0, react.useState)(null);
+			(0, react.useEffect)(() => {
+				if (!active || modelInfo === void 0) return;
+				let stale = false;
+				modelInfo().then((info) => {
+					if (!stale) setModelSurface(info ?? null);
+				}, () => {
+					if (!stale) setModelSurface(null);
+				});
+				return () => {
+					stale = true;
+				};
+			}, [
+				active,
+				modelSaved,
+				modelInfo
+			]);
+			/**
+			* Commit the model field. A blank value UNSETS the key rather than storing
+			* an empty string, so the field re-inherits the YAML composition base — and
+			* with no base, the harness is back to passing no model at all.
+			*/
+			const saveModel = () => {
+				const next = modelValue.trim();
+				setModelSaved(false);
+				setModelError(false);
+				(next === "" ? scope.unset("model") : scope.set("model", next)).then(async () => {
+					if (next !== "") await scope.set("recentModels", [next, ...recentModels.filter((value) => value !== next)].slice(0, RECENT_MODEL_LIMIT));
+					setModelDraft(null);
+					setModelSaved(true);
+				}, () => {
+					setModelError(true);
+				});
+			};
+			const write = (field, value) => {
+				setSaved(false);
+				setError(false);
+				scope.set(field, value).then(() => {
+					setSaved(true);
+				}, () => {
+					setError(true);
+				});
+			};
+			const choices = modelSurface !== null ? modelSurface.choices : recentModels;
+			const [modelMenuOpen, setModelMenuOpen] = (0, react.useState)(false);
+			const [modelMenuUp, setModelMenuUp] = (0, react.useState)(false);
+			const modelFieldRef = (0, react.useRef)(null);
+			(0, react.useEffect)(() => {
+				if (!modelMenuOpen) return;
+				const onPointerDown = (event) => {
+					if (modelFieldRef.current?.contains(event.target) === true) return;
+					setModelMenuOpen(false);
+				};
+				const onKeyDown = (event) => {
+					if (event.key === "Escape") setModelMenuOpen(false);
+				};
+				document.addEventListener("mousedown", onPointerDown);
+				document.addEventListener("keydown", onKeyDown);
+				return () => {
+					document.removeEventListener("mousedown", onPointerDown);
+					document.removeEventListener("keydown", onKeyDown);
+				};
+			}, [modelMenuOpen]);
+			const toggleModelMenu = () => {
+				if (!modelMenuOpen) {
+					const rect = modelFieldRef.current?.getBoundingClientRect();
+					if (rect !== void 0) {
+						const spaceBelow = window.innerHeight - rect.bottom;
+						setModelMenuUp(spaceBelow < 260 && rect.top > spaceBelow);
+					}
+				}
+				setModelMenuOpen((open) => !open);
+			};
+			return {
+				snapshot,
+				saved,
+				error,
+				ready,
+				live,
+				storedModel,
+				modelValue,
+				modelSaved,
+				modelError,
+				choices,
+				modelMenuOpen,
+				modelMenuUp,
+				modelFieldRef,
+				modelPlaceholder: (modelSurface !== null && modelSurface.cliDefault !== void 0 && modelSurface.cliDefault !== "" ? modelSurface.cliDefault : modelSurface !== null && modelSurface.source === "cli-builtin" && modelSurface.effective !== void 0 && modelSurface.effective !== "" ? modelSurface.effective : modelSurface !== null && modelSurface.lastObserved !== void 0 && modelSurface.lastObserved !== "" ? modelSurface.lastObserved : void 0) ?? t("model.placeholder"),
+				modelDefaultItem: modelSurface !== null && modelSurface.cliDefault !== void 0 && modelSurface.cliDefault !== "" ? t("model.menuDefaultCliConfig", { model: modelSurface.cliDefault }) : modelSurface !== null && modelSurface.source === "cli-builtin" && modelSurface.effective !== void 0 && modelSurface.effective !== "" ? t("model.menuDefaultCliBuiltin", { model: modelSurface.effective }) : modelSurface !== null && modelSurface.lastObserved !== void 0 && modelSurface.lastObserved !== "" ? t("model.menuDefaultLastObserved", { model: modelSurface.lastObserved }) : t("model.menuDefault"),
+				saveModel,
+				write,
+				toggleModelMenu,
+				setModelDraft,
+				setModelMenuOpen
+			};
+		}
+		/** The card body both settings surfaces share: the auth block, the default-model block, and the resident-mode block. */
+		function CardBody({ state, auth, authT, renderModelPicker, useSessions, t }) {
+			const { snapshot, saved, error, ready, live, storedModel, modelValue, modelSaved, modelError, choices, modelMenuOpen, modelMenuUp, modelFieldRef, modelPlaceholder, modelDefaultItem, saveModel, write, toggleModelMenu, setModelDraft, setModelMenuOpen } = state;
+			const modelInputElement = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+				type: "text",
+				className: SettingsCard_module_css_default.modelInput,
+				value: modelValue,
+				placeholder: modelPlaceholder,
+				"aria-label": t("model.title"),
+				disabled: !ready,
+				onChange: (event) => {
+					setModelDraft(event.target.value);
+				}
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: SettingsCard_module_css_default.body,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: SettingsCard_module_css_default.block,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+							className: SettingsCard_module_css_default.blockTitle,
+							children: t("auth.title")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderAuthBlock, {
+							harness: {
+								id: "claude-code",
+								label: "Claude Code"
+							},
+							useSessions,
+							status: auth.status,
+							runCommand: auth.runCommand,
+							t: authT
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: SettingsCard_module_css_default.block,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("h3", {
+								className: SettingsCard_module_css_default.blockTitle,
+								children: [t("model.title"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+									label: t("model.info"),
+									side: "bottom",
+									maxWidth: 360,
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+										type: "button",
+										className: SettingsCard_module_css_default.info,
+										"aria-label": t("model.info.aria"),
+										children: "ⓘ"
+									})
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SettingsCard_module_css_default.row,
+								children: [renderModelPicker?.({
+									value: modelValue,
+									onChange: setModelDraft,
+									disabled: !ready,
+									defaultLabel: modelDefaultItem
+								}) ?? (choices.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: SettingsCard_module_css_default.modelField,
+									ref: modelFieldRef,
+									children: [
+										modelInputElement,
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: SettingsCard_module_css_default.modelMenuButton,
+											"aria-label": t("model.menu"),
+											"aria-haspopup": "menu",
+											"aria-expanded": modelMenuOpen,
+											disabled: !ready,
+											onClick: () => {
+												toggleModelMenu();
+											},
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronDownOutlineMedium, { className: modelMenuOpen ? `${SettingsCard_module_css_default.modelMenuChevron} ${SettingsCard_module_css_default.modelMenuChevronOpen}` : SettingsCard_module_css_default.modelMenuChevron })
+										}),
+										modelMenuOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+											className: modelMenuUp ? `${SettingsCard_module_css_default.modelMenu} ${SettingsCard_module_css_default.modelMenuUp}` : SettingsCard_module_css_default.modelMenu,
+											role: "menu",
+											"aria-label": t("model.menu"),
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												role: "menuitemradio",
+												"aria-checked": modelValue.trim() === "",
+												className: modelValue.trim() === "" ? `${SettingsCard_module_css_default.modelItemDefault} ${SettingsCard_module_css_default.modelItemCurrent}` : SettingsCard_module_css_default.modelItemDefault,
+												onClick: () => {
+													setModelDraft("");
+													setModelMenuOpen(false);
+												},
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: SettingsCard_module_css_default.modelItemLabel,
+													children: modelDefaultItem
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: SettingsCard_module_css_default.modelItemCheck,
+													"aria-hidden": true,
+													children: modelValue.trim() === "" ? "✓" : ""
+												})]
+											}), choices.map((choice) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												role: "menuitemradio",
+												"aria-checked": choice === modelValue,
+												className: choice === modelValue ? SettingsCard_module_css_default.modelItemCurrent : SettingsCard_module_css_default.modelItem,
+												onClick: () => {
+													setModelDraft(choice);
+													setModelMenuOpen(false);
+												},
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: SettingsCard_module_css_default.modelItemLabel,
+													children: choice
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+													className: SettingsCard_module_css_default.modelItemCheck,
+													"aria-hidden": true,
+													children: choice === modelValue ? "✓" : ""
+												})]
+											}, choice))]
+										})
+									]
+								}) : modelInputElement), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: SettingsCard_module_css_default.modelSave,
+									disabled: !ready || modelValue.trim() === storedModel,
+									onClick: () => {
+										saveModel();
+									},
+									children: t("model.save")
+								})]
+							}),
+							modelSaved && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SettingsCard_module_css_default.saved,
+								children: t("model.applied")
+							}),
+							modelError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SettingsCard_module_css_default.errorText,
+								children: t("model.error")
+							})
+						]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("section", {
+						className: SettingsCard_module_css_default.block,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: SettingsCard_module_css_default.row,
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+									className: SettingsCard_module_css_default.rowLabel,
+									children: [t("live.title"), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.Tooltip, {
+										label: t("live.info"),
+										side: "bottom",
+										maxWidth: 360,
+										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: SettingsCard_module_css_default.info,
+											"aria-label": t("live.info.aria"),
+											children: "ⓘ"
+										})
+									})]
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									role: "switch",
+									"aria-checked": live,
+									"aria-label": t("live.title"),
+									className: live ? `${SettingsCard_module_css_default.switch} ${SettingsCard_module_css_default.switchOn}` : SettingsCard_module_css_default.switch,
+									disabled: !ready,
+									onClick: () => {
+										write("live", !live);
+									},
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: SettingsCard_module_css_default.knob })
+								})]
+							}),
+							saved && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SettingsCard_module_css_default.saved,
+								children: t("live.applied")
+							}),
+							error && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SettingsCard_module_css_default.errorText,
+								children: t("live.error")
+							}),
+							snapshot.status === "unavailable" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SettingsCard_module_css_default.hint,
+								children: t("live.unavailable")
+							})
+						]
+					})
+				]
+			});
+		}
+		/**
+		* The claude-code harness settings card in the 0.1.5 plugin configuration
+		* tab: the same collapsible chrome the official plugin cards use,
+		* re-implemented locally (the bundle-purity gate forbids value-importing the
+		* official chrome — the context-guard pattern), with the at-a-glance
+		* credential dot in the header. Explanation copy lives in hover/focus bubbles
+		* behind ⓘ anchors — the card's rows stay one line each.
+		* @param props - the injected scope/auth faces and copy.
+		* @returns the card.
+		*/
+		function ClaudeCodeSettingsCard(props) {
+			const { useSettings, scope, auth, authT, renderModelPicker, modelInfo, useSessions, t } = props;
+			const [open, setOpen] = (0, react.useState)(false);
+			const state = useCardState(open, useSettings, scope, modelInfo, t);
+			const authStatus = useHarnessAuthStatus("claude-code", auth.status);
+			const dotLabel = authT(authStatus === "authenticated" ? "settings.authenticated" : authStatus === "anonymous" ? "settings.notAuthenticated" : authStatus === "checking" ? "loading" : "error");
+			const title = t("card.title");
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: open ? `${SettingsCard_module_css_default.card} ${SettingsCard_module_css_default.cardOpen}` : SettingsCard_module_css_default.card,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: SettingsCard_module_css_default.header,
+					"aria-expanded": open,
+					"aria-label": `${t(open ? "card.collapse" : "card.expand")}: ${title}`,
+					onClick: () => {
+						setOpen(!open);
+					},
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: SettingsCard_module_css_default.headText,
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: SettingsCard_module_css_default.nameRow,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: SettingsCard_module_css_default.name,
+								children: title
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AuthStatusDot, {
+								status: authStatus,
+								label: dotLabel
+							})]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: SettingsCard_module_css_default.description,
+							children: t("card.description")
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconChevronDownOutlineMedium, { className: open ? `${SettingsCard_module_css_default.chevron} ${SettingsCard_module_css_default.chevronOpen}` : SettingsCard_module_css_default.chevron })]
+				}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardBody, {
+					state,
+					auth,
+					authT,
+					renderModelPicker,
+					useSessions,
+					t
+				})]
+			});
+		}
+		/**
+		* The bundle's configuration on the alpha.2 Plugins page
+		* (`plugins.bundle.config`, keyed by package name): the page draws the title,
+		* the icon, and the crumb itself, so the entry renders the one-liner for the
+		* `summary` view and the bare form — with its own save control — for `page`.
+		* @param props - the owner view, the injected scope/auth faces, and copy.
+		* @returns the entry.
+		*/
+		function ClaudeCodeBundleConfig({ view, useSettings, scope, auth, authT, renderModelPicker, modelInfo, useSessions, t }) {
+			const state = useCardState(view === "page", useSettings, scope, modelInfo, t);
+			if (view === "summary") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: SettingsCard_module_css_default.description,
+				children: t("card.description")
+			});
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardBody, {
+				state,
+				auth,
+				authT,
+				renderModelPicker,
+				useSessions,
+				t
+			});
+		}
+		//#endregion
+		//#region src/client/index.ts
+		/**
+		* This bundle's package name — the key the Plugins page dispatches
+		* `plugins.bundle.config` entries on (identity triangle: cordis.patch.yml,
+		* tsdown.config.ts, invariant.ts).
+		*/
+		const PACKAGE_NAME = "@khorsheed/dsh-local-agent-claude-code";
+		/** Required services: slot registry, settings scope, command Remote, and locale registry. */
+		const inject = [
+			"slots",
+			"remote",
+			"remote.commands",
+			"locale"
+		];
+		/**
+		* Client plugin body: register the dictionaries and the claude-code settings
+		* surfaces bound to the local-agent-claude-code namespace.
+		* @param ctx - client root context.
+		*/
+		function apply(ctx) {
+			ctx.effect(() => ctx.locale.register(NS, {
+				zh,
+				en
+			}), "local-agent-claude-code: dictionaries");
+			const scope = bindSettingsScope(ctx, "local-agent-claude-code");
+			const authT = ctx.locale.bind("local-agent");
+			const gateway = () => ctx.get("remote.localAgentGateway");
+			const cardInject = () => ({
+				scope,
+				hooks: { settings: scope },
+				authT,
+				renderModelPicker: (props) => ctx.get("localAgentUi")?.renderHarnessModelPicker("claude-code", props),
+				modelInfo: () => {
+					const gw = gateway();
+					if (gw === void 0 || typeof gw.harnessModel !== "function") return Promise.resolve(void 0);
+					return gw.harnessModel("claude-code").then((result) => result.ok ? result.value : void 0);
+				},
+				auth: {
+					status: (name) => gateway()?.status(name, void 0).then((result) => result.ok ? result.value : void 0) ?? Promise.resolve(void 0),
+					runCommand: (sessionId, line) => ctx.remote.commands.execute(sessionId, line, []).then((result) => result.ok ? result.value?.result.text : void 0)
+				}
+			});
+			ctx.slots.inject("plugins.bundle.config", () => ctx.slots.register({
+				name: "plugins.bundle.config",
+				key: PACKAGE_NAME,
+				locale: NS,
+				inject: cardInject
+			}, ClaudeCodeBundleConfig));
+			ctx.slots.inject("plugins.row.config", () => ctx.slots.register({
+				name: "plugins.row.config",
+				key: "@khorsheed/dsh-bundle-local-agent#local-agent-claude-code",
+				locale: NS,
+				inject: cardInject
+			}, ClaudeCodeBundleConfig));
+			const legacy = ctx.slots;
+			legacy.inject("settings.plugin.item", () => legacy.register({
+				name: "settings.plugin.item",
+				key: "local-agent-claude-code",
+				locale: NS,
+				inject: cardInject
+			}, ClaudeCodeSettingsCard));
+		}
+		//#endregion
+		exports.ClaudeCodeBundleConfig = ClaudeCodeBundleConfig;
+		exports.ClaudeCodeSettingsCard = ClaudeCodeSettingsCard;
+		exports.NS = NS;
+		exports.apply = apply;
+		exports.en = en;
+		exports.inject = inject;
+		exports.zh = zh;
+		return module.exports;
+	}
+});
+
+//# sourceMappingURL=client.js.map