dsh-mcp-panel 0.2.0 → 0.3.0

package/lib/client.js

@@ -75,6 +75,10 @@ window.__ModuleLoader__.load({
 					badge: "killed",
 					tone: "muted"
 				};
+				default: return {
+					badge: "unknown",
+					tone: "muted"
+				};
 			}
 		}
 		/**
@@ -112,6 +116,39 @@ window.__ModuleLoader__.load({
 				refreshIntervalMs: snapshot.refreshIntervalMs
 			};
 		}
+		/**
+		* Count the summary facts for the tab header line. Counting is derived from
+		* the same badge codes the cards show, so the line can never disagree with
+		* the rows beneath it.
+		*
+		* @param servers - the presented server rows (typically the filtered list).
+		* @returns the summary counts.
+		*/
+		function summarizePanel(servers) {
+			let connected = 0;
+			let errored = 0;
+			for (const row of servers) if (row.badge === "connected") connected += 1;
+			else if (row.badge === "failed" || row.badge === "exhausted") errored += 1;
+			return {
+				total: servers.length,
+				connected,
+				errored
+			};
+		}
+		/**
+		* Filter server rows by a case-insensitive substring match against the
+		* server name or its display target. An empty query returns the rows
+		* unchanged (stable identity, no copies).
+		*
+		* @param servers - the presented server rows.
+		* @param query - the raw filter text.
+		* @returns the matching rows.
+		*/
+		function filterServers(servers, query) {
+			const needle = query.trim().toLocaleLowerCase();
+			if (needle === "") return servers;
+			return servers.filter((row) => row.view.serverName.toLocaleLowerCase().includes(needle) || row.view.target.toLocaleLowerCase().includes(needle));
+		}
 		//#endregion
 		//#region src/client/McpPanelTab.tsx
 		/** The read-only MCP management tab: server rows, badges, tools, probes. */
@@ -136,6 +173,7 @@ window.__ModuleLoader__.load({
 				case "failed": return t("probeFailed");
 				case "killed": return t("probeKilled");
 				case "stopping": return t("probeStopping");
+				default: return t("probeUnknown");
 			}
 		}
 		/** Local wall-clock range for one probe row; component-layer formatting only. */
@@ -148,10 +186,11 @@ window.__ModuleLoader__.load({
 		function McpPanelTab({ status, probe, t }) {
 			const listId = (0, react.useId)();
 			const [request, setRequest] = (0, react.useState)(0);
-			const [expanded, setExpanded] = (0, react.useState)(null);
+			const [expanded, setExpanded] = (0, react.useState)({});
 			const [probeError, setProbeError] = (0, react.useState)(null);
 			const [state, setState] = (0, react.useState)({ status: "loading" });
 			const [toolQueries, setToolQueries] = (0, react.useState)({});
+			const [serverQuery, setServerQuery] = (0, react.useState)("");
 			const reload = () => {
 				setRequest((value) => value + 1);
 			};
@@ -162,8 +201,11 @@ window.__ModuleLoader__.load({
 						status: "ready",
 						snapshot
 					});
-				}, () => {
-					if (current) setState({ status: "error" });
+				}, (error) => {
+					if (current) setState({
+						status: "error",
+						message: error instanceof Error ? error.message : String(error)
+					});
 				});
 				return () => {
 					current = false;
@@ -185,11 +227,24 @@ window.__ModuleLoader__.load({
 					document.removeEventListener("visibilitychange", onVisible);
 				};
 			}, [intervalMs]);
+			const model = state.status === "ready" ? presentMcpPanel(state.snapshot) : void 0;
+			const visibleServers = model !== void 0 ? filterServers(model.servers, serverQuery) : [];
+			const summary = model !== void 0 ? summarizePanel(visibleServers) : null;
+			const summaryText = summary === null ? "" : t("summary").replace("{total}", String(summary.total)).replace("{connected}", String(summary.connected)).replace("{errored}", String(summary.errored));
+			const probeRunning = model !== void 0 && model.probes.some((probe) => probe.view.status === "running");
+			(0, react.useEffect)(() => {
+				if (!probeRunning) return void 0;
+				const timer = setInterval(() => {
+					if (!document.hidden) reload();
+				}, 1500);
+				return () => {
+					clearInterval(timer);
+				};
+			}, [probeRunning]);
 			const retry = () => {
 				setState({ status: "loading" });
 				reload();
 			};
-			const model = state.status === "ready" ? presentMcpPanel(state.snapshot) : void 0;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "dmcp-section",
 				"data-dsh-mcp-panel": "",
@@ -201,14 +256,21 @@ window.__ModuleLoader__.load({
 					}) : null,
 					state.status === "error" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dmcp-failure",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-							role: "alert",
-							children: t("error")
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-							type: "button",
-							onClick: retry,
-							children: t("retry")
-						})]
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								role: "alert",
+								children: t("error")
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "dmcp-failure-detail",
+								children: state.message
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+								type: "button",
+								onClick: retry,
+								children: t("retry")
+							})
+						]
 					}) : null,
 					model !== void 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "dmcp-panel",
@@ -216,130 +278,177 @@ window.__ModuleLoader__.load({
 							model.empty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: "dmcp-status",
 								children: t("empty")
-							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-								className: "dmcp-heading",
-								children: t("servers")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-								className: "dmcp-cards",
-								children: model.servers.map((row) => {
-									const open = expanded === row.view.serverName;
-									const detailId = `${listId}-${encodeURIComponent(row.view.serverName)}`;
-									const toolQuery = toolQueries[row.view.serverName] ?? "";
-									const probeRunning = model.probes.some((probe) => probe.view.status === "running" && probe.view.serverName === row.view.serverName);
-									return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-										className: "dmcp-card",
-										"data-mcp-server": row.view.serverName,
-										"data-open": open ? "true" : void 0,
-										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+							}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+									className: "dmcp-heading",
+									children: t("servers")
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dmcp-summary",
+									children: summaryText
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "dmcp-toolbar",
+									children: [
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+											type: "search",
+											className: "dmcp-tool-filter dmcp-server-filter",
+											value: serverQuery,
+											placeholder: t("filterServers"),
+											"aria-label": t("filterServers"),
+											onChange: (event) => {
+												setServerQuery(event.currentTarget.value);
+											}
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 											type: "button",
-											className: "dmcp-card-content",
-											"aria-expanded": open,
-											"aria-controls": detailId,
+											className: "dmcp-action",
 											onClick: () => {
-												setExpanded((current) => current === row.view.serverName ? null : row.view.serverName);
+												setExpanded(Object.fromEntries(visibleServers.map((row) => [row.view.serverName, true])));
 											},
-											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
-												className: "dmcp-card-title",
-												children: row.view.serverName
-											}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-												className: "dmcp-card-trailing",
+											children: t("expandAll")
+										}),
+										/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+											type: "button",
+											className: "dmcp-action",
+											onClick: () => {
+												setExpanded({});
+											},
+											children: t("collapseAll")
+										})
+									]
+								}),
+								visibleServers.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+									className: "dmcp-status",
+									children: t("noMatch")
+								}) : null,
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+									className: "dmcp-cards",
+									children: visibleServers.map((row) => {
+										const open = expanded[row.view.serverName] === true;
+										const detailId = `${listId}-${encodeURIComponent(row.view.serverName)}`;
+										const toolQuery = toolQueries[row.view.serverName] ?? "";
+										const rowProbeRunning = model.probes.some((probe) => probe.view.status === "running" && probe.view.serverName === row.view.serverName);
+										return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+											className: "dmcp-card",
+											"data-mcp-server": row.view.serverName,
+											"data-open": open ? "true" : void 0,
+											children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+												type: "button",
+												className: "dmcp-card-content",
+												"aria-expanded": open,
+												"aria-controls": detailId,
+												onClick: () => {
+													setExpanded((current) => {
+														const next = { ...current };
+														if (next[row.view.serverName] === true) delete next[row.view.serverName];
+														else next[row.view.serverName] = true;
+														return next;
+													});
+												},
+												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("strong", {
+													className: "dmcp-card-title",
+													children: row.view.serverName
+												}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+													className: "dmcp-card-trailing",
+													children: [
+														row.view.probeState !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+															tone: row.view.probeState === "reachable" ? "ok" : "error",
+															label: row.view.probeState === "reachable" ? t("probeReachable") : t("probeUnreachable")
+														}) : null,
+														/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
+															tone: row.tone,
+															label: badgeLabel(row.badge, t)
+														}),
+														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+															className: "dmcp-tool-count",
+															children: [
+																row.view.toolCount,
+																" ",
+																t("tools")
+															]
+														})
+													]
+												})]
+											}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+												className: "dmcp-card-details",
+												id: detailId,
 												children: [
-													row.view.probeState !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
-														tone: row.view.probeState === "reachable" ? "ok" : "error",
-														label: row.view.probeState === "reachable" ? t("probeReachable") : t("probeUnreachable")
-													}) : null,
-													/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Badge, {
-														tone: row.tone,
-														label: badgeLabel(row.badge, t)
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
+														className: "dmcp-details",
+														children: [
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("status") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: badgeLabel(row.badge, t) })] }),
+															row.hasAttemptBudget ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("attempt") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dd", { children: [
+																row.view.attempt < 0 ? t("none") : row.view.attempt,
+																"/",
+																row.view.maxAttempts < 0 ? t("none") : row.view.maxAttempts
+															] })] }) : null,
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("reconnects") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: row.reconnects ?? t("none") })] }),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("lastError") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
+																className: row.hasError ? "dmcp-error-text" : void 0,
+																children: row.view.lastError ?? t("none")
+															})] }),
+															/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("fiber") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: row.view.fiberPhase ?? t("none") })] }),
+															row.view.configuredNote !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("configured") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: row.view.configuredNote })] }) : null,
+															row.ageSeconds !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("lastEvent") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dd", { children: [row.ageSeconds, "s"] })] }) : null,
+															row.view.delayMs !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("retryIn") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dd", { children: [
+																row.view.delayMs,
+																" ",
+																t("ms")
+															] })] }) : null
+														]
 													}),
-													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-														className: "dmcp-tool-count",
+													/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("code", {
+														className: "dmcp-target",
+														title: row.view.target,
 														children: [
-															row.view.toolCount,
+															row.view.transport,
 															" ",
-															t("tools")
+															row.view.target
 														]
-													})
+													}),
+													row.view.transport === "streamable-http" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+														type: "button",
+														className: "dmcp-probe-now",
+														disabled: rowProbeRunning,
+														onClick: () => {
+															setProbeError(null);
+															Promise.resolve().then(() => probe(row.view.serverName)).then(() => {
+																reload();
+															}, (error) => {
+																setProbeError(error instanceof Error ? error.message : String(error));
+															});
+														},
+														children: rowProbeRunning ? t("probeRunning") : t("probeNow")
+													}) : null,
+													row.view.tools.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+														className: "dmcp-status",
+														children: t("noTools")
+													}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+														type: "search",
+														className: "dmcp-tool-filter",
+														value: toolQuery,
+														placeholder: t("filterTools"),
+														"aria-label": t("filterTools"),
+														onChange: (event) => {
+															setToolQueries((current) => ({
+																...current,
+																[row.view.serverName]: event.currentTarget.value
+															}));
+														}
+													}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
+														className: "dmcp-tools",
+														children: row.view.tools.filter((tool) => toolQuery.trim() === "" || tool.name.toLocaleLowerCase().includes(toolQuery.trim().toLocaleLowerCase()) || tool.description.toLocaleLowerCase().includes(toolQuery.trim().toLocaleLowerCase())).map((tool) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: tool.name }), tool.description !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+															className: "dmcp-tool-description",
+															children: tool.description
+														}) : null] }, tool.name))
+													})] })
 												]
-											})]
-										}), open ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-											className: "dmcp-card-details",
-											id: detailId,
-											children: [
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dl", {
-													className: "dmcp-details",
-													children: [
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("status") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: badgeLabel(row.badge, t) })] }),
-														row.hasAttemptBudget ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("attempt") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dd", { children: [
-															row.view.attempt < 0 ? t("none") : row.view.attempt,
-															"/",
-															row.view.maxAttempts < 0 ? t("none") : row.view.maxAttempts
-														] })] }) : null,
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("reconnects") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: row.reconnects ?? t("none") })] }),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("lastError") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
-															className: row.hasError ? "dmcp-error-text" : void 0,
-															children: row.view.lastError ?? t("none")
-														})] }),
-														/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("fiber") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: row.view.fiberPhase ?? t("none") })] }),
-														row.view.configuredNote !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("configured") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", { children: row.view.configuredNote })] }) : null,
-														row.ageSeconds !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("lastEvent") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dd", { children: [row.ageSeconds, "s"] })] }) : null,
-														row.view.delayMs !== null ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", { children: t("retryIn") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("dd", { children: [
-															row.view.delayMs,
-															" ",
-															t("ms")
-														] })] }) : null
-													]
-												}),
-												/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("code", {
-													className: "dmcp-target",
-													title: row.view.target,
-													children: [
-														row.view.transport,
-														" ",
-														row.view.target
-													]
-												}),
-												row.view.transport === "streamable-http" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-													type: "button",
-													className: "dmcp-probe-now",
-													disabled: probeRunning,
-													onClick: () => {
-														setProbeError(null);
-														Promise.resolve().then(() => probe(row.view.serverName)).then(() => {
-															reload();
-														}, (error) => {
-															setProbeError(error instanceof Error ? error.message : String(error));
-														});
-													},
-													children: probeRunning ? t("probeRunning") : t("probeNow")
-												}) : null,
-												row.view.tools.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-													className: "dmcp-status",
-													children: t("noTools")
-												}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-													type: "search",
-													className: "dmcp-tool-filter",
-													value: toolQuery,
-													placeholder: t("filterTools"),
-													"aria-label": t("filterTools"),
-													onChange: (event) => {
-														setToolQueries((current) => ({
-															...current,
-															[row.view.serverName]: event.currentTarget.value
-														}));
-													}
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-													className: "dmcp-tools",
-													children: row.view.tools.filter((tool) => toolQuery.trim() === "" || tool.name.toLocaleLowerCase().includes(toolQuery.trim().toLocaleLowerCase()) || tool.description.toLocaleLowerCase().includes(toolQuery.trim().toLocaleLowerCase())).map((tool) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", { children: tool.name }), tool.description !== "" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-														className: "dmcp-tool-description",
-														children: tool.description
-													}) : null] }, tool.name))
-												})] })
-											]
-										}) : null]
-									}, row.view.serverName);
+											}) : null]
+										}, row.view.serverName);
+									})
 								})
-							})] }),
+							] }),
 							!model.observed && !model.empty ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 								className: "dmcp-derived-note",
 								children: t("derivedNote")
@@ -398,13 +507,12 @@ window.__ModuleLoader__.load({
 				]
 			});
 		}
-		/** One tone-colored badge chip. */
+		/** One tone-colored badge chip. The label is visible text, so no `role="img"`
+		* or `aria-label`: screen readers announce it exactly once. */
 		function Badge({ tone, label }) {
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 				className: "dmcp-badge",
 				"data-tone": tone,
-				role: "img",
-				"aria-label": label,
 				title: label,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 					className: "dmcp-dot",
@@ -423,6 +531,11 @@ window.__ModuleLoader__.load({
 			retry: "重试",
 			empty: "此 profile 未配置官方 MCP 服务器（@deepseek-ai/dsh-mcp-client 行）。",
 			servers: "服务器",
+			summary: "服务器 {total} 台：已连接 {connected}，错误 {errored}",
+			filterServers: "过滤服务器",
+			noMatch: "没有匹配的服务器。",
+			expandAll: "全部展开",
+			collapseAll: "全部折叠",
 			tools: "工具",
 			noTools: "未注册工具",
 			status: "状态",
@@ -452,6 +565,7 @@ window.__ModuleLoader__.load({
 			probeFailed: "失败",
 			probeKilled: "已取消",
 			probeStopping: "取消中",
+			probeUnknown: "未知",
 			probeNow: "探测",
 			probeReachable: "可达",
 			probeUnreachable: "不可达",
@@ -466,6 +580,11 @@ window.__ModuleLoader__.load({
 			retry: "Retry",
 			empty: "This profile configures no official MCP servers (@deepseek-ai/dsh-mcp-client rows).",
 			servers: "Servers",
+			summary: "{total} servers: {connected} connected, {errored} with errors",
+			filterServers: "Filter servers",
+			noMatch: "No servers match the filter.",
+			expandAll: "Expand all",
+			collapseAll: "Collapse all",
 			tools: "Tools",
 			noTools: "No tools registered",
 			status: "Status",
@@ -495,6 +614,7 @@ window.__ModuleLoader__.load({
 			probeFailed: "Failed",
 			probeKilled: "Killed",
 			probeStopping: "Stopping",
+			probeUnknown: "Unknown",
 			probeNow: "Probe",
 			probeReachable: "Reachable",
 			probeUnreachable: "Unreachable",
@@ -4663,7 +4783,8 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
 					literal("stopping"),
 					literal("completed"),
 					literal("killed"),
-					literal("failed")
+					literal("failed"),
+					literal("unknown")
 				]),
 				startedAt: number().int(),
 				finishedAt: number().int().nullable(),
@@ -4788,6 +4909,11 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   font: inherit;
   cursor: pointer;
 }
+[data-dsh-mcp-panel] .dmcp-failure-detail {
+  margin: 0;
+  color: var(--dsw-alias-label-secondary);
+  overflow-wrap: anywhere;
+}
 [data-dsh-mcp-panel] .dmcp-panel {
   display: flex;
   flex-direction: column;
@@ -4799,6 +4925,33 @@ Set the \`cycles\` parameter to \`"ref"\` to resolve cyclical schemas with defs.
   font-size: 1em;
   color: var(--dsw-alias-label-primary);
 }
+[data-dsh-mcp-panel] .dmcp-summary {
+  margin: 0;
+  color: var(--dsw-alias-label-secondary);
+}
+[data-dsh-mcp-panel] .dmcp-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+[data-dsh-mcp-panel] .dmcp-server-filter {
+  flex: 1 1 180px;
+  min-width: 0;
+}
+[data-dsh-mcp-panel] .dmcp-action {
+  font: inherit;
+  cursor: pointer;
+  color: var(--dsw-alias-label-primary);
+  background: var(--dsw-alias-bg-layer-1);
+  border: 1px solid var(--dsw-alias-border-l3);
+  border-radius: 4px;
+  padding: 4px 10px;
+}
+[data-dsh-mcp-panel] .dmcp-action:focus-visible {
+  outline: 2px solid var(--dsw-alias-brand-primary);
+  outline-offset: -2px;
+}
 [data-dsh-mcp-panel] .dmcp-cards {
   list-style: none;
   margin: 0;