@dsh-plus/llm-pi 0.1.6 → 0.1.7

package/lib/client.js

@@ -3,1814 +3,1852 @@ window.__ModuleLoader__.load({
 	factory: (require) => {
 		var module = { exports: {} };
 		var exports = module.exports;
-
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-
-//#endregion
-let react = require("react");
-react = __toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = __toESM(react_jsx_runtime);
-
-//#region src/ns.ts
-/**
-* settings 命名空间字面量（纯常量，零依赖，浏览器半可安全引入）。
-* 服务端经 settingsNamespace() 品牌化后使用（config.ts），浏览器半将其作为
-* settings.plugin.item keyed 槽位的 key —— 同一字面量两处共用，防止漂移。
-* 契约：dsh rc7 起该槽位按「卡片编辑的 settings 命名空间」作 key 分发，
-* 官方配置页只渲染 key 命中 Host 已注册命名空间的卡片。
-* @module llm-pi/ns
-*/
-const SETTINGS_NS = "dsh-plus-llm-pi";
-
-//#endregion
-//#region src/client/api.ts
-const ROUTE_CATALOG = "/dsh-plus/llm-pi/catalog";
-async function parse(res) {
-	const body = await res.json();
-	if (!res.ok) throw new Error(body.error ?? `HTTP ${res.status}`);
-	return body;
-}
-/** 目录查询：provider 为空时只返回该源的 provider 列表。 */
-async function fetchCatalog(provider, source) {
-	const url = `${ROUTE_CATALOG}?provider=${encodeURIComponent(provider)}&source=${source}`;
-	return parse(await fetch(url, { credentials: "same-origin" }));
-}
-/** 手动拉取 models.dev 目录：POST /catalog/refresh → 最新快照状态。 */
-async function refreshCatalog() {
-	return parse(await fetch(`${ROUTE_CATALOG}/refresh`, {
-		method: "POST",
-		credentials: "same-origin"
-	}));
-}
-
-//#endregion
-//#region src/client/draft.ts
-function numToText(value) {
-	return value === void 0 ? "" : String(value);
-}
-/** 数字文本 → 数值；空串/非法返回 undefined（不写入）。 */
-function toNum(text) {
-	const trimmed = text.trim();
-	if (trimmed === "") return void 0;
-	const value = Number(trimmed);
-	return Number.isFinite(value) ? value : void 0;
-}
-function numTextOk(text) {
-	return text.trim() !== "" && Number.isFinite(Number(text.trim()));
-}
-function headersToPairs(headers) {
-	return Object.entries(headers ?? {}).map(([key, value]) => ({
-		key,
-		value
-	}));
-}
-function pairsToHeaders(pairs) {
-	const out = {};
-	for (const pair of pairs) if (pair.key.trim() !== "") out[pair.key.trim()] = pair.value;
-	return Object.keys(out).length > 0 ? out : void 0;
-}
-function inputFromWire(list) {
-	return {
-		text: list?.includes("text") ?? false,
-		image: list?.includes("image") ?? false
-	};
-}
-function inputToWire(input) {
-	const out = [];
-	if (input.text) out.push("text");
-	if (input.image) out.push("image");
-	return out.length > 0 ? out : void 0;
-}
-function reasoningFromWire(value) {
-	if (value === false) return {
-		nonReasoning: true,
-		levels: {}
-	};
-	const levels = {};
-	for (const [level, line] of Object.entries(value ?? {})) levels[level] = line ?? "";
-	return {
-		nonReasoning: false,
-		levels
-	};
-}
-function reasoningToWire(value) {
-	if (value.nonReasoning) return false;
-	const out = {};
-	for (const [level, line] of Object.entries(value.levels)) if (line.trim() !== "") out[level] = line.trim();
-	return Object.keys(out).length > 0 ? out : void 0;
-}
-function budgetFromWire(value) {
-	return {
-		minimal: numToText(value?.minimal),
-		low: numToText(value?.low),
-		medium: numToText(value?.medium),
-		high: numToText(value?.high)
-	};
-}
-function budgetToWire(value) {
-	const out = {};
-	for (const key of [
-		"minimal",
-		"low",
-		"medium",
-		"high"
-	]) {
-		const num = toNum(value[key]);
-		if (num !== void 0) out[key] = num;
-	}
-	return Object.keys(out).length > 0 ? out : void 0;
-}
-/** 剔除空值：undefined / '' / 空数组 / 空对象。 */
-function omitEmpty(obj) {
-	const out = {};
-	for (const [key, value] of Object.entries(obj)) {
-		if (value === void 0 || value === "") continue;
-		if (Array.isArray(value) && value.length === 0) continue;
-		if (typeof value === "object" && value !== null && Object.keys(value).length === 0) continue;
-		out[key] = value;
-	}
-	return out;
-}
-function modelDraftFromWire(model) {
-	return {
-		id: model.id,
-		extends: model.extends ?? "",
-		name: model.name ?? "",
-		contextWindow: numToText(model.contextWindow),
-		maxTokens: numToText(model.maxTokens),
-		input: inputFromWire(model.input),
-		reasoningEfforts: reasoningFromWire(model.reasoningEfforts),
-		compat: { ...model.compat ?? {} }
-	};
-}
-function modelToWire(model) {
-	const reasoningEfforts = reasoningToWire(model.reasoningEfforts);
-	return omitEmpty({
-		id: model.id.trim(),
-		extends: model.extends.trim(),
-		name: model.name.trim(),
-		contextWindow: toNum(model.contextWindow),
-		maxTokens: toNum(model.maxTokens),
-		input: inputToWire(model.input),
-		...reasoningEfforts === void 0 ? {} : { reasoningEfforts },
-		compat: model.compat
-	});
-}
-function providerDraftFromWire(provider) {
-	return {
-		extends: provider.extends ?? "",
-		displayName: provider.displayName ?? "",
-		api: provider.api ?? "",
-		baseURL: provider.baseURL ?? "",
-		apiKeyEnv: provider.apiKeyEnv ?? "",
-		headers: headersToPairs(provider.headers),
-		compat: { ...provider.compat ?? {} },
-		defaultContextWindow: numToText(provider.defaultContextWindow),
-		defaultMaxTokens: numToText(provider.defaultMaxTokens),
-		input: inputFromWire(provider.defaultInput),
-		reasoning: provider.reasoning ?? "",
-		thinkingBudgets: budgetFromWire(provider.thinkingBudgets),
-		cacheRetention: provider.cacheRetention ?? "",
-		transport: provider.transport ?? "",
-		timeoutMs: numToText(provider.timeoutMs),
-		websocketConnectTimeoutMs: numToText(provider.websocketConnectTimeoutMs),
-		streamIdleTimeoutMs: numToText(provider.streamIdleTimeoutMs),
-		maxRequestImageBytes: numToText(provider.maxRequestImageBytes),
-		retryPolicy: provider.retryPolicy,
-		models: (provider.models ?? []).map(modelDraftFromWire)
-	};
-}
-function providerToWire(provider) {
-	return omitEmpty({
-		extends: provider.extends.trim(),
-		displayName: provider.displayName.trim(),
-		api: provider.api,
-		baseURL: provider.baseURL.trim(),
-		apiKeyEnv: provider.apiKeyEnv.trim(),
-		headers: pairsToHeaders(provider.headers),
-		compat: provider.compat,
-		defaultContextWindow: toNum(provider.defaultContextWindow),
-		defaultMaxTokens: toNum(provider.defaultMaxTokens),
-		input: inputToWire(provider.input),
-		reasoning: provider.reasoning,
-		thinkingBudgets: budgetToWire(provider.thinkingBudgets),
-		cacheRetention: provider.cacheRetention,
-		transport: provider.transport,
-		timeoutMs: toNum(provider.timeoutMs),
-		websocketConnectTimeoutMs: toNum(provider.websocketConnectTimeoutMs),
-		streamIdleTimeoutMs: toNum(provider.streamIdleTimeoutMs),
-		maxRequestImageBytes: toNum(provider.maxRequestImageBytes),
-		retryPolicy: provider.retryPolicy,
-		models: provider.models.map(modelToWire)
-	});
-}
-function emptyProviderDraft() {
-	return {
-		extends: "",
-		displayName: "",
-		api: "",
-		baseURL: "",
-		apiKeyEnv: "",
-		headers: [],
-		compat: {},
-		defaultContextWindow: "",
-		defaultMaxTokens: "",
-		input: {
-			text: false,
-			image: false
-		},
-		reasoning: "",
-		thinkingBudgets: {
-			minimal: "",
-			low: "",
-			medium: "",
-			high: ""
-		},
-		cacheRetention: "",
-		transport: "",
-		timeoutMs: "",
-		websocketConnectTimeoutMs: "",
-		streamIdleTimeoutMs: "",
-		maxRequestImageBytes: "",
-		retryPolicy: void 0,
-		models: []
-	};
-}
-function emptyModelDraft() {
-	return {
-		id: "",
-		extends: "",
-		name: "",
-		contextWindow: "",
-		maxTokens: "",
-		input: {
-			text: false,
-			image: false
-		},
-		reasoningEfforts: {
-			nonReasoning: false,
-			levels: {}
-		},
-		compat: {}
-	};
-}
-function draftFromValue(value) {
-	return {
-		enabled: value.enabled,
-		catalogUrl: value.catalogUrl,
-		catalogRefreshHours: String(value.catalogRefreshHours),
-		catalogProxy: value.catalogProxy,
-		providers: Object.fromEntries(Object.entries(value.providers).map(([route, provider]) => [route, providerDraftFromWire(provider)]))
-	};
-}
-/** 提交补丁：完整配置对象，providers 全量替换；空值一律剔除。 */
-function toPatch(draft) {
-	return {
-		enabled: draft.enabled,
-		catalogUrl: draft.catalogUrl.trim(),
-		catalogRefreshHours: toNum(draft.catalogRefreshHours),
-		catalogProxy: draft.catalogProxy.trim(),
-		providers: Object.fromEntries(Object.entries(draft.providers).map(([route, provider]) => [route, providerToWire(provider)]))
-	};
-}
-
-//#endregion
-//#region src/client/fields.tsx
-function CollapseSection(props) {
-	const [open, setOpen] = (0, react.useState)(props.defaultOpen);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "lpc-collapse",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-			type: "button",
-			className: "lpc-collapseHead",
-			id: props.id,
-			"aria-expanded": open,
-			onClick: () => setOpen(!open),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: `lpc-chevron${open ? " lpc-chevronOpen" : ""}`,
-				children: "▾"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "lpc-collapseTitle",
-				children: props.title
-			})]
-		}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "lpc-collapseBody",
-			children: props.children
-		}) : null]
-	});
-}
-function TextField(props) {
-	const invalid = props.invalid === true;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: `lpc-field${props.wide === true ? " lpc-wide" : ""}`,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "lpc-head",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-					className: "lpc-label",
-					htmlFor: props.id,
-					children: props.label
+		Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+		let react = require("react");
+		let react_jsx_runtime = require("react/jsx-runtime");
+		//#region src/ns.ts
+		/**
+		* settings 命名空间字面量（纯常量，零依赖，浏览器半可安全引入）。
+		* 服务端经 settingsNamespace() 品牌化后使用（config.ts），浏览器半将其作为
+		* settings.plugin.item keyed 槽位的 key —— 同一字面量两处共用，防止漂移。
+		* 契约：dsh rc7 起该槽位按「卡片编辑的 settings 命名空间」作 key 分发，
+		* 官方配置页只渲染 key 命中 Host 已注册命名空间的卡片。
+		* @module llm-pi/ns
+		*/
+		const SETTINGS_NS = "dsh-plus-llm-pi";
+		//#endregion
+		//#region src/client/api.ts
+		const ROUTE_CATALOG = "/dsh-plus/llm-pi/catalog";
+		async function parse(res) {
+			const body = await res.json();
+			if (!res.ok) throw new Error(body.error ?? `HTTP ${res.status}`);
+			return body;
+		}
+		/** 目录查询：provider 为空时只返回该源的 provider 列表。 */
+		async function fetchCatalog(provider, source) {
+			const url = `${ROUTE_CATALOG}?provider=${encodeURIComponent(provider)}&source=${source}`;
+			return parse(await fetch(url, { credentials: "same-origin" }));
+		}
+		/** 手动拉取 models.dev 目录：POST /catalog/refresh → 最新快照状态。 */
+		async function refreshCatalog() {
+			return parse(await fetch(`${ROUTE_CATALOG}/refresh`, {
+				method: "POST",
+				credentials: "same-origin"
+			}));
+		}
+		//#endregion
+		//#region src/client/draft.ts
+		function numToText(value) {
+			return value === void 0 ? "" : String(value);
+		}
+		/** 数字文本 → 数值；空串/非法返回 undefined（不写入）。 */
+		function toNum(text) {
+			const trimmed = text.trim();
+			if (trimmed === "") return void 0;
+			const value = Number(trimmed);
+			return Number.isFinite(value) ? value : void 0;
+		}
+		function numTextOk(text) {
+			return text.trim() !== "" && Number.isFinite(Number(text.trim()));
+		}
+		function headersToPairs(headers) {
+			return Object.entries(headers ?? {}).map(([key, value]) => ({
+				key,
+				value
+			}));
+		}
+		function pairsToHeaders(pairs) {
+			const out = {};
+			for (const pair of pairs) if (pair.key.trim() !== "") out[pair.key.trim()] = pair.value;
+			return Object.keys(out).length > 0 ? out : void 0;
+		}
+		function inputFromWire(list) {
+			return {
+				text: list?.includes("text") ?? false,
+				image: list?.includes("image") ?? false
+			};
+		}
+		function inputToWire(input) {
+			const out = [];
+			if (input.text) out.push("text");
+			if (input.image) out.push("image");
+			return out.length > 0 ? out : void 0;
+		}
+		function reasoningFromWire(value) {
+			if (value === false) return {
+				nonReasoning: true,
+				levels: {}
+			};
+			const levels = {};
+			for (const [level, line] of Object.entries(value ?? {})) levels[level] = line ?? "";
+			return {
+				nonReasoning: false,
+				levels
+			};
+		}
+		function reasoningToWire(value) {
+			if (value.nonReasoning) return false;
+			const out = {};
+			for (const [level, line] of Object.entries(value.levels)) if (line.trim() !== "") out[level] = line.trim();
+			return Object.keys(out).length > 0 ? out : void 0;
+		}
+		function budgetFromWire(value) {
+			return {
+				minimal: numToText(value?.minimal),
+				low: numToText(value?.low),
+				medium: numToText(value?.medium),
+				high: numToText(value?.high)
+			};
+		}
+		function budgetToWire(value) {
+			const out = {};
+			for (const key of [
+				"minimal",
+				"low",
+				"medium",
+				"high"
+			]) {
+				const num = toNum(value[key]);
+				if (num !== void 0) out[key] = num;
+			}
+			return Object.keys(out).length > 0 ? out : void 0;
+		}
+		/** 剔除空值：undefined / '' / 空数组 / 空对象。 */
+		function omitEmpty(obj) {
+			const out = {};
+			for (const [key, value] of Object.entries(obj)) {
+				if (value === void 0 || value === "") continue;
+				if (Array.isArray(value) && value.length === 0) continue;
+				if (typeof value === "object" && value !== null && Object.keys(value).length === 0) continue;
+				out[key] = value;
+			}
+			return out;
+		}
+		/** 卡片已认识的 wire 字段（其余进 extra 原样往返）。 */
+		const KNOWN_MODEL_KEYS = /* @__PURE__ */ new Set([
+			"id",
+			"extends",
+			"name",
+			"contextWindow",
+			"maxTokens",
+			"input",
+			"reasoningEfforts",
+			"compat"
+		]);
+		const KNOWN_PROVIDER_KEYS = /* @__PURE__ */ new Set([
+			"extends",
+			"displayName",
+			"api",
+			"baseURL",
+			"apiKeyEnv",
+			"headers",
+			"compat",
+			"defaultContextWindow",
+			"defaultMaxTokens",
+			"defaultInput",
+			"reasoning",
+			"thinkingBudgets",
+			"cacheRetention",
+			"transport",
+			"timeoutMs",
+			"websocketConnectTimeoutMs",
+			"streamIdleTimeoutMs",
+			"maxRequestImageBytes",
+			"retryPolicy",
+			"models"
+		]);
+		/** 摘出 wire 对象里卡片未认识的字段（undefined 值不保留）。 */
+		function extraOf(wire, known) {
+			const out = {};
+			for (const [key, value] of Object.entries(wire)) if (!known.has(key) && value !== void 0) out[key] = value;
+			return out;
+		}
+		function modelDraftFromWire(model) {
+			return {
+				id: model.id,
+				extends: model.extends ?? "",
+				name: model.name ?? "",
+				contextWindow: numToText(model.contextWindow),
+				maxTokens: numToText(model.maxTokens),
+				input: inputFromWire(model.input),
+				reasoningEfforts: reasoningFromWire(model.reasoningEfforts),
+				compat: { ...model.compat ?? {} },
+				extra: extraOf(model, KNOWN_MODEL_KEYS)
+			};
+		}
+		function modelToWire(model) {
+			const reasoningEfforts = reasoningToWire(model.reasoningEfforts);
+			return {
+				...model.extra,
+				...omitEmpty({
+					id: model.id.trim(),
+					extends: model.extends.trim(),
+					name: model.name.trim(),
+					contextWindow: toNum(model.contextWindow),
+					maxTokens: toNum(model.maxTokens),
+					input: inputToWire(model.input),
+					...reasoningEfforts === void 0 ? {} : { reasoningEfforts },
+					compat: model.compat
 				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-				id: props.id,
-				className: `lpc-input${invalid ? " lpc-inputInvalid" : ""}`,
-				type: "text",
-				inputMode: props.numeric === true ? "numeric" : void 0,
-				list: props.list,
-				"aria-invalid": invalid || void 0,
-				value: props.value,
-				disabled: props.disabled === true,
-				onChange: (event) => props.onEdit(event.target.value)
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: invalid ? "lpc-invalid" : "lpc-hint",
-				children: invalid ? props.invalidLabel ?? "" : props.hint ?? ""
-			})
-		]
-	});
-}
-function CheckRow(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "lpc-checkRow",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-			id: props.id,
-			type: "checkbox",
-			checked: props.checked,
-			disabled: props.disabled === true,
-			onChange: (event) => props.onEdit(event.target.checked)
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-			htmlFor: props.id,
-			children: props.label
-		})]
-	});
-}
-function SelectField(props) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: `lpc-field${props.wide === true ? " lpc-wide" : ""}`,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "lpc-head",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-				className: "lpc-label",
-				htmlFor: props.id,
-				children: props.label
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-			id: props.id,
-			className: "lpc-input lpc-select",
-			value: props.value,
-			disabled: props.disabled === true,
-			onChange: (event) => props.onEdit(event.target.value),
-			children: [props.unsetLabel !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-				value: "",
-				children: props.unsetLabel
-			}) : null, props.options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-				value: option,
-				children: option
-			}, option))]
-		})]
-	});
-}
-function KeyValueEditor(props) {
-	const update = (index, patch) => {
-		props.onEdit(props.pairs.map((pair, i) => i === index ? {
-			...pair,
-			...patch
-		} : pair));
-	};
-	const remove = (index) => {
-		props.onEdit(props.pairs.filter((_, i) => i !== index));
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "lpc-field lpc-wide",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "lpc-head",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-					className: "lpc-label",
-					htmlFor: props.id,
-					children: props.label
+			};
+		}
+		function providerDraftFromWire(provider) {
+			return {
+				extends: provider.extends ?? "",
+				displayName: provider.displayName ?? "",
+				api: provider.api ?? "",
+				baseURL: provider.baseURL ?? "",
+				apiKeyEnv: provider.apiKeyEnv ?? "",
+				headers: headersToPairs(provider.headers),
+				compat: { ...provider.compat ?? {} },
+				defaultContextWindow: numToText(provider.defaultContextWindow),
+				defaultMaxTokens: numToText(provider.defaultMaxTokens),
+				input: inputFromWire(provider.defaultInput),
+				reasoning: provider.reasoning ?? "",
+				thinkingBudgets: budgetFromWire(provider.thinkingBudgets),
+				cacheRetention: provider.cacheRetention ?? "",
+				transport: provider.transport ?? "",
+				timeoutMs: numToText(provider.timeoutMs),
+				websocketConnectTimeoutMs: numToText(provider.websocketConnectTimeoutMs),
+				streamIdleTimeoutMs: numToText(provider.streamIdleTimeoutMs),
+				maxRequestImageBytes: numToText(provider.maxRequestImageBytes),
+				retryPolicy: provider.retryPolicy,
+				models: (provider.models ?? []).map(modelDraftFromWire),
+				extra: extraOf(provider, KNOWN_PROVIDER_KEYS)
+			};
+		}
+		function providerToWire(provider) {
+			return {
+				...provider.extra,
+				...omitEmpty({
+					extends: provider.extends.trim(),
+					displayName: provider.displayName.trim(),
+					api: provider.api,
+					baseURL: provider.baseURL.trim(),
+					apiKeyEnv: provider.apiKeyEnv.trim(),
+					headers: pairsToHeaders(provider.headers),
+					compat: provider.compat,
+					defaultContextWindow: toNum(provider.defaultContextWindow),
+					defaultMaxTokens: toNum(provider.defaultMaxTokens),
+					input: inputToWire(provider.input),
+					reasoning: provider.reasoning,
+					thinkingBudgets: budgetToWire(provider.thinkingBudgets),
+					cacheRetention: provider.cacheRetention,
+					transport: provider.transport,
+					timeoutMs: toNum(provider.timeoutMs),
+					websocketConnectTimeoutMs: toNum(provider.websocketConnectTimeoutMs),
+					streamIdleTimeoutMs: toNum(provider.streamIdleTimeoutMs),
+					maxRequestImageBytes: toNum(provider.maxRequestImageBytes),
+					retryPolicy: provider.retryPolicy,
+					models: provider.models.map(modelToWire)
 				})
-			}),
-			props.pairs.map((pair, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "lpc-kvRow",
+			};
+		}
+		function emptyProviderDraft() {
+			return {
+				extends: "",
+				displayName: "",
+				api: "",
+				baseURL: "",
+				apiKeyEnv: "",
+				headers: [],
+				compat: {},
+				defaultContextWindow: "",
+				defaultMaxTokens: "",
+				input: {
+					text: false,
+					image: false
+				},
+				reasoning: "",
+				thinkingBudgets: {
+					minimal: "",
+					low: "",
+					medium: "",
+					high: ""
+				},
+				cacheRetention: "",
+				transport: "",
+				timeoutMs: "",
+				websocketConnectTimeoutMs: "",
+				streamIdleTimeoutMs: "",
+				maxRequestImageBytes: "",
+				retryPolicy: void 0,
+				models: [],
+				extra: {}
+			};
+		}
+		function emptyModelDraft() {
+			return {
+				id: "",
+				extends: "",
+				name: "",
+				contextWindow: "",
+				maxTokens: "",
+				input: {
+					text: false,
+					image: false
+				},
+				reasoningEfforts: {
+					nonReasoning: false,
+					levels: {}
+				},
+				compat: {},
+				extra: {}
+			};
+		}
+		function draftFromValue(value) {
+			return {
+				enabled: value.enabled,
+				catalogUrl: value.catalogUrl,
+				catalogRefreshHours: String(value.catalogRefreshHours),
+				catalogProxy: value.catalogProxy,
+				providers: Object.fromEntries(Object.entries(value.providers).map(([route, provider]) => [route, providerDraftFromWire(provider)]))
+			};
+		}
+		/** 提交补丁：完整配置对象，providers 全量替换；空值一律剔除。 */
+		function toPatch(draft) {
+			return {
+				enabled: draft.enabled,
+				catalogUrl: draft.catalogUrl.trim(),
+				catalogRefreshHours: toNum(draft.catalogRefreshHours),
+				catalogProxy: draft.catalogProxy.trim(),
+				providers: Object.fromEntries(Object.entries(draft.providers).map(([route, provider]) => [route, providerToWire(provider)]))
+			};
+		}
+		//#endregion
+		//#region src/client/fields.tsx
+		/**
+		* 配置卡片基础控件：文本/数字输入、勾选行、下拉、键值对编辑、JSON 文本框。
+		* 视觉对齐官方卡片字段（label + hint + 控件纵列），样式类前缀 lpc-。
+		* @module llm-pi/client/fields
+		*/
+		function CollapseSection(props) {
+			const [open, setOpen] = (0, react.useState)(props.defaultOpen);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "lpc-collapse",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "lpc-collapseHead",
+					id: props.id,
+					"aria-expanded": open,
+					onClick: () => setOpen(!open),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: `lpc-chevron${open ? " lpc-chevronOpen" : ""}`,
+						children: "▾"
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "lpc-collapseTitle",
+						children: props.title
+					})]
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "lpc-collapseBody",
+					children: props.children
+				}) : null]
+			});
+		}
+		function TextField(props) {
+			const invalid = props.invalid === true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `lpc-field${props.wide === true ? " lpc-wide" : ""}`,
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-						id: index === 0 ? props.id : void 0,
-						className: "lpc-input",
-						value: pair.key,
-						placeholder: props.keyPlaceholder,
-						disabled: props.disabled === true,
-						onChange: (event) => update(index, { key: event.target.value })
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lpc-head",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: "lpc-label",
+							htmlFor: props.id,
+							children: props.label
+						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-						className: "lpc-input",
-						value: pair.value,
-						placeholder: props.valuePlaceholder,
+						id: props.id,
+						className: `lpc-input${invalid ? " lpc-inputInvalid" : ""}`,
+						type: "text",
+						inputMode: props.numeric === true ? "numeric" : void 0,
+						list: props.list,
+						"aria-invalid": invalid || void 0,
+						value: props.value,
 						disabled: props.disabled === true,
-						onChange: (event) => update(index, { value: event.target.value })
+						onChange: (event) => props.onEdit(event.target.value)
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						className: "lpc-btn lpc-btnGhost lpc-btnSmall",
-						disabled: props.disabled === true,
-						onClick: () => remove(index),
-						children: props.removeLabel
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: invalid ? "lpc-invalid" : "lpc-hint",
+						children: invalid ? props.invalidLabel ?? "" : props.hint ?? ""
 					})
 				]
