@klarkxy/dsh-safe-auto 0.2.0-rc.3 → 0.2.1

package/lib/client.js

@@ -33,6 +33,21 @@ let _deepseek_ai_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-
 let react_dom = require("react-dom");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region ../dsh-model-route/lib/menu.js
+/** Localize standard effort ids only when the provider has not supplied a display name. */
+function modelMenuEffortLabel(effort, locale) {
+	if (effort.name !== effort.id) return effort.name;
+	return {
+		off: ["关闭", "Off"],
+		none: ["无", "None"],
+		minimal: ["最低", "Minimal"],
+		low: ["低", "Low"],
+		medium: ["中", "Medium"],
+		high: ["高", "High"],
+		xhigh: ["极高", "Extra high"],
+		max: ["最高", "Maximum"],
+		ultra: ["超高", "Ultra"]
+	}[effort.id]?.[locale?.toLowerCase().startsWith("zh") ? 0 : 1] ?? effort.name;
+}
 /** The short model label shown inside a provider group. */
 function modelMenuShortName(choice) {
 	const sep = choice.label.indexOf(" / ");
@@ -151,7 +166,23 @@ const MEASURE_STYLE = {
 	top: 0
 };
 function ModelMenu(props) {
-	const { open, onOpenChange, anchor, choices, selected, onPick, leading = [], onPickLeading, efforts = [], selectedEffort, onPickEffort, modelLabel = "Model", modelValue = "—", effortLabel = "Reasoning", effortValue, defaultEffortLabel = "Default", searchPlaceholder = "Search models…", emptyLabel = "No matching models", clearSearchLabel = "Clear search", className, listClassName } = props;
+	const language = props.locale?.toLowerCase().startsWith("zh") ? "zh" : "en";
+	const copy = language === "zh" ? {
+		model: "模型",
+		effort: "思考强度",
+		default: "默认",
+		search: "搜索模型…",
+		empty: "没有匹配的模型",
+		clear: "清除搜索"
+	} : {
+		model: "Model",
+		effort: "Reasoning",
+		default: "Default",
+		search: "Search models…",
+		empty: "No matching models",
+		clear: "Clear search"
+	};
+	const { open, onOpenChange, anchor, choices, selected, onPick, leading = [], onPickLeading, efforts = [], selectedEffort, onPickEffort, modelLabel = copy.model, modelValue = "—", effortLabel = copy.effort, effortValue, defaultEffortLabel = copy.default, searchPlaceholder = copy.search, emptyLabel = copy.empty, clearSearchLabel = copy.clear, className, listClassName } = props;
 	const rootRef = (0, react.useRef)(null);
 	const openRef = (0, react.useRef)(open);
 	openRef.current = open;
@@ -172,7 +203,14 @@ function ModelMenu(props) {
 	const effortRows = (0, react.useMemo)(() => [{
 		id: "",
 		name: defaultEffortLabel
-	}, ...efforts], [defaultEffortLabel, efforts]);
+	}, ...efforts.map((effort) => ({
+		...effort,
+		name: modelMenuEffortLabel(effort, language)
+	}))], [
+		defaultEffortLabel,
+		efforts,
+		language
+	]);
 	const filteredGroups = (0, react.useMemo)(() => groupModelMenuChoices(choices, "").map((group) => ({
 		...group,
 		items: (0, _deepseek_ai_dsh_client_ui_primitives.rankByName)(group.items.map((choice) => ({
@@ -424,6 +462,7 @@ function ModelMenu(props) {
 		style: menuPos ?? MEASURE_STYLE,
 		role: pane === "model" ? "group" : "menu",
 		"aria-label": modelLabel,
+		lang: language,
 		children: [
 			pane === "root" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 				ref: itemRef(),
@@ -1045,7 +1084,7 @@ ${scope} {
   border: 0.5px solid var(--dsw-alias-border-l3);
   border-radius: var(--dsw-radius-md);
   background: var(--dsw-alias-bg-layer-1);
-  font-family: var(--ds-font-family-code, ui-monospace, 'Cascadia Mono', Consolas, monospace);
+  font-family: var(--ds-font-family-code);
   font-size: 12px;
   line-height: 20px;
   color: var(--dsw-alias-label-secondary);
@@ -1147,6 +1186,162 @@ function createPluginReadGate(now = Date.now) {
 	};
 }
 //#endregion
+//#region ../dsh-plugin-kit/lib/contracts.js
+/**
+* Remote contribution for model-settings change notifications.
+* Provided by `@klarkxy/dsh-model-hub` (`ModelSettingsChangesController`);
+* subscribers degrade silently when that package is not installed.
+* The stream carries invalidations only — `ready` is never a settings snapshot.
+*/
+const MODEL_SETTINGS_CHANGES_REMOTE = {
+	package: "@klarkxy/dsh-model-hub",
+	descriptors: [{
+		id: "modelSettingsChanges/watch",
+		service: "modelSettingsChangesController",
+		namespace: "modelSettingsChanges",
+		method: "watch",
+		mode: "stream",
+		invocation: { kind: "direct" },
+		parameters: [],
+		cancellation: { parameter: "signal" }
+	}]
+};
+//#endregion
+//#region ../dsh-plugin-kit/lib/model-settings-client.js
+/** This stream carries invalidations only; ready is never a settings snapshot. */
+function parseModelSettingsChangeFrame(value) {
+	if (!value || typeof value !== "object" || Array.isArray(value)) throw new Error("Invalid model settings change frame");
+	const frame = value;
+	if (frame.kind === "ready" && Object.keys(frame).length === 1) return { kind: "ready" };
+	if (frame.kind === "changed" && Object.keys(frame).length === 3 && typeof frame.ns === "string" && frame.ns.length > 0 && typeof frame.revision === "number" && Number.isSafeInteger(frame.revision) && frame.revision >= 0) return {
+		kind: "changed",
+		ns: frame.ns,
+		revision: frame.revision
+	};
+	throw new Error("Invalid model settings change frame");
+}
+MODEL_SETTINGS_CHANGES_REMOTE.package, MODEL_SETTINGS_CHANGES_REMOTE.descriptors.map((descriptor) => ({
+	...descriptor,
+	result: {
+		mode: "strict",
+		typeSymbol: "ModelSettings.ChangeFrame",
+		create: () => ({ parse: parseModelSettingsChangeFrame })
+	}
+}));
+/** Native RemoteStream owns carrier reconnects; no timers or browser transport.
+* A factory shares one logical stream while at least one subscriber remains. */
+function createModelSettingsSubscriber(ctx, namespace) {
+	const listeners = /* @__PURE__ */ new Set();
+	let injection;
+	let current;
+	let lifecycle = 0;
+	let failureMessage;
+	const report = (message) => {
+		failureMessage = message;
+		for (const listener of [...listeners]) try {
+			listener.error?.(message);
+		} catch {}
+	};
+	const invalidate = () => {
+		for (const listener of [...listeners]) {
+			if (!listeners.has(listener)) continue;
+			try {
+				listener.change();
+			} catch (error) {
+				try {
+					listener.error?.(error instanceof Error ? error.message : String(error));
+				} catch {}
+			}
+		}
+	};
+	const start = () => {
+		const life = ++lifecycle;
+		injection = ctx.inject(["remote", "remote.modelSettingsChanges"], (injected) => {
+			if (life !== lifecycle || !listeners.size) return;
+			const scope = injected;
+			const stream = scope.remote.$stream({
+				name: "Model settings sync",
+				open: (signal) => scope.remote.modelSettingsChanges.watch(signal),
+				ended: (accepted) => /* @__PURE__ */ new Error(`Model settings sync stream ended ${accepted ? "after" : "before"} ready; refresh or reopen the page`)
+			});
+			const session = {
+				stream,
+				active: true
+			};
+			current = session;
+			scope.effect(() => () => {
+				session.active = false;
+				if (current === session) {
+					current = void 0;
+					if (life === lifecycle && listeners.size) report("Model settings sync service unavailable");
+				}
+				return stream.dispose();
+			});
+			(async () => {
+				let generation;
+				let ready = false;
+				try {
+					for await (const item of stream) {
+						if (!session.active || life !== lifecycle || !listeners.size) break;
+						if (item.signal.aborted) continue;
+						if (generation !== item.generation) {
+							generation = item.generation;
+							ready = false;
+						}
+						const frame = parseModelSettingsChangeFrame(item.value);
+						if (frame.kind === "ready") {
+							ready = true;
+							failureMessage = void 0;
+							item.accept();
+							invalidate();
+						} else {
+							if (!ready) throw new Error("Model settings sync change arrived before ready");
+							if (namespace === "*" || frame.ns === namespace) invalidate();
+						}
+					}
+				} catch (error) {
+					if (session.active && life === lifecycle) report(error instanceof Error ? error.message : String(error));
+				} finally {
+					if (current === session) current = void 0;
+					session.active = false;
+					await stream.dispose().catch(() => {});
+				}
+			})();
+		});
+		queueMicrotask(() => {
+			if (life === lifecycle && listeners.size && !current) report("Model settings sync service unavailable");
+		});
+	};
+	return Object.freeze({ subscribe(onChange, onError) {
+		const listener = {
+			change: onChange,
+			error: onError
+		};
+		listeners.add(listener);
+		if (!injection) start();
+		else if (failureMessage) queueMicrotask(() => {
+			if (listeners.has(listener) && failureMessage) try {
+				listener.error?.(failureMessage);
+			} catch {}
+		});
+		return () => {
+			if (!listeners.delete(listener) || listeners.size) return;
+			lifecycle++;
+			if (current) {
+				current.active = false;
+				current.stream.dispose().catch(() => {});
+			}
+			current = void 0;
+			failureMessage = void 0;
+			const previous = injection;
+			injection = void 0;
+			try {
+				Promise.resolve(previous?.dispose()).catch(() => {});
+			} catch {}
+		};
+	} });
+}
+//#endregion
 //#region src/client.jsx
 const h = react.default.createElement;
 const name = "dsh-safe-auto-client";
@@ -1162,6 +1357,30 @@ const BUNDLE = "@klarkxy/dsh-safe-auto";
 const TEXT = {
 	zh: {
 		requestFailed: "请求失败",
+		confirmationUnavailable: "确认已不可用",
+		approvalInvalid: "确认请求无效",
+		approvalExpiredError: "确认已超时或不再等待处理",
+		invalidSession: "会话无效",
+		sessionInactive: "会话未激活，请打开后重试",
+		childSession: "子会话不能启用安全自动",
+		invalidRequest: "请求无效",
+		settingsChanged: "配置已更新，请刷新后重试",
+		reviewerOnly: "这里只能修改审核配置",
+		sessionChanged: "会话已更新，请刷新后重试",
+		profileDisabled: "配置文件中已停用安全自动",
+		workspaceUnavailable: "当前无法使用需原生审批的工作区写入权限",
+		unknownPreset: "权限预设无效",
+		controlUnloaded: "安全自动已停用",
+		browserRequired: "请在浏览器中确认这次调用",
+		unknownSetting: "审核模型设置无效",
+		invalidModel: "审核模型或提供方标识无效",
+		modelPair: "提供方和模型必须一起配置",
+		effortRequiresModel: "选择思考强度前需先指定审核模型",
+		invalidConfig: "配置无效",
+		invalidConfigField: (field) => `配置项无效：${field}`,
+		unknownConfigField: (field) => `未知配置项：${field}`,
+		externalChange: "配置已在别处修改。草稿已保留，请刷新并丢弃草稿后重新确认。",
+		syncUnavailable: "自动刷新不可用，请手动刷新配置。",
 		follow: "跟随当前对话",
 		searchModels: "搜索模型…",
 		noModels: "没有匹配的模型",
@@ -1190,7 +1409,7 @@ const TEXT = {
 		details: "安全说明",
 		tabLimits: "预算边界",
 		safetyDetail: "只处理原生 write/edit/bash/pwsh 的单次沙箱提权。审核会保留真人任务授权及后续限制，并按需读取工作区内的包配置和脚本；模型通过时自动放行。其余有效请求请你在 60 秒内确认，超时拒绝。确认只适用于这一次调用。",
-		unableLabel: "无法自动判断时",
+		unableLabel: "无法自动判断时：",
 		unableValue: "请你在 60 秒内确认；超时拒绝",
 		approvalTitle: "确认这一次调用",
 		approvalPending: (count) => `${count} 个请求待确认`,
@@ -1198,8 +1417,6 @@ const TEXT = {
 		approvalExpired: "确认已超时，已拒绝。",
 		approvalAllow: "仅允许这一次",
 		approvalDeny: "拒绝",
-		approvalPermission: "请求权限",
-		approvalScope: "仅此调用",
 		approvalReview: "模型审核意见",
 		approvalRefresh: (message) => `${message}。正在刷新请求；不会自动重试决定。`,
 		approvalEffect: "完整调用内容",
@@ -1217,6 +1434,30 @@ const TEXT = {
 	},
 	en: {
 		requestFailed: "Request failed",
+		confirmationUnavailable: "Confirmation is no longer available",
+		approvalInvalid: "Invalid approval request",
+		approvalExpiredError: "Approval expired or is no longer pending",
+		invalidSession: "Invalid session",
+		sessionInactive: "Session is not active; open it and retry",
+		childSession: "Child sessions cannot select Safe Auto",
+		invalidRequest: "Invalid request",
+		settingsChanged: "Settings changed; reload and retry",
+		reviewerOnly: "Only reviewer settings may be edited here",
+		sessionChanged: "Session changed; refresh and retry",
+		profileDisabled: "Safe Auto is disabled in the profile",
+		workspaceUnavailable: "Workspace Write with native approval is unavailable",
+		unknownPreset: "Unknown permission preset",
+		controlUnloaded: "Safe Auto control unloaded",
+		browserRequired: "Browser confirmation required",
+		unknownSetting: "Invalid reviewer model setting",
+		invalidModel: "Invalid reviewer provider/model identifier",
+		modelPair: "Provider and model must be configured together",
+		effortRequiresModel: "Reasoning effort requires a reviewer model",
+		invalidConfig: "Invalid configuration",
+		invalidConfigField: (field) => `Invalid configuration field: ${field}`,
+		unknownConfigField: (field) => `Unknown configuration field: ${field}`,
+		externalChange: "Settings changed elsewhere. Draft preserved; refresh and discard it before reviewing changes.",
+		syncUnavailable: "Automatic refresh unavailable; refresh settings manually.",
 		follow: "Follow conversation",
 		searchModels: "Search models…",
 		noModels: "No matching models",
@@ -1245,7 +1486,7 @@ const TEXT = {
 		details: "Safety notes",
 		tabLimits: "Limits",
 		safetyDetail: "Reviews one native write/edit/bash/pwsh sandbox escalation at a time. Earlier human task authorization and later restrictions remain visible; workspace package definitions and scripts may supply evidence. A model pass auto-approves. Other valid requests ask you to confirm within 60 seconds and are denied on timeout. Confirmation grants this call only.",
-		unableLabel: "When it cannot judge automatically",
+		unableLabel: "When it cannot judge automatically: ",
 		unableValue: "Ask you to confirm within 60 seconds; deny on timeout",
 		approvalTitle: "Confirm this call",
 		approvalPending: (count) => `${count} pending confirmation${count === 1 ? "" : "s"}`,
@@ -1253,8 +1494,6 @@ const TEXT = {
 		approvalExpired: "Confirmation expired and was denied.",
 		approvalAllow: "Allow this call only",
 		approvalDeny: "Reject",
-		approvalPermission: "Requested permission",
-		approvalScope: "This call only",
 		approvalReview: "Model review opinion",
 		approvalRefresh: (message) => `${message}. Refreshing requests; your decision will not be retried automatically.`,
 		approvalEffect: "Complete call content",
@@ -1284,14 +1523,46 @@ function translator(language) {
 	};
 }
 function useText(locale) {
-	const [language, setLanguage] = (0, react.useState)(() => localeLanguage(locale));
-	(0, react.useEffect)(() => {
-		setLanguage(localeLanguage(locale));
-		if (typeof locale?.subscribe !== "function") return void 0;
-		return locale.subscribe(() => setLanguage(localeLanguage(locale)));
-	}, [locale]);
+	const language = (0, react.useSyncExternalStore)((listener) => locale?.subscribe?.(listener) ?? (() => {}), () => localeLanguage(locale), () => localeLanguage(locale));
 	return (0, react.useMemo)(() => translator(language), [language]);
 }
+const LOCAL_ERRORS = {
+	"Request failed": "requestFailed",
+	"Request rejected": "requestFailed",
+	"Confirmation is no longer available": "confirmationUnavailable",
+	"Invalid approval response": "approvalInvalid",
+	"Invalid approval payload": "approvalInvalid",
+	"Approval expired or is no longer pending": "approvalExpiredError",
+	"Approval expired or invalidated": "approvalExpiredError",
+	"Invalid session": "invalidSession",
+	"Session is not active; open it and retry": "sessionInactive",
+	"Child sessions cannot select Safe Auto": "childSession",
+	"Invalid request": "invalidRequest",
+	"Settings changed; reload and retry": "settingsChanged",
+	"Only reviewer settings may be edited here": "reviewerOnly",
+	"Session changed; refresh the list and retry": "sessionChanged",
+	"Unknown endpoint": "invalidRequest",
+	"Safe Auto is disabled in the profile": "profileDisabled",
+	"Workspace Write with native approval is unavailable": "workspaceUnavailable",
+	"Unknown permission preset": "unknownPreset",
+	"Safe Auto control unloaded": "controlUnloaded",
+	"Browser confirmation required": "browserRequired",
+	"Unknown Safe Auto model setting": "unknownSetting",
+	"invalid reviewer provider/model identifier": "invalidModel",
+	"provider and model must be configured together": "modelPair",
+	"reasoningEffort requires a reviewer model": "effortRequiresModel"
+};
+function errorMessage(error) {
+	return (typeof error === "string" ? error : error?.message) || TEXT.en.requestFailed;
+}
+function errorText(t, error) {
+	const message = typeof error === "string" ? error : error?.message;
+	const key = Object.hasOwn(LOCAL_ERRORS, message) ? LOCAL_ERRORS[message] : void 0;
+	const unknownField = /^unknown config field: (.+)$/.exec(message || "");
+	const invalidField = /^(?:(enabled|staticReadonly) must be a boolean|(provider|model|reasoningEffort|reviewerPrompt) must be a string|invalid (timeoutMs|maxInputBytes|outputTokens|maxReviewsPerTask|consecutiveDenials|humanApprovalTimeoutMs))$/.exec(message || "");
+	const text = key ? t(key) : unknownField ? t("unknownConfigField", unknownField[1]) : invalidField ? t("invalidConfigField", invalidField[1] || invalidField[2] || invalidField[3]) : ["config must be an object", "invalid configuration"].includes(message) ? t("invalidConfig") : message || t("requestFailed");
+	return error?.context ? t(error.context, text) : text;
+}
 async function unwrapRpc(call, endpoint, payload, fallback = TEXT.en.requestFailed) {
 	const result = await call(CHANNEL, endpoint, payload);
 	if (!result?.ok) throw new Error(result?.error?.message || fallback);
@@ -1387,7 +1658,7 @@ function createApprovalController({ api, sessionId, onState, now = monotonicNow,
 				});
 			}
 		} catch (error) {
-			if (active && ticket === generation) publish({ error: error.message });
+			if (active && ticket === generation) publish({ error: errorMessage(error) });
 		} finally {
 			if (readId === readSequence) {
 				reading = false;
@@ -1432,7 +1703,7 @@ function createApprovalController({ api, sessionId, onState, now = monotonicNow,
 			} catch (error) {
 				if (active) publish({
 					requests: state.requests.filter((item) => item.id !== requestId),
-					error: error.message
+					error: errorMessage(error)
 				});
 			} finally {
 				writing = false;
@@ -1517,6 +1788,10 @@ const css = `${officialUiCss("dsh-safe-auto")}${modelMenuCss}
   max-height: 100%;
   max-width: 100%;
 }
+/* The host card sizes every modal to a 380px column; an approval shows whole
+ * commands and file contents, so it claims a wider one. The doubled class
+ * keeps this rule ahead of the card's own width regardless of style order. */
+.dsh-safe-auto.dsh-safe-auto-approval-dialog { width: min(640px, 100%); }
 .dsh-safe-auto-approval-content {
   flex: 1 1 auto;
   min-height: 0;
@@ -1540,11 +1815,11 @@ const css = `${officialUiCss("dsh-safe-auto")}${modelMenuCss}
 function Style() {
 	return h("style", null, css);
 }
-function ErrorText({ error }) {
+function ErrorText({ error, t }) {
 	return error ? h("p", {
 		role: "alert",
 		className: "dsh-ui-error dsh-ui-wrap"
-	}, error) : null;
+	}, errorText(t, error)) : null;
 }
 /** Values are rendered as plain text, with no Markdown or HTML interpretation. */
 function ApprovalDialog({ request, pendingCount = 1, remainingMs, busy = false, error = "", onAnswer, locale }) {
@@ -1579,13 +1854,13 @@ function ApprovalDialog({ request, pendingCount = 1, remainingMs, busy = false,
 	}, h("div", { className: "dsh-safe-auto dsh-ui-stack" }, h(Style), h("p", {
 		className: "dsh-ui-meta",
 		role: "status"
-	}, t("approvalPending", pendingCount), " · ", expired ? t("approvalExpired") : t("approvalCountdown", Math.ceil(remainingMs / 1e3))), h("div", { className: "dsh-ui-field" }, h("span", { className: "dsh-ui-label" }, t("approvalPermission")), h("pre", { className: "dsh-safe-auto-approval-pre" }, JSON.stringify({
-		...action.permission,
-		scope: action.permission?.scope
-	}, null, 2)), h("span", { className: "dsh-ui-help" }, t("approvalScope"))), h("div", { className: "dsh-ui-field" }, h("span", { className: "dsh-ui-label" }, t("approvalEffect")), fields.map(([field, value]) => h("div", {
+	}, t("approvalPending", pendingCount), " · ", expired ? t("approvalExpired") : t("approvalCountdown", Math.ceil(remainingMs / 1e3))), h("div", { className: "dsh-ui-field" }, h("span", { className: "dsh-ui-label" }, t("approvalEffect")), fields.map(([field, value]) => h("div", {
 		key: field,
 		className: "dsh-ui-field"
-	}, h("span", { className: "dsh-ui-meta" }, field), h("pre", { className: "dsh-safe-auto-approval-pre" }, typeof value === "string" ? value : JSON.stringify(value, null, 2))))), h("div", { className: "dsh-ui-field" }, h("span", { className: "dsh-ui-label" }, t("approvalReview")), h("pre", { className: "dsh-safe-auto-approval-pre" }, JSON.stringify(request.review || {}, null, 2))), h(ErrorText, { error })));
+	}, h("span", { className: "dsh-ui-meta" }, field), h("pre", { className: "dsh-safe-auto-approval-pre" }, typeof value === "string" ? value : JSON.stringify(value, null, 2))))), h("div", { className: "dsh-ui-field" }, h("span", { className: "dsh-ui-label" }, t("approvalReview")), h("pre", { className: "dsh-safe-auto-approval-pre" }, JSON.stringify(request.review || {}, null, 2))), h(ErrorText, {
+		error,
+		t
+	})));
 }
 /** Composer permission control via the replacement slot: native presets plus Safe Auto. */
 function PermissionMenu({ sessionId, locked, api, locale, initialSnapshot = null }) {
@@ -1609,7 +1884,7 @@ function PermissionMenu({ sessionId, locked, api, locale, initialSnapshot = null
 			setSnapshot(value);
 			setError("");
 		},
-		error: (e) => setError(e.message)
+		error: (e) => setError(errorMessage(e))
 	}, false, automatic);
 	refreshRef.current = refresh;
 	(0, react.useEffect)(() => {
@@ -1694,7 +1969,10 @@ function PermissionMenu({ sessionId, locked, api, locale, initialSnapshot = null
 				setOpen(false);
 			},
 			error: (e) => {
-				setError(t("refreshRetry", e.message));
+				setError({
+					message: errorMessage(e),
+					context: "refreshRetry"
+				});
 				refreshRef.current();
 			},
 			settled: () => setBusy(false)
@@ -1740,7 +2018,16 @@ function PermissionMenu({ sessionId, locked, api, locale, initialSnapshot = null
 				if (next) refreshRef.current();
 			}
 		}, CurrentIcon && h(CurrentIcon), current ? permissionLabel(current.value, current.name, t) : snapshot?.current || t("permission"), h(_deepseek_ai_dsh_client_ui_primitives.IconChevronUpOutlineRegular))
-	}), h(ErrorText, { error }), h(ErrorText, { error: approvals.error && t("approvalRefresh", approvals.error) }), pending.length ? h(ApprovalDialog, {
+	}), h(ErrorText, {
+		error,
+		t
+	}), h(ErrorText, {
+		error: approvals.error && {
+			message: approvals.error,
+			context: "approvalRefresh"
+		},
+		t
+	}), pending.length ? h(ApprovalDialog, {
 		key: pending[0].id,
 		request: pending[0],
 		pendingCount: pending.length,
@@ -1758,7 +2045,8 @@ function ReviewerFields({ values, catalog, disabled, onChange, locale }) {
 	const state = reviewerMenuState(values, catalog);
 	const effort = values.reasoningEffort || "";
 	const currentLabel = state.follow ? t("follow") : state.selected?.label || `${state.provider} / ${state.model}`;
-	const effortName = state.efforts.find((item) => item.id === effort)?.name;
+	const effortOption = state.efforts.find((item) => item.id === effort);
+	const effortName = effortOption && modelMenuEffortLabel(effortOption, localeLanguage(locale));
 	const unknownEffort = Boolean(effort && !state.follow && state.selected && !state.selected.efforts.some((item) => item.id === effort));
 	const retained = effort && h("span", null, " ", t("savedEffortRetained", effort));
 	return h("fieldset", {
@@ -1768,6 +2056,7 @@ function ReviewerFields({ values, catalog, disabled, onChange, locale }) {
 		open,
 		onOpenChange: setOpen,
 		listClassName: "dsh-safe-auto",
+		locale: localeLanguage(locale),
 		anchor: h("button", {
 			type: "button",
 			className: "dsh-model-menu-trigger",
@@ -1817,42 +2106,97 @@ function SettingsPanel({ view, api, locale, initialSettings = null, initialCatal
 	const [tab, setTab] = (0, react.useState)(initialTab);
 	const tabsId = (0, react.useId)();
 	const dirty = (0, react.useRef)(false);
+	const reading = (0, react.useRef)(false);
+	const pending = (0, react.useRef)(false);
+	const external = (0, react.useRef)(false);
+	const [externalChange, setExternalChange] = (0, react.useState)(false);
+	const [syncError, setSyncError] = (0, react.useState)("");
 	const scopeRef = (0, react.useRef)(null);
 	const refreshRef = (0, react.useRef)(null);
-	const refresh = (discardDraft = false, automatic = false) => scopeRef.current?.run(() => api.getSettings(), {
-		value: (next) => {
-			if (dirty.current && !discardDraft) return;
-			setSettings(next);
-			setValues(next.values);
-			dirty.current = false;
-			setError("");
-			if (!automatic) setSaved(false);
-		},
-		error: (e) => setError(e.message)
-	}, false, automatic);
+	const refresh = (discardDraft = false, automatic = false) => {
+		const scope = scopeRef.current;
+		if (!scope) return;
+		if (reading.current || scope.writing) {
+			pending.current = true;
+			return;
+		}
+		pending.current = false;
+		if (dirty.current && !discardDraft) {
+			if (external.current) setExternalChange(true);
+			return;
+		}
+		reading.current = true;
+		setBusy(true);
+		const request = scope.run(() => api.getSettings(), {
+			value: (next) => {
+				if (pending.current || dirty.current && !discardDraft) return;
+				setSettings(next);
+				setValues(next.values);
+				dirty.current = false;
+				setError("");
+				external.current = false;
+				setExternalChange(false);
+				if (!automatic) setSaved(false);
+			},
+			error: (e) => {
+				if (!pending.current) setError(errorMessage(e));
+			},
+			settled: () => {
+				if (scopeRef.current !== scope) return;
+				reading.current = false;
+				setBusy(false);
+				if (pending.current) refreshRef.current(false, true);
+			}
+		}, false, automatic && !external.current);
+		request.then((ran) => {
+			if (!ran && scopeRef.current === scope) {
+				reading.current = false;
+				setBusy(false);
+			}
+		});
+		return request;
+	};
 	refreshRef.current = refresh;
 	(0, react.useEffect)(() => {
 		const scope = createRequestScope();
 		scopeRef.current = scope;
+		reading.current = false;
+		pending.current = false;
+		dirty.current = false;
+		external.current = false;
+		setBusy(false);
+		setExternalChange(false);
+		setSyncError("");
 		refreshRef.current(false, true);
 		let alive = true;
 		Promise.resolve().then(() => api.modelCatalog()).then((value) => {
 			if (alive) setCatalog(value);
 		}, (e) => {
-			if (alive) setCatalogError(e.message);
+			if (alive) setCatalogError(errorMessage(e));
 		});
 		const focus = () => {
 			if (!dirty.current) refreshRef.current(false, true);
 		};
 		const stopConnection = api.subscribeGeneration?.(() => {
 			scope.invalidate();
-			if (!dirty.current) refreshRef.current(false, true);
+			external.current = true;
+			refreshRef.current(false, true);
+		});
+		const stopSettings = api.subscribeSettings?.(() => {
+			if (!alive) return;
+			setSyncError("");
+			external.current = true;
+			if (dirty.current && !scope.writing) setExternalChange(true);
+			refreshRef.current(false, true);
+		}, (message) => {
+			if (alive) setSyncError(message);
 		});
 		globalThis.addEventListener?.("focus", focus);
 		return () => {
 			alive = false;
 			scope.dispose();
 			stopConnection?.();
+			stopSettings?.();
 			globalThis.removeEventListener?.("focus", focus);
 		};
 	}, [api]);
@@ -1862,7 +2206,7 @@ function SettingsPanel({ view, api, locale, initialSettings = null, initialCatal
 		setValues(next);
 	};
 	const save = () => {
-		if (!settings || !values || scopeRef.current?.writing || (values.reviewerPrompt || "").length > 4096) return;
+		if (!settings || !values || reading.current || external.current || scopeRef.current?.writing || (values.reviewerPrompt || "").length > 4096) return;
 		setBusy(true);
 		setError("");
 		setSaved(false);
@@ -1876,8 +2220,14 @@ function SettingsPanel({ view, api, locale, initialSettings = null, initialCatal
 				dirty.current = false;
 				setSaved(true);
 			},
-			error: (e) => setError(t("saveFailed", e.message)),
-			settled: () => setBusy(false)
+			error: (e) => setError({
+				message: errorMessage(e),
+				context: "saveFailed"
+			}),
+			settled: () => {
+				setBusy(false);
+				if (pending.current) refreshRef.current(false, true);
+			}
 		}, true);
 	};
 	const activeTab = tab === "limits" && !settings?.policyLimits ? "reviewer" : tab;
@@ -1895,7 +2245,10 @@ function SettingsPanel({ view, api, locale, initialSettings = null, initialCatal
 		tabIndex: 0,
 		className
 	}, children);
-	if (view === "summary") return h("div", { className: "dsh-safe-auto" }, h(Style), h("p", { className: "dsh-ui-compact dsh-ui-wrap" }, t("summary")), h(ErrorText, { error }));
+	if (view === "summary") return h("div", { className: "dsh-safe-auto" }, h(Style), h("p", { className: "dsh-ui-compact dsh-ui-wrap" }, t("summary")), h(ErrorText, {
+		error,
+		t
+	}));
 	return h("section", {
 		className: "dsh-safe-auto dsh-ui-stack",
 		"aria-label": t("panelLabel"),
@@ -1938,7 +2291,7 @@ function SettingsPanel({ view, api, locale, initialSettings = null, initialCatal
 			id: "sa-prompt-hint",
 			className: "dsh-ui-help"
 		}, t("promptHint", (values.reviewerPrompt || "").length))
-	]), tabPanel("details", "dsh-ui-stack", h("div", { className: "dsh-ui-help" }, h("p", null, t("safetyDetail")), h("p", null, h("span", { className: "dsh-ui-label" }, t("unableLabel"), "："), t("unableValue")))), settings?.policyLimits && tabPanel("limits", "dsh-ui-stack", [
+	]), tabPanel("details", "dsh-ui-stack", h("div", { className: "dsh-ui-help" }, h("p", null, t("safetyDetail")), h("p", null, h("span", { className: "dsh-ui-label" }, t("unableLabel")), t("unableValue")))), settings?.policyLimits && tabPanel("limits", "dsh-ui-stack", [
 		h("p", {
 			key: "line",
 			className: "dsh-ui-meta dsh-ui-wrap"
@@ -1953,20 +2306,37 @@ function SettingsPanel({ view, api, locale, initialSettings = null, initialCatal
 		}, t("limitsHelp"))
 	]), h("div", { className: "dsh-ui-actions" }, h(_deepseek_ai_dsh_client_ui_primitives.Button, {
 		variant: "primary",
-		disabled: busy || !dirty.current || (values.reviewerPrompt || "").length > 4096,
+		disabled: busy || externalChange || !dirty.current || (values.reviewerPrompt || "").length > 4096,
 		onClick: save
 	}, t("save")), h(_deepseek_ai_dsh_client_ui_primitives.Button, {
 		variant: "ghost",
 		disabled: busy,
 		onClick: () => refresh(true)
-	}, t("refreshDiscard")))), h(ErrorText, { error }), h(ErrorText, { error: catalogError && t("catalogFailed", catalogError) }), saved && h("p", {
+	}, t("refreshDiscard")))), h(ErrorText, {
+		error,
+		t
+	}), h(ErrorText, {
+		error: catalogError && {
+			message: catalogError,
+			context: "catalogFailed"
+		},
+		t
+	}), externalChange && h("p", {
+		role: "alert",
+		className: "dsh-ui-error"
+	}, t("externalChange")), syncError && h("p", {
+		role: "status",
+		className: "dsh-ui-hint"
+	}, t("syncUnavailable")), saved && h("p", {
 		role: "status",
 		className: "dsh-ui-notice"
 	}, t("saved")));
 }
 function apply(ctx) {
-	const call = (endpoint, payload) => unwrapRpc((...args) => ctx.connection.rpc.call(...args), endpoint, payload, translator(localeLanguage(ctx.locale))("requestFailed"));
+	const settingsSubscriber = createModelSettingsSubscriber(ctx, BUNDLE);
+	const call = (endpoint, payload) => unwrapRpc((...args) => ctx.connection.rpc.call(...args), endpoint, payload);
 	const api = Object.freeze({
+		subscribeSettings: (change, error) => settingsSubscriber.subscribe(change, error),
 		subscribeGeneration: (listener) => ctx.connection.generation?.subscribe(listener) ?? (() => {}),
 		getSettings: () => call("settings.get", {}),
 		saveSettings: (payload) => call("settings.save", payload),
@@ -2004,6 +2374,7 @@ exports.apply = apply;
 exports.approvalRemaining = approvalRemaining;
 exports.createApprovalController = createApprovalController;
 exports.createRequestScope = createRequestScope;
+exports.errorText = errorText;
 exports.inject = inject;
 exports.localeLanguage = localeLanguage;
 exports.name = name;