@dsh-plus/llm-pi 0.1.0

package/lib/client.js

@@ -0,0 +1,1904 @@
+window.__ModuleLoader__.load({
+	id: "@dsh-plus/llm-pi",
+	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/client/api.ts
+const ROUTE_CONFIG = "/dsh-plus/llm-pi/config";
+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;
+}
+async function fetchConfig() {
+	return parse(await fetch(ROUTE_CONFIG, { credentials: "same-origin" }));
+}
+async function saveConfig(patch) {
+	return parse(await fetch(ROUTE_CONFIG, {
+		method: "PUT",
+		credentials: "same-origin",
+		headers: { "content-type": "application/json" },
+		body: JSON.stringify(patch)
+	}));
+}
+/** 目录查询：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),
+		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),
+		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: "",
+		retryPolicy: void 0,
+		models: []
+	};
+}
+function emptyModelDraft() {
+	return {
+		id: "",
+		extends: "",
+		name: "",
+		contextWindow: "",
+		maxTokens: "",
+		input: {
+			text: false,
+			image: false
+		},
+		reasoningEfforts: {
+			nonReasoning: false,
+			levels: {}
+		},
+		compat: {}
+	};
+}
+function draftFromWire(wire) {
+	return {
+		enabled: wire.enabled,
+		catalogUrl: wire.catalogUrl,
+		catalogRefreshHours: String(wire.catalogRefreshHours),
+		catalogProxy: wire.catalogProxy,
+		providers: Object.fromEntries(Object.entries(wire.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
+				})
+			}),
+			/* @__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
+				})
+			}),
+			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 {
+		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",
+					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.jsx)(CollapseSection, {
+			id: `${props.idPrefix}-collapse`,
+			title: props.t("compatGroup"),
+			defaultOpen: false,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { 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 () => {
+			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.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))]
+					})
+				]
+			}),
+			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", {
+				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.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", {
+				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.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],
+						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;
+		}
+		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),
+				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,
+				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.jsx)(CollapseSection, {
+					id: `${id}-advanced`,
+					title: t("advancedGroup"),
+					defaultOpen: false,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { 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]
+	});
+}
+
+//#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 } = props;
+	const [open, setOpen] = (0, react.useState)(false);
+	const [wire, setWire] = (0, react.useState)(null);
+	const [draft, setDraft] = (0, react.useState)(null);
+	const [epoch, setEpoch] = (0, react.useState)(0);
+	const [failed, setFailed] = (0, react.useState)(false);
+	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)(() => {
+		let alive = true;
+		fetchConfig().then((loaded) => {
+			if (!alive) return;
+			setWire(loaded);
+			setDraft(draftFromWire(loaded));
+		}).catch(() => {
+			if (alive) setFailed(true);
+		});
+		return () => {
+			alive = false;
+		};
+	}, []);
+	const dirty = (0, react.useMemo)(() => wire !== null && draft !== null && JSON.stringify(toPatch(draft)) !== JSON.stringify(toPatch(draftFromWire(wire))), [wire, 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 (failed) return null;
+	if (wire === null || 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);
+		saveConfig(toPatch(draft)).then((saved) => {
+			setWire(saved);
+			setDraft(draftFromWire(saved));
+			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(draftFromWire(wire));
+		setEpoch((value) => value + 1);
+		setStatus(IDLE_STATUS);
+	};
+	const onRefreshCatalog = () => {
+		setRefreshing(true);
+		refreshCatalog().then((result) => {
+			setWire({
+				...wire,
+				modelsDevStatus: 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 = !wire.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", {
+					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) => {
+						setDraft({
+							...draft,
+							enabled: value
+						});
+						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) => {
+						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"),
+						"：",
+						wire.kitSource
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lpc-statusRow",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
+						t("modelsDevStatus"),
+						"：",
+						modelsDevText(wire.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: "流空闲超时（毫秒）",
+	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)",
+	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)}
+.lpc-header{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}
+.lpc-header:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}
+.lpc-headText{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}
+.lpc-name{color:var(--dsw-alias-label-primary);font-size:15px;font-weight:600;line-height:1.4}
+.lpc-description{color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:1.5}
+.lpc-chevron{color:var(--dsw-alias-label-tertiary);flex:none;transition:transform .16s;font-size:12px}
+.lpc-chevronOpen{transform:rotate(180deg)}
+.lpc-pending{white-space:nowrap;background:var(--dsw-alias-bg-module-platform);color:var(--dsw-alias-label-secondary);border-radius:999px;flex:none;padding:1px 8px;font-size:11px;font-weight:500;line-height:17px}
+.lpc-body{border-top:1px solid var(--dsw-alias-border-l2);margin:0 16px;padding-bottom:8px}
+.lpc-field{flex-direction:column;gap:6px;padding:12px 0;display:flex;min-width:0}
+.lpc-field+.lpc-field{border-top:1px solid var(--dsw-alias-border-l2)}
+.lpc-head{align-items:center;gap:8px;display:flex}
+.lpc-label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}
+.lpc-input{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);height:34px;width:100%;box-sizing:border-box;font:inherit;color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px}
+.lpc-input:focus-visible{border-color:var(--dsw-alias-brand-primary);outline:none}
+.lpc-input:disabled{color:var(--dsw-alias-label-tertiary);cursor:default}
+.lpc-inputInvalid{border-color:var(--dsw-alias-label-error)}
+.lpc-select{appearance:none}
+.lpc-textarea{height:auto;min-height:72px;padding:8px 12px;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;resize:vertical}
+.lpc-hint{color:var(--dsw-alias-label-tertiary);margin:0;font-size:12px;line-height:1.5}
+.lpc-invalid{color:var(--dsw-alias-label-error);margin:0;font-size:12px;line-height:1.5}
+.lpc-checkRow{align-items:center;gap:8px;display:flex;padding:3px 0}
+.lpc-checkRow input{accent-color:var(--dsw-alias-brand-primary)}
+.lpc-checkRow label{color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5;cursor:pointer}
+.lpc-groupLabel{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600;padding:14px 0 2px;margin:0}
+.lpc-readOnly{color:var(--dsw-alias-label-tertiary);margin:12px 0 0;font-size:12px;line-height:1.5}
+.lpc-statusRow{color:var(--dsw-alias-label-tertiary);margin:6px 0 0;font-size:12px;line-height:1.6;word-break:break-all}
+.lpc-footer{border-top:1px solid var(--dsw-alias-border-l2);justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px;display:flex;flex-wrap:wrap}
+.lpc-status{min-width:0;color:var(--dsw-alias-label-secondary);flex:1;margin:0;font-size:12px;line-height:1.5}
+.lpc-statusError{color:var(--dsw-alias-label-error)}
+.lpc-btn{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:5px 14px;font-size:13px;line-height:1.5;flex:none}
+.lpc-btnGhost{border-color:var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);background:0 0}
+.lpc-btnGhost:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-label-dimmed)}
+.lpc-btnPrimary{background:var(--dsw-alias-label-primary);color:var(--dsw-alias-bg-layer-3)}
+.lpc-btn:disabled{opacity:.4;cursor:default}
+.lpc-btn:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}
+.lpc-btnSmall{padding:2px 10px;font-size:12px}
+.lpc-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
+.lpc-gridNested{margin-top:2px}
+.lpc-wide{grid-column:1 / -1}
+.lpc-addRoute{display:flex;gap:8px;align-items:center;padding:10px 0}
+.lpc-addRoute .lpc-input{flex:1;min-width:0}
+.lpc-route{border:1px solid var(--dsw-alias-border-l2);border-radius:10px;margin:10px 0;background:var(--dsw-alias-bg-layer-3)}
+.lpc-routeHead{display:flex;align-items:center;gap:8px;padding:6px 10px}
+.lpc-routeToggle{appearance:none;background:0 0;border:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;padding:4px 0;border-radius:6px}
+.lpc-routeToggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}
+.lpc-routeKey{color:var(--dsw-alias-label-primary);font-size:13px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.lpc-routeApi{color:var(--dsw-alias-label-tertiary);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.lpc-routeBody{border-top:1px solid var(--dsw-alias-border-l2);margin:0 14px;padding-bottom:6px}
+.lpc-kvRow{display:flex;gap:8px;align-items:center}
+.lpc-kvRow .lpc-input{flex:1;min-width:0}
+.lpc-kvAdd{padding-top:8px}
+.lpc-modelRow{border:1px dashed var(--dsw-alias-border-l2);border-radius:10px;margin:10px 0;padding:0 14px;background:var(--dsw-alias-bg-layer-3)}
+.lpc-modelHead{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0}
+.lpc-modelTitle{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}
+.lpc-catalogBar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:4px 0}
+.lpc-catalogLabel{color:var(--dsw-alias-label-tertiary);font-size:12px}
+.lpc-catalogSelect{width:auto;height:30px}
+.lpc-collapse{border-top:1px solid var(--dsw-alias-border-l2);margin:2px 0}
+.lpc-collapseHead{appearance:none;background:0 0;border:0;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:10px 0;border-radius:6px}
+.lpc-collapseHead:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}
+.lpc-collapseTitle{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600}
+.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"];
+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");
+	c.slots.inject("settings.plugin.item", () => c.slots.register({
+		name: "settings.plugin.item",
+		id: "llm-pi",
+		order: 110,
+		locale: NS,
+		inject: () => ({ t: c.locale.bind(NS) })
+	}, LlmPiCard));
+}
+
+//#endregion
+exports.apply = apply;
+exports.inject = inject;
+exports.name = name;
+		return module.exports;
+	}
+});