@dsh-plus/llm-pi 0.1.42 → 0.1.43

package/lib/client.js

@@ -80,6 +80,30 @@ window.__ModuleLoader__.load({
 			});
 		}
 		//#endregion
+		//#region ../shared/src/client/clipboard.ts
+		/**
+		* 剪贴板复制助手（浏览器半共享件）：`navigator.clipboard` 优先，
+		* 非安全上下文（如非 localhost 直连的 HTTP 页面）无该 API 时退 `execCommand`。
+		* @module @dsh-plus/shared/client/clipboard
+		*/
+		/** 复制文本到剪贴板；返回是否成功（失败静默，调用方自行决定是否提示）。 */
+		async function copyText(text) {
+			try {
+				await navigator.clipboard.writeText(text);
+				return true;
+			} catch {
+				const area = document.createElement("textarea");
+				area.value = text;
+				area.style.position = "fixed";
+				area.style.opacity = "0";
+				document.body.appendChild(area);
+				area.select();
+				const ok = document.execCommand("copy");
+				area.remove();
+				return ok;
+			}
+		}
+		//#endregion
 		//#region ../shared/src/client/config-slots.ts
 		/** dsh-plus 聚合 bundle 的包名（各插件 row 均经其补丁层插入 profile）。 */
 		const DSH_PLUS_BUNDLE = "@dsh-plus/bundle-main";
@@ -116,41 +140,6 @@ window.__ModuleLoader__.load({
 		*/
 		//#endregion
 		//#region ../shared/src/client/fields.tsx
-		function TextField$1(props) {
-			const p = props.prefix ?? "dshp";
-			const invalid = props.invalid === true;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: `${p}-field`,
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: `${p}-head`,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-							className: `${p}-label`,
-							htmlFor: props.id,
-							children: props.label
-						}), props.badge !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: `${p}-badge ${props.badge.set ? `${p}-badgeSet` : `${p}-badgeUnset`}`,
-							children: props.badge.text
-						}) : null]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-						id: props.id,
-						className: `${p}-input${invalid ? ` ${p}-inputInvalid` : ""}`,
-						type: props.password === true ? "password" : "text",
-						inputMode: props.numeric === true ? "numeric" : void 0,
-						autoComplete: props.password === true ? "off" : void 0,
-						"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 ? `${p}-invalid` : `${p}-hint`,
-						children: invalid ? props.invalidLabel ?? "" : props.hint ?? ""
-					})
-				]
-			});
-		}
 		/**
 		* 勾选行：自绘圆角扁平开关（switch），对齐官方 WebUI 无原生 checkbox 的
 		* 设计语言（官方选择类控件全走胶囊/菜单，见 cardCss 的 -switch 规则）。
@@ -424,28 +413,41 @@ ${extra}
 			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"
+		/** 运行期事实 + 目录索引（卡片挂载时一次）。 */
+		async function fetchCatalogMeta() {
+			return parse(await fetch(ROUTE_CATALOG, { credentials: "same-origin" }));
+		}
+		/** 目录搜索（模糊 q + provider/api/能力/分页）。 */
+		async function searchCatalog(query, signal) {
+			const params = new URLSearchParams();
+			if (query.q !== void 0 && query.q.length > 0) params.set("q", query.q);
+			if (query.provider !== void 0 && query.provider.length > 0) params.set("provider", query.provider);
+			if (query.api !== void 0 && query.api.length > 0) params.set("api", query.api);
+			if (query.reasoning === true) params.set("reasoning", "1");
+			if (query.image === true) params.set("image", "1");
+			if (query.servableOnly === false) params.set("servable", "0");
+			if (query.offset !== void 0) params.set("offset", String(query.offset));
+			if (query.limit !== void 0) params.set("limit", String(query.limit));
+			const suffix = params.toString();
+			return parse(await fetch(`${ROUTE_CATALOG}/models${suffix === "" ? "" : `?${suffix}`}`, {
+				credentials: "same-origin",
+				...signal === void 0 ? {} : { signal }
 			}));
 		}
 		//#endregion
 		//#region src/client/constants.ts
 		/**
-		* 浏览器半内联常量：与服务端 packages/llm-pi/src/config.ts、compat.ts 逐字对齐。
+		* 浏览器半内联常量：与服务端 packages/llm-pi/src/config.ts 逐字对齐。
 		* 浏览器半不能 import 服务端模块（tsdown 只打包 client 侧入口），
 		* 改动服务端这些常量时必须同步本文件。
+		*
+		* 两个集合改为**服务端下发**（与服务端校验同源，浏览器半不再手抄）：
+		* - 线协议：取自已装官方适配器的 supportedProtocols()（`installProtocols`）；
+		* - compat 字段表：取自官方 bundle + Config schema 推导（`installCompatFields`）。
 		* @module llm-pi/client/constants
 		*/
-		/** 协议枚举（来源：config.ts PROTOCOL_IDS）。 */
-		const PROTOCOL_IDS = [
+		/** 协议兜底集合（来源：config.ts FALLBACK_PROTOCOLS）；服务端下发前/失败时使用。 */
+		const FALLBACK_PROTOCOLS = [
 			"openai-completions",
 			"openai-responses",
 			"anthropic-messages"
@@ -483,13 +485,26 @@ ${extra}
 			"high"
 		];
 		/**
+		* 生效协议集合：由服务端 /catalog 下发（服务端与官方适配器同源推导），
+		* 未拿到前用 FALLBACK_PROTOCOLS。
+		*/
+		let protocols = [...FALLBACK_PROTOCOLS];
+		/** 安装服务端下发的协议集合（card 挂载时调用）。 */
+		function installProtocols(list) {
+			if (list.length > 0) protocols = [...list];
+		}
+		/** 当前可选协议（顺序即官方表顺序）。 */
+		function protocolOptions() {
+			return protocols;
+		}
+		/**
 		* 逐协议 compat 字段表：**服务端推导结果经 /catalog 下发**，浏览器半不再手抄
-		* （手抄遗漏官方新增字段 = UI 不渲染 + 保存被后端拒绝；见 compat-gates.ts）。
+		* （手抄遗漏官方新增字段 = UI 不渲染 + 保存被后端拒绝；见 official-surface.ts）。
 		* 未拿到服务端表时用 EMPTY（UI 只渲染提示行），不放内置副本兜底——宁可少画
 		* 控件，也不给出可能与官方不符的字段集。
 		*/
 		let compatTable = {};
-		/** 安装服务端下发的字段表（card 挂载/刷新目录时调用）。 */
+		/** 安装服务端下发的字段表（card 挂载时调用）。 */
 		function installCompatFields(table) {
 			compatTable = table;
 		}
@@ -515,9 +530,6 @@ ${extra}
 			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,
@@ -777,95 +789,49 @@ ${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) {
-			const refreshHours = toNum(draft.catalogRefreshHours);
 			return {
 				enabled: draft.enabled,
-				catalogUrl: draft.catalogUrl.trim(),
-				catalogRefreshHours: refreshHours,
-				catalogProxy: draft.catalogProxy.trim(),
 				providers: Object.fromEntries(Object.entries(draft.providers).map(([route, provider]) => [route, providerToWire(provider)]))
 			};
 		}
-		//#endregion
-		//#region src/client/root-fields.tsx
 		/**
-		* 「LLM 路由」卡片的根字段组：总开关、目录端点/刷新间隔/代理，以及运行期诊断行
-		* （kitSource 与 models-dev 快照状态，来自模型目录端点而非配置数据）。
-		* @module llm-pi/client/root-fields
+		* 把一个内置目录模型加进目标 route：只写 `id` + `extends`（**不预填**
+		* name/contextWindow/maxTokens——继承才能跟随 pi-ai 目录升级，预填会把值冻住）。
+		* 同 id 已存在时原样返回（added=false），不产生重复条目。
 		*/
-		/** models-dev 状态行文案（缺席/错误/未拉取/正常四态）。 */
-		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 RootFields(props) {
-			const { t, draft, disabled, onEdit } = props;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
-					prefix: "lpc",
-					id: "lpc-enabled",
-					label: t("enabled"),
-					checked: draft.enabled,
-					disabled,
-					onEdit: (value) => onEdit({ enabled: value })
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField$1, {
-					prefix: "lpc",
-					id: "lpc-catalogUrl",
-					label: t("catalogUrl"),
-					hint: t("catalogUrlHint"),
-					value: draft.catalogUrl,
-					disabled,
-					onEdit: (value) => onEdit({ catalogUrl: value })
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField$1, {
-					prefix: "lpc",
-					id: "lpc-catalogRefresh",
-					label: t("catalogRefreshHours"),
-					hint: t("catalogRefreshHoursHint"),
-					value: draft.catalogRefreshHours,
-					numeric: true,
-					disabled,
-					invalid: !numTextOk(draft.catalogRefreshHours),
-					invalidLabel: t("invalidNumber"),
-					onEdit: (value) => onEdit({ catalogRefreshHours: value })
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField$1, {
-					prefix: "lpc",
-					id: "lpc-catalogProxy",
-					label: t("catalogProxy"),
-					hint: t("catalogProxyHint"),
-					value: draft.catalogProxy,
-					disabled,
-					onEdit: (value) => onEdit({ catalogProxy: value })
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-					className: "lpc-statusRow",
-					children: [
-						t("kitSource"),
-						"：",
-						props.kitSource ?? ""
-					]
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "lpc-statusRow",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [
-						t("modelsDevStatus"),
-						"：",
-						modelsDevText(props.modelsDevStatus, t)
-					] })
-				})
-			] });
+		function addModelEntry(draft, route, model) {
+			const provider = draft.providers[route];
+			if (provider === void 0) return {
+				draft,
+				added: false
+			};
+			if (provider.models.some((entry) => entry.id.trim() === model.id)) return {
+				draft,
+				added: false
+			};
+			const entry = {
+				...emptyModelDraft(),
+				id: model.id,
+				extends: model.path
+			};
+			return {
+				draft: {
+					...draft,
+					providers: {
+						...draft.providers,
+						[route]: {
+							...provider,
+							models: [...provider.models, entry]
+						}
+					}
+				},
+				added: true
+			};
 		}
 		//#endregion
 		//#region src/client/fields.tsx
@@ -876,7 +842,12 @@ ${extra}
 		* @module llm-pi/client/fields
 		*/
 		function CollapseSection(props) {
-			const [open, setOpen] = (0, react.useState)(props.defaultOpen);
+			const [innerOpen, setInnerOpen] = (0, react.useState)(props.defaultOpen);
+			const open = props.open ?? innerOpen;
+			const toggle = () => {
+				if (props.onToggle !== void 0) props.onToggle();
+				else setInnerOpen((value) => !value);
+			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "lpc-collapse",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
@@ -884,11 +855,18 @@ ${extra}
 					className: "lpc-collapseHead",
 					id: props.id,
 					"aria-expanded": open,
-					onClick: () => setOpen(!open),
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `lpc-chevron${open ? " lpc-chevronOpen" : ""}` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "lpc-collapseTitle",
-						children: props.title
-					})]
+					onClick: toggle,
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `lpc-chevron${open ? " lpc-chevronOpen" : ""}` }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lpc-collapseTitle",
+							children: props.title
+						}),
+						props.meta !== void 0 && props.meta !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lpc-collapseMeta",
+							children: props.meta
+						}) : null
+					]
 				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "lpc-collapseBody",
 					children: props.children
@@ -1130,341 +1108,996 @@ ${extra}
 			});
 		}
 		//#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;
+		//#region src/client/root-fields.tsx
+		/**
+		* 卡片根字段组：总开关 + 运行期状态行。
+		*
+		* 状态行回答的是"我现在到底在跑哪一份 pi-ai"——插件按文件路径动态加载已装 dsh 树
+		* 里的套件（见 resolve-dsh.ts），manifest 上写的版本**不是**生效版本。这里显示
+		* 生效版本、安装树、目录规模与数据日期、可服务协议、compat 表来源，以及逐项降级
+		* 诊断；版本超出验证区间时给出提示（提示而非阻断）。
+		* @module llm-pi/client/root-fields
+		*/
+		/** 时间戳 → 本地日期（秒级精度足够）。 */
+		function formatTime(ms, fallback) {
+			if (ms === void 0 || !Number.isFinite(ms)) return fallback;
+			return new Date(ms).toLocaleString();
+		}
+		/** 生效版本三连（缺失显示"未知"）。 */
+		function versionsText(kit, t) {
+			const unknown = t("runtimeVersionUnknown");
+			return [
+				`pi-ai ${kit.versions.piAi ?? unknown}`,
+				`dsh-llm-pi-ai ${kit.versions.piAiAdapter ?? unknown}`,
+				...kit.versions.dsh === void 0 ? [] : [`dsh ${kit.versions.dsh}`]
+			].join(" · ");
 		}
-		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 === void 0) return null;
-							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);
-							if (spec === "integer" || spec === "number") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IntegerField, {
-								id: `${props.idPrefix}-${field}`,
-								label: field,
-								value: props.compat[field],
-								epoch: props.epoch,
-								invalidLabel: props.t("invalidInteger"),
-								disabled: props.disabled === true,
-								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);
-						})
-					})]
-				})
-			});
+		/** 来源标签：现场推导 / 回退快照。 */
+		function sourceLabel(t, source) {
+			return source === "official" ? t("runtimeDerived") : t("runtimeFallback");
+		}
+		function RootFields(props) {
+			const { t, draft, disabled, kit, onEdit } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
+					prefix: "lpc",
+					id: "lpc-enabled",
+					label: t("enabled"),
+					checked: draft.enabled,
+					disabled,
+					onEdit: (value) => onEdit({ enabled: value })
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "lpc-groupLabel",
+					children: t("runtimeGroup")
+				}),
+				props.kitError !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "lpc-invalid",
+					children: `${t("browserFailed")}${props.kitError}`
+				}) : null,
+				kit === null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+					className: "lpc-hint",
+					children: t("browserLoading")
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-statusRow",
+						children: `${t("runtimeSource")}：${kit.source}${kit.root === void 0 ? "" : ` · ${t("runtimeRoot")} ${kit.root}`}`
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-statusRow",
+						children: `${t("runtimeVersions")}：${versionsText(kit, t)}`
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-statusRow",
+						children: `${t("runtimeCatalog")}：${kit.catalog.providers} ${t("runtimeCatalogUnit")} ${kit.catalog.models} ${t("runtimeCatalogModels")} · ${t("runtimeCatalogGenerated")} ${formatTime(kit.catalog.generatedAt, t("runtimeVersionUnknown"))}`
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-statusRow",
+						children: `${t("runtimeProtocols")}：${kit.protocols.join(" / ")}（${sourceLabel(t, kit.protocolSource)}）`
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-statusRow",
+						children: `${t("runtimeCompat")}：${sourceLabel(t, kit.compatSource)}`
+					}),
+					kit.versionNotice !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-invalid",
+						children: `${t("runtimeNotice")}：${kit.versionNotice}`
+					}) : null,
+					kit.diagnostics.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-catDetailLabel",
+						children: t("runtimeDiagnostics")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+						className: "lpc-catJson",
+						children: kit.diagnostics.join("\n")
+					})] }) : null
+				] })
+			] });
 		}
 		//#endregion
-		//#region src/client/views/models.tsx
+		//#region src/client/route-fit.ts
 		/**
-		* 模型目录编辑：每行一个模型（id/extends/name/容量/模态/reasoningEfforts/compat），
-		* extends 输入框带 datalist 候选——候选来自 /catalog 端点：选定 source
-		* （builtin / models-dev）与 provider 后拉取其 models 列表。
-		* @module llm-pi/client/views/models
+		* 解析条目指向的继承引用（与服务端 inherit.ts 同规则）：
+		* `"provider/model"` 显式引用；裸 `"model"` 随 route 级 extends 源；
+		* 条目无 extends 时按同名模型挂在 route 级 extends 源下。
+		* 两段任一为空（无引用可解析）时返回空串。
 		*/
-		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 entryReference(entry, routeExtends) {
+			const raw = entry.extends.trim();
+			if (raw === "") return {
+				provider: routeExtends.trim(),
+				model: entry.id.trim()
+			};
+			const slash = raw.indexOf("/");
+			if (slash > 0) return {
+				provider: raw.slice(0, slash),
+				model: raw.slice(slash + 1)
+			};
+			return {
+				provider: routeExtends.trim(),
+				model: raw
+			};
 		}
-		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;
+		/**
+		* 推断 route 当前实际生效的协议：
+		* - route 级 `api` 显式给出即用它（物化时它压过继承值）；
+		* - 否则逐模型查**其引用指向的模型**的协议（注意是引用目标，不是条目 id：
+		*   生产配置普遍用别名条目，如 `{id: 'glm-5.3', extends: 'zai/glm-5.3'}`）：
+		*   单一 → 该协议；多个 → mixed；引用解析不出来计 unresolved。
+		*/
+		function routeApiFacts(provider, apis) {
+			const explicit = provider.api.trim();
+			if (explicit !== "") return {
+				api: explicit,
+				mixed: false,
+				unresolved: 0
+			};
+			const found = /* @__PURE__ */ new Set();
+			let unresolved = 0;
+			for (const model of provider.models) {
+				const ref = entryReference(model, provider.extends);
+				if (ref.provider === "" || ref.model === "") {
+					unresolved += 1;
+					continue;
 				}
-				fetchCatalog(value, source).then((result) => setCandidateModels(result.models)).catch(() => setNote(t("catalogFailed")));
+				const api = apis[ref.provider]?.[ref.model];
+				if (api === void 0) unresolved += 1;
+				else found.add(api);
+			}
+			if (found.size === 1) return {
+				api: [...found][0] ?? "",
+				mixed: false,
+				unresolved
+			};
+			return {
+				mixed: found.size > 1,
+				unresolved
+			};
+		}
+		/** route 是否由 PiAiAdapter 服务（`adapter` 在卡片的 extra 里原样往返）。 */
+		function isPiRoute(provider) {
+			const adapter = provider.extra["adapter"];
+			return adapter === void 0 || adapter === "pi";
+		}
+		/** 可作为「一键添加」目标的 route（deepseek 路由不适用 pi-ai 继承）。 */
+		function targetRoutes(providers) {
+			return Object.entries(providers).filter(([, provider]) => isPiRoute(provider)).map(([route]) => route).sort((left, right) => left.localeCompare(right));
+		}
+		/**
+		* 判定某内置模型能否加进目标 route：
+		* 协议不受支持 → unsupported；route 不存在 → no-route；同 id 已在 → duplicate；
+		* route 已混用多个协议 → route-mixed（保存本来就会失败，先提示修好）；
+		* route 已有确定协议且与模型不同 → protocol-conflict（保存一定失败，提前拦）。
+		*/
+		function addEligibility(options) {
+			const { model, provider, apis } = options;
+			if (!model.servable) return {
+				ok: false,
+				reason: "unsupported",
+				detail: model.api
+			};
+			if (provider === void 0) return {
+				ok: false,
+				reason: "no-route"
+			};
+			if (provider.models.some((entry) => entry.id.trim() === model.id)) return {
+				ok: false,
+				reason: "duplicate"
 			};
+			const facts = routeApiFacts(provider, apis);
+			if (facts.mixed) return {
+				ok: false,
+				reason: "route-mixed"
+			};
+			if (facts.api !== void 0 && facts.api !== model.api) return {
+				ok: false,
+				reason: "protocol-conflict",
+				detail: facts.api
+			};
+			return { ok: true };
+		}
+		//#endregion
+		//#region src/client/views/catalog-row.tsx
+		/**
+		* 目录浏览器的单行：路径 id（可复制）+ 名称 + 协议徽标 + 参数行 + 折叠的参数明细
+		* + 「添加到 route」（不可添加时按钮文案即原因）。与浏览器主体拆开，
+		* 便于各自演进（行内只依赖服务端给的模型事实）。
+		* @module llm-pi/client/views/catalog-row
+		*/
+		/** 计数展示（千分位；不引本地化依赖）。 */
+		function count$1(value) {
+			return value.toLocaleString();
+		}
+		/** 参数行的键值短展示：字符串化，长值截断。 */
+		function shortValue(value) {
+			const text = typeof value === "string" ? value : JSON.stringify(value);
+			if (text === void 0) return "undefined";
+			return text.length > 120 ? `${text.slice(0, 117)}…` : text;
+		}
+		/** 禁止添加的原因文案。 */
+		function blockText(t, reason, detail) {
+			if (reason === "unsupported") return `${t("blockUnsupported")}${detail === void 0 ? "" : `（${detail}）`}`;
+			if (reason === "duplicate") return t("blockDuplicate");
+			if (reason === "protocol-conflict") return `${t("blockConflict")}${detail === void 0 || detail === "" ? "" : `（${detail}）`}`;
+			if (reason === "route-mixed") return t("blockMixed");
+			return t("blockNoRoute");
+		}
+		/** 单行：路径 id（可复制）+ 名称 + 参数行 + 折叠的参数明细 + 添加按钮。 */
+		function CatalogRow(props) {
+			const { t, model } = props;
+			const [details, setDetails] = (0, react.useState)(false);
+			const [copied, setCopied] = (0, react.useState)(false);
+			const timer = (0, react.useRef)(null);
+			(0, react.useEffect)(() => () => {
+				if (timer.current !== null) clearTimeout(timer.current);
+			}, []);
+			const blocked = props.eligibility.ok ? void 0 : props.eligibility;
+			const compatKeys = Object.keys(model.compat ?? {});
+			const restKeys = Object.keys(model.rest);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "lpc-models",
+				className: "lpc-catRow",
 				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",
+						className: "lpc-catHead",
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-								className: "lpc-catalogLabel",
-								htmlFor: `${listId}-source`,
-								children: t("catalogSource")
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lpc-catPath",
+								children: model.path
 							}),
-							/* @__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)("button", {
+								type: "button",
+								className: "lpc-iconBtn",
+								title: copied ? t("browserCopied") : t("browserCopy"),
+								"aria-label": t("browserCopy"),
+								onClick: () => {
+									copyText(model.path).then((ok) => {
+										if (!ok) return;
+										setCopied(true);
+										if (timer.current !== null) clearTimeout(timer.current);
+										timer.current = setTimeout(() => setCopied(false), 1500);
+									});
+								},
+								children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCheckOutlineRegular, { size: 14 }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconCopyOutlineRegular, { size: 14 })
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lpc-catName",
+								children: model.name
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
-								className: "lpc-catalogLabel",
-								htmlFor: `${listId}-provider`,
-								children: t("catalogProvider")
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: model.servable ? "lpc-badge lpc-badgeSet" : "lpc-badge lpc-badgeUnset",
+								children: model.api
 							}),
-							/* @__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)("button", {
+								type: "button",
+								className: "lpc-btn lpc-btnGhost lpc-btnSmall",
+								disabled: props.disabled || blocked !== void 0,
+								title: blocked === void 0 ? void 0 : blockText(t, blocked.reason, blocked.detail),
+								onClick: props.onAdd,
+								children: blocked === void 0 ? t("browserAdd") : blockText(t, blocked.reason, blocked.detail)
 							})
 						]
 					}),
-					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))
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: "lpc-catParams",
+						children: [
+							`${t("browserContextShort")} ${count$1(model.contextWindow)} · ${t("browserMaxShort")} ${count$1(model.maxTokens)} · `,
+							model.input.map((m) => m === "image" ? t("browserInputImage") : t("browserInputText")).join("/"),
+							model.reasoning ? ` · ${t("browserReasoning")}` : "",
+							compatKeys.length > 0 ? ` · compat ${compatKeys.length}` : ""
+						]
 					}),
-					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}`))
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+						type: "button",
+						className: "lpc-catDetailsToggle",
+						"aria-expanded": details,
+						onClick: () => setDetails(!details),
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `lpc-chevron${details ? " lpc-chevronOpen" : ""}` }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: t("browserDetails") })]
+					}),
+					details ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lpc-catDetails",
+						children: [
+							model.thinkingLevelMap !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "lpc-catParams",
+								children: `${t("browserThinkMap")}：${Object.entries(model.thinkingLevelMap).map(([level, wire]) => `${level}=${wire ?? "-"}`).join(" ")}`
+							}) : null,
+							compatKeys.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "lpc-catDetailLabel",
+								children: t("browserCompat")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+								className: "lpc-catJson",
+								children: JSON.stringify(model.compat, null, 2)
+							})] }) : null,
+							restKeys.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "lpc-catDetailLabel",
+								children: t("browserExtra")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
+								className: "lpc-catJson",
+								children: restKeys.map((key) => `${key}: ${shortValue(model.rest[key])}`).join("\n")
+							})] }) : null,
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "lpc-catParams",
+								children: `baseUrl：${model.baseUrl}`
+							})
+						]
+					}) : null
 				]
 			});
 		}
-		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 })
+		//#endregion
+		//#region src/client/views/catalog-browser.tsx
+		/**
+		* 内置模型目录浏览器：搜索（服务端模糊匹配）/筛选/分页 + 复制路径 id +
+		* 一键把 `{id, extends: 'provider/model'}` 加到目标 route。
+		*
+		* 数据全部来自本插件的 `/catalog` 端点（浏览器半读不到 pi-ai 包）：
+		* - `apis`（provider → modelId → api）用于推断目标 route 的生效协议，
+		*   在添加前拦下"协议不一致/重复 id/协议不受支持"这三类必然失败的添加；
+		* - 模型行的参数直接渲染服务端给的事实（含官方新增字段，见 `rest`）。
+		* 折叠由外层（card.tsx）控制，故本组件只管内容与交互。
+		*
+		* 结构：`useCatalogSearch`（拉取/分页状态）+ `BrowserToolbar`（搜索与筛选条）
+		* + `CatalogRow`（明细行），`CatalogBrowser` 只做编排。
+		* @module llm-pi/client/views/catalog-browser
+		*/
+		/** 计数展示（千分位；不引本地化依赖）。 */
+		function count(value) {
+			return value.toLocaleString();
+		}
+		/** 一页条数（服务端同样有上限；"加载更多"按此翻页）。 */
+		const PAGE_SIZE = 30;
+		/** 搜索去抖毫秒（本地端点，短去抖即可）。 */
+		const DEBOUNCE_MS = 180;
+		const EMPTY_STATE = {
+			items: [],
+			total: 0,
+			servableHidden: 0,
+			loading: false,
+			error: ""
+		};
+		/**
+		* 目录搜索状态机：条件变化重新拉第一页（旧请求按 requestId 丢弃，避免竞态覆盖），
+		* `loadMore` 追加下一页。
+		*/
+		function useCatalogSearch(filters, enabled) {
+			const [state, setState] = (0, react.useState)(EMPTY_STATE);
+			const requestId = (0, react.useRef)(0);
+			(0, react.useEffect)(() => {
+				if (!enabled) return;
+				const id = requestId.current + 1;
+				requestId.current = id;
+				setState((prev) => ({
+					...prev,
+					loading: true,
+					error: ""
+				}));
+				const controller = new AbortController();
+				searchCatalog({
+					...filters,
+					offset: 0,
+					limit: PAGE_SIZE
+				}, controller.signal).then((page) => {
+					if (requestId.current !== id) return;
+					setState({
+						items: page.items,
+						total: page.total,
+						servableHidden: page.servableHidden,
+						loading: false,
+						error: ""
+					});
+				}).catch((error) => {
+					if (requestId.current !== id) return;
+					setState((prev) => ({
+						...prev,
+						loading: false,
+						error: error instanceof Error ? error.message : String(error)
+					}));
+				});
+				return () => controller.abort();
+			}, [filters, enabled]);
+			const loadMore = () => {
+				const id = requestId.current + 1;
+				requestId.current = id;
+				setState((prev) => ({
+					...prev,
+					loading: true
+				}));
+				searchCatalog({
+					...filters,
+					offset: state.items.length,
+					limit: PAGE_SIZE
+				}).then((page) => {
+					if (requestId.current !== id) return;
+					setState((prev) => ({
+						...prev,
+						items: [...prev.items, ...page.items],
+						total: page.total,
+						servableHidden: page.servableHidden,
+						loading: false
+					}));
+				}).catch((error) => {
+					if (requestId.current !== id) return;
+					setState((prev) => ({
+						...prev,
+						loading: false,
+						error: error instanceof Error ? error.message : String(error)
+					}));
+				});
+			};
+			return {
+				...state,
+				loadMore
+			};
+		}
+		/** 搜索框输入（本地态）→ 去抖后的查询串。 */
+		function useDebouncedQuery(query) {
+			const [debounced, setDebounced] = (0, react.useState)("");
+			(0, react.useEffect)(() => {
+				const timer = setTimeout(() => setDebounced(query), DEBOUNCE_MS);
+				return () => clearTimeout(timer);
+			}, [query]);
+			return debounced;
+		}
+		/** 搜索/筛选/目标 route 三条工具条。 */
+		function BrowserToolbar(props) {
+			const { t } = props;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lpc-catBar",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: "lpc-input lpc-catSearch",
+							type: "search",
+							value: props.query,
+							placeholder: t("browserSearchPlaceholder"),
+							"aria-label": t("browserSearch"),
+							disabled: props.disabled,
+							onChange: (event) => props.onQuery(event.target.value)
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: "lpc-input lpc-select lpc-catSelect",
+							value: props.provider,
+							"aria-label": t("browserProvider"),
+							disabled: props.disabled,
+							onChange: (event) => props.onProvider(event.target.value),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: `${t("browserProvider")}：${t("browserAll")}`
+							}), props.providers.map((entry) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: entry.id,
+								children: `${entry.id}（${entry.modelCount}）`
+							}, entry.id))]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: "lpc-input lpc-select lpc-catSelect",
+							value: props.api,
+							"aria-label": t("browserApi"),
+							disabled: props.disabled,
+							onChange: (event) => props.onApi(event.target.value),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: `${t("browserApi")}：${t("browserAll")}`
+							}), protocolOptions().map((id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: id,
+								children: id
+							}, id))]
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lpc-catBar",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
+							prefix: "lpc",
+							id: "lpc-cat-servable",
+							label: t("browserOnlyServable"),
+							checked: props.servableOnly,
+							disabled: props.disabled,
+							onEdit: props.onServableOnly
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
+							prefix: "lpc",
+							id: "lpc-cat-reasoning",
+							label: t("browserReasoning"),
+							checked: props.reasoning,
+							disabled: props.disabled,
+							onEdit: props.onReasoning
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CheckRow, {
+							prefix: "lpc",
+							id: "lpc-cat-image",
+							label: t("browserImage"),
+							checked: props.image,
+							disabled: props.disabled,
+							onEdit: props.onImage
+						})
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lpc-catBar",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+							className: "lpc-catLabel",
+							htmlFor: "lpc-cat-target",
+							children: t("browserTarget")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							id: "lpc-cat-target",
+							className: "lpc-input lpc-select lpc-catSelect",
+							value: props.target,
+							disabled: props.disabled || props.targets.length === 0,
+							onChange: (event) => props.onTarget(event.target.value),
+							children: [props.targets.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: "-"
+							}) : null, props.targets.map((route) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: route,
+								children: route
+							}, route))]
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lpc-catNote",
+							children: props.targetApi === void 0 ? t("browserNoProtocol") : `${t("browserTargetProtocol")}：${props.targetApi}`
+						})
+					]
+				})
+			] });
+		}
+		function CatalogBrowser(props) {
+			const { t } = props;
+			const [query, setQuery] = (0, react.useState)("");
+			const debounced = useDebouncedQuery(query);
+			const [provider, setProvider] = (0, react.useState)("");
+			const [api, setApi] = (0, react.useState)("");
+			const [reasoning, setReasoning] = (0, react.useState)(false);
+			const [image, setImage] = (0, react.useState)(false);
+			const [servableOnly, setServableOnly] = (0, react.useState)(true);
+			const [note, setNote] = (0, react.useState)("");
+			const { items, total, servableHidden, loading, error, loadMore } = useCatalogSearch((0, react.useMemo)(() => ({
+				q: debounced,
+				provider,
+				api,
+				reasoning,
+				image,
+				servableOnly
+			}), [
+				debounced,
+				provider,
+				api,
+				reasoning,
+				image,
+				servableOnly
+			]), props.metaError === void 0);
+			if (props.metaError !== void 0) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "lpc-invalid",
+				children: `${t("browserFailed")}${props.metaError}`
+			});
+			const onAdd = (model) => {
+				if (props.target === "") return;
+				const added = props.onAdd(props.target, model);
+				setNote(added ? `${t("browserAddedTo")} ${props.target}：${model.path}` : `${t("blockDuplicate")}：${model.path}`);
+			};
+			const disabled = props.disabled === true;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "lpc-cat",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-hint",
+						children: t("browserHint")
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(BrowserToolbar, {
+						t,
+						query,
+						onQuery: setQuery,
+						provider,
+						onProvider: setProvider,
+						api,
+						onApi: setApi,
+						reasoning,
+						onReasoning: setReasoning,
+						image,
+						onImage: setImage,
+						servableOnly,
+						onServableOnly: setServableOnly,
+						providers: props.providers,
+						targets: props.targets,
+						target: props.target,
+						onTarget: props.onTargetChange,
+						targetApi: props.target === "" ? void 0 : props.routeApiOf(props.target),
+						disabled
+					}),
+					props.targets.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-hint",
+						children: t("browserNoTarget")
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
+						className: "lpc-catSummary",
+						children: [
+							`${t("browserMatched")} ${count(total)}`,
+							servableHidden > 0 ? ` · ${t("browserHiddenServable")} ${count(servableHidden)} ${t("browserHiddenUnit")}` : "",
+							loading ? ` · ${t("browserLoading")}` : ""
+						]
+					}),
+					error !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-invalid",
+						children: `${t("browserFailed")}${error}`
+					}) : null,
+					!loading && error === "" && items.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-hint",
+						children: t("browserEmpty")
+					}) : null,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lpc-catList",
+						children: items.map((model) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CatalogRow, {
+							t,
+							model,
+							disabled,
+							eligibility: addEligibility({
+								model,
+								provider: props.providerOf(props.target),
+								apis: props.apis
 							}),
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextField, {
-								id: `${id}-max`,
-								label: t("maxTokens"),
-								numeric: true,
-								value: model.maxTokens,
+							onAdd: () => onAdd(model)
+						}, model.path))
+					}),
+					items.length > 0 && items.length < total ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "lpc-catMore",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "lpc-btn lpc-btnGhost lpc-btnSmall",
+							disabled: loading,
+							onClick: loadMore,
+							children: t("browserLoadMore")
+						})
+					}) : null,
+					note !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "lpc-catNote",
+						children: note
+					}) : null
+				]
+			});
+		}
+		//#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;
+		}
+		/** 字段数超过该值时提供过滤框（19 项一屏放不下）。 */
+		const FILTER_THRESHOLD = 10;
+		function CompatEditor(props) {
+			const [filter, setFilter] = (0, react.useState)("");
+			const effective = props.api !== "" && compatFieldsOf(props.api).length > 0 ? props.api : COMPAT_FALLBACK_API;
+			const allFields = compatFieldsOf(effective);
+			const needle = filter.trim().toLowerCase();
+			const fields = needle === "" ? allFields : allFields.filter((f) => f.toLowerCase().includes(needle));
+			const setCount = allFields.filter((field) => props.compat[field] !== void 0).length;
+			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"),
+					meta: allFields.length === 0 ? "" : `${props.t("compatSetCount")} ${setCount}/${allFields.length}`,
+					defaultOpen: false,
+					children: [
+						props.api === "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+							className: "lpc-hint",
+							children: props.t("compatApiHint")
+						}) : null,
+						allFields.length > FILTER_THRESHOLD ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lpc-catBar",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+								className: "lpc-input lpc-catSearch",
+								type: "search",
+								value: filter,
+								placeholder: props.t("compatFilter"),
+								"aria-label": props.t("compatFilter"),
 								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, {
-									prefix: "lpc",
-									id: `${id}-input-${modality}`,
-									label: modality,
-									checked: model.input[modality],
+								onChange: (event) => setFilter(event.target.value)
+							})
+						}) : null,
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+							className: "lpc-grid",
+							children: fields.map((field) => {
+								const spec = compatFieldSpec(effective, field);
+								if (spec === void 0) return null;
+								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,
-									onEdit: (checked) => props.onPatch({ input: {
-										...model.input,
-										[modality]: checked
-									} })
-								}, modality))]
+									invalidText: props.t("invalidJson"),
+									onEdit: (value) => setField(field, value)
+								}, field);
+								if (spec === "integer" || spec === "number") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IntegerField, {
+									id: `${props.idPrefix}-${field}`,
+									label: field,
+									value: props.compat[field],
+									epoch: props.epoch,
+									invalidLabel: props.t("invalidInteger"),
+									disabled: props.disabled === true,
+									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/
+		* 其余字段），**行默认折叠**——route 内模型一多，展开态会把配置页拉得极长。
+		* 工具条提供"全部展开/收起"与 id/继承源过滤；继承源候选不再内联 datalist，
+		* 改由卡片顶部「内置模型目录」浏览器承担（搜索 + 一键添加）。
+		* @module llm-pi/client/views/models
+		*/
+		/** 行标题摘要：继承源与显示名（空则回退 id）。 */
+		function rowSummary(model) {
+			const parts = [];
+			if (model.extends.trim() !== "") parts.push(`extends ${model.extends.trim()}`);
+			if (model.name.trim() !== "" && model.name.trim() !== model.id.trim()) parts.push(model.name.trim());
+			return parts.join(" · ");
+		}
+		function ModelsTable(props) {
+			const { t } = props;
+			const [openRows, setOpenRows] = (0, react.useState)({});
+			const [filter, setFilter] = (0, react.useState)("");
+			const needle = filter.trim().toLowerCase();
+			const visible = props.models.map((model, index) => ({
+				model,
+				index
+			})).filter(({ model }) => needle === "" ? true : model.id.toLowerCase().includes(needle) || model.extends.toLowerCase().includes(needle) || model.name.toLowerCase().includes(needle));
+			const hidden = props.models.length - visible.length;
+			const allOpen = props.models.length > 0 && props.models.every((_, index) => openRows[index] === true);
+			const toggleAll = () => {
+				if (allOpen) {
+					setOpenRows({});
+					return;
+				}
+				setOpenRows(Object.fromEntries(props.models.map((_, index) => [index, true])));
+			};
+			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")}（${props.models.length}）`
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "lpc-btn lpc-btnGhost lpc-btnSmall",
+								disabled: props.disabled === true || props.models.length === 0,
+								onClick: toggleAll,
+								children: allOpen ? t("modelsCollapseAll") : t("modelsExpandAll")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								className: "lpc-btn lpc-btnGhost lpc-btnSmall",
+								disabled: props.disabled === true,
+								onClick: props.onAddFromCatalog,
+								children: t("addFromCatalog")
+							}),
+							/* @__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.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`,
+					props.models.length > 6 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "lpc-catBar",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+							className: "lpc-input lpc-catSearch",
+							type: "search",
+							value: filter,
+							placeholder: t("modelsFilterPlaceholder"),
+							"aria-label": t("modelsFilter"),
+							disabled: props.disabled === true,
+							onChange: (event) => setFilter(event.target.value)
+						}), hidden > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lpc-catNote",
+							children: `${t("modelsHidden")} ${hidden}`
+						}) : null]
+					}) : null,
+					visible.map(({ model, index }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModelRow, {
+						index,
+						model,
 						api: props.api,
-						compat: model.compat,
+						uid: props.route.replace(/[^a-zA-Z0-9_-]/g, "_"),
+						open: openRows[index] === true,
 						epoch: props.epoch,
 						disabled: props.disabled === true,
-						wide: true,
 						t,
-						onEdit: (compat) => props.onPatch({ compat })
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonField, {
-						id: `${id}-extra`,
-						label: t("extraFields"),
-						hint: t("extraFieldsHint"),
-						invalidText: t("invalidJson"),
-						value: Object.keys(model.extra).length === 0 ? void 0 : model.extra,
-						epoch: props.epoch,
-						disabled: props.disabled === true,
-						wide: true,
-						onEdit: (extra) => {
-							const next = extraOfJson(extra);
-							if (next !== void 0) props.onPatch({ extra: next });
-						}
-					})
+						onToggle: () => setOpenRows((prev) => ({
+							...prev,
+							[index]: prev[index] !== true
+						})),
+						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}`))
 				]
 			});
 		}
+		/** 单行：折叠头（序号/id/摘要） + 展开体（全部字段）。 */
+		function ModelRow(props) {
+			const { model, t } = props;
+			const id = `lpc-m-${props.uid}-${props.index}`;
+			const summary = rowSummary(model);
+			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)("button", {
+						type: "button",
+						className: "lpc-routeToggle",
+						"aria-expanded": props.open,
+						onClick: props.onToggle,
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `lpc-chevron${props.open ? " lpc-chevronOpen" : ""}` }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lpc-modelTitle",
+								children: `#${props.index + 1}`
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: model.id.trim() === "" ? "lpc-invalid" : "lpc-routeKey",
+								children: model.id.trim() === "" ? t("modelUntitled") : model.id
+							}),
+							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("deleteModel")
+					})]
+				}), props.open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "lpc-modelBody",
+					children: [
+						/* @__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,
+									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, {
+										prefix: "lpc",
+										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 })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(JsonField, {
+							id: `${id}-extra`,
+							label: t("extraFields"),
+							hint: t("extraFieldsHint"),
+							invalidText: t("invalidJson"),
+							value: Object.keys(model.extra).length === 0 ? void 0 : model.extra,
+							epoch: props.epoch,
+							disabled: props.disabled === true,
+							wide: true,
+							onEdit: (extra) => {
+								const next = extraOfJson(extra);
+								if (next !== void 0) props.onPatch({ extra: next });
+							}
+						})
+					]
+				}) : null]
+			});
+		}
 		function ReasoningEditor(props) {
 			const { value } = props;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1654,7 +2287,7 @@ ${extra}
 						id: `${props.id}-api`,
 						label: t("api"),
 						value: draft.api,
-						options: PROTOCOL_IDS,
+						options: protocolOptions(),
 						unsetLabel: t("compatUnset"),
 						disabled: props.disabled === true,
 						onEdit: (value) => props.onPatch({
@@ -1695,14 +2328,16 @@ ${extra}
 		//#endregion
 		//#region src/client/views/providers.tsx
 		/**
-		* Provider 路由编辑：每个 route 一张可折叠小节（键名 + 标量字段 +
-		* headers 键值对 + retryPolicy JSON + compat + 模型目录）。
-		* 支持新增 route（输入键名）与删除 route。
+		* Provider 路由编辑：每个 route 一张**受控**折叠小节（展开态由卡片持有，
+		* 以便「从内置目录添加」后自动展开目标 route、以及卡片级"全部收起"）。
+		* 小节内容：基础字段 + 请求头 + 高级设置（其余字段 / retryPolicy / compat）
+		* + 模型目录（行默认折叠，见 views/models.tsx）。
 		* @module llm-pi/client/views/providers
 		*/
 		function ProvidersSection(props) {
 			const [newRoute, setNewRoute] = (0, react.useState)("");
 			const [routeError, setRouteError] = (0, react.useState)("");
+			const routes = Object.keys(props.providers);
 			const submitAdd = () => {
 				const key = newRoute.trim();
 				if (key === "") {
@@ -1720,9 +2355,24 @@ ${extra}
 			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-modelHead",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "lpc-modelTitle",
+							children: props.t("providersGroup")
+						}), routes.length > 1 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "lpc-btn lpc-btnGhost lpc-btnSmall",
+							disabled: props.disabled === true,
+							onClick: props.onCollapseAll,
+							children: props.t("providersCollapseAll")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							type: "button",
+							className: "lpc-btn lpc-btnGhost lpc-btnSmall",
+							disabled: props.disabled === true,
+							onClick: props.onExpandAll,
+							children: props.t("providersExpandAll")
+						})] }) : null]
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "lpc-addRoute",
@@ -1750,20 +2400,25 @@ ${extra}
 					Object.entries(props.providers).map(([route, draft]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProviderSection, {
 						route,
 						draft,
+						open: props.openRoutes[route] === true,
 						epoch: props.epoch,
 						disabled: props.disabled === true,
 						t: props.t,
+						onToggle: () => props.onToggleRoute(route, props.openRoutes[route] !== true),
 						onRemove: () => props.onRemoveRoute(route),
-						onPatch: (patch) => props.onPatchProvider(route, patch)
+						onPatch: (patch) => props.onPatchProvider(route, patch),
+						onAddFromCatalog: () => props.onAddFromCatalog(route)
 					}, 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 adapter = typeof draft.extra["adapter"] === "string" ? draft.extra["adapter"] : "pi";
+			const summary = draft.api !== "" ? draft.api : draft.extends !== "" ? `extends ${draft.extends}` : adapter;
+			const modelCount = draft.models.length;
+			const meta = modelCount > 0 ? `${modelCount}` : "";
 			const fieldProps = {
 				id,
 				draft,
@@ -1778,10 +2433,10 @@ ${extra}
 					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
 						type: "button",
 						className: "lpc-routeToggle",
-						"aria-expanded": open,
-						onClick: () => setOpen(!open),
+						"aria-expanded": props.open,
+						onClick: props.onToggle,
 						children: [
-							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `lpc-chevron${open ? " lpc-chevronOpen" : ""}` }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutlineRegular, { className: `lpc-chevron${props.open ? " lpc-chevronOpen" : ""}` }),
 							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "lpc-routeKey",
 								children: route
@@ -1789,6 +2444,10 @@ ${extra}
 							summary !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "lpc-routeApi",
 								children: summary
+							}) : null,
+							meta !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "lpc-collapseMeta",
+								children: meta
 							}) : null
 						]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -1798,7 +2457,7 @@ ${extra}
 						onClick: props.onRemove,
 						children: t("deleteRoute")
 					})]
-				}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				}), props.open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: "lpc-routeBody",
 					children: [
 						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
@@ -1864,12 +2523,12 @@ ${extra}
 						/* @__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 })
+							onModels: (models) => props.onPatch({ models }),
+							onAddFromCatalog: props.onAddFromCatalog
 						})
 					]
 				}) : null]
@@ -1880,32 +2539,95 @@ ${extra}
 		/**
 		* 「LLM 路由」配置卡片：经 injectPluginConfigCard 注册（插件页
 		* plugins.row.config / plugins.bundle.config，view 分发 summary/page）。
-		* 顶部：enabled / catalogUrl / catalogRefreshHours / 只读状态行（kitSource、
-		* modelsDevStatus，来自模型目录端点）+ 保存（settings.update 全量深合并）与
-		* 错误/成功提示；下方为 providers 路由列表（新增/删除/字段编辑/compat/模型
-		* 目录，见 views/）。外壳与基础控件走 @dsh-plus/shared/client 套件。
+		*
+		* 页面结构（自上而下，除根字段外**默认全部收起**，避免长列表划不到头）：
+		* 1. 根字段：启用开关 + 运行期状态行（生效版本/安装树/目录规模/协议/compat 来源/诊断）；
+		* 2. 「内置模型目录」浏览器（折叠小节，默认收起）：搜索/筛选/复制路径 id/
+		*    一键把 `{id, extends}` 加到目标 route（添加后自动展开该 route 并回显）；
+		* 3. Provider 路由列表（每 route 收起；route 内模型行同样默认收起）。
+		*
+		* 数据来源：配置读写走官方 remote.settings（scope/api）；运行期事实与目录搜索
+		* 走本插件 `/catalog` 端点（浏览器半读不到 pi-ai 包）。草稿/保存与目录索引各由
+		* 本文件的 hook 承担，全部状态（浏览器开合、目标 route、route 展开态）在卡片持有，
+		* 子组件受控。
 		* @module llm-pi/client/card
 		*/
-		/** 运行期诊断行数据来源：模型目录端点（compat 字段表同批安装）。 */
-		function useRuntimeDiagnostics() {
-			const [kitSource, setKitSource] = (0, react.useState)(null);
-			const [modelsDevStatus, setModelsDevStatus] = (0, react.useState)(null);
+		/** 运行期事实 + 目录索引：卡片挂载拉一次（同时安装协议集合与 compat 字段表）。 */
+		function useCatalogMeta() {
+			const [meta, setMeta] = (0, react.useState)(null);
+			const [error, setError] = (0, react.useState)("");
 			(0, react.useEffect)(() => {
 				let alive = true;
-				fetchCatalog("", "models-dev").then((result) => {
+				fetchCatalogMeta().then((result) => {
 					if (!alive) return;
-					setKitSource(result.kitSource ?? null);
-					setModelsDevStatus(result.status ?? null);
-					if (result.compat !== void 0) installCompatFields(result.compat.fields);
-				}).catch(() => {});
+					installProtocols(result.kit.protocols);
+					installCompatFields(result.compat.fields);
+					setMeta(result);
+				}).catch((reason) => {
+					if (!alive) return;
+					setError(reason instanceof Error ? reason.message : String(reason));
+				});
 				return () => {
 					alive = false;
 				};
 			}, []);
 			return {
-				kitSource,
-				modelsDevStatus,
-				setModelsDevStatus
+				meta,
+				error
+			};
+		}
+		/**
+		* 草稿与保存：首次拿到解析值后播种草稿；后续 Host 更新不覆盖在途编辑
+		* （与官方 staged 表单一致）。dirty 由"提交形状"双向比较得出。
+		*/
+		function useCardDraft(options) {
+			const { value, scope, api, t } = options;
+			const [draft, setDraft] = (0, react.useState)(null);
+			const [epoch, setEpoch] = (0, react.useState)(0);
+			const [saving, setSaving] = (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]);
+			const dirty = (0, react.useMemo)(() => value !== void 0 && draft !== null && JSON.stringify(toPatch(draft)) !== JSON.stringify(toPatch(draftFromValue(value))), [value, draft]);
+			const onSave = () => {
+				if (draft === null) return;
+				setSaving(true);
+				const revision = scope.getSnapshot().revision;
+				api.update(toPatch(draft), revision).then(async () => {
+					await scope.load();
+					const next = scope.getSnapshot().value;
+					if (next !== void 0) setDraft(draftFromValue(next));
+					setEpoch((current) => current + 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 = () => {
+				if (value === void 0) return;
+				setDraft(draftFromValue(value));
+				setEpoch((current) => current + 1);
+				setStatus(IDLE_STATUS);
+			};
+			return {
+				draft,
+				setDraft,
+				dirty,
+				saving,
+				status,
+				idle: () => setStatus(IDLE_STATUS),
+				epoch,
+				onSave,
+				onDiscard
 			};
 		}
 		/** 路由级草稿改写：改字段 / 新增 route / 删除 route（返回新草稿，不改入参）。 */
@@ -1939,107 +2661,76 @@ ${extra}
 				providers: next
 			};
 		}
-		/** 卡片动作：手动拉取目录、放弃、保存。 */
+		/** 卡片动作：放弃、保存（模型目录已唯一来自 pi-ai，无可拉取项）。 */
 		function cardActions(options) {
 			const { t } = options;
-			return [
-				{
-					key: "refresh",
-					label: t(options.refreshing ? "refreshingCatalog" : "refreshCatalog"),
-					disabled: options.disabled || options.refreshing,
-					onClick: options.onRefresh
-				},
-				{
-					key: "discard",
-					label: t("discard"),
-					disabled: !options.dirty || options.saving,
-					onClick: options.onDiscard
-				},
-				{
-					key: "save",
-					label: t(options.saving ? "saving" : "save"),
-					variant: "primary",
-					disabled: !options.dirty || options.invalid || options.saving || options.disabled,
-					onClick: options.onSave
-				}
-			];
+			return [{
+				key: "discard",
+				label: t("discard"),
+				disabled: !options.dirty || options.saving,
+				onClick: options.onDiscard
+			}, {
+				key: "save",
+				label: t(options.saving ? "saving" : "save"),
+				variant: "primary",
+				disabled: !options.dirty || options.saving || options.disabled,
+				onClick: options.onSave
+			}];
+		}
+		/** 打开浏览器时的目标 route 选择：优先当前目标，否则第一个候选。 */
+		function pickTarget(targets, preferred) {
+			if (preferred !== "" && targets.includes(preferred)) return preferred;
+			return targets[0] ?? "";
 		}
 		function LlmPiCard(props) {
 			const { t, scope, api } = props;
 			const snapshot = (0, react.useSyncExternalStore)((listener) => scope.subscribe(listener), () => scope.getSnapshot());
 			const value = snapshot.value;
-			const [draft, setDraft] = (0, react.useState)(null);
-			const [epoch, setEpoch] = (0, react.useState)(0);
-			const [saving, setSaving] = (0, react.useState)(false);
-			const [refreshing, setRefreshing] = (0, react.useState)(false);
-			const [status, setStatus] = (0, react.useState)(IDLE_STATUS);
-			const { kitSource, modelsDevStatus, setModelsDevStatus } = useRuntimeDiagnostics();
-			(0, react.useEffect)(() => {
-				if (value === void 0 || draft !== null) return;
-				setDraft(draftFromValue(value));
-			}, [value, draft]);
-			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]);
+			const { draft, setDraft, dirty, saving, status, idle, epoch, onSave, onDiscard } = useCardDraft({
+				value,
+				scope,
+				api,
+				t
+			});
+			const [browserOpen, setBrowserOpen] = (0, react.useState)(false);
+			const [browserTarget, setBrowserTarget] = (0, react.useState)("");
+			const [openRoutes, setOpenRoutes] = (0, react.useState)({});
+			const { meta, error: metaError } = useCatalogMeta();
 			if (props.view === "summary") return t("summaryLine");
 			if (value === void 0 || draft === null) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CardLoading, {
 				prefix: "lpc",
 				text: t("loading")
 			});
-			const setProvider = (route, patch) => {
-				setDraft(withProviderPatch(draft, route, patch));
-				setStatus(IDLE_STATUS);
+			const apis = meta?.apis ?? {};
+			const targets = targetRoutes(draft.providers);
+			const target = pickTarget(targets, browserTarget);
+			const openBrowserFor = (route) => {
+				setBrowserTarget(route);
+				setBrowserOpen(true);
 			};
 			const onAddRoute = (key) => {
 				setDraft(withNewRoute(draft, key));
-				setStatus(IDLE_STATUS);
+				setOpenRoutes((prev) => ({
+					...prev,
+					[key]: true
+				}));
+				setBrowserTarget((prev) => prev === "" ? key : prev);
+				idle();
 			};
-			const onRemoveRoute = (route) => {
-				setDraft(withoutRoute(draft, route));
-				setStatus(IDLE_STATUS);
-			};
-			const onSave = () => {
-				setSaving(true);
-				const revision = scope.getSnapshot().revision;
-				api.update(toPatch(draft), revision).then(async () => {
-					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));
+			/**
+			* 目录一键添加：把 `{id, extends: 'provider/model'}` 写进目标 route 草稿
+			* （不预填 name/容量——继承才能跟随 pi-ai 目录升级），并展开该 route 给出反馈。
+			*/
+			const onAddModel = (route, model) => {
+				const result = addModelEntry(draft, route, model);
+				if (!result.added) return false;
+				setDraft(result.draft);
+				setOpenRoutes((prev) => ({
+					...prev,
+					[route]: true
+				}));
+				idle();
+				return true;
 			};
 			const disabled = !snapshot.writable;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(CardChrome, {
@@ -2057,36 +2748,74 @@ ${extra}
 				actions: cardActions({
 					t,
 					dirty,
-					invalid,
 					saving,
-					refreshing,
 					disabled,
-					onRefresh: onRefreshCatalog,
 					onDiscard,
 					onSave
 				}),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RootFields, {
-					t,
-					draft,
-					disabled,
-					kitSource,
-					modelsDevStatus,
-					onEdit: (patch) => {
-						setDraft({
-							...draft,
-							...patch
-						});
-						setStatus(IDLE_STATUS);
-					}
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProvidersSection, {
-					providers: draft.providers,
-					epoch,
-					disabled,
-					t,
-					onAddRoute,
-					onRemoveRoute,
-					onPatchProvider: setProvider
-				})]
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RootFields, {
+						t,
+						draft,
+						disabled,
+						kit: meta?.kit ?? null,
+						kitError: metaError,
+						onEdit: (patch) => {
+							setDraft({
+								...draft,
+								...patch
+							});
+							idle();
+						}
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(CollapseSection, {
+						id: "lpc-catalog-browser",
+						title: t("browserGroup"),
+						defaultOpen: false,
+						open: browserOpen,
+						onToggle: () => setBrowserOpen((open) => !open),
+						meta: meta === null ? "" : `${meta.kit.catalog.models}`,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CatalogBrowser, {
+							t,
+							targets,
+							apis,
+							providers: meta?.providers ?? [],
+							target,
+							onTargetChange: setBrowserTarget,
+							providerOf: (route) => draft.providers[route],
+							routeApiOf: (route) => {
+								const provider = draft.providers[route];
+								return provider === void 0 ? void 0 : routeApiFacts(provider, apis).api;
+							},
+							onAdd: onAddModel,
+							disabled,
+							...metaError === "" ? {} : { metaError }
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProvidersSection, {
+						providers: draft.providers,
+						openRoutes,
+						epoch,
+						disabled,
+						t,
+						onAddRoute,
+						onRemoveRoute: (route) => {
+							setDraft(withoutRoute(draft, route));
+							idle();
+						},
+						onPatchProvider: (route, patch) => {
+							setDraft(withProviderPatch(draft, route, patch));
+							idle();
+						},
+						onToggleRoute: (route, open) => setOpenRoutes((prev) => ({
+							...prev,
+							[route]: open
+						})),
+						onCollapseAll: () => setOpenRoutes({}),
+						onExpandAll: () => setOpenRoutes(Object.fromEntries(Object.keys(draft.providers).map((route) => [route, true]))),
+						onAddFromCatalog: openBrowserFor
+					})
+				]
 			});
 		}
 		//#endregion
@@ -2094,33 +2823,76 @@ ${extra}
 		/**
 		* 配置卡片文案（zh/en）。经 ctx.locale.register 注册、bind 取用，与官方卡片同机制。
 		* 公共键（save/discard/unsaved 等）来自 shared 的 common 字典，本文件只维护业务键。
+		* 服务端推导出来的诊断/提示（compat problem、版本区间提示、降级诊断）按原文展示，
+		* 不做二次翻译——它们是事实描述，且与日志同一份文本。
 		* @module llm-pi/client/i18n
 		*/
 		const NS = "dsh-plus-llm-pi";
 		const ownZh = {
 			title: "LLM 路由（llm-pi）",
-			description: "自定义 LLM 路由：协议、compat、模型目录与 models.dev 目录兜底。",
-			summaryLine: "自定义 LLM 路由：协议、compat、模型目录与 models.dev 目录兜底。",
+			description: "自定义 LLM 路由：协议、compat、模型继承；模型目录唯一来自 pi-ai 内置目录（随已装 dsh 自动跟随）。",
+			summaryLine: "自定义 LLM 路由：协议、compat、模型继承；模型目录唯一来自 pi-ai 内置目录（随已装 dsh 自动跟随）。",
 			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: "拉取失败：",
+			runtimeGroup: "运行期套件",
+			runtimeSource: "来源",
+			runtimeRoot: "安装树",
+			runtimeVersions: "生效版本",
+			runtimeCatalog: "内置模型目录",
+			runtimeProtocols: "可服务协议",
+			runtimeCompat: "compat 门控表",
+			runtimeDiagnostics: "诊断",
+			runtimeVersionUnknown: "未知",
+			runtimeCatalogUnit: "个 provider /",
+			runtimeCatalogModels: "个模型",
+			runtimeCatalogGenerated: "数据生成于",
+			runtimeNotice: "提示",
+			runtimeDerived: "现场推导",
+			runtimeFallback: "回退快照",
+			browserGroup: "内置模型目录",
+			browserHint: "浏览 pi-ai 内置目录（随已装 dsh 的 pi-ai 版本自动更新）：模糊搜索、按供应商/协议/能力筛选；复制路径 id，或一键把「模型 id + 继承源」加到某个 route。",
+			browserSearch: "模糊搜索",
+			browserSearchPlaceholder: "模型 id / 显示名 / provider，多词用空格",
+			browserProvider: "供应商",
+			browserApi: "协议",
+			browserAll: "全部",
+			browserOnlyServable: "仅本插件可服务",
+			browserReasoning: "推理",
+			browserImage: "图片输入",
+			browserTarget: "目标 route",
+			browserNoTarget: "还没有可添加的 route：先在上方新增一个 route（adapter: deepseek 的路由不适用 pi-ai 继承）。",
+			browserMatched: "命中",
+			browserHiddenServable: "另有协议不受支持的模型",
+			browserHiddenUnit: "个已隐藏",
+			browserLoadMore: "加载更多",
+			browserLoading: "目录加载中…",
+			browserEmpty: "没有命中的模型。",
+			browserFailed: "目录加载失败：",
+			browserAdd: "添加",
+			browserAdded: "已添加",
+			browserCopy: "复制路径 id",
+			browserCopied: "已复制",
+			browserDetails: "参数明细",
+			browserCompat: "compat",
+			browserExtra: "其余参数",
+			browserThinkMap: "思考档位",
+			browserInputText: "文本",
+			browserInputImage: "图片",
+			browserContextShort: "上下文",
+			browserMaxShort: "输出",
+			browserAddedTo: "已添加到 route",
+			browserTargetProtocol: "当前协议",
+			browserNoProtocol: "协议待定",
+			blockUnsupported: "该协议本插件无法服务（不可添加）",
+			blockDuplicate: "该 route 已有同 id 模型",
+			blockConflict: "与目标 route 的协议不一致",
+			blockMixed: "目标 route 已混用多个协议，请先修正",
+			blockNoRoute: "目标 route 不存在",
 			advancedGroup: "高级设置（retryPolicy / compat）",
 			extraFields: "其余字段（JSON）",
 			extraFieldsHint: "表单未覆盖的 wire 字段原样往返：如 adapter=deepseek 的 thinking / reasoningEffort、Files API 与图片配额等。对象整体合并进该 route（模型级同 key 覆盖 route 级），非法 JSON 不会提交。",
 			providersGroup: "Provider 路由",
+			providersCollapseAll: "全部收起",
+			providersExpandAll: "全部展开",
 			addRoute: "新增 route",
 			addRoutePlaceholder: "新 route 键名（如 my-llm）",
 			routeEmpty: "route 键名不能为空。",
@@ -2128,7 +2900,7 @@ ${extra}
 			deleteRoute: "删除 route",
 			providerFields: "基础字段",
 			extends: "继承内置 provider",
-			extendsHint: "如 openai、anthropic；提供 api/baseURL 默认值与模型查找源。",
+			extendsHint: "如 openai、anthropic（候选见「内置模型目录」）；提供 api/baseURL 默认值与模型查找源。",
 			displayName: "显示名",
 			api: "线协议",
 			baseURL: "端点 URL",
@@ -2159,52 +2931,98 @@ ${extra}
 			compatGroup: "Compat 覆盖",
 			compatApiHint: "api 未设置时暂按 openai-completions 字段组渲染；保存时后端按实际协议校验。",
 			compatUnset: "未设置",
+			compatSetCount: "已设",
+			compatFilter: "过滤字段",
 			modelsGroup: "模型目录",
 			addModel: "添加模型",
-			deleteModel: "删除",
+			addFromCatalog: "从内置目录添加",
+			modelsCollapseAll: "全部收起",
+			modelsExpandAll: "全部展开",
+			modelsFilter: "过滤模型",
+			modelsFilterPlaceholder: "按 id / 继承源筛选",
+			modelsHidden: "已按筛选隐藏",
 			modelRow: "模型",
+			modelUntitled: "（未填 id）",
+			deleteModel: "删除",
 			modelId: "模型 id",
 			modelIdHint: "发送给 provider 的标识，必填。",
 			modelIdRequired: "模型 id 必填。",
 			modelExtends: "继承源",
-			modelExtendsHint: "\"provider/model\" 或裸 model id（候选来自下方目录）。",
+			modelExtendsHint: "\"provider/model\" 或裸 model id；候选见「内置模型目录」。",
 			modelName: "显示名",
 			contextWindow: "上下文容量",
 			maxTokens: "输出上限",
 			input: "输入模态",
 			reasoningEfforts: "reasoningEfforts",
 			nonReasoning: "非推理模型",
-			catalogSource: "候选来源",
-			catalogProvider: "候选 provider",
-			catalogLoading: "目录加载中…",
-			catalogFailed: "目录加载失败。",
 			saveOk: "已保存。",
 			saveFailed: "保存失败："
 		};
 		const ownEn = {
 			title: "LLM routes (llm-pi)",
-			description: "Custom LLM routes: protocol, compat, model catalog and models.dev fallback.",
-			summaryLine: "Custom LLM routes: protocol, compat, model catalog and models.dev fallback.",
+			description: "Custom LLM routes: protocol, compat, model inheritance; the model catalog comes solely from the pi-ai built-in catalog (following the installed dsh).",
+			summaryLine: "Custom LLM routes: protocol, compat, model inheritance; the model catalog comes solely from the pi-ai built-in catalog.",
 			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: ",
+			runtimeGroup: "Runtime kit",
+			runtimeSource: "Source",
+			runtimeRoot: "Install tree",
+			runtimeVersions: "Effective versions",
+			runtimeCatalog: "Built-in catalog",
+			runtimeProtocols: "Servable protocols",
+			runtimeCompat: "compat gates",
+			runtimeDiagnostics: "Diagnostics",
+			runtimeVersionUnknown: "unknown",
+			runtimeCatalogUnit: "providers /",
+			runtimeCatalogModels: "models",
+			runtimeCatalogGenerated: "data generated at",
+			runtimeNotice: "Notice",
+			runtimeDerived: "derived live",
+			runtimeFallback: "fallback snapshot",
+			browserGroup: "Built-in model catalog",
+			browserHint: "Browse the pi-ai built-in catalog (follows the installed dsh): fuzzy search, filter by provider/protocol/capability; copy the path id, or add \"model id + inheritance source\" to a route in one click.",
+			browserSearch: "Fuzzy search",
+			browserSearchPlaceholder: "model id / display name / provider; space-separated terms",
+			browserProvider: "Provider",
+			browserApi: "Protocol",
+			browserAll: "All",
+			browserOnlyServable: "Servable only",
+			browserReasoning: "Reasoning",
+			browserImage: "Image input",
+			browserTarget: "Target route",
+			browserNoTarget: "No route to add to yet: create one above (adapter: deepseek routes do not use pi-ai inheritance).",
+			browserMatched: "Matched",
+			browserHiddenServable: "Unsupported-protocol models",
+			browserHiddenUnit: "hidden",
+			browserLoadMore: "Load more",
+			browserLoading: "Loading catalog…",
+			browserEmpty: "No matching model.",
+			browserFailed: "Catalog request failed: ",
+			browserAdd: "Add",
+			browserAdded: "Added",
+			browserCopy: "Copy path id",
+			browserCopied: "Copied",
+			browserDetails: "Parameters",
+			browserCompat: "compat",
+			browserExtra: "Other parameters",
+			browserThinkMap: "Thinking levels",
+			browserInputText: "text",
+			browserInputImage: "image",
+			browserContextShort: "context",
+			browserMaxShort: "output",
+			browserAddedTo: "Added to route",
+			browserTargetProtocol: "protocol",
+			browserNoProtocol: "protocol undecided",
+			blockUnsupported: "This protocol is not servable by this plugin",
+			blockDuplicate: "This route already has a model with the same id",
+			blockConflict: "Protocol differs from the target route",
+			blockMixed: "The target route already mixes protocols — fix it first",
+			blockNoRoute: "Target route does not exist",
 			advancedGroup: "Advanced (retryPolicy / compat)",
 			extraFields: "Other fields (JSON)",
 			extraFieldsHint: "Wire fields the form does not cover, round-tripped verbatim: e.g. thinking / reasoningEffort and the Files API & image quotas for adapter=deepseek. The object merges into this route (model-level keys win); invalid JSON is not submitted.",
 			providersGroup: "Provider routes",
+			providersCollapseAll: "Collapse all",
+			providersExpandAll: "Expand all",
 			addRoute: "Add route",
 			addRoutePlaceholder: "New route key (e.g. my-llm)",
 			routeEmpty: "Route key must not be empty.",
@@ -2212,7 +3030,7 @@ ${extra}
 			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.",
+			extendsHint: "e.g. openai, anthropic (see the built-in catalog below); provides api/baseURL defaults and the model lookup source.",
 			displayName: "Display name",
 			api: "Wire protocol",
 			baseURL: "Base URL",
@@ -2243,25 +3061,30 @@ ${extra}
 			compatGroup: "Compat overrides",
 			compatApiHint: "When api is unset, fields render per openai-completions; the backend validates per the effective protocol.",
 			compatUnset: "Unset",
+			compatSetCount: "set",
+			compatFilter: "Filter fields",
 			modelsGroup: "Model catalog",
 			addModel: "Add model",
-			deleteModel: "Delete",
+			addFromCatalog: "Add from catalog",
+			modelsCollapseAll: "Collapse all",
+			modelsExpandAll: "Expand all",
+			modelsFilter: "Filter models",
+			modelsFilterPlaceholder: "filter by id / inheritance source",
+			modelsHidden: "hidden by filter",
 			modelRow: "Model",
+			modelUntitled: "(no id yet)",
+			deleteModel: "Delete",
 			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).",
+			modelExtendsHint: "\"provider/model\" or a bare model id; candidates in the built-in catalog above.",
 			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.",
 			saveOk: "Saved.",
 			saveFailed: "Save failed: "
 		};
@@ -2271,9 +3094,9 @@ ${extra}
 		//#region src/client/styles.ts
 		/**
 		* 配置卡片样式：基础规则走 @dsh-plus/shared/client 的 cardCss('lpc')，
-		* 本文件补插件特有规则（route/model 折叠块、键值对行、网格、JSON 文本框）
-		* 及窄屏响应式：views 的双列网格在窄屏转单列、route 头部按钮换行、
-		* 键值对行纵向堆叠、文本框 16px 防 iOS 缩放。
+		* 本文件补插件特有规则（route/model 折叠块、目录浏览器行、键值对行、网格、
+		* JSON 文本框）及窄屏响应式：views 的双列网格在窄屏转单列、route 头部按钮换行、
+		* 键值对行纵向堆叠、文本框 16px 防 iOS 缩放、目录结果区限高滚动。
 		* 沿用官方 data-plugin / data-plugin-css 约定（HMR 据此卸载）。
 		* @module llm-pi/client/styles
 		*/
@@ -2291,6 +3114,11 @@ ${extra}
 .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-chevron{flex:none;transition:transform .18s}
+.lpc-chevronOpen{transform:rotate(180deg)}
+.lpc-iconBtn{appearance:none;border:none;background:0 0;cursor:pointer;color:var(--dsw-alias-label-tertiary);border-radius:6px;padding:4px;display:inline-flex;flex:none}
+.lpc-iconBtn:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}
+.lpc-iconBtn:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:1px}
 .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}
@@ -2302,17 +3130,37 @@ ${extra}
 .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-modelHead{display:flex;align-items:center;gap:8px;padding:8px 0}
+.lpc-modelTitle{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:600;flex:none}
+.lpc-modelRow .lpc-modelHead .lpc-routeToggle{flex:1}
+.lpc-modelBody{border-top:1px dashed var(--dsw-alias-border-l2);padding-bottom:8px}
 .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-collapseMeta{color:var(--dsw-alias-label-tertiary);font-size:11px;flex:none;white-space:nowrap}
 .lpc-collapseBody{border-top:1px dashed var(--dsw-alias-border-l2);padding-bottom:6px}
-.lpc-refreshBtn{margin-left:8px;vertical-align:middle}
+.lpc-cat{display:flex;flex-direction:column;gap:6px}
+.lpc-catBar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:4px 0}
+.lpc-catLabel{color:var(--dsw-alias-label-tertiary);font-size:12px;flex:none}
+.lpc-catSearch{flex:1;min-width:180px}
+.lpc-catSelect{width:auto;max-width:260px;height:30px}
+.lpc-catNote{color:var(--dsw-alias-label-tertiary);font-size:12px;min-width:0;word-break:break-all}
+.lpc-catSummary{color:var(--dsw-alias-label-secondary);margin:2px 0;font-size:12px}
+.lpc-catList{display:flex;flex-direction:column;max-height:420px;overflow-y:auto;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-layer-3)}
+.lpc-catRow{border-bottom:1px solid var(--dsw-alias-border-l2);padding:8px 10px}
+.lpc-catRow:last-child{border-bottom:none}
+.lpc-catHead{display:flex;align-items:center;gap:8px;min-width:0}
+.lpc-catPath{color:var(--dsw-alias-label-primary);font-size:12px;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.lpc-catName{color:var(--dsw-alias-label-secondary);font-size:12px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.lpc-catParams{color:var(--dsw-alias-label-tertiary);margin:2px 0;font-size:12px;line-height:1.6;word-break:break-all}
+.lpc-catDetailsToggle{appearance:none;background:0 0;border:0;font:inherit;color:var(--dsw-alias-label-tertiary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:2px 0;font-size:12px;border-radius:6px}
+.lpc-catDetailsToggle:hover{color:var(--dsw-alias-label-primary)}
+.lpc-catDetailsToggle:focus-visible{outline:2px solid var(--dsw-alias-brand-primary);outline-offset:-2px}
+.lpc-catDetails{padding:2px 0 4px}
+.lpc-catDetailLabel{color:var(--dsw-alias-label-secondary);margin:6px 0 2px;font-size:12px;font-weight:600}
+.lpc-catJson{background:var(--dsw-alias-bg-module-platform);border-radius:8px;color:var(--dsw-alias-label-secondary);margin:0;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-all}
+.lpc-catMore{padding:6px 0}
 @media (max-width:767px){
 .lpc-grid{grid-template-columns:1fr}
 .lpc-routeHead{flex-wrap:wrap}
@@ -2324,7 +3172,12 @@ ${extra}
 .lpc-kvRow .lpc-btn{align-self:flex-end}
 .lpc-textarea{font-size:16px}
 .lpc-statusRow{display:flex;flex-direction:column;gap:4px}
-.lpc-catalogBar .lpc-input{flex:1;min-width:140px}
+.lpc-catBar .lpc-input{flex:1;min-width:140px}
+.lpc-catSelect{max-width:none}
+.lpc-catHead{flex-wrap:wrap}
+.lpc-catPath{white-space:normal;word-break:break-all}
+.lpc-catName{flex-basis:100%;white-space:normal}
+.lpc-catList{max-height:60vh}
 }
 `);
 		/** 幂等注入样式标签；返回标签（已存在或环境无 document 时为 null）。 */