-			}, index)),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "lpc-kvAdd",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					className: "lpc-btn lpc-btnGhost lpc-btnSmall",
+			});
+		}
+		function CheckRow(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "lpc-checkRow",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					id: props.id,
+					type: "checkbox",
+					checked: props.checked,
 					disabled: props.disabled === true,
-					onClick: () => props.onEdit([...props.pairs, {
-						key: "",
-						value: ""
-					}]),
-					children: props.addLabel
-				})
-			}),
-			props.hint !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "lpc-hint",
-				children: props.hint
-			}) : null
-		]
-	});
-}
-function toJsonText(value) {
-	return value === void 0 ? "" : JSON.stringify(value, null, 2);
-}
-function parseJsonText(text) {
-	if (text.trim() === "") return {
-		ok: true,
-		value: void 0
-	};
-	try {
-		return {
-			ok: true,
-			value: JSON.parse(text)
-		};
-	} catch {
-		return { ok: false };
-	}
-}
-function JsonField(props) {
-	const [text, setText] = (0, react.useState)(() => toJsonText(props.value));
-	(0, react.useEffect)(() => {
-		setText(toJsonText(props.value));
-	}, [props.epoch]);
-	const parsed = parseJsonText(text);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: `lpc-field${props.wide === true ? " lpc-wide" : ""}`,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "lpc-head",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-					className: "lpc-label",
+					onChange: (event) => props.onEdit(event.target.checked)
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
 					htmlFor: props.id,
 					children: props.label
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-				id: props.id,
-				className: `lpc-input lpc-textarea${parsed.ok ? "" : " lpc-inputInvalid"}`,
-				rows: 4,
-				spellCheck: false,
-				"aria-invalid": parsed.ok ? void 0 : true,
-				value: text,
-				disabled: props.disabled === true,
-				onChange: (event) => {
-					setText(event.target.value);
-					const result = parseJsonText(event.target.value);
-					props.onEdit(result.ok ? result.value : void 0);
-				}
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: parsed.ok ? "lpc-hint" : "lpc-invalid",
-				children: parsed.ok ? props.hint ?? "" : props.invalidText
-			})
-		]
-	});
-}
-
-//#endregion
-//#region src/client/constants.ts
-/**
-* 浏览器半内联常量：与服务端 packages/llm-pi/src/config.ts、compat.ts 逐字对齐。
-* 浏览器半不能 import 服务端模块（tsdown 只打包 client 侧入口），
-* 改动服务端这些常量时必须同步本文件。
-* @module llm-pi/client/constants
-*/
-/** 协议枚举（来源：config.ts PROTOCOL_IDS）。 */
-const PROTOCOL_IDS = [
-	"openai-completions",
-	"openai-responses",
-	"anthropic-messages"
-];
-/** thinking 档位（来源：config.ts THINKING_LEVELS）。 */
-const THINKING_LEVELS = [
-	"off",
-	"minimal",
-	"low",
-	"medium",
-	"high",
-	"xhigh",
-	"max"
-];
-/** 请求模态（来源：config.ts MODALITIES）。 */
-const MODALITIES = ["text", "image"];
-/** cacheRetention 枚举（来源：config.ts providerProfile.cacheRetention）。 */
-const CACHE_RETENTION_OPTIONS = [
-	"none",
-	"short",
-	"long"
-];
-/** transport 枚举（来源：config.ts providerProfile.transport）。 */
-const TRANSPORT_OPTIONS = [
-	"sse",
-	"websocket",
-	"websocket-cached",
-	"auto"
-];
-/** thinkingBudgets 档位键（来源：config.ts thinkingBudgets）。 */
-const BUDGET_KEYS = [
-	"minimal",
-	"low",
-	"medium",
-	"high"
-];
-/** 逐协议 compat 字段表（来源：compat.ts FIELDS_BY_PROTOCOL）。 */
-const COMPAT_FIELDS = {
-	"openai-completions": {
-		supportsStore: "boolean",
-		supportsDeveloperRole: "boolean",
-		supportsReasoningEffort: "boolean",
-		supportsUsageInStreaming: "boolean",
-		maxTokensField: ["max_completion_tokens", "max_tokens"],
-		requiresToolResultName: "boolean",
-		requiresAssistantAfterToolResult: "boolean",
-		requiresThinkingAsText: "boolean",
-		requiresReasoningContentOnAssistantMessages: "boolean",
-		thinkingFormat: [
-			"openai",
-			"openrouter",
-			"deepseek",
-			"together",
-			"zai",
-			"qwen",
-			"chat-template",
-			"qwen-chat-template",
-			"string-thinking",
-			"ant-ling"
-		],
-		chatTemplateKwargs: "object",
-		openRouterRouting: "object",
-		vercelGatewayRouting: "object",
-		zaiToolStream: "boolean",
-		supportsOpenAIGrammarTools: "boolean",
-		supportsStrictMode: "boolean",
-		cacheControlFormat: ["anthropic"],
-		sendSessionAffinityHeaders: "boolean",
-		deferredToolsMode: ["kimi"],
-		sessionAffinityFormat: [
-			"openai",
-			"openai-nosession",
-			"openrouter"
-		],
-		supportsLongCacheRetention: "boolean"
-	},
-	"openai-responses": {
-		supportsDeveloperRole: "boolean",
-		sessionAffinityFormat: [
-			"openai",
-			"openai-nosession",
-			"openrouter"
-		],
-		supportsLongCacheRetention: "boolean",
-		supportsStrictMode: "boolean",
-		supportsOpenAIGrammarTools: "boolean",
-		supportsToolSearch: "boolean",
-		supportsExplicitPromptCacheMode: "boolean"
-	},
-	"anthropic-messages": {
-		supportsEagerToolInputStreaming: "boolean",
-		supportsLongCacheRetention: "boolean",
-		sendSessionAffinityHeaders: "boolean",
-		supportsCacheControlOnTools: "boolean",
-		supportsTemperature: "boolean",
-		forceAdaptiveThinking: "boolean",
-		allowEmptySignature: "boolean",
-		supportsStrictTools: "boolean",
-		supportsToolReferences: "boolean"
-	}
-};
-/** 某协议的全部合法 compat 键（与服务端 compatFieldsOf 一致）。 */
-function compatFieldsOf(api) {
-	return Object.keys(COMPAT_FIELDS[api] ?? {});
-}
-/** 某协议某字段的取值约束（与服务端 compatFieldSpec 一致）。 */
-function compatFieldSpec(api, field) {
-	return COMPAT_FIELDS[api]?.[field];
-}
-/** api 未设置时的渲染回退组（最常见的协议；保存仍由后端按实际协议校验）。 */
-const COMPAT_FALLBACK_API = "openai-completions";
-
-//#endregion
-//#region src/client/views/compat.tsx
-/** api 变更后裁剪 compat：只保留新渲染组的字段，避免保存时被后端拒绝。 */
-function pruneCompatForApi(compat, api) {
-	const group = api !== "" && compatFieldsOf(api).length > 0 ? api : COMPAT_FALLBACK_API;
-	const fields = new Set(compatFieldsOf(group));
-	const next = {};
-	for (const [key, value] of Object.entries(compat)) if (fields.has(key)) next[key] = value;
-	return next;
-}
-function CompatEditor(props) {
-	const effective = props.api !== "" && compatFieldsOf(props.api).length > 0 ? props.api : COMPAT_FALLBACK_API;
-	const fields = compatFieldsOf(effective);
-	const setField = (field, value) => {
-		const next = { ...props.compat };
-		if (value === void 0) delete next[field];
-		else next[field] = value;
-		props.onEdit(next);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: `lpc-field lpc-wide`,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CollapseSection, {
-			id: `${props.idPrefix}-collapse`,
-			title: props.t("compatGroup"),
-			defaultOpen: false,
-			children: [props.api === "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "lpc-hint",
-				children: props.t("compatApiHint")
-			}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "lpc-grid",
-				children: fields.map((field) => {
-					const spec = compatFieldSpec(effective, field);
-					if (spec === "boolean") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
-						id: `${props.idPrefix}-${field}`,
-						label: field,
-						value: props.compat[field] === void 0 ? "" : String(props.compat[field]),
-						options: ["true", "false"],
-						unsetLabel: props.t("compatUnset"),
-						disabled: props.disabled === true,
-						onEdit: (value) => {
-							if (value === "") setField(field, void 0);
-							else setField(field, value === "true");
-						}
-					}, field);
-					if (spec === "object") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonField, {
-						id: `${props.idPrefix}-${field}`,
-						label: field,
-						value: props.compat[field],
-						epoch: props.epoch,
-						disabled: props.disabled === true,
-						invalidText: props.t("invalidJson"),
-						onEdit: (value) => setField(field, value)
-					}, field);
-					return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
-						id: `${props.idPrefix}-${field}`,
-						label: field,
-						value: props.compat[field] === void 0 ? "" : String(props.compat[field]),
-						options: spec,
-						unsetLabel: props.t("compatUnset"),
-						disabled: props.disabled === true,
-						onEdit: (value) => {
-							if (value === "") setField(field, void 0);
-							else setField(field, value);
-						}
-					}, field);
-				})
-			})]
-		})
-	});
-}
-
-//#endregion
-//#region src/client/views/models.tsx
-function catalogNote(status, t) {
-	if (status === void 0) return "";
-	if (status.error !== null) return `${t("modelsDevError")}${status.error}`;
-	return `${t("modelsDevStatusLine")}：${status.providers} 个 provider，快照 ${status.fetchedAt ?? "-"}`;
-}
-function ModelsTable(props) {
-	const { t } = props;
-	const [source, setSource] = (0, react.useState)("builtin");
-	const [providerIds, setProviderIds] = (0, react.useState)([]);
-	const [provider, setProvider] = (0, react.useState)("");
-	const [candidateModels, setCandidateModels] = (0, react.useState)([]);
-	const [note, setNote] = (0, react.useState)("");
-	const listId = `lpc-models-${props.route.replace(/[^a-zA-Z0-9_-]/g, "_")}`;
-	(0, react.useEffect)(() => {
-		let alive = true;
-		setNote(t("catalogLoading"));
-		(async () => {
+				})]
+			});
+		}
+		function SelectField(props) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `lpc-field${props.wide === true ? " lpc-wide" : ""}`,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "lpc-head",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+						className: "lpc-label",
+						htmlFor: props.id,
+						children: props.label
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+					id: props.id,
+					className: "lpc-input lpc-select",
+					value: props.value,
+					disabled: props.disabled === true,
+					onChange: (event) => props.onEdit(event.target.value),
+					children: [props.unsetLabel !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: "",
+						children: props.unsetLabel
+					}) : null, props.options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+						value: option,
+						children: option
+					}, option))]
+				})]
+			});
+		}
+		function KeyValueEditor(props) {
+			const update = (index, patch) => {
+				props.onEdit(props.pairs.map((pair, i) => i === index ? {
+					...pair,
+					...patch
+				} : pair));
+			};
+			const remove = (index) => {
+				props.onEdit(props.pairs.filter((_, i) => i !== index));
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "lpc-field lpc-wide",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lpc-head",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: "lpc-label",
+							htmlFor: props.id,
+							children: props.label
+						})
+					}),
+					props.pairs.map((pair, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lpc-kvRow",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								id: index === 0 ? props.id : void 0,
+								className: "lpc-input",
+								value: pair.key,
+								placeholder: props.keyPlaceholder,
+								disabled: props.disabled === true,
+								onChange: (event) => update(index, { key: event.target.value })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: "lpc-input",
+								value: pair.value,
+								placeholder: props.valuePlaceholder,
+								disabled: props.disabled === true,
+								onChange: (event) => update(index, { value: event.target.value })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "lpc-btn lpc-btnGhost lpc-btnSmall",
+								disabled: props.disabled === true,
+								onClick: () => remove(index),
+								children: props.removeLabel
+							})
+						]
+					}, index)),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lpc-kvAdd",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "lpc-btn lpc-btnGhost lpc-btnSmall",
+							disabled: props.disabled === true,
+							onClick: () => props.onEdit([...props.pairs, {
+								key: "",
+								value: ""
+							}]),
+							children: props.addLabel
+						})
+					}),
+					props.hint !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-hint",
+						children: props.hint
+					}) : null
+				]
+			});
+		}
+		function toJsonText(value) {
+			return value === void 0 ? "" : JSON.stringify(value, null, 2);
+		}
+		function parseJsonText(text) {
+			if (text.trim() === "") return {
+				ok: true,
+				value: void 0
+			};
 			try {
-				const list = await fetchCatalog("", source);
-				if (!alive) return;
-				setProviderIds(list.providers);
-				const preferred = list.providers.includes(props.defaultProvider) ? props.defaultProvider : list.providers[0] ?? "";
-				setProvider(preferred);
-				setNote(catalogNote(list.status, t));
-				if (preferred === "") return;
-				const result = await fetchCatalog(preferred, source);
-				if (alive) setCandidateModels(result.models);
+				return {
+					ok: true,
+					value: JSON.parse(text)
+				};
 			} catch {
-				if (alive) setNote(t("catalogFailed"));
+				return { ok: false };
+			}
+		}
+		function JsonField(props) {
+			const [text, setText] = (0, react.useState)(() => toJsonText(props.value));
+			(0, react.useEffect)(() => {
+				setText(toJsonText(props.value));
+			}, [props.epoch]);
+			const parsed = parseJsonText(text);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: `lpc-field${props.wide === true ? " lpc-wide" : ""}`,
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lpc-head",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: "lpc-label",
+							htmlFor: props.id,
+							children: props.label
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+						id: props.id,
+						className: `lpc-input lpc-textarea${parsed.ok ? "" : " lpc-inputInvalid"}`,
+						rows: 4,
+						spellCheck: false,
+						"aria-invalid": parsed.ok ? void 0 : true,
+						value: text,
+						disabled: props.disabled === true,
+						onChange: (event) => {
+							setText(event.target.value);
+							const result = parseJsonText(event.target.value);
+							props.onEdit(result.ok ? result.value : void 0);
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: parsed.ok ? "lpc-hint" : "lpc-invalid",
+						children: parsed.ok ? props.hint ?? "" : props.invalidText
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/constants.ts
+		/**
+		* 浏览器半内联常量：与服务端 packages/llm-pi/src/config.ts、compat.ts 逐字对齐。
+		* 浏览器半不能 import 服务端模块（tsdown 只打包 client 侧入口），
+		* 改动服务端这些常量时必须同步本文件。
+		* @module llm-pi/client/constants
+		*/
+		/** 协议枚举（来源：config.ts PROTOCOL_IDS）。 */
+		const PROTOCOL_IDS = [
+			"openai-completions",
+			"openai-responses",
+			"anthropic-messages"
+		];
+		/** thinking 档位（来源：config.ts THINKING_LEVELS）。 */
+		const THINKING_LEVELS = [
+			"off",
+			"minimal",
+			"low",
+			"medium",
+			"high",
+			"xhigh",
+			"max"
+		];
+		/** 请求模态（来源：config.ts MODALITIES）。 */
+		const MODALITIES = ["text", "image"];
+		/** cacheRetention 枚举（来源：config.ts providerProfile.cacheRetention）。 */
+		const CACHE_RETENTION_OPTIONS = [
+			"none",
+			"short",
+			"long"
+		];
+		/** transport 枚举（来源：config.ts providerProfile.transport）。 */
+		const TRANSPORT_OPTIONS = [
+			"sse",
+			"websocket",
+			"websocket-cached",
+			"auto"
+		];
+		/** thinkingBudgets 档位键（来源：config.ts thinkingBudgets）。 */
+		const BUDGET_KEYS = [
+			"minimal",
+			"low",
+			"medium",
+			"high"
+		];
+		/** 逐协议 compat 字段表（来源：compat.ts FIELDS_BY_PROTOCOL）。 */
+		const COMPAT_FIELDS = {
+			"openai-completions": {
+				supportsStore: "boolean",
+				supportsDeveloperRole: "boolean",
+				supportsReasoningEffort: "boolean",
+				supportsUsageInStreaming: "boolean",
+				maxTokensField: ["max_completion_tokens", "max_tokens"],
+				requiresToolResultName: "boolean",
+				requiresAssistantAfterToolResult: "boolean",
+				requiresThinkingAsText: "boolean",
+				requiresReasoningContentOnAssistantMessages: "boolean",
+				thinkingFormat: [
+					"openai",
+					"openrouter",
+					"deepseek",
+					"together",
+					"zai",
+					"qwen",
+					"chat-template",
+					"qwen-chat-template",
+					"string-thinking",
+					"ant-ling"
+				],
+				chatTemplateKwargs: "object",
+				openRouterRouting: "object",
+				vercelGatewayRouting: "object",
+				zaiToolStream: "boolean",
+				supportsOpenAIGrammarTools: "boolean",
+				supportsStrictMode: "boolean",
+				cacheControlFormat: ["anthropic"],
+				sendSessionAffinityHeaders: "boolean",
+				deferredToolsMode: ["kimi"],
+				sessionAffinityFormat: [
+					"openai",
+					"openai-nosession",
+					"openrouter"
+				],
+				supportsLongCacheRetention: "boolean"
+			},
+			"openai-responses": {
+				supportsDeveloperRole: "boolean",
+				sessionAffinityFormat: [
+					"openai",
+					"openai-nosession",
+					"openrouter"
+				],
+				supportsLongCacheRetention: "boolean",
+				supportsStrictMode: "boolean",
+				supportsOpenAIGrammarTools: "boolean",
+				supportsToolSearch: "boolean",
+				supportsExplicitPromptCacheMode: "boolean"
+			},
+			"anthropic-messages": {
+				supportsEagerToolInputStreaming: "boolean",
+				supportsLongCacheRetention: "boolean",
+				sendSessionAffinityHeaders: "boolean",
+				supportsCacheControlOnTools: "boolean",
+				supportsTemperature: "boolean",
+				forceAdaptiveThinking: "boolean",
+				allowEmptySignature: "boolean",
+				supportsStrictTools: "boolean",
+				supportsToolReferences: "boolean"
 			}
-		})();
-		return () => {
-			alive = false;
 		};
-	}, [source]);
-	const onProviderChange = (value) => {
-		setProvider(value);
-		if (value === "") {
-			setCandidateModels([]);
-			return;
+		/** 某协议的全部合法 compat 键（与服务端 compatFieldsOf 一致）。 */
+		function compatFieldsOf(api) {
+			return Object.keys(COMPAT_FIELDS[api] ?? {});
 		}
-		fetchCatalog(value, source).then((result) => setCandidateModels(result.models)).catch(() => setNote(t("catalogFailed")));
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "lpc-models",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "lpc-modelHead",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "lpc-modelTitle",
-					children: t("modelsGroup")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					className: "lpc-btn lpc-btnGhost lpc-btnSmall",
-					disabled: props.disabled === true,
-					onClick: () => props.onModels([...props.models, emptyModelDraft()]),
-					children: t("addModel")
-				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "lpc-catalogBar",
+		/** 某协议某字段的取值约束（与服务端 compatFieldSpec 一致）。 */
+		function compatFieldSpec(api, field) {
+			return COMPAT_FIELDS[api]?.[field];
+		}
+		/** api 未设置时的渲染回退组（最常见的协议；保存仍由后端按实际协议校验）。 */
+		const COMPAT_FALLBACK_API = "openai-completions";
+		//#endregion
+		//#region src/client/views/compat.tsx
+		/** api 变更后裁剪 compat：只保留新渲染组的字段，避免保存时被后端拒绝。 */
+		function pruneCompatForApi(compat, api) {
+			const group = api !== "" && compatFieldsOf(api).length > 0 ? api : COMPAT_FALLBACK_API;
+			const fields = new Set(compatFieldsOf(group));
+			const next = {};
+			for (const [key, value] of Object.entries(compat)) if (fields.has(key)) next[key] = value;
+			return next;
+		}
+		function CompatEditor(props) {
+			const effective = props.api !== "" && compatFieldsOf(props.api).length > 0 ? props.api : COMPAT_FALLBACK_API;
+			const fields = compatFieldsOf(effective);
+			const setField = (field, value) => {
+				const next = { ...props.compat };
+				if (value === void 0) delete next[field];
+				else next[field] = value;
+				props.onEdit(next);
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: `lpc-field lpc-wide`,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CollapseSection, {
+					id: `${props.idPrefix}-collapse`,
+					title: props.t("compatGroup"),
+					defaultOpen: false,
+					children: [props.api === "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-hint",
+						children: props.t("compatApiHint")
+					}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lpc-grid",
+						children: fields.map((field) => {
+							const spec = compatFieldSpec(effective, field);
+							if (spec === "boolean") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
+								id: `${props.idPrefix}-${field}`,
+								label: field,
+								value: props.compat[field] === void 0 ? "" : String(props.compat[field]),
+								options: ["true", "false"],
+								unsetLabel: props.t("compatUnset"),
+								disabled: props.disabled === true,
+								onEdit: (value) => {
+									if (value === "") setField(field, void 0);
+									else setField(field, value === "true");
+								}
+							}, field);
+							if (spec === "object") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonField, {
+								id: `${props.idPrefix}-${field}`,
+								label: field,
+								value: props.compat[field],
+								epoch: props.epoch,
+								disabled: props.disabled === true,
+								invalidText: props.t("invalidJson"),
+								onEdit: (value) => setField(field, value)
+							}, field);
+							return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
+								id: `${props.idPrefix}-${field}`,
+								label: field,
+								value: props.compat[field] === void 0 ? "" : String(props.compat[field]),
+								options: spec,
+								unsetLabel: props.t("compatUnset"),
+								disabled: props.disabled === true,
+								onEdit: (value) => {
+									if (value === "") setField(field, void 0);
+									else setField(field, value);
+								}
+							}, field);
+						})
+					})]
+				})
+			});
+		}
+		//#endregion
+		//#region src/client/views/models.tsx
+		/**
+		* 模型目录编辑：每行一个模型（id/extends/name/容量/模态/reasoningEfforts/compat），
+		* extends 输入框带 datalist 候选——候选来自 /catalog 端点：选定 source
+		* （builtin / models-dev）与 provider 后拉取其 models 列表。
+		* @module llm-pi/client/views/models
+		*/
+		function catalogNote(status, t) {
+			if (status === void 0) return "";
+			if (status.error !== null) return `${t("modelsDevError")}${status.error}`;
+			return `${t("modelsDevStatusLine")}：${status.providers} 个 provider，快照 ${status.fetchedAt ?? "-"}`;
+		}
+		function ModelsTable(props) {
+			const { t } = props;
+			const [source, setSource] = (0, react.useState)("builtin");
+			const [providerIds, setProviderIds] = (0, react.useState)([]);
+			const [provider, setProvider] = (0, react.useState)("");
+			const [candidateModels, setCandidateModels] = (0, react.useState)([]);
+			const [note, setNote] = (0, react.useState)("");
+			const listId = `lpc-models-${props.route.replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+			(0, react.useEffect)(() => {
+				let alive = true;
+				setNote(t("catalogLoading"));
+				(async () => {
+					try {
+						const list = await fetchCatalog("", source);
+						if (!alive) return;
+						setProviderIds(list.providers);
+						const preferred = list.providers.includes(props.defaultProvider) ? props.defaultProvider : list.providers[0] ?? "";
+						setProvider(preferred);
+						setNote(catalogNote(list.status, t));
+						if (preferred === "") return;
+						const result = await fetchCatalog(preferred, source);
+						if (alive) setCandidateModels(result.models);
+					} catch {
+						if (alive) setNote(t("catalogFailed"));
+					}
+				})();
+				return () => {
+					alive = false;
+				};
+			}, [source]);
+			const onProviderChange = (value) => {
+				setProvider(value);
+				if (value === "") {
+					setCandidateModels([]);
+					return;
+				}
+				fetchCatalog(value, source).then((result) => setCandidateModels(result.models)).catch(() => setNote(t("catalogFailed")));
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "lpc-models",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-						className: "lpc-catalogLabel",
-						htmlFor: `${listId}-source`,
-						children: t("catalogSource")
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lpc-modelHead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lpc-modelTitle",
+							children: t("modelsGroup")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "lpc-btn lpc-btnGhost lpc-btnSmall",
+							disabled: props.disabled === true,
+							onClick: () => props.onModels([...props.models, emptyModelDraft()]),
+							children: t("addModel")
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lpc-catalogBar",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+								className: "lpc-catalogLabel",
+								htmlFor: `${listId}-source`,
+								children: t("catalogSource")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								id: `${listId}-source`,
+								className: "lpc-input lpc-select lpc-catalogSelect",
+								value: source,
+								disabled: props.disabled === true,
+								onChange: (event) => setSource(event.target.value),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "builtin",
+									children: "builtin"
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "models-dev",
+									children: "models-dev"
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+								className: "lpc-catalogLabel",
+								htmlFor: `${listId}-provider`,
+								children: t("catalogProvider")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+								id: `${listId}-provider`,
+								className: "lpc-input lpc-select lpc-catalogSelect",
+								value: provider,
+								disabled: props.disabled === true || providerIds.length === 0,
+								onChange: (event) => onProviderChange(event.target.value),
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: "",
+									children: "-"
+								}), providerIds.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+									value: id,
+									children: id
+								}, id))]
+							})
+						]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-						id: `${listId}-source`,
-						className: "lpc-input lpc-select lpc-catalogSelect",
-						value: source,
+					note !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-hint",
+						children: note
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("datalist", {
+						id: listId,
+						children: candidateModels.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { value: id }, id))
+					}),
+					props.models.map((model, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelRow, {
+						index,
+						model,
+						api: props.api,
+						listId,
+						epoch: props.epoch,
 						disabled: props.disabled === true,
-						onChange: (event) => setSource(event.target.value),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-							value: "builtin",
-							children: "builtin"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-							value: "models-dev",
-							children: "models-dev"
+						t,
+						onPatch: (patch) => props.onModels(props.models.map((m, i) => i === index ? {
+							...m,
+							...patch
+						} : m)),
+						onRemove: () => props.onModels(props.models.filter((_, i) => i !== index))
+					}, `${index}:${model.id}`))
+				]
+			});
+		}
+		function ModelRow(props) {
+			const { model, t } = props;
+			const id = `${props.listId}-m${props.index}`;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "lpc-modelRow",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lpc-modelHead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "lpc-modelTitle",
+							children: [
+								t("modelRow"),
+								" ",
+								props.index + 1
+							]
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "lpc-btn lpc-btnGhost lpc-btnSmall",
+							disabled: props.disabled === true,
+							onClick: props.onRemove,
+							children: t("deleteModel")
 						})]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-						className: "lpc-catalogLabel",
-						htmlFor: `${listId}-provider`,
-						children: t("catalogProvider")
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lpc-grid",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+								id: `${id}-id`,
+								label: t("modelId"),
+								hint: t("modelIdHint"),
+								value: model.id,
+								disabled: props.disabled === true,
+								invalid: model.id.trim() === "",
+								invalidLabel: t("modelIdRequired"),
+								onEdit: (value) => props.onPatch({ id: value })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+								id: `${id}-extends`,
+								label: t("modelExtends"),
+								hint: t("modelExtendsHint"),
+								value: model.extends,
+								list: props.listId,
+								disabled: props.disabled === true,
+								onEdit: (value) => props.onPatch({ extends: value })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+								id: `${id}-name`,
+								label: t("modelName"),
+								value: model.name,
+								disabled: props.disabled === true,
+								onEdit: (value) => props.onPatch({ name: value })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+								id: `${id}-ctx`,
+								label: t("contextWindow"),
+								numeric: true,
+								value: model.contextWindow,
+								disabled: props.disabled === true,
+								onEdit: (value) => props.onPatch({ contextWindow: value })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+								id: `${id}-max`,
+								label: t("maxTokens"),
+								numeric: true,
+								value: model.maxTokens,
+								disabled: props.disabled === true,
+								onEdit: (value) => props.onPatch({ maxTokens: value })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "lpc-field",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+									className: "lpc-label",
+									children: t("input")
+								}), MODALITIES.map((modality) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
+									id: `${id}-input-${modality}`,
+									label: modality,
+									checked: model.input[modality],
+									disabled: props.disabled === true,
+									onEdit: (checked) => props.onPatch({ input: {
+										...model.input,
+										[modality]: checked
+									} })
+								}, modality))]
+							})
+						]
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
-						id: `${listId}-provider`,
-						className: "lpc-input lpc-select lpc-catalogSelect",
-						value: provider,
-						disabled: props.disabled === true || providerIds.length === 0,
-						onChange: (event) => onProviderChange(event.target.value),
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-							value: "",
-							children: "-"
-						}), providerIds.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
-							value: id,
-							children: id
-						}, id))]
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReasoningEditor, {
+						idPrefix: `${id}-re`,
+						value: model.reasoningEfforts,
+						disabled: props.disabled === true,
+						t,
+						onEdit: (reasoningEfforts) => props.onPatch({ reasoningEfforts })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompatEditor, {
+						idPrefix: `${id}-compat`,
+						api: props.api,
+						compat: model.compat,
+						epoch: props.epoch,
+						disabled: props.disabled === true,
+						wide: true,
+						t,
+						onEdit: (compat) => props.onPatch({ compat })
 					})
 				]
-			}),
-			note !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "lpc-hint",
-				children: note
-			}) : null,
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("datalist", {
-				id: listId,
-				children: candidateModels.map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", { value: id }, id))
-			}),
-			props.models.map((model, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelRow, {
-				index,
-				model,
-				api: props.api,
-				listId,
-				epoch: props.epoch,
-				disabled: props.disabled === true,
-				t,
-				onPatch: (patch) => props.onModels(props.models.map((m, i) => i === index ? {
-					...m,
-					...patch
-				} : m)),
-				onRemove: () => props.onModels(props.models.filter((_, i) => i !== index))
-			}, `${index}:${model.id}`))
-		]
-	});
-}
-function ModelRow(props) {
-	const { model, t } = props;
-	const id = `${props.listId}-m${props.index}`;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "lpc-modelRow",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "lpc-modelHead",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "lpc-modelTitle",
-					children: [
-						t("modelRow"),
-						" ",
-						props.index + 1
-					]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					className: "lpc-btn lpc-btnGhost lpc-btnSmall",
-					disabled: props.disabled === true,
-					onClick: props.onRemove,
-					children: t("deleteModel")
-				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			});
+		}
+		function ReasoningEditor(props) {
+			const { value } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "lpc-field lpc-wide",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lpc-head",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lpc-label",
+							children: props.t("reasoningEfforts")
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lpc-checkRow",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							id: `${props.idPrefix}-nonreasoning`,
+							type: "checkbox",
+							checked: value.nonReasoning,
+							disabled: props.disabled === true,
+							onChange: (event) => props.onEdit({
+								...value,
+								nonReasoning: event.target.checked
+							})
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							htmlFor: `${props.idPrefix}-nonreasoning`,
+							children: props.t("nonReasoning")
+						})]
+					}),
+					value.nonReasoning ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lpc-grid",
+						children: THINKING_LEVELS.map((level) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+							id: `${props.idPrefix}-${level}`,
+							label: level,
+							value: value.levels[level] ?? "",
+							disabled: props.disabled === true,
+							onEdit: (text) => props.onEdit({
+								...value,
+								levels: {
+									...value.levels,
+									[level]: text
+								}
+							})
+						}, level))
+					})
+				]
+			});
+		}
+		//#endregion
+		//#region src/client/views/provider-fields.tsx
+		function ProviderScalarFields(props) {
+			const { draft, t } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "lpc-grid",
 				children: [
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-						id: `${id}-id`,
-						label: t("modelId"),
-						hint: t("modelIdHint"),
-						value: model.id,
+						id: `${props.id}-extends`,
+						label: t("extends"),
+						hint: t("extendsHint"),
+						value: draft.extends,
 						disabled: props.disabled === true,
-						invalid: model.id.trim() === "",
-						invalidLabel: t("modelIdRequired"),
-						onEdit: (value) => props.onPatch({ id: value })
+						onEdit: (value) => props.onPatch({ extends: value })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-						id: `${id}-extends`,
-						label: t("modelExtends"),
-						hint: t("modelExtendsHint"),
-						value: model.extends,
-						list: props.listId,
+						id: `${props.id}-displayName`,
+						label: t("displayName"),
+						value: draft.displayName,
 						disabled: props.disabled === true,
-						onEdit: (value) => props.onPatch({ extends: value })
+						onEdit: (value) => props.onPatch({ displayName: value })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+						id: `${props.id}-baseURL`,
+						label: t("baseURL"),
+						hint: t("baseURLHint"),
+						value: draft.baseURL,
+						disabled: props.disabled === true,
+						onEdit: (value) => props.onPatch({ baseURL: value })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+						id: `${props.id}-apiKeyEnv`,
+						label: t("apiKeyEnv"),
+						hint: t("apiKeyEnvHint"),
+						value: draft.apiKeyEnv,
+						disabled: props.disabled === true,
+						onEdit: (value) => props.onPatch({ apiKeyEnv: value })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+						id: `${props.id}-defaultCtx`,
+						label: t("defaultContextWindow"),
+						numeric: true,
+						value: draft.defaultContextWindow,
+						disabled: props.disabled === true,
+						onEdit: (value) => props.onPatch({ defaultContextWindow: value })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+						id: `${props.id}-defaultMax`,
+						label: t("defaultMaxTokens"),
+						numeric: true,
+						value: draft.defaultMaxTokens,
+						disabled: props.disabled === true,
+						onEdit: (value) => props.onPatch({ defaultMaxTokens: value })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+						id: `${props.id}-timeout`,
+						label: t("timeoutMs"),
+						numeric: true,
+						value: draft.timeoutMs,
+						disabled: props.disabled === true,
+						onEdit: (value) => props.onPatch({ timeoutMs: value })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-						id: `${id}-name`,
-						label: t("modelName"),
-						value: model.name,
+						id: `${props.id}-wsTimeout`,
+						label: t("websocketConnectTimeoutMs"),
+						numeric: true,
+						value: draft.websocketConnectTimeoutMs,
 						disabled: props.disabled === true,
-						onEdit: (value) => props.onPatch({ name: value })
+						onEdit: (value) => props.onPatch({ websocketConnectTimeoutMs: value })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-						id: `${id}-ctx`,
-						label: t("contextWindow"),
+						id: `${props.id}-streamIdle`,
+						label: t("streamIdleTimeoutMs"),
 						numeric: true,
-						value: model.contextWindow,
+						value: draft.streamIdleTimeoutMs,
 						disabled: props.disabled === true,
-						onEdit: (value) => props.onPatch({ contextWindow: value })
+						onEdit: (value) => props.onPatch({ streamIdleTimeoutMs: value })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-						id: `${id}-max`,
-						label: t("maxTokens"),
+						id: `${props.id}-maxImageBytes`,
+						label: t("maxRequestImageBytes"),
 						numeric: true,
-						value: model.maxTokens,
+						value: draft.maxRequestImageBytes,
 						disabled: props.disabled === true,
-						onEdit: (value) => props.onPatch({ maxTokens: value })
+						onEdit: (value) => props.onPatch({ maxRequestImageBytes: value })
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "lpc-field",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 							className: "lpc-label",
-							children: t("input")
+							children: t("defaultInput")
 						}), MODALITIES.map((modality) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
-							id: `${id}-input-${modality}`,
+							id: `${props.id}-input-${modality}`,
 							label: modality,
-							checked: model.input[modality],
+							checked: draft.input[modality],
 							disabled: props.disabled === true,
 							onEdit: (checked) => props.onPatch({ input: {
-								...model.input,
+								...draft.input,
 								[modality]: checked
 							} })
 						}, modality))]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lpc-field",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lpc-label",
+							children: t("thinkingBudgets")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lpc-grid lpc-gridNested",
+							children: BUDGET_KEYS.map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+								id: `${props.id}-budget-${key}`,
+								label: key,
+								numeric: true,
+								value: draft.thinkingBudgets[key],
+								disabled: props.disabled === true,
+								onEdit: (value) => props.onPatch({ thinkingBudgets: {
+									...draft.thinkingBudgets,
+									[key]: value
+								} })
+							}, key))
+						})]
 					})
 				]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReasoningEditor, {
-				idPrefix: `${id}-re`,
-				value: model.reasoningEfforts,
-				disabled: props.disabled === true,
-				t,
-				onEdit: (reasoningEfforts) => props.onPatch({ reasoningEfforts })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompatEditor, {
-				idPrefix: `${id}-compat`,
-				api: props.api,
-				compat: model.compat,
-				epoch: props.epoch,
-				disabled: props.disabled === true,
-				wide: true,
-				t,
-				onEdit: (compat) => props.onPatch({ compat })
-			})
-		]
-	});
-}
-function ReasoningEditor(props) {
-	const { value } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "lpc-field lpc-wide",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "lpc-head",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "lpc-label",
-					children: props.t("reasoningEfforts")
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "lpc-checkRow",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					id: `${props.idPrefix}-nonreasoning`,
-					type: "checkbox",
-					checked: value.nonReasoning,
-					disabled: props.disabled === true,
-					onChange: (event) => props.onEdit({
-						...value,
-						nonReasoning: event.target.checked
-					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-					htmlFor: `${props.idPrefix}-nonreasoning`,
-					children: props.t("nonReasoning")
-				})]
-			}),
-			value.nonReasoning ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			});
+		}
+		/** 协议/档位/缓存/传输四个下拉组。 */
+		function ProviderSelectFields(props) {
+			const { draft, t } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "lpc-grid",
-				children: THINKING_LEVELS.map((level) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-					id: `${props.idPrefix}-${level}`,
-					label: level,
-					value: value.levels[level] ?? "",
-					disabled: props.disabled === true,
-					onEdit: (text) => props.onEdit({
-						...value,
-						levels: {
-							...value.levels,
-							[level]: text
-						}
-					})
-				}, level))
-			})
-		]
-	});
-}
-
-//#endregion
-//#region src/client/views/provider-fields.tsx
-function ProviderScalarFields(props) {
-	const { draft, t } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "lpc-grid",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-				id: `${props.id}-extends`,
-				label: t("extends"),
-				hint: t("extendsHint"),
-				value: draft.extends,
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({ extends: value })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-				id: `${props.id}-displayName`,
-				label: t("displayName"),
-				value: draft.displayName,
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({ displayName: value })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-				id: `${props.id}-baseURL`,
-				label: t("baseURL"),
-				hint: t("baseURLHint"),
-				value: draft.baseURL,
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({ baseURL: value })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-				id: `${props.id}-apiKeyEnv`,
-				label: t("apiKeyEnv"),
-				hint: t("apiKeyEnvHint"),
-				value: draft.apiKeyEnv,
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({ apiKeyEnv: value })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-				id: `${props.id}-defaultCtx`,
-				label: t("defaultContextWindow"),
-				numeric: true,
-				value: draft.defaultContextWindow,
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({ defaultContextWindow: value })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-				id: `${props.id}-defaultMax`,
-				label: t("defaultMaxTokens"),
-				numeric: true,
-				value: draft.defaultMaxTokens,
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({ defaultMaxTokens: value })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-				id: `${props.id}-timeout`,
-				label: t("timeoutMs"),
-				numeric: true,
-				value: draft.timeoutMs,
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({ timeoutMs: value })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-				id: `${props.id}-wsTimeout`,
-				label: t("websocketConnectTimeoutMs"),
-				numeric: true,
-				value: draft.websocketConnectTimeoutMs,
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({ websocketConnectTimeoutMs: value })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-				id: `${props.id}-streamIdle`,
-				label: t("streamIdleTimeoutMs"),
-				numeric: true,
-				value: draft.streamIdleTimeoutMs,
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({ streamIdleTimeoutMs: value })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-				id: `${props.id}-maxImageBytes`,
-				label: t("maxRequestImageBytes"),
-				numeric: true,
-				value: draft.maxRequestImageBytes,
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({ maxRequestImageBytes: value })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "lpc-field",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "lpc-label",
-					children: t("defaultInput")
-				}), MODALITIES.map((modality) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
-					id: `${props.id}-input-${modality}`,
-					label: modality,
-					checked: draft.input[modality],
-					disabled: props.disabled === true,
-					onEdit: (checked) => props.onPatch({ input: {
-						...draft.input,
-						[modality]: checked
-					} })
-				}, modality))]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "lpc-field",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "lpc-label",
-					children: t("thinkingBudgets")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "lpc-grid lpc-gridNested",
-					children: BUDGET_KEYS.map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-						id: `${props.id}-budget-${key}`,
-						label: key,
-						numeric: true,
-						value: draft.thinkingBudgets[key],
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
+						id: `${props.id}-api`,
+						label: t("api"),
+						value: draft.api,
+						options: PROTOCOL_IDS,
+						unsetLabel: t("compatUnset"),
 						disabled: props.disabled === true,
-						onEdit: (value) => props.onPatch({ thinkingBudgets: {
-							...draft.thinkingBudgets,
-							[key]: value
-						} })
-					}, key))
-				})]
-			})
-		]
-	});
-}
-/** 协议/档位/缓存/传输四个下拉组。 */
-function ProviderSelectFields(props) {
-	const { draft, t } = props;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "lpc-grid",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
-				id: `${props.id}-api`,
-				label: t("api"),
-				value: draft.api,
-				options: PROTOCOL_IDS,
-				unsetLabel: t("compatUnset"),
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({
-					api: value,
-					compat: pruneCompatForApi(draft.compat, value)
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
-				id: `${props.id}-reasoning`,
-				label: t("reasoning"),
-				value: draft.reasoning,
-				options: THINKING_LEVELS,
-				unsetLabel: t("compatUnset"),
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({ reasoning: value })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
-				id: `${props.id}-cache`,
-				label: t("cacheRetention"),
-				value: draft.cacheRetention,
-				options: CACHE_RETENTION_OPTIONS,
-				unsetLabel: t("compatUnset"),
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({ cacheRetention: value })
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
-				id: `${props.id}-transport`,
-				label: t("transport"),
-				value: draft.transport,
-				options: TRANSPORT_OPTIONS,
-				unsetLabel: t("compatUnset"),
-				disabled: props.disabled === true,
-				onEdit: (value) => props.onPatch({ transport: value })
-			})
-		]
-	});
-}
-
-//#endregion
-//#region src/client/views/providers.tsx
-function ProvidersSection(props) {
-	const [newRoute, setNewRoute] = (0, react.useState)("");
-	const [routeError, setRouteError] = (0, react.useState)("");
-	const submitAdd = () => {
-		const key = newRoute.trim();
-		if (key === "") {
-			setRouteError(props.t("routeEmpty"));
-			return;
-		}
-		if (props.providers[key] !== void 0) {
-			setRouteError(props.t("routeDuplicate"));
-			return;
+						onEdit: (value) => props.onPatch({
+							api: value,
+							compat: pruneCompatForApi(draft.compat, value)
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
+						id: `${props.id}-reasoning`,
+						label: t("reasoning"),
+						value: draft.reasoning,
+						options: THINKING_LEVELS,
+						unsetLabel: t("compatUnset"),
+						disabled: props.disabled === true,
+						onEdit: (value) => props.onPatch({ reasoning: value })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
+						id: `${props.id}-cache`,
+						label: t("cacheRetention"),
+						value: draft.cacheRetention,
+						options: CACHE_RETENTION_OPTIONS,
+						unsetLabel: t("compatUnset"),
+						disabled: props.disabled === true,
+						onEdit: (value) => props.onPatch({ cacheRetention: value })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectField, {
+						id: `${props.id}-transport`,
+						label: t("transport"),
+						value: draft.transport,
+						options: TRANSPORT_OPTIONS,
+						unsetLabel: t("compatUnset"),
+						disabled: props.disabled === true,
+						onEdit: (value) => props.onPatch({ transport: value })
+					})
+				]
+			});
 		}
-		props.onAddRoute(key);
-		setNewRoute("");
-		setRouteError("");
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "lpc-section",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "lpc-groupLabel",
-				children: props.t("providersGroup")
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "lpc-addRoute",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					className: `lpc-input${routeError !== "" ? " lpc-inputInvalid" : ""}`,
-					value: newRoute,
-					disabled: props.disabled === true,
-					placeholder: props.t("addRoutePlaceholder"),
-					onChange: (event) => {
-						setNewRoute(event.target.value);
-						setRouteError("");
-					}
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					className: "lpc-btn lpc-btnGhost",
-					disabled: props.disabled === true,
-					onClick: submitAdd,
-					children: props.t("addRoute")
-				})]
-			}),
-			routeError !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-				className: "lpc-invalid",
-				children: routeError
-			}) : null,
-			Object.entries(props.providers).map(([route, draft]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderSection, {
-				route,
-				draft,
-				epoch: props.epoch,
-				disabled: props.disabled === true,
-				t: props.t,
-				onRemove: () => props.onRemoveRoute(route),
-				onPatch: (patch) => props.onPatchProvider(route, patch)
-			}, route))
-		]
-	});
-}
-function ProviderSection(props) {
-	const [open, setOpen] = (0, react.useState)(false);
-	const { route, draft, t } = props;
-	const id = route.replace(/[^a-zA-Z0-9_-]/g, "_");
-	const summary = draft.api !== "" ? draft.api : draft.extends !== "" ? `extends ${draft.extends}` : "";
-	const fieldProps = {
-		id,
-		draft,
-		disabled: props.disabled === true,
-		t,
-		onPatch: props.onPatch
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "lpc-route",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "lpc-routeHead",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-				type: "button",
-				className: "lpc-routeToggle",
-				"aria-expanded": open,
-				onClick: () => setOpen(!open),
+		//#endregion
+		//#region src/client/views/providers.tsx
+		/**
+		* Provider 路由编辑：每个 route 一张可折叠小节（键名 + 标量字段 +
+		* headers 键值对 + retryPolicy JSON + compat + 模型目录）。
+		* 支持新增 route（输入键名）与删除 route。
+		* @module llm-pi/client/views/providers
+		*/
+		function ProvidersSection(props) {
+			const [newRoute, setNewRoute] = (0, react.useState)("");
+			const [routeError, setRouteError] = (0, react.useState)("");
+			const submitAdd = () => {
+				const key = newRoute.trim();
+				if (key === "") {
+					setRouteError(props.t("routeEmpty"));
+					return;
+				}
+				if (props.providers[key] !== void 0) {
+					setRouteError(props.t("routeDuplicate"));
+					return;
+				}
+				props.onAddRoute(key);
+				setNewRoute("");
+				setRouteError("");
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "lpc-section",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: `lpc-chevron${open ? " lpc-chevronOpen" : ""}`,
-						children: "▾"
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-groupLabel",
+						children: props.t("providersGroup")
 					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "lpc-routeKey",
-						children: route
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lpc-addRoute",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: `lpc-input${routeError !== "" ? " lpc-inputInvalid" : ""}`,
+							value: newRoute,
+							disabled: props.disabled === true,
+							placeholder: props.t("addRoutePlaceholder"),
+							onChange: (event) => {
+								setNewRoute(event.target.value);
+								setRouteError("");
+							}
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "lpc-btn lpc-btnGhost",
+							disabled: props.disabled === true,
+							onClick: submitAdd,
+							children: props.t("addRoute")
+						})]
 					}),
-					summary !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "lpc-routeApi",
-						children: summary
-					}) : null
-				]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				type: "button",
-				className: "lpc-btn lpc-btnGhost lpc-btnSmall",
-				disabled: props.disabled === true,
-				onClick: props.onRemove,
-				children: t("deleteRoute")
-			})]
-		}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "lpc-routeBody",
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-					className: "lpc-groupLabel",
-					children: t("providerFields")
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderScalarFields, { ...fieldProps }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderSelectFields, { ...fieldProps }),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeyValueEditor, {
-					id: `${id}-headers`,
-					label: t("headers"),
-					hint: t("headersHint"),
-					pairs: draft.headers,
-					disabled: props.disabled === true,
-					keyPlaceholder: t("key"),
-					valuePlaceholder: t("value"),
-					addLabel: t("add"),
-					removeLabel: t("remove"),
-					onEdit: (headers) => props.onPatch({ headers })
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CollapseSection, {
-					id: `${id}-advanced`,
-					title: t("advancedGroup"),
-					defaultOpen: false,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonField, {
-						id: `${id}-retry`,
-						label: t("retryPolicy"),
-						hint: t("retryPolicyHint"),
-						invalidText: t("invalidJson"),
-						value: draft.retryPolicy,
+					routeError !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-invalid",
+						children: routeError
+					}) : null,
+					Object.entries(props.providers).map(([route, draft]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderSection, {
+						route,
+						draft,
 						epoch: props.epoch,
 						disabled: props.disabled === true,
-						wide: true,
-						onEdit: (retryPolicy) => props.onPatch({ retryPolicy })
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompatEditor, {
-						idPrefix: `${id}-compat`,
-						api: draft.api,
-						compat: draft.compat,
-						epoch: props.epoch,
+						t: props.t,
+						onRemove: () => props.onRemoveRoute(route),
+						onPatch: (patch) => props.onPatchProvider(route, patch)
+					}, route))
+				]
+			});
+		}
+		function ProviderSection(props) {
+			const [open, setOpen] = (0, react.useState)(false);
+			const { route, draft, t } = props;
+			const id = route.replace(/[^a-zA-Z0-9_-]/g, "_");
+			const summary = draft.api !== "" ? draft.api : draft.extends !== "" ? `extends ${draft.extends}` : "";
+			const fieldProps = {
+				id,
+				draft,
+				disabled: props.disabled === true,
+				t,
+				onPatch: props.onPatch
+			};
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "lpc-route",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lpc-routeHead",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: "lpc-routeToggle",
+						"aria-expanded": open,
+						onClick: () => setOpen(!open),
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: `lpc-chevron${open ? " lpc-chevronOpen" : ""}`,
+								children: "▾"
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lpc-routeKey",
+								children: route
+							}),
+							summary !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lpc-routeApi",
+								children: summary
+							}) : null
+						]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+						type: "button",
+						className: "lpc-btn lpc-btnGhost lpc-btnSmall",
 						disabled: props.disabled === true,
-						wide: true,
-						t,
-						onEdit: (compat) => props.onPatch({ compat })
+						onClick: props.onRemove,
+						children: t("deleteRoute")
 					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelsTable, {
-					route,
-					api: draft.api,
-					defaultProvider: draft.extends,
-					models: draft.models,
-					epoch: props.epoch,
-					disabled: props.disabled === true,
-					t,
-					onModels: (models) => props.onPatch({ models })
-				})
-			]
-		}) : null]
-	});
-}
-
-//#endregion
-//#region src/client/card.tsx
-const IDLE_STATUS = {
-	kind: "idle",
-	text: ""
-};
-function modelsDevText(status, t) {
-	if (status === null) return t("modelsDevEmpty");
-	if (status.error !== null) return `${t("modelsDevError")}${status.error}`;
-	if (status.fetchedAt === null) return t("modelsDevEmpty");
-	return `${t("modelsDevStatusLine")}：${status.providers} 个 provider，快照 ${status.fetchedAt}`;
-}
-function LlmPiCard(props) {
-	const { t, scope, api } = props;
-	const snapshot = (0, react.useSyncExternalStore)((listener) => scope.subscribe(listener), () => scope.getSnapshot());
-	const value = snapshot.value;
-	const [open, setOpen] = (0, react.useState)(false);
-	const [draft, setDraft] = (0, react.useState)(null);
-	const [epoch, setEpoch] = (0, react.useState)(0);
-	const [kitSource, setKitSource] = (0, react.useState)(null);
-	const [modelsDevStatus, setModelsDevStatus] = (0, react.useState)(null);
-	const [saving, setSaving] = (0, react.useState)(false);
-	const [refreshing, setRefreshing] = (0, react.useState)(false);
-	const [status, setStatus] = (0, react.useState)(IDLE_STATUS);
-	(0, react.useEffect)(() => {
-		if (value === void 0 || draft !== null) return;
-		setDraft(draftFromValue(value));
-	}, [value, draft]);
-	(0, react.useEffect)(() => {
-		let alive = true;
-		fetchCatalog("", "models-dev").then((result) => {
-			if (!alive) return;
-			setKitSource(result.kitSource ?? null);
-			setModelsDevStatus(result.status ?? null);
-		}).catch(() => {});
-		return () => {
-			alive = false;
-		};
-	}, []);
-	const dirty = (0, react.useMemo)(() => value !== void 0 && draft !== null && JSON.stringify(toPatch(draft)) !== JSON.stringify(toPatch(draftFromValue(value))), [value, draft]);
-	const invalid = (0, react.useMemo)(() => {
-		if (draft === null) return false;
-		return !numTextOk(draft.catalogRefreshHours) || Object.values(draft.providers).some((provider) => provider.models.some((model) => model.id.trim() === ""));
-	}, [draft]);
-	if (value === void 0 || draft === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-		className: "lpc-card",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-			className: "lpc-readOnly",
-			children: t("loading")
-		})
-	});
-	const setProvider = (route, patch) => {
-		const current = draft.providers[route] ?? emptyProviderDraft();
-		setDraft({
-			...draft,
-			providers: {
-				...draft.providers,
-				[route]: {
-					...current,
-					...patch
-				}
-			}
-		});
-		setStatus(IDLE_STATUS);
-	};
-	const onAddRoute = (key) => {
-		setDraft({
-			...draft,
-			providers: {
-				...draft.providers,
-				[key]: emptyProviderDraft()
-			}
-		});
-		setStatus(IDLE_STATUS);
-	};
-	const onRemoveRoute = (route) => {
-		const next = { ...draft.providers };
-		delete next[route];
-		setDraft({
-			...draft,
-			providers: next
-		});
-		setStatus(IDLE_STATUS);
-	};
-	const onSave = () => {
-		setSaving(true);
-		const revision = scope.getSnapshot().revision;
-		api.replace({
-			ns: SETTINGS_NS,
-			section: toPatch(draft),
-			...revision !== void 0 ? { expectedRevision: revision } : {}
-		}).then(async (response) => {
-			if (!response.result.ok) throw new Error(response.result.error?.message ?? t("saveFailed"));
-			await scope.load();
-			const next = scope.getSnapshot().value;
-			if (next !== void 0) setDraft(draftFromValue(next));
-			setEpoch((value$1) => value$1 + 1);
-			setStatus({
-				kind: "ok",
-				text: t("saveOk")
-			});
-		}).catch((error) => {
-			const message = error instanceof Error ? error.message : String(error);
-			setStatus({
-				kind: "error",
-				text: `${t("saveFailed")}${message}`
-			});
-		}).finally(() => setSaving(false));
-	};
-	const onDiscard = () => {
-		setDraft(draftFromValue(value));
-		setEpoch((value$1) => value$1 + 1);
-		setStatus(IDLE_STATUS);
-	};
-	const onRefreshCatalog = () => {
-		setRefreshing(true);
-		refreshCatalog().then((result) => {
-			setModelsDevStatus(result.status);
-			setStatus({
-				kind: "ok",
-				text: t("refreshOk")
-			});
-		}).catch((error) => {
-			const message = error instanceof Error ? error.message : String(error);
-			setStatus({
-				kind: "error",
-				text: `${t("refreshFailed")}${message}`
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lpc-routeBody",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "lpc-groupLabel",
+							children: t("providerFields")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderScalarFields, { ...fieldProps }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderSelectFields, { ...fieldProps }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(KeyValueEditor, {
+							id: `${id}-headers`,
+							label: t("headers"),
+							hint: t("headersHint"),
+							pairs: draft.headers,
+							disabled: props.disabled === true,
+							keyPlaceholder: t("key"),
+							valuePlaceholder: t("value"),
+							addLabel: t("add"),
+							removeLabel: t("remove"),
+							onEdit: (headers) => props.onPatch({ headers })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CollapseSection, {
+							id: `${id}-advanced`,
+							title: t("advancedGroup"),
+							defaultOpen: false,
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonField, {
+								id: `${id}-retry`,
+								label: t("retryPolicy"),
+								hint: t("retryPolicyHint"),
+								invalidText: t("invalidJson"),
+								value: draft.retryPolicy,
+								epoch: props.epoch,
+								disabled: props.disabled === true,
+								wide: true,
+								onEdit: (retryPolicy) => props.onPatch({ retryPolicy })
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CompatEditor, {
+								idPrefix: `${id}-compat`,
+								api: draft.api,
+								compat: draft.compat,
+								epoch: props.epoch,
+								disabled: props.disabled === true,
+								wide: true,
+								t,
+								onEdit: (compat) => props.onPatch({ compat })
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelsTable, {
+							route,
+							api: draft.api,
+							defaultProvider: draft.extends,
+							models: draft.models,
+							epoch: props.epoch,
+							disabled: props.disabled === true,
+							t,
+							onModels: (models) => props.onPatch({ models })
+						})
+					]
+				}) : null]
 			});
-		}).finally(() => setRefreshing(false));
-	};
-	const disabled = !snapshot.writable;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-		className: `lpc-card${open ? " lpc-cardOpen" : ""}`,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-			type: "button",
-			className: "lpc-header",
-			"aria-expanded": open,
-			"aria-label": `${t(open ? "collapse" : "expand")}: ${t("title")}`,
-			onClick: () => setOpen(!open),
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "lpc-headText",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "lpc-name",
-						children: t("title")
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "lpc-description",
-						children: t("description")
-					})]
-				}),
-				dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: "lpc-pending",
-					children: t("unsaved")
-				}) : null,
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: `lpc-chevron${open ? " lpc-chevronOpen" : ""}`,
-					children: "▾"
-				})
-			]
-		}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "lpc-body",
-			children: [
-				disabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+		}
+		//#endregion
+		//#region src/client/card.tsx
+		/**
+		* 「LLM 路由」配置卡片：注册进 settings.plugin.item 插槽（官方插件配置页）。
+		* 顶部：enabled / catalogUrl / catalogRefreshHours / 只读状态行（kitSource、
+		* modelsDevStatus，来自模型目录端点）+ 保存（settings.replace 全量）与
+		* 错误/成功提示；下方为 providers 路由列表（新增/删除/字段编辑/compat/模型
+		* 目录，见 views/）。配置读写走官方 settingsScope 传输（scope.ts）。
+		* 交互对齐官方卡片与 notify-email：折叠/展开、staged draft、未保存标记。
+		* @module llm-pi/client/card
+		*/
+		const IDLE_STATUS = {
+			kind: "idle",
+			text: ""
+		};
+		function modelsDevText(status, t) {
+			if (status === null) return t("modelsDevEmpty");
+			if (status.error !== null) return `${t("modelsDevError")}${status.error}`;
+			if (status.fetchedAt === null) return t("modelsDevEmpty");
+			return `${t("modelsDevStatusLine")}：${status.providers} 个 provider，快照 ${status.fetchedAt}`;
+		}
+		function LlmPiCard(props) {
+			const { t, scope, api } = props;
+			const snapshot = (0, react.useSyncExternalStore)((listener) => scope.subscribe(listener), () => scope.getSnapshot());
+			const value = snapshot.value;
+			const [open, setOpen] = (0, react.useState)(false);
+			const [draft, setDraft] = (0, react.useState)(null);
+			const [epoch, setEpoch] = (0, react.useState)(0);
+			const [kitSource, setKitSource] = (0, react.useState)(null);
+			const [modelsDevStatus, setModelsDevStatus] = (0, react.useState)(null);
+			const [saving, setSaving] = (0, react.useState)(false);
+			const [refreshing, setRefreshing] = (0, react.useState)(false);
+			const [status, setStatus] = (0, react.useState)(IDLE_STATUS);
+			(0, react.useEffect)(() => {
+				if (value === void 0 || draft !== null) return;
+				setDraft(draftFromValue(value));
+			}, [value, draft]);
+			(0, react.useEffect)(() => {
+				let alive = true;
+				fetchCatalog("", "models-dev").then((result) => {
+					if (!alive) return;
+					setKitSource(result.kitSource ?? null);
+					setModelsDevStatus(result.status ?? null);
+				}).catch(() => {});
+				return () => {
+					alive = false;
+				};
+			}, []);
+			const dirty = (0, react.useMemo)(() => value !== void 0 && draft !== null && JSON.stringify(toPatch(draft)) !== JSON.stringify(toPatch(draftFromValue(value))), [value, draft]);
+			const invalid = (0, react.useMemo)(() => {
+				if (draft === null) return false;
+				return !numTextOk(draft.catalogRefreshHours) || Object.values(draft.providers).some((provider) => provider.models.some((model) => model.id.trim() === ""));
+			}, [draft]);
+			if (value === void 0 || draft === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
+				className: "lpc-card",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					className: "lpc-readOnly",
-					role: "status",
-					children: t("readOnly")
-				}) : null,
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
-					id: "lpc-enabled",
-					label: t("enabled"),
-					checked: draft.enabled,
-					disabled,
-					onEdit: (value$1) => {
-						setDraft({
-							...draft,
-							enabled: value$1
-						});
-						setStatus(IDLE_STATUS);
-					}
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-					id: "lpc-catalogUrl",
-					label: t("catalogUrl"),
-					hint: t("catalogUrlHint"),
-					value: draft.catalogUrl,
-					disabled,
-					onEdit: (value$1) => {
-						setDraft({
-							...draft,
-							catalogUrl: value$1
-						});
-						setStatus(IDLE_STATUS);
-					}
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-					id: "lpc-catalogRefresh",
-					label: t("catalogRefreshHours"),
-					hint: t("catalogRefreshHoursHint"),
-					value: draft.catalogRefreshHours,
-					numeric: true,
-					disabled,
-					invalid: !numTextOk(draft.catalogRefreshHours),
-					invalidLabel: t("invalidNumber"),
-					onEdit: (value$1) => {
-						setDraft({
-							...draft,
-							catalogRefreshHours: value$1
-						});
-						setStatus(IDLE_STATUS);
+					children: t("loading")
+				})
+			});
+			const setProvider = (route, patch) => {
+				const current = draft.providers[route] ?? emptyProviderDraft();
+				setDraft({
+					...draft,
+					providers: {
+						...draft.providers,
+						[route]: {
+							...current,
+							...patch
+						}
 					}
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-					id: "lpc-catalogProxy",
-					label: t("catalogProxy"),
-					hint: t("catalogProxyHint"),
-					value: draft.catalogProxy,
-					disabled,
-					onEdit: (value$1) => {
-						setDraft({
-							...draft,
-							catalogProxy: value$1
-						});
-						setStatus(IDLE_STATUS);
+				});
+				setStatus(IDLE_STATUS);
+			};
+			const onAddRoute = (key) => {
+				setDraft({
+					...draft,
+					providers: {
+						...draft.providers,
+						[key]: emptyProviderDraft()
 					}
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-					className: "lpc-statusRow",
+				});
+				setStatus(IDLE_STATUS);
+			};
+			const onRemoveRoute = (route) => {
+				const next = { ...draft.providers };
+				delete next[route];
+				setDraft({
+					...draft,
+					providers: next
+				});
+				setStatus(IDLE_STATUS);
+			};
+			const onSave = () => {
+				setSaving(true);
+				const revision = scope.getSnapshot().revision;
+				api.replace({
+					ns: SETTINGS_NS,
+					section: toPatch(draft),
+					...revision !== void 0 ? { expectedRevision: revision } : {}
+				}).then(async (response) => {
+					if (!response.result.ok) throw new Error(response.result.error?.message ?? t("saveFailed"));
+					await scope.load();
+					const next = scope.getSnapshot().value;
+					if (next !== void 0) setDraft(draftFromValue(next));
+					setEpoch((value) => value + 1);
+					setStatus({
+						kind: "ok",
+						text: t("saveOk")
+					});
+				}).catch((error) => {
+					const message = error instanceof Error ? error.message : String(error);
+					setStatus({
+						kind: "error",
+						text: `${t("saveFailed")}${message}`
+					});
+				}).finally(() => setSaving(false));
+			};
+			const onDiscard = () => {
+				setDraft(draftFromValue(value));
+				setEpoch((value) => value + 1);
+				setStatus(IDLE_STATUS);
+			};
+			const onRefreshCatalog = () => {
+				setRefreshing(true);
+				refreshCatalog().then((result) => {
+					setModelsDevStatus(result.status);
+					setStatus({
+						kind: "ok",
+						text: t("refreshOk")
+					});
+				}).catch((error) => {
+					const message = error instanceof Error ? error.message : String(error);
+					setStatus({
+						kind: "error",
+						text: `${t("refreshFailed")}${message}`
+					});
+				}).finally(() => setRefreshing(false));
+			};
+			const disabled = !snapshot.writable;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: `lpc-card${open ? " lpc-cardOpen" : ""}`,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "lpc-header",
+					"aria-expanded": open,
+					"aria-label": `${t(open ? "collapse" : "expand")}: ${t("title")}`,
+					onClick: () => setOpen(!open),
 					children: [
-						t("kitSource"),
-						"：",
-						kitSource ?? ""
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							className: "lpc-headText",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lpc-name",
+								children: t("title")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lpc-description",
+								children: t("description")
+							})]
+						}),
+						dirty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lpc-pending",
+							children: t("unsaved")
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: `lpc-chevron${open ? " lpc-chevronOpen" : ""}`,
+							children: "▾"
+						})
 					]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "lpc-statusRow",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
-						t("modelsDevStatus"),
-						"：",
-						modelsDevText(modelsDevStatus, t)
-					] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-						type: "button",
-						className: "lpc-btn lpc-btnGhost lpc-btnSmall lpc-refreshBtn",
-						disabled: disabled || refreshing,
-						onClick: onRefreshCatalog,
-						children: t(refreshing ? "refreshingCatalog" : "refreshCatalog")
-					})]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProvidersSection, {
-					providers: draft.providers,
-					epoch,
-					disabled,
-					t,
-					onAddRoute,
-					onRemoveRoute,
-					onPatchProvider: setProvider
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "lpc-footer",
+				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lpc-body",
 					children: [
-						status.kind !== "idle" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							className: `lpc-status${status.kind === "error" ? " lpc-statusError" : ""}`,
+						disabled ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "lpc-readOnly",
 							role: "status",
-							children: status.text
+							children: t("readOnly")
 						}) : null,
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: "lpc-btn lpc-btnGhost",
-							disabled: !dirty || saving,
-							onClick: onDiscard,
-							children: t("discard")
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
+							id: "lpc-enabled",
+							label: t("enabled"),
+							checked: draft.enabled,
+							disabled,
+							onEdit: (value) => {
+								setDraft({
+									...draft,
+									enabled: value
+								});
+								setStatus(IDLE_STATUS);
+							}
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							className: "lpc-btn lpc-btnPrimary",
-							disabled: !dirty || invalid || saving || disabled,
-							onClick: onSave,
-							children: t(saving ? "saving" : "save")
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+							id: "lpc-catalogUrl",
+							label: t("catalogUrl"),
+							hint: t("catalogUrlHint"),
+							value: draft.catalogUrl,
+							disabled,
+							onEdit: (value) => {
+								setDraft({
+									...draft,
+									catalogUrl: value
+								});
+								setStatus(IDLE_STATUS);
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+							id: "lpc-catalogRefresh",
+							label: t("catalogRefreshHours"),
+							hint: t("catalogRefreshHoursHint"),
+							value: draft.catalogRefreshHours,
+							numeric: true,
+							disabled,
+							invalid: !numTextOk(draft.catalogRefreshHours),
+							invalidLabel: t("invalidNumber"),
+							onEdit: (value) => {
+								setDraft({
+									...draft,
+									catalogRefreshHours: value
+								});
+								setStatus(IDLE_STATUS);
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
+							id: "lpc-catalogProxy",
+							label: t("catalogProxy"),
+							hint: t("catalogProxyHint"),
+							value: draft.catalogProxy,
+							disabled,
+							onEdit: (value) => {
+								setDraft({
+									...draft,
+									catalogProxy: value
+								});
+								setStatus(IDLE_STATUS);
+							}
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+							className: "lpc-statusRow",
+							children: [
+								t("kitSource"),
+								"：",
+								kitSource ?? ""
+							]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lpc-statusRow",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+								t("modelsDevStatus"),
+								"：",
+								modelsDevText(modelsDevStatus, t)
+							] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "lpc-btn lpc-btnGhost lpc-btnSmall lpc-refreshBtn",
+								disabled: disabled || refreshing,
+								onClick: onRefreshCatalog,
+								children: t(refreshing ? "refreshingCatalog" : "refreshCatalog")
+							})]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProvidersSection, {
+							providers: draft.providers,
+							epoch,
+							disabled,
+							t,
+							onAddRoute,
+							onRemoveRoute,
+							onPatchProvider: setProvider
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "lpc-footer",
+							children: [
+								status.kind !== "idle" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: `lpc-status${status.kind === "error" ? " lpc-statusError" : ""}`,
+									role: "status",
+									children: status.text
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "lpc-btn lpc-btnGhost",
+									disabled: !dirty || saving,
+									onClick: onDiscard,
+									children: t("discard")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+									type: "button",
+									className: "lpc-btn lpc-btnPrimary",
+									disabled: !dirty || invalid || saving || disabled,
+									onClick: onSave,
+									children: t(saving ? "saving" : "save")
+								})
+							]
 						})
 					]
-				})
-			]
-		}) : null]
-	});
-}
-
-//#endregion
-//#region src/client/i18n.ts
-/**
-* 配置卡片文案（zh/en）。经 ctx.locale.register 注册、bind 取用，与官方卡片同机制。
-* @module llm-pi/client/i18n
-*/
-const NS = "dsh-plus-llm-pi";
-const zh = {
-	title: "LLM 路由（llm-pi）",
-	description: "自定义 LLM 路由：协议、compat、模型目录与 models.dev 目录兜底。",
-	enabled: "启用插件",
-	catalogUrl: "models.dev 目录数据端点",
-	catalogUrlHint: "快照数据源；一般无需修改。",
-	catalogRefreshHours: "目录刷新间隔（小时）",
-	catalogRefreshHoursHint: "0 = 不自动拉取（可手动拉取或读已有缓存）；>0 = 每 N 小时自动拉取。",
-	catalogProxy: "拉取代理地址",
-	catalogProxyHint: "HTTP 代理（如 http://127.0.0.1:7890）；留空直连。",
-	kitSource: "模块来源",
-	modelsDevStatus: "models.dev 快照",
-	modelsDevEmpty: "未拉取（无缓存数据；可手动拉取）",
-	modelsDevStatusLine: "已加载",
-	modelsDevError: "加载失败：",
-	refreshCatalog: "手动拉取",
-	refreshingCatalog: "拉取中…",
-	refreshOk: "目录已拉取。",
-	refreshFailed: "拉取失败：",
-	advancedGroup: "高级设置（retryPolicy / compat）",
-	providersGroup: "Provider 路由",
-	addRoute: "新增 route",
-	addRoutePlaceholder: "新 route 键名（如 my-llm）",
-	routeEmpty: "route 键名不能为空。",
-	routeDuplicate: "该 route 已存在。",
-	deleteRoute: "删除 route",
-	providerFields: "基础字段",
-	extends: "继承内置 provider",
-	extendsHint: "如 openai、anthropic；提供 api/baseURL 默认值与模型查找源。",
-	displayName: "显示名",
-	api: "线协议",
-	baseURL: "端点 URL",
-	baseURLHint: "缺省继承 extends 源的端点。",
-	apiKeyEnv: "凭据引用名",
-	apiKeyEnvHint: "如 NEWAPI_API_KEY（凭据服务或环境变量）。",
-	defaultContextWindow: "默认上下文容量",
-	defaultMaxTokens: "默认输出上限",
-	defaultInput: "默认输入模态",
-	reasoning: "默认 reasoning 档位",
-	thinkingBudgets: "thinking 档位预算",
-	cacheRetention: "提示缓存保留",
-	transport: "流式传输",
-	timeoutMs: "HTTP 超时（毫秒）",
-	websocketConnectTimeoutMs: "WebSocket 连接超时（毫秒）",
-	streamIdleTimeoutMs: "流空闲超时（毫秒）",
-	maxRequestImageBytes: "单请求图片载荷上限（字节，缺省 20MiB）",
-	headers: "请求头",
-	headersHint: "键值对；键为空的整行会被忽略。",
-	key: "键",
-	value: "值",
-	add: "添加",
-	remove: "删除",
-	retryPolicy: "重试策略（JSON）",
-	retryPolicyHint: "dsh-llm RetryPolicy 形状；非法 JSON 不会提交。",
-	invalidJson: "JSON 格式错误（该字段不会提交）。",
-	compatGroup: "Compat 覆盖",
-	compatApiHint: "api 未设置时暂按 openai-completions 字段组渲染；保存时后端按实际协议校验。",
-	compatUnset: "未设置",
-	modelsGroup: "模型目录",
-	addModel: "添加模型",
-	deleteModel: "删除",
-	modelRow: "模型",
-	modelId: "模型 id",
-	modelIdHint: "发送给 provider 的标识，必填。",
-	modelIdRequired: "模型 id 必填。",
-	modelExtends: "继承源",
-	modelExtendsHint: "\"provider/model\" 或裸 model id（候选来自下方目录）。",
-	modelName: "显示名",
-	contextWindow: "上下文容量",
-	maxTokens: "输出上限",
-	input: "输入模态",
-	reasoningEfforts: "reasoningEfforts",
-	nonReasoning: "非推理模型",
-	catalogSource: "候选来源",
-	catalogProvider: "候选 provider",
-	catalogLoading: "目录加载中…",
-	catalogFailed: "目录加载失败。",
-	save: "保存",
-	saving: "保存中…",
-	discard: "放弃",
-	unsaved: "未保存",
-	saveOk: "已保存。",
-	saveFailed: "保存失败：",
-	loading: "加载中…",
-	readOnly: "当前部署无 settings provider，配置为只读；请编辑 settings.yaml。",
-	expand: "展开",
-	collapse: "收起",
-	invalidNumber: "请输入有效数字"
-};
-const en = {
-	title: "LLM routes (llm-pi)",
-	description: "Custom LLM routes: protocol, compat, model catalog and models.dev fallback.",
-	enabled: "Enable plugin",
-	catalogUrl: "models.dev catalog endpoint",
-	catalogUrlHint: "Snapshot data source; usually no change needed.",
-	catalogRefreshHours: "Catalog refresh (hours)",
-	catalogRefreshHoursHint: "0 = no auto refresh (manual refresh or existing cache); >0 = refresh every N hours.",
-	catalogProxy: "Fetch proxy",
-	catalogProxyHint: "HTTP proxy (e.g. http://127.0.0.1:7890); leave empty for direct.",
-	kitSource: "Module source",
-	modelsDevStatus: "models.dev snapshot",
-	modelsDevEmpty: "Not fetched (no cached data; use manual refresh)",
-	modelsDevStatusLine: "Loaded",
-	modelsDevError: "Load failed: ",
-	refreshCatalog: "Refresh now",
-	refreshingCatalog: "Refreshing…",
-	refreshOk: "Catalog refreshed.",
-	refreshFailed: "Refresh failed: ",
-	advancedGroup: "Advanced (retryPolicy / compat)",
-	providersGroup: "Provider routes",
-	addRoute: "Add route",
-	addRoutePlaceholder: "New route key (e.g. my-llm)",
-	routeEmpty: "Route key must not be empty.",
-	routeDuplicate: "This route already exists.",
-	deleteRoute: "Delete route",
-	providerFields: "Basic fields",
-	extends: "Inherit built-in provider",
-	extendsHint: "e.g. openai, anthropic; provides api/baseURL defaults and the model lookup source.",
-	displayName: "Display name",
-	api: "Wire protocol",
-	baseURL: "Base URL",
-	baseURLHint: "Defaults to the extends source endpoint.",
-	apiKeyEnv: "Credential reference",
-	apiKeyEnvHint: "e.g. NEWAPI_API_KEY (credential service or environment variable).",
-	defaultContextWindow: "Default context window",
-	defaultMaxTokens: "Default max tokens",
-	defaultInput: "Default input modalities",
-	reasoning: "Default reasoning level",
-	thinkingBudgets: "Thinking budgets",
-	cacheRetention: "Cache retention",
-	transport: "Streaming transport",
-	timeoutMs: "HTTP timeout (ms)",
-	websocketConnectTimeoutMs: "WebSocket connect timeout (ms)",
-	streamIdleTimeoutMs: "Stream idle timeout (ms)",
-	maxRequestImageBytes: "Max image payload per request (bytes, default 20MiB)",
-	headers: "Request headers",
-	headersHint: "Key/value pairs; rows with an empty key are ignored.",
-	key: "Key",
-	value: "Value",
-	add: "Add",
-	remove: "Remove",
-	retryPolicy: "Retry policy (JSON)",
-	retryPolicyHint: "dsh-llm RetryPolicy shape; invalid JSON is not submitted.",
-	invalidJson: "Invalid JSON (this field will not be submitted).",
-	compatGroup: "Compat overrides",
-	compatApiHint: "When api is unset, fields render per openai-completions; the backend validates per the effective protocol.",
-	compatUnset: "Unset",
-	modelsGroup: "Model catalog",
-	addModel: "Add model",
-	deleteModel: "Delete",
-	modelRow: "Model",
-	modelId: "Model id",
-	modelIdHint: "The identifier sent to the provider; required.",
-	modelIdRequired: "Model id is required.",
-	modelExtends: "Inherits from",
-	modelExtendsHint: "\"provider/model\" or a bare model id (candidates from the catalog below).",
-	modelName: "Display name",
-	contextWindow: "Context window",
-	maxTokens: "Max tokens",
-	input: "Input modalities",
-	reasoningEfforts: "reasoningEfforts",
-	nonReasoning: "Non-reasoning model",
-	catalogSource: "Candidate source",
-	catalogProvider: "Candidate provider",
-	catalogLoading: "Loading catalog…",
-	catalogFailed: "Failed to load catalog.",
-	save: "Save",
-	saving: "Saving…",
-	discard: "Discard",
-	unsaved: "Unsaved",
-	saveOk: "Saved.",
-	saveFailed: "Save failed: ",
-	loading: "Loading…",
-	readOnly: "No settings provider in this deployment; edit settings.yaml instead.",
-	expand: "Expand",
-	collapse: "Collapse",
-	invalidNumber: "Enter a valid number"
-};
-
-//#endregion
-//#region src/client/styles.ts
-/**
-* 配置卡片样式：沿用官方 data-plugin / data-plugin-css 约定（HMR 据此卸载），
-* 视觉对齐官方卡片（--dsw-alias-* 变量），不覆盖上游任何选择器。
-* @module llm-pi/client/styles
-*/
-const PLUGIN_ID = "@dsh-plus/llm-pi";
-const STYLE_TAG_ID = `${PLUGIN_ID}/card.css`;
-const cardCss = `
+				}) : null]
+			});
+		}
+		//#endregion
+		//#region src/client/i18n.ts
+		/**
+		* 配置卡片文案（zh/en）。经 ctx.locale.register 注册、bind 取用，与官方卡片同机制。
+		* @module llm-pi/client/i18n
+		*/
+		const NS = "dsh-plus-llm-pi";
+		const zh = {
+			title: "LLM 路由（llm-pi）",
+			description: "自定义 LLM 路由：协议、compat、模型目录与 models.dev 目录兜底。",
+			enabled: "启用插件",
+			catalogUrl: "models.dev 目录数据端点",
+			catalogUrlHint: "快照数据源；一般无需修改。",
+			catalogRefreshHours: "目录刷新间隔（小时）",
+			catalogRefreshHoursHint: "0 = 不自动拉取（可手动拉取或读已有缓存）；>0 = 每 N 小时自动拉取。",
+			catalogProxy: "拉取代理地址",
+			catalogProxyHint: "HTTP 代理（如 http://127.0.0.1:7890）；留空直连。",
+			kitSource: "模块来源",
+			modelsDevStatus: "models.dev 快照",
+			modelsDevEmpty: "未拉取（无缓存数据；可手动拉取）",
+			modelsDevStatusLine: "已加载",
+			modelsDevError: "加载失败：",
+			refreshCatalog: "手动拉取",
+			refreshingCatalog: "拉取中…",
+			refreshOk: "目录已拉取。",
+			refreshFailed: "拉取失败：",
+			advancedGroup: "高级设置（retryPolicy / compat）",
+			providersGroup: "Provider 路由",
+			addRoute: "新增 route",
+			addRoutePlaceholder: "新 route 键名（如 my-llm）",
+			routeEmpty: "route 键名不能为空。",
+			routeDuplicate: "该 route 已存在。",
+			deleteRoute: "删除 route",
+			providerFields: "基础字段",
+			extends: "继承内置 provider",
+			extendsHint: "如 openai、anthropic；提供 api/baseURL 默认值与模型查找源。",
+			displayName: "显示名",
+			api: "线协议",
+			baseURL: "端点 URL",
+			baseURLHint: "缺省继承 extends 源的端点。",
+			apiKeyEnv: "凭据引用名",
+			apiKeyEnvHint: "如 NEWAPI_API_KEY（凭据服务或环境变量）。",
+			defaultContextWindow: "默认上下文容量",
+			defaultMaxTokens: "默认输出上限",
+			defaultInput: "默认输入模态",
+			reasoning: "默认 reasoning 档位",
+			thinkingBudgets: "thinking 档位预算",
+			cacheRetention: "提示缓存保留",
+			transport: "流式传输",
+			timeoutMs: "HTTP 超时（毫秒）",
+			websocketConnectTimeoutMs: "WebSocket 连接超时（毫秒）",
+			streamIdleTimeoutMs: "流空闲超时（毫秒）",
+			maxRequestImageBytes: "单请求图片载荷上限（字节，缺省 20MiB）",
+			headers: "请求头",
+			headersHint: "键值对；键为空的整行会被忽略。",
+			key: "键",
+			value: "值",
+			add: "添加",
+			remove: "删除",
+			retryPolicy: "重试策略（JSON）",
+			retryPolicyHint: "dsh-llm RetryPolicy 形状；非法 JSON 不会提交。",
+			invalidJson: "JSON 格式错误（该字段不会提交）。",
+			compatGroup: "Compat 覆盖",
+			compatApiHint: "api 未设置时暂按 openai-completions 字段组渲染；保存时后端按实际协议校验。",
+			compatUnset: "未设置",
+			modelsGroup: "模型目录",
+			addModel: "添加模型",
+			deleteModel: "删除",
+			modelRow: "模型",
+			modelId: "模型 id",
+			modelIdHint: "发送给 provider 的标识，必填。",
+			modelIdRequired: "模型 id 必填。",
+			modelExtends: "继承源",
+			modelExtendsHint: "\"provider/model\" 或裸 model id（候选来自下方目录）。",
+			modelName: "显示名",
+			contextWindow: "上下文容量",
+			maxTokens: "输出上限",
+			input: "输入模态",
+			reasoningEfforts: "reasoningEfforts",
+			nonReasoning: "非推理模型",
+			catalogSource: "候选来源",
+			catalogProvider: "候选 provider",
+			catalogLoading: "目录加载中…",
+			catalogFailed: "目录加载失败。",
+			save: "保存",
+			saving: "保存中…",
+			discard: "放弃",
+			unsaved: "未保存",
+			saveOk: "已保存。",
+			saveFailed: "保存失败：",
+			loading: "加载中…",
+			readOnly: "当前部署无 settings provider，配置为只读；请编辑 settings.yaml。",
+			expand: "展开",
+			collapse: "收起",
+			invalidNumber: "请输入有效数字"
+		};
+		const en = {
+			title: "LLM routes (llm-pi)",
+			description: "Custom LLM routes: protocol, compat, model catalog and models.dev fallback.",
+			enabled: "Enable plugin",
+			catalogUrl: "models.dev catalog endpoint",
+			catalogUrlHint: "Snapshot data source; usually no change needed.",
+			catalogRefreshHours: "Catalog refresh (hours)",
+			catalogRefreshHoursHint: "0 = no auto refresh (manual refresh or existing cache); >0 = refresh every N hours.",
+			catalogProxy: "Fetch proxy",
+			catalogProxyHint: "HTTP proxy (e.g. http://127.0.0.1:7890); leave empty for direct.",
+			kitSource: "Module source",
+			modelsDevStatus: "models.dev snapshot",
+			modelsDevEmpty: "Not fetched (no cached data; use manual refresh)",
+			modelsDevStatusLine: "Loaded",
+			modelsDevError: "Load failed: ",
+			refreshCatalog: "Refresh now",
+			refreshingCatalog: "Refreshing…",
+			refreshOk: "Catalog refreshed.",
+			refreshFailed: "Refresh failed: ",
+			advancedGroup: "Advanced (retryPolicy / compat)",
+			providersGroup: "Provider routes",
+			addRoute: "Add route",
+			addRoutePlaceholder: "New route key (e.g. my-llm)",
+			routeEmpty: "Route key must not be empty.",
+			routeDuplicate: "This route already exists.",
+			deleteRoute: "Delete route",
+			providerFields: "Basic fields",
+			extends: "Inherit built-in provider",
+			extendsHint: "e.g. openai, anthropic; provides api/baseURL defaults and the model lookup source.",
+			displayName: "Display name",
+			api: "Wire protocol",
+			baseURL: "Base URL",
+			baseURLHint: "Defaults to the extends source endpoint.",
+			apiKeyEnv: "Credential reference",
+			apiKeyEnvHint: "e.g. NEWAPI_API_KEY (credential service or environment variable).",
+			defaultContextWindow: "Default context window",
+			defaultMaxTokens: "Default max tokens",
+			defaultInput: "Default input modalities",
+			reasoning: "Default reasoning level",
+			thinkingBudgets: "Thinking budgets",
+			cacheRetention: "Cache retention",
+			transport: "Streaming transport",
+			timeoutMs: "HTTP timeout (ms)",
+			websocketConnectTimeoutMs: "WebSocket connect timeout (ms)",
+			streamIdleTimeoutMs: "Stream idle timeout (ms)",
+			maxRequestImageBytes: "Max image payload per request (bytes, default 20MiB)",
+			headers: "Request headers",
+			headersHint: "Key/value pairs; rows with an empty key are ignored.",
+			key: "Key",
+			value: "Value",
+			add: "Add",
+			remove: "Remove",
+			retryPolicy: "Retry policy (JSON)",
+			retryPolicyHint: "dsh-llm RetryPolicy shape; invalid JSON is not submitted.",
+			invalidJson: "Invalid JSON (this field will not be submitted).",
+			compatGroup: "Compat overrides",
+			compatApiHint: "When api is unset, fields render per openai-completions; the backend validates per the effective protocol.",
+			compatUnset: "Unset",
+			modelsGroup: "Model catalog",
+			addModel: "Add model",
+			deleteModel: "Delete",
+			modelRow: "Model",
+			modelId: "Model id",
+			modelIdHint: "The identifier sent to the provider; required.",
+			modelIdRequired: "Model id is required.",
+			modelExtends: "Inherits from",
+			modelExtendsHint: "\"provider/model\" or a bare model id (candidates from the catalog below).",
+			modelName: "Display name",
+			contextWindow: "Context window",
+			maxTokens: "Max tokens",
+			input: "Input modalities",
+			reasoningEfforts: "reasoningEfforts",
+			nonReasoning: "Non-reasoning model",
+			catalogSource: "Candidate source",
+			catalogProvider: "Candidate provider",
+			catalogLoading: "Loading catalog…",
+			catalogFailed: "Failed to load catalog.",
+			save: "Save",
+			saving: "Saving…",
+			discard: "Discard",
+			unsaved: "Unsaved",
+			saveOk: "Saved.",
+			saveFailed: "Save failed: ",
+			loading: "Loading…",
+			readOnly: "No settings provider in this deployment; edit settings.yaml instead.",
+			expand: "Expand",
+			collapse: "Collapse",
+			invalidNumber: "Enter a valid number"
+		};
+		//#endregion
+		//#region src/client/styles.ts
+		/**
+		* 配置卡片样式：沿用官方 data-plugin / data-plugin-css 约定（HMR 据此卸载），
+		* 视觉对齐官方卡片（--dsw-alias-* 变量），不覆盖上游任何选择器。
+		* @module llm-pi/client/styles
+		*/
+		const PLUGIN_ID = "@dsh-plus/llm-pi";
+		const STYLE_TAG_ID = `${PLUGIN_ID}/card.css`;
+		const cardCss = `
 .lpc-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}
 .lpc-card:hover{border-color:var(--dsw-alias-label-dimmed)}
 .lpc-cardOpen{background:var(--dsw-alias-bg-layer-2);border-color:var(--dsw-alias-label-dimmed)}
@@ -1879,125 +1917,123 @@ const cardCss = `
 .lpc-collapseBody{border-top:1px dashed var(--dsw-alias-border-l2);padding-bottom:6px}
 .lpc-refreshBtn{margin-left:8px;vertical-align:middle}
 `;
-/** 幂等注入样式标签；返回标签（已存在或环境无 document 时为 null）。 */
-function injectStyle() {
-	if (typeof document === "undefined") return null;
-	if (document.querySelector(`style[data-plugin-css=${JSON.stringify(STYLE_TAG_ID)}]`) !== null) return null;
-	const tag = document.createElement("style");
-	tag.dataset.plugin = PLUGIN_ID;
-	tag.dataset.pluginCss = STYLE_TAG_ID;
-	tag.textContent = cardCss;
-	document.head.appendChild(tag);
-	return tag;
-}
-
-//#endregion
-//#region src/client/client.ts
-const name = "dsh-plus-llm-pi";
-/** 浏览器半需要的 cordis 服务 key（loader 据此注入；package.json 的 dsh.client.inject 管包加载顺序）。 */
-const inject = [
-	"slots",
-	"locale",
-	"connection",
-	"remote"
-];
-/**
-* api 直连实现的命名空间 scope（官方配置页 tab 同款模式）。
-* 读：describe 取命名空间视图（脱敏 value/revision + 顶层 writable）；
-* 刷新：remote `settings/document-updated`（按命名空间过滤）与
-* `connection/reset`；generation 防旧读覆盖新发布。任何页面 origin
-* （loopback 或 tailnet 信任域名）下行为一致。
-*/
-function createApiScope(api, ns, c) {
-	let state = {
-		status: "loading",
-		value: void 0,
-		revision: void 0,
-		writable: false
-	};
-	const listeners = /* @__PURE__ */ new Set();
-	let generation = 0;
-	const publish = (next) => {
-		state = next;
-		for (const listener of [...listeners]) listener();
-	};
-	const load = async () => {
-		const gen = ++generation;
-		let response;
-		try {
-			response = await api.describe({});
-		} catch {
-			return;
+		/** 幂等注入样式标签；返回标签（已存在或环境无 document 时为 null）。 */
+		function injectStyle() {
+			if (typeof document === "undefined") return null;
+			if (document.querySelector(`style[data-plugin-css=${JSON.stringify(STYLE_TAG_ID)}]`) !== null) return null;
+			const tag = document.createElement("style");
+			tag.dataset.plugin = PLUGIN_ID;
+			tag.dataset.pluginCss = STYLE_TAG_ID;
+			tag.textContent = cardCss;
+			document.head.appendChild(tag);
+			return tag;
 		}
-		if (gen !== generation || !response.result.ok) return;
-		const writable = response.result.value?.writable ?? false;
-		const view = response.result.value?.namespaces.find((candidate) => candidate.ns === ns);
-		if (view === void 0) {
-			publish({
-				status: "unavailable",
+		//#endregion
+		//#region src/client/client.ts
+		const name = "dsh-plus-llm-pi";
+		/** 浏览器半需要的 cordis 服务 key（loader 据此注入；package.json 的 dsh.client.inject 管包加载顺序）。 */
+		const inject = [
+			"slots",
+			"locale",
+			"connection",
+			"remote"
+		];
+		/**
+		* api 直连实现的命名空间 scope（官方配置页 tab 同款模式）。
+		* 读：describe 取命名空间视图（脱敏 value/revision + 顶层 writable）；
+		* 刷新：remote `settings/document-updated`（按命名空间过滤）与
+		* `connection/reset`；generation 防旧读覆盖新发布。任何页面 origin
+		* （loopback 或 tailnet 信任域名）下行为一致。
+		*/
+		function createApiScope(api, ns, c) {
+			let state = {
+				status: "loading",
 				value: void 0,
 				revision: void 0,
-				writable
-			});
-			return;
-		}
-		publish({
-			status: "ready",
-			value: view.value,
-			revision: view.revision,
-			writable
-		});
-	};
-	const refresh = (namespace) => {
-		if (namespace !== void 0 && namespace !== ns) return;
-		load();
-	};
-	const disposers = [c.get("remote").$on("settings/document-updated", refresh), c.on("connection/reset", () => {
-		load();
-	})];
-	c.effect(() => () => {
-		for (const dispose of disposers) dispose();
-	}, "llm-pi: settings scope");
-	load();
-	return {
-		getSnapshot: () => state,
-		subscribe: (listener) => {
-			listeners.add(listener);
-			return () => {
-				listeners.delete(listener);
+				writable: false
+			};
+			const listeners = /* @__PURE__ */ new Set();
+			let generation = 0;
+			const publish = (next) => {
+				state = next;
+				for (const listener of [...listeners]) listener();
+			};
+			const load = async () => {
+				const gen = ++generation;
+				let response;
+				try {
+					response = await api.describe({});
+				} catch {
+					return;
+				}
+				if (gen !== generation || !response.result.ok) return;
+				const writable = response.result.value?.writable ?? false;
+				const view = response.result.value?.namespaces.find((candidate) => candidate.ns === ns);
+				if (view === void 0) {
+					publish({
+						status: "unavailable",
+						value: void 0,
+						revision: void 0,
+						writable
+					});
+					return;
+				}
+				publish({
+					status: "ready",
+					value: view.value,
+					revision: view.revision,
+					writable
+				});
 			};
-		},
-		load
-	};
-}
-function apply(ctx) {
-	const c = ctx;
-	const tag = injectStyle();
-	c.effect(() => () => {
-		tag?.remove();
-	}, "llm-pi: style");
-	c.effect(() => c.locale.register(NS, {
-		zh,
-		en
-	}), "llm-pi: locale");
-	const api = c.get("connection").api.settings;
-	const scope = createApiScope(api, SETTINGS_NS, c);
-	c.slots.inject("settings.plugin.item", () => c.slots.register({
-		name: "settings.plugin.item",
-		key: SETTINGS_NS,
-		locale: NS,
-		inject: () => ({
-			t: c.locale.bind(NS),
-			scope,
-			api
-		})
-	}, LlmPiCard));
-}
-
-//#endregion
-exports.apply = apply;
-exports.inject = inject;
-exports.name = name;
+			const refresh = (namespace) => {
+				if (namespace !== void 0 && namespace !== ns) return;
+				load();
+			};
+			const disposers = [c.get("remote").$on("settings/document-updated", refresh), c.on("connection/reset", () => {
+				load();
+			})];
+			c.effect(() => () => {
+				for (const dispose of disposers) dispose();
+			}, "llm-pi: settings scope");
+			load();
+			return {
+				getSnapshot: () => state,
+				subscribe: (listener) => {
+					listeners.add(listener);
+					return () => {
+						listeners.delete(listener);
+					};
+				},
+				load
+			};
+		}
+		function apply(ctx) {
+			const c = ctx;
+			const tag = injectStyle();
+			c.effect(() => () => {
+				tag?.remove();
+			}, "llm-pi: style");
+			c.effect(() => c.locale.register(NS, {
+				zh,
+				en
+			}), "llm-pi: locale");
+			const api = c.get("connection").api.settings;
+			const scope = createApiScope(api, SETTINGS_NS, c);
+			c.slots.inject("settings.plugin.item", () => c.slots.register({
+				name: "settings.plugin.item",
+				key: SETTINGS_NS,
+				locale: NS,
+				inject: () => ({
+					t: c.locale.bind(NS),
+					scope,
+					api
+				})
+			}, LlmPiCard));
+		}
+		//#endregion
+		exports.apply = apply;
+		exports.inject = inject;
+		exports.name = name;
 		return module.exports;
 	}
 });