dsh-capability-panel 1.1.1 → 1.2.0

package/README.i18n.yaml

@@ -2,7 +2,7 @@
 # confirmed-consistent state. All languages carry equal authority; after editing
 # any side, bring the others along and re-record with:
 #   git hash-object README.md README.zh.md README.ja.md README.ko.md
-README.md: e1a261ac0ad462922156922cba1866835b882c50
-README.zh.md: 293a8d6612f3bf6659517544685220fe3f6e312e
-README.ja.md: 00bfe2fa3cc6fa484b35ebf93b536b3539a15282
-README.ko.md: 7182e1c0414091c87fc7461c28d659debc70fd14
+README.md: b68e24710f0c4d0c91b9e527fe459804cd7e56ce
+README.zh.md: a1f55f347b685f52a25b362157555a718ea31ea6
+README.ja.md: ca9550d9d4b11266728387f800d811e721a68845
+README.ko.md: 3cc6504d2dfe44547bfe5ee3bdf72120f662dd29

package/README.ja.md

@@ -36,6 +36,7 @@
 - **再起動しても消えないセッション単位のスイッチ。** 現在の会話でスキル・ツール・MCP サーバーまるごとをオフに。次のプロンプト組み立てから適用され、dsh の再起動後もそのセッションに紐づいたまま復元されます。他のセッションや会話履歴には一切触れません。
 - **プリセットのデフォルト。** 設定 → 能力パネル で、エージェントプリセットごとのデフォルト能力セットを保存。以後に作成・復元されるセッションがそれを継承します。プリセットのデフォルトはあくまで起点で、セッション内で上書きできます。
 - **MCP をサーバーごとにグループ化。** 2 つのサーバーに 200 個のツールがあっても見通せます。サーバーごと 1 行に畳み、1 回の書き込みで全体を切り替え。
+- **オフラインのサーバーも一覧に残る。** ホスト構成で宣言されているのに現在ツールを 1 つも登録していない MCP サーバー(起動していないローカルのオンデマンドサービスなど)も行が残ります——「登録ツールなし」と正直に表示し、保存済みのオフ項目を列挙し、今すぐ接続をやり直す「リロード」ボタン付き。セッション途中で登録されたツールにも保存済みのデフォルトが自動で適用されます。
 - **ソースごとにグループ化。** スキルと MCP サーバーはラベル付きの区切り線の下にまとまります:プリセット同梱のエントリーは出自のプリセット名を表示し、それ以外は実際のディレクトリ(`~/.dsh/skills`、プロジェクト相対パス、長い場合は中間を省略)を表示——「このスキルはどこから来たのか」が一目でわかります。
 - **ワンクリックでソースフォルダへ。** グループの区切り線にホバーするとフォルダアイコンが現れ、クリックするとそのソースディレクトリをシステムのファイルマネージャーで開きます(macOS、Windows、freedesktop Linux)。
 - **ブロック回数。** オフにした後もモデルがその能力を呼び続けた場合、パネルがカウントします——モデルが記憶から行動しているシグナルです。

package/README.ko.md

@@ -36,6 +36,7 @@
 - **재시작해도 유지되는 세션 단위 스위치.** 현재 대화에서 스킬·도구·MCP 서버 전체를 끕니다. 다음 프롬프트 조립부터 적용되며, dsh 재시작 후에도 해당 세션에 바인딩된 채 복원됩니다. 다른 세션이나 대화 히스토리는 건드리지 않습니다.
 - **프리셋 기본값.** 설정 → capability 패널에서 에이전트 프리셋별 기본 capability 세트를 저장합니다. 이후 생성되거나 복원되는 세션이 이를 상속합니다. 프리셋 기본값은 시작점일 뿐, 세션에서 언제든 재정의할 수 있습니다.
 - **서버별 MCP 그룹화.** 두 서버에 200개의 도구가 있어도 한눈에 볼 수 있습니다. 서버당 한 행으로 접고, 한 번의 쓰기로 전체를 전환합니다.
+- **오프라인 서버도 목록에 남습니다.** 호스트 구성에 선언되어 있지만 현재 도구를 하나도 등록하지 않은 MCP 서버(실행 중이지 않은 로컬 온디맨드 서비스 등)도 행이 유지됩니다——「등록된 도구 없음」으로 정직하게 표시하고, 이미 꺼둔 항목을 나열하며, 지금 즉시 연결을 다시 시도하는 **리로드** 버튼이 붙습니다. 세션 도중에 등록된 도구에도 저장된 기본값이 자동으로 적용됩니다.
 - **출처별 그룹화.** 스킬과 MCP 서버가 라벨이 붙은 구분선 아래로 모입니다: 프리셋에 포함된 항목은 출처 프리셋 이름을 표시하고, 나머지는 실제 디렉터리(`~/.dsh/skills`, 프로젝트 상대 경로, 길면 중간 생략)를 표시합니다——"이 스킬은 어디서 왔지?"에 한눈에 답할 수 있습니다.
 - **원클릭으로 소스 폴더 열기.** 그룹 구분선에 호버하면 폴더 아이콘이 나타나고, 클릭하면 해당 소스 디렉터리가 시스템 파일 관리자에서 열립니다(macOS, Windows, freedesktop Linux).
 - **차단 횟수.** 끈 후에도 모델이 해당 capability를 계속 호출하면 패널이 카운트합니다——모델이 기억에서 행동하고 있다는 신호입니다.

package/README.md

@@ -38,6 +38,7 @@ This plugin turns both into one panel at the right of the composer.
 - **Per-session switches that survive restarts.** Turn a skill, tool, or whole MCP server off for the current conversation. The switch applies from the next prompt assembly, stays bound to that session across a dsh restart, and never touches another session or the conversation history.
 - **Preset defaults.** Settings → Capability Panel stores the default capability set per agent preset; sessions created or resumed afterward inherit it. Same filter, same grouping, same switches as the session panel — a preset default is a starting point the session can still override.
 - **MCP grouped by server.** Two hundred tools behind two servers stay scannable: collapse to one row per server, flip the whole server in one write.
+- **Offline servers stay listed.** An MCP server declared in the host composition but currently registering no tools (a local on-demand service that isn't running) still gets a row — marked honestly as "no tools registered", showing the positions already stored off for it, with a **Reload** button that retries the connection now. Late-registered tools also pick up the session's stored defaults automatically.
 - **Grouped by source.** Skills and MCP servers cluster under labeled divider rules: preset-bundled entries name the preset they came from; everything else shows its real directory (`~/.dsh/skills`, project-relative paths, middle-ellipsized when long) — "where did this skill come from" is answered at a glance.
 - **One click to the source folder.** Hover a group divider and a folder icon appears; clicking it opens that source directory in the system file manager (macOS, Windows, and freedesktop Linux).
 - **Blocked-attempt counts.** If the model still calls a capability after you turned it off, the panel counts it — the signal that the model is acting from memory and the switch needs a louder story.

package/README.zh.md

@@ -38,6 +38,7 @@
 - **重启不丢的会话级开关。** 关掉当前会话里的一个技能、一个工具或一整个 MCP 服务器：从下一次提示组装生效，重启 dsh 后随该会话恢复，且绝不碰其他会话、绝不动对话历史。
 - **Preset 默认。** 设置 → 能力面板，为每个 agent preset 存一份默认能力集合；之后新建或恢复的会话继承它。与会话面板同一套筛选、分组和开关——preset 默认只是起点，会话里仍然可以覆盖。
 - **MCP 按服务器分组。** 两个服务器挂着两百个工具也能扫得过来：折叠成每服务器一行，一次开关整组。
+- **离线服务器照常列出。** 宿主配置里声明了、但当前没注册任何工具的 MCP 服务器（比如没启动的本地按需服务）仍会显示一行——如实标注「无已注册工具」，列出已存的关闭项，并附一个「重载」按钮立即重试连接。会话中途才注册上来的工具也会自动继承已存的默认。
 - **按来源分组。** 技能和 MCP 服务器在带标签的分隔线下聚类：preset 自带的条目标注它来自哪个 preset，其余显示真实目录（`~/.dsh/skills`、项目相对路径，过长时中间省略）——"这个技能是从哪来的"一眼即有答案。
 - **一键打开源文件夹。** 悬停分组分隔线会出现文件夹图标，点击即在系统文件管理器中打开该来源目录（macOS、Windows 和 freedesktop Linux）。
 - **拦截计数。** 模型在你关掉某项之后仍然尝试调用，面板会计数——这是"模型在凭记忆行动、开关需要更响亮的告知"的信号。

package/lib/client.js

@@ -92,7 +92,9 @@ function parseMcpServerEntry(value) {
 		enabled: value["enabled"],
 		tools,
 		...source === void 0 ? {} : { source },
-		...path === void 0 ? {} : { path }
+		...path === void 0 ? {} : { path },
+		...value["unavailable"] === true ? { unavailable: true } : {},
+		...value["reconnectable"] === true ? { reconnectable: true } : {}
 	};
 }
 function parseBlocked(value) {
@@ -172,6 +174,16 @@ function close() {
 		open: false
 	});
 }
+/**
+* Surface an action failure (e.g. a rejected reload) in the panel's existing
+* error slot, without clobbering the payload or loading state.
+*/
+function reportActionError(message) {
+	store$1.set({
+		...store$1.getSnapshot(),
+		error: message
+	});
+}
 const ROUTE$1 = "/api/capability-panel";
 /**
 * Reads and writes have different ordering domains. A newer refresh supersedes
@@ -385,6 +397,13 @@ const zh = {
 	"action.insert": "把 /{name} 填入输入框",
 	"server.tools": "{count} 工具",
 	"server.tool.one": "1 个工具",
+	"server.unavailable": "无已注册工具",
+	"server.unavailableHint": "宿主配置里声明了这个服务器，但它当前没有注册任何工具。原因无法从面板判定（服务未启动、正在重连、或本就没有工具都可能）。若它是个本地按需服务，先把程序开起来。",
+	"action.reload": "重载 {name}",
+	"action.reload.label": "重载",
+	"action.reload.ing": "正在重载 {name}…",
+	"action.reloadHint": "重新加载该服务器的插件实例（等同一次热重载）：会断开并重连。对 stdio 类型的服务，这会重启其子进程。",
+	"action.reload.failed": "重载 {name} 失败：{error}",
 	"status.loading": "读取中…",
 	"status.error": "读取失败：{error}（可尝试刷新页面；宿主改动需重启 dsh 后生效）",
 	"empty.match": "无匹配项",
@@ -406,6 +425,8 @@ const zh = {
 	"filter.aria": "筛选技能与工具",
 	"filter.clear": "清空筛选",
 	"filter.count": "匹配 {shown} / {total} 项",
+	"footer.feedback": "反馈问题",
+	"footer.feedbackHint": "在 GitHub 上打开能力面板的 issue 页",
 	"disclosure.expand": "展开 {subject} 的{detail}",
 	"disclosure.collapse": "收起 {subject} 的{detail}",
 	"disclosure.pinned": "{subject} 的{detail}（筛选时保持展开）",
@@ -445,6 +466,13 @@ const en = {
 	"action.insert": "Insert /{name} into the composer",
 	"server.tools": "{count} tools",
 	"server.tool.one": "1 tool",
+	"server.unavailable": "no tools registered",
+	"server.unavailableHint": "This host declares the server, but it currently registers no tools. The panel cannot tell why (service not started, mid-reconnect, or genuinely tool-less are all possible). If it is a local on-demand service, start its program first.",
+	"action.reload": "Reload {name}",
+	"action.reload.label": "Reload",
+	"action.reload.ing": "Reloading {name}…",
+	"action.reloadHint": "Reload this server’s plugin instance (equivalent to one hot reload): it disconnects and reconnects. For a stdio service this restarts its child process.",
+	"action.reload.failed": "Failed to reload {name}: {error}",
 	"status.loading": "Loading…",
 	"status.error": "Failed to load: {error} (try refreshing the page; host changes take effect after a dsh restart)",
 	"empty.match": "No matches",
@@ -466,6 +494,8 @@ const en = {
 	"filter.aria": "Filter skills and tools",
 	"filter.clear": "Clear filter",
 	"filter.count": "{shown} / {total} matched",
+	"footer.feedback": "Report an issue",
+	"footer.feedbackHint": "Open the capability panel’s issues on GitHub",
 	"disclosure.expand": "Expand {detail} for {subject}",
 	"disclosure.collapse": "Collapse {detail} for {subject}",
 	"disclosure.pinned": "{detail} for {subject} (kept open while filtering)",
@@ -574,8 +604,12 @@ const PANEL_CSS = [
 	".ci-preset-server-trigger:disabled{cursor:default}",
 	".ci-preset-group .ci-preset-tool-list{margin:0;padding-left:26px}",
 	".ci-preset-picker-label{display:grid;gap:6px;color:var(--dsw-alias-label-primary,#0f1115);font-weight:600}",
-	".ci-preset-picker{height:34px;padding:0 10px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1));border-radius:8px;background-color:var(--dsw-alias-bg-base,#fff);color:var(--dsw-alias-label-primary,#0f1115);font:inherit;font-weight:400}",
-	".ci-preset-picker:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:1px}",
+	".ci-preset-picker-trigger{height:28px;display:flex;align-items:center;gap:4px;padding:0 4px 0 8px;border:none;border-radius:24px;background:transparent;color:var(--dsw-alias-label-secondary,#61666b);font-size:13px;font-weight:500;line-height:20px;cursor:pointer;outline:none;max-width:280px}",
+	".ci-preset-picker-trigger:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}",
+	".ci-preset-picker-trigger:focus-visible{box-shadow:0 0 0 2px var(--dsw-alias-border-l3,rgba(0,0,0,.16))}",
+	".ci-preset-picker-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}",
+	".ci-preset-picker-chevron{color:var(--dsw-alias-label-caption,#81858c);flex:none;display:inline-grid;place-items:center;transition:transform .12s}",
+	".ci-preset-picker-chevron-open{transform:rotate(180deg)}",
 	".ci-settings-subtitle{margin:0 0 6px;color:var(--dsw-alias-label-primary,#0f1115);font-size:14px;line-height:22px}",
 	".ci-preset-tool-list{list-style:none;margin:0;padding:0}",
 	".ci-preset-tool-row{display:flex;align-items:center;gap:16px}",
@@ -590,7 +624,19 @@ const PANEL_CSS = [
 	".ci-preset-kinds .ci-tabs{display:inline-flex}",
 	".ci-preset-kinds .ci-tab{flex:0 0 auto;padding:0 12px}",
 	".ci-source-header:hover .ci-folder-icon{opacity:1 !important}",
+	".ci-reconnect{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.14));background:var(--dsw-alias-bg-base,#fff);color:var(--dsw-alias-label-secondary,#61666b);border-radius:8px;padding:3px 9px;font-size:12px;line-height:1.4;cursor:pointer;font-family:inherit;flex:none}",
+	".ci-reconnect:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06));color:var(--dsw-alias-label-primary,#0f1115)}",
+	".ci-reconnect:disabled{opacity:.7;cursor:default}",
+	".ci-reconnect:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:1px}",
+	".ci-reconnect-glyph{display:inline-grid;place-items:center;width:12px;height:12px}",
+	".ci-reconnect-busy .ci-reconnect-glyph{animation:ci-reconnect-spin .8s linear infinite}",
+	"@keyframes ci-reconnect-spin{to{transform:rotate(360deg)}}",
+	"@media (prefers-reduced-motion: reduce){.ci-reconnect-busy .ci-reconnect-glyph{animation:none}}",
 	".ci-source-divider{list-style:none}",
+	".ci-feedback-link{display:inline-flex;align-items:center;gap:4px;color:var(--dsw-alias-label-tertiary,#8a8f98);font-size:12px;line-height:18px;text-decoration:none;cursor:pointer}",
+	".ci-feedback-link:hover{color:var(--dsw-alias-label-primary,#0f1115);text-decoration:underline}",
+	".ci-feedback-link:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#4176e6);outline-offset:2px;border-radius:3px}",
+	".ci-feedback-icon{display:inline-grid;place-items:center;flex:none}",
 	"@media (prefers-reduced-motion: reduce){.ci-thumb,.ci-panel,.ci-collapse,.ci-chevron svg{transition:none !important}}"
 ].join("\n");
 
@@ -4632,10 +4678,12 @@ function parsePresetToolPayload(value) {
 		const mcp = [];
 		for (const rawServer of rawMcp) {
 			if (!isRecord(rawServer)) return null;
-			const { server, tools: rawTools, enabled, source, path } = rawServer;
+			const { server, tools: rawTools, enabled, source, path, unavailable, reconnectable } = rawServer;
 			if (typeof server !== "string" || typeof enabled !== "boolean" || !Array.isArray(rawTools)) return null;
 			if (source !== void 0 && typeof source !== "string") return null;
 			if (path !== void 0 && typeof path !== "string") return null;
+			if (unavailable !== void 0 && typeof unavailable !== "boolean") return null;
+			if (reconnectable !== void 0 && typeof reconnectable !== "boolean") return null;
 			const tools = parseTools(rawTools);
 			if (tools === null) return null;
 			mcp.push({
@@ -4643,7 +4691,9 @@ function parsePresetToolPayload(value) {
 				tools,
 				enabled,
 				...source === void 0 ? {} : { source },
-				...path === void 0 ? {} : { path }
+				...path === void 0 ? {} : { path },
+				...unavailable === void 0 ? {} : { unavailable },
+				...reconnectable === void 0 ? {} : { reconnectable }
 			});
 		}
 		presets.push({
@@ -4782,6 +4832,41 @@ function setPresetServer(presetId, server, enabled) {
 		enabled
 	});
 }
+/**
+* Pull a declared-but-offline server's connection up, then reload the preset
+* list: registration lands asynchronously, so the payload refresh reflects
+* whatever the registry knows when it answers.
+*/
+function reconnectPresetServer(server) {
+	const requestEpoch = begin();
+	const run = async () => {
+		try {
+			const response = await fetch("/api/capability-panel/reconnect", {
+				method: "POST",
+				credentials: "same-origin",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ server })
+			});
+			if (!response.ok) {
+				let detail = "";
+				try {
+					const body = await response.json();
+					if (typeof body.error === "string") detail = `: ${body.error}`;
+				} catch {}
+				throw new Error(`HTTP ${response.status}${detail}`);
+			}
+			finish(requestEpoch, {
+				payload: await requestPayload(),
+				error: null
+			});
+		} catch (error) {
+			finish(requestEpoch, { error: error instanceof Error ? error.message : String(error) });
+		}
+	};
+	const result = queue.then(run);
+	queue = result;
+	return result;
+}
 function resetPresetTools() {
 	epoch += 1;
 	requests = 0;
@@ -4830,6 +4915,8 @@ function PresetToolSection(props) {
 	const [query, setQuery] = react.useState("");
 	const [expanded, setExpanded] = react.useState({});
 	const [kind, setKind] = react.useState("all");
+	const [pickerOpen, setPickerOpen] = react.useState(false);
+	const [reconnecting, setReconnecting] = react.useState(null);
 	const selected = state.payload?.presets.find((preset) => preset.id === state.selectedId);
 	const filtering = query.trim() !== "";
 	const view = selected === void 0 ? null : filterPreset(selected, query);
@@ -4927,16 +5014,7 @@ function PresetToolSection(props) {
 				opacity: 0,
 				transition: "opacity 0.15s"
 			}
-		}, react.createElement("svg", {
-			width: "12",
-			height: "12",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			"stroke-width": "2",
-			"stroke-linecap": "round",
-			"stroke-linejoin": "round"
-		}, react.createElement("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" }))) : null, `${label} (${items.length})`), rule(true)));
+		}, react.createElement(__deepseek_ai_dsh_client_ui_primitives.IconFolderClose16, { size: 12 })) : null, `${label} (${items.length})`), rule(true)));
 	};
 	const toggle$1 = (tool, presetId) => switchFor(tool.enabled, tool.reserved === true, tool.reserved === true ? t("preset.reserved", { name: tool.label }) : t(tool.enabled ? "action.disable" : "action.enable", { name: tool.label }), (checked) => {
 		setPresetTool(presetId, tool.name, checked);
@@ -5050,9 +5128,30 @@ function PresetToolSection(props) {
 			}, react.createElement("span", {
 				className: "ci-chevron",
 				"aria-hidden": true
-			}, chevronIcon), react.createElement("span", { className: "ci-preset-tool-copy" }, react.createElement("span", { className: "ci-preset-tool-name" }, server.server), react.createElement("span", { className: "ci-preset-tool-description" }, server.tools.length === 1 ? t("server.tool.one") : t("server.tools", { count: server.tools.length })))), switchFor(server.enabled, false, t(server.enabled ? "action.disable" : "action.enable", { name: server.server }), (checked) => {
+			}, chevronIcon), react.createElement("span", { className: "ci-preset-tool-copy" }, react.createElement("span", { className: "ci-preset-tool-name" }, server.server), server.unavailable === true ? null : react.createElement("span", { className: "ci-preset-tool-description" }, server.tools.length === 1 ? t("server.tool.one") : t("server.tools", { count: server.tools.length })))), server.unavailable === true ? react.createElement("span", {
+				className: "ci-preset-badge",
+				title: t("server.unavailableHint")
+			}, t("server.unavailable")) : switchFor(server.enabled, false, t(server.enabled ? "action.disable" : "action.enable", { name: server.server }), (checked) => {
 				setPresetServer(selected.id, server.server, checked);
-			})), react.createElement(CollapsiblePanel, { className: "ci-collapse" }, react.createElement("ul", { className: "ci-preset-tool-list" }, ...server.tools.map((tool) => toolRow(tool, selected.id, true))))));
+			}), server.unavailable === true && server.reconnectable === true ? react.createElement("button", {
+				type: "button",
+				className: `ci-reconnect${reconnecting === server.server ? " ci-reconnect-busy" : ""}`,
+				disabled: reconnecting !== null,
+				title: reconnecting === server.server ? t("action.reload.ing", { name: server.server }) : `${t("action.reload", { name: server.server })}\n${t("action.reloadHint")}`,
+				"aria-label": t("action.reload", { name: server.server }),
+				onClick: () => {
+					if (reconnecting !== null) return;
+					setReconnecting(server.server);
+					reconnectPresetServer(server.server).finally(() => {
+						setTimeout(() => {
+							setReconnecting(null);
+						}, 2500);
+					});
+				}
+			}, react.createElement("span", {
+				className: "ci-reconnect-glyph",
+				"aria-hidden": true
+			}, react.createElement(__deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline14, { size: 12 })), t("action.reload.label")) : null), react.createElement(CollapsiblePanel, { className: "ci-collapse" }, react.createElement("ul", { className: "ci-preset-tool-list" }, ...server.tools.map((tool) => toolRow(tool, selected.id, true))))));
 		};
 		group("mcp", t("group.mcp", {
 			shown: view.mcp.length,
@@ -5074,16 +5173,34 @@ function PresetToolSection(props) {
 	}, t("status.loading")) : null, state.payload === null ? null : react.createElement(react.Fragment, null, writable ? null : react.createElement("p", {
 		role: "note",
 		className: "ci-settings-note"
-	}, t("preset.readonly")), react.createElement("div", { className: "ci-preset-toolbar" }, react.createElement("label", { className: "ci-preset-picker-label" }, react.createElement("span", null, t("preset.choose")), react.createElement("select", {
-		className: "ci-preset-picker",
-		value: state.selectedId ?? "",
-		onChange: (event) => {
-			selectPreset(event.target.value);
+	}, t("preset.readonly")), react.createElement("div", { className: "ci-preset-toolbar" }, react.createElement("span", { className: "ci-preset-picker-label" }, react.createElement("span", null, t("preset.choose")), react.createElement(__deepseek_ai_dsh_client_ui_primitives.Menu, {
+		open: pickerOpen,
+		anchor: react.createElement("button", {
+			type: "button",
+			className: "ci-preset-picker-trigger",
+			"aria-haspopup": "menu",
+			"aria-expanded": pickerOpen,
+			"aria-label": t("preset.choose"),
+			onClick: () => {
+				setPickerOpen((open) => !open);
+			}
+		}, react.createElement("span", { className: "ci-preset-picker-name" }, selected?.name ?? ""), react.createElement("span", {
+			className: `ci-preset-picker-chevron${pickerOpen ? " ci-preset-picker-chevron-open" : ""}`,
+			"aria-hidden": true
+		}, react.createElement(__deepseek_ai_dsh_client_ui_primitives.IconChevronDownOutline14, { size: 14 }))),
+		items: state.payload.presets.map((preset) => ({
+			id: preset.id,
+			label: preset.name
+		})),
+		...state.selectedId === null ? {} : { selectedId: state.selectedId },
+		onSelect: (id) => {
+			selectPreset(id);
+			setPickerOpen(false);
+		},
+		onClose: () => {
+			setPickerOpen(false);
 		}
-	}, ...state.payload.presets.map((preset) => react.createElement("option", {
-		key: preset.id,
-		value: preset.id
-	}, preset.name)))), react.createElement(Input, {
+	})), react.createElement(Input, {
 		className: "ci-filter ci-preset-filter",
 		value: query,
 		placeholder: t("filter.placeholder"),
@@ -10792,6 +10909,8 @@ const PopoverPopup = /* @__PURE__ */ react.forwardRef(function PopoverPopup$1(co
 //#endregion
 //#region src/client/index.ts
 const ROUTE = "/api/capability-panel";
+/** The plugin's issue tracker, surfaced as the panel foot's feedback link. */
+const FEEDBACK_URL = "https://github.com/pure-craft/dsh-capability-panel/issues";
 /**
 * Order by how much the reader needs to act on it: what fell out of context
 * first, then what is in it, then the rest.
@@ -10833,6 +10952,17 @@ function apply(ctx) {
 	/** Paper plane: the row action lands the command in the composer,
 	*  ready for the user's own Enter. */
 	const insertIcon = (size$3) => h(__deepseek_ai_dsh_client_ui_primitives.IconSendOutline14, { size: size$3 });
+	/** Circular arrows: pull a declared-but-offline server's connection up now. */
+	const reconnectIcon = (size$3) => h(__deepseek_ai_dsh_client_ui_primitives.IconRefreshOutline14, { size: size$3 });
+	/** The GitHub mark. Not in the host icon set (brand logos are not shipped
+	*  there), so this one path is inlined for the feedback link's recognizability. */
+	const githubIcon = (size$3) => h("svg", {
+		width: size$3,
+		height: size$3,
+		viewBox: "0 0 1024 1024",
+		fill: "currentColor",
+		"aria-hidden": true
+	}, h("path", { d: "M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9 23.5 23.2 38.1 55.4 38.1 91v112.5c0.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z" }));
 	ctx.slots.inject("settings.section", () => ctx.slots.register({
 		name: "settings.section",
 		id: "capability-panel",
@@ -10853,6 +10983,7 @@ function apply(ctx) {
 		const [expanded, setExpanded] = react$1.useState({});
 		const [query, setQuery] = react$1.useState("");
 		const [tab, setTab] = react$1.useState("skills");
+		const [reconnecting, setReconnecting] = react$1.useState(null);
 		const sessionId = props.sessionId ?? null;
 		react$1.useEffect(() => {
 			if (snap.open) refresh(sessionId);
@@ -10890,6 +11021,41 @@ function apply(ctx) {
 			});
 		};
 		/**
+		* Pull a declared-but-offline server's connection up, then refresh:
+		* registration lands asynchronously, and the registry's tools/change
+		* broadcast is what re-applies this session's stored positions.
+		*/
+		const reconnectServer = (server) => {
+			if (reconnecting !== null) return;
+			setReconnecting(server);
+			fetch(`${ROUTE}/reconnect`, {
+				method: "POST",
+				credentials: "same-origin",
+				headers: { "content-type": "application/json" },
+				body: JSON.stringify({ server })
+			}).then(async (response) => {
+				if (!response.ok) {
+					const detail = await response.text();
+					console.warn(`[capability-panel] reconnect failed (${response.status}): ${detail}`);
+					reportActionError(t("action.reload.failed", {
+						name: server,
+						error: `HTTP ${response.status}`
+					}));
+				}
+				await refresh(sessionId);
+			}).catch((error) => {
+				console.warn("[capability-panel] reconnect request failed", error);
+				reportActionError(t("action.reload.failed", {
+					name: server,
+					error: error instanceof Error ? error.message : String(error)
+				}));
+			}).finally(() => {
+				setTimeout(() => {
+					setReconnecting(null);
+				}, 2500);
+			});
+		};
+		/**
 		* Middle ellipsis for long path labels: both ends carry the meaning
 		* (`~/…` context, the tail directory), the middle is the expendable
 		* part. The full path stays in the hover tooltip.
@@ -10953,16 +11119,7 @@ function apply(ctx) {
 					opacity: 0,
 					transition: "opacity 0.15s"
 				}
-			}, h("svg", {
-				width: "12",
-				height: "12",
-				viewBox: "0 0 24 24",
-				fill: "none",
-				stroke: "currentColor",
-				"stroke-width": "2",
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round"
-			}, h("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" }))) : null, `${label} (${count})`), rule(true));
+			}, h(__deepseek_ai_dsh_client_ui_primitives.IconFolderClose16, { size: 12 })) : null, `${label} (${count})`), rule(true));
 		};
 		/** Group items by source, preserving order within each group. */
 		const groupBySource = (items, getSource) => {
@@ -11188,7 +11345,23 @@ function apply(ctx) {
 			}, h("span", {
 				className: "ci-chevron",
 				"aria-hidden": true
-			}, chevronIcon$1)), nameText(server.server), metaText(server.tools.length === 1 ? t("server.tool.one") : t("server.tools", { count: server.tools.length })), blockedChip(serverBlocked), switchControl("mcp-server", server.server, server.enabled)), h(CollapsiblePanel, { className: "ci-collapse" }, h("div", { style: {
+			}, chevronIcon$1)), nameText(server.server), server.unavailable === true ? h("span", {
+				className: "ci-preset-badge",
+				title: t("server.unavailableHint"),
+				style: { flex: "none" }
+			}, t("server.unavailable")) : metaText(server.tools.length === 1 ? t("server.tool.one") : t("server.tools", { count: server.tools.length })), blockedChip(serverBlocked), server.unavailable === true && server.reconnectable === true ? h("button", {
+				type: "button",
+				className: `ci-reconnect${reconnecting === server.server ? " ci-reconnect-busy" : ""}`,
+				disabled: reconnecting !== null,
+				"aria-label": t("action.reload", { name: server.server }),
+				title: reconnecting === server.server ? t("action.reload.ing", { name: server.server }) : `${t("action.reload", { name: server.server })}\n${t("action.reloadHint")}`,
+				onClick: () => {
+					reconnectServer(server.server);
+				}
+			}, h("span", {
+				className: "ci-reconnect-glyph",
+				"aria-hidden": true
+			}, reconnectIcon(12)), t("action.reload.label")) : null, server.unavailable === true ? null : switchControl("mcp-server", server.server, server.enabled)), h(CollapsiblePanel, { className: "ci-collapse" }, h("div", { style: {
 				marginTop: "2px",
 				marginLeft: "4px",
 				paddingLeft: "8px",
@@ -11394,7 +11567,20 @@ function apply(ctx) {
 		}, t("filter.count", {
 			shown: view?.total ?? 0,
 			total: totalAll
-		})) : null), ...notices, ...body))));
+		})) : null), ...notices, ...body, h("div", { style: {
+			display: "flex",
+			justifyContent: "flex-end",
+			marginTop: "10px"
+		} }, h("a", {
+			href: FEEDBACK_URL,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "ci-feedback-link",
+			title: t("footer.feedbackHint")
+		}, h("span", {
+			className: "ci-feedback-icon",
+			"aria-hidden": true
+		}, githubIcon(12)), t("footer.feedback")))))));
 	}));
 }
 const inject = ["slots", "locale"];