dsh-mcp 1.3.0 → 1.5.0

package/lib/client.js

@@ -14572,7 +14572,8 @@ var _deepseek_ai_dsh_mcp_manager_mcpManager_list_result$schema = external_export
     "env": external_exports.array(external_exports.object({
       "name": external_exports.string().readonly(),
       "secret": external_exports.boolean().readonly(),
-      "configured": external_exports.boolean().readonly()
+      "configured": external_exports.boolean().readonly(),
+      "value": external_exports.string().readonly().optional()
     })).readonly(),
     "toolCallTimeoutMs": external_exports.number().readonly(),
     "failOnStartupError": external_exports.boolean().readonly(),
@@ -14604,7 +14605,7 @@ var _deepseek_ai_dsh_mcp_manager_mcpManager_test_parameter_0$schema = external_e
     "name": external_exports.string().readonly(),
     "secret": external_exports.boolean().readonly(),
     "value": external_exports.string().readonly().optional()
-  })).readonly()
+  })).readonly().optional()
 });
 var _deepseek_ai_dsh_mcp_manager_mcpManager_test_result$schema = external_exports.object({
   "ok": external_exports.literal(true).readonly(),
@@ -14641,7 +14642,7 @@ var _deepseek_ai_dsh_mcp_manager_mcpManager_upsert_parameter_0$schema = external
     "name": external_exports.string().readonly(),
     "secret": external_exports.boolean().readonly(),
     "value": external_exports.string().readonly().optional()
-  })).readonly()
+  })).readonly().optional()
 });
 var _deepseek_ai_dsh_mcp_manager_mcpManager_upsert_result$schema = external_exports.union([external_exports.object({
   "ok": external_exports.literal(true).readonly(),
@@ -14661,7 +14662,8 @@ var _deepseek_ai_dsh_mcp_manager_mcpManager_upsert_result$schema = external_expo
     "env": external_exports.array(external_exports.object({
       "name": external_exports.string().readonly(),
       "secret": external_exports.boolean().readonly(),
-      "configured": external_exports.boolean().readonly()
+      "configured": external_exports.boolean().readonly(),
+      "value": external_exports.string().readonly().optional()
     })).readonly(),
     "toolCallTimeoutMs": external_exports.number().readonly(),
     "failOnStartupError": external_exports.boolean().readonly(),
@@ -14678,6 +14680,69 @@ var _deepseek_ai_dsh_mcp_manager_mcpManager_upsert_result$schema = external_expo
     "message": external_exports.string().readonly()
   }).readonly()
 })]);
+var _deepseek_ai_dsh_mcp_manager_mcpManager_upsertJson_parameter_0$schema = external_exports.object({
+  "servers": external_exports.array(external_exports.object({
+    "server": external_exports.object({
+      "serverName": external_exports.string().readonly(),
+      "transport": external_exports.union([external_exports.literal("stdio"), external_exports.literal("streamable-http")]).readonly(),
+      "enabled": external_exports.boolean().readonly().optional(),
+      "command": external_exports.string().readonly().optional(),
+      "args": external_exports.array(external_exports.string()).readonly().optional(),
+      "cwd": external_exports.string().readonly().optional(),
+      "url": external_exports.string().readonly().optional(),
+      "headers": external_exports.union([external_exports.record(external_exports.string(), external_exports.string()), external_exports.array(external_exports.object({
+        "name": external_exports.string().readonly(),
+        "value": external_exports.string().readonly()
+      })).readonly()]).readonly().optional(),
+      "toolCallTimeoutMs": external_exports.number().readonly().optional(),
+      "failOnStartupError": external_exports.boolean().readonly().optional()
+    }).readonly(),
+    "env": external_exports.array(external_exports.object({
+      "name": external_exports.string().readonly(),
+      "secret": external_exports.boolean().readonly().optional(),
+      "value": external_exports.string().readonly().optional()
+    })).readonly().optional()
+  })).readonly()
+});
+var _deepseek_ai_dsh_mcp_manager_mcpManager_upsertJson_result$schema = external_exports.union([external_exports.object({
+  "ok": external_exports.literal(true).readonly(),
+  "added": external_exports.number().readonly(),
+  "updated": external_exports.number().readonly(),
+  "removed": external_exports.number().readonly(),
+  "servers": external_exports.array(external_exports.object({
+    "id": external_exports.intersection(external_exports.string(), external_exports.unknown()).readonly(),
+    "serverName": external_exports.string().readonly(),
+    "transport": external_exports.union([external_exports.literal("stdio"), external_exports.literal("streamable-http")]).readonly(),
+    "enabled": external_exports.boolean().readonly(),
+    "command": external_exports.string().readonly(),
+    "args": external_exports.array(external_exports.string()).readonly(),
+    "cwd": external_exports.string().readonly(),
+    "url": external_exports.string().readonly(),
+    "headers": external_exports.array(external_exports.object({
+      "name": external_exports.string().readonly(),
+      "value": external_exports.string().readonly()
+    })).readonly(),
+    "env": external_exports.array(external_exports.object({
+      "name": external_exports.string().readonly(),
+      "secret": external_exports.boolean().readonly(),
+      "configured": external_exports.boolean().readonly(),
+      "value": external_exports.string().readonly().optional()
+    })).readonly(),
+    "toolCallTimeoutMs": external_exports.number().readonly(),
+    "failOnStartupError": external_exports.boolean().readonly(),
+    "status": external_exports.object({
+      "phase": external_exports.union([external_exports.literal("failed"), external_exports.literal("stopped"), external_exports.literal("mounting"), external_exports.literal("live")]).readonly(),
+      "tools": external_exports.array(external_exports.string()).readonly(),
+      "error": external_exports.string().readonly().optional()
+    }).readonly()
+  })).readonly()
+}), external_exports.object({
+  "ok": external_exports.literal(false).readonly(),
+  "error": external_exports.object({
+    "code": external_exports.union([external_exports.literal("MCP_SERVER_NOT_FOUND"), external_exports.literal("MCP_SERVER_NAME_CONFLICT"), external_exports.literal("MCP_INVALID_SPEC"), external_exports.literal("MCP_MOUNT_FAILED")]).readonly(),
+    "message": external_exports.string().readonly()
+  }).readonly()
+})]);
 var _deepseek_ai_dsh_mcp_manager_mcpManager_toolsList_result$schema = external_exports.object({
   "ok": external_exports.literal(true).readonly(),
   "tools": external_exports.array(external_exports.object({
@@ -14715,6 +14780,37 @@ var _deepseek_ai_dsh_mcp_manager_mcpManager_toolsMode_result$schema = external_e
     "message": external_exports.string().readonly()
   }).readonly()
 })]);
+var _deepseek_ai_dsh_mcp_manager_mcpManager_envList_result$schema = external_exports.object({
+  "ok": external_exports.literal(true).readonly(),
+  "vars": external_exports.array(external_exports.object({
+    "name": external_exports.string().readonly(),
+    "secret": external_exports.boolean().readonly(),
+    "configured": external_exports.boolean().readonly(),
+    "value": external_exports.string().readonly().optional()
+  })).readonly()
+});
+var _deepseek_ai_dsh_mcp_manager_mcpManager_envSet_parameter_0$schema = external_exports.object({
+  "vars": external_exports.array(external_exports.object({
+    "name": external_exports.string().readonly(),
+    "secret": external_exports.boolean().readonly().optional(),
+    "value": external_exports.string().readonly().optional()
+  })).readonly()
+});
+var _deepseek_ai_dsh_mcp_manager_mcpManager_envSet_result$schema = external_exports.union([external_exports.object({
+  "ok": external_exports.literal(true).readonly(),
+  "vars": external_exports.array(external_exports.object({
+    "name": external_exports.string().readonly(),
+    "secret": external_exports.boolean().readonly(),
+    "configured": external_exports.boolean().readonly(),
+    "value": external_exports.string().readonly().optional()
+  })).readonly()
+}), external_exports.object({
+  "ok": external_exports.literal(false).readonly(),
+  "error": external_exports.object({
+    "code": external_exports.union([external_exports.literal("MCP_INVALID_SPEC")]).readonly(),
+    "message": external_exports.string().readonly()
+  }).readonly()
+})]);
 var TYPERT_REMOTE = {
   package: "@deepseek-ai/dsh-mcp-manager",
   descriptors: [
@@ -14807,6 +14903,31 @@ var TYPERT_REMOTE = {
       },
       sourceLocation: { "file": "packages/mcp/mcp-manager/src/index.ts", "line": 329, "column": 9 }
     },
+    {
+      id: "@deepseek-ai/dsh-mcp-manager#mcpManager/upsertJson",
+      service: "mcpManager",
+      namespace: "mcpManager",
+      method: "upsertJson",
+      invocation: { kind: "direct" },
+      parameters: [
+        {
+          name: "request",
+          wire: "request",
+          source: "json",
+          codec: {
+            mode: "strict",
+            typeSymbol: "@deepseek-ai/dsh-mcp-manager/types#McpManagerUpsertJsonRequest",
+            schema: _deepseek_ai_dsh_mcp_manager_mcpManager_upsertJson_parameter_0$schema
+          }
+        }
+      ],
+      result: {
+        mode: "strict",
+        typeSymbol: "@deepseek-ai/dsh-mcp-manager/types#McpManagerUpsertJsonResult",
+        schema: _deepseek_ai_dsh_mcp_manager_mcpManager_upsertJson_result$schema
+      },
+      sourceLocation: { "file": "lib/index.js" }
+    },
     {
       id: "@deepseek-ai/dsh-mcp-manager#mcpManager/toolsList",
       service: "mcpManager",
@@ -14870,154 +14991,56 @@ var TYPERT_REMOTE = {
         schema: _deepseek_ai_dsh_mcp_manager_mcpManager_toolsMode_result$schema
       },
       sourceLocation: { "file": "lib/index.js" }
+    },
+    {
+      id: "@deepseek-ai/dsh-mcp-manager#mcpManager/envList",
+      service: "mcpManager",
+      namespace: "mcpManager",
+      method: "envList",
+      invocation: { kind: "direct" },
+      parameters: [],
+      result: {
+        mode: "strict",
+        typeSymbol: "@deepseek-ai/dsh-mcp-manager/types#McpManagerEnvListResult",
+        schema: _deepseek_ai_dsh_mcp_manager_mcpManager_envList_result$schema
+      },
+      sourceLocation: { "file": "lib/index.js" }
+    },
+    {
+      id: "@deepseek-ai/dsh-mcp-manager#mcpManager/envSet",
+      service: "mcpManager",
+      namespace: "mcpManager",
+      method: "envSet",
+      invocation: { kind: "direct" },
+      parameters: [
+        {
+          name: "request",
+          wire: "request",
+          source: "json",
+          codec: {
+            mode: "strict",
+            typeSymbol: "@deepseek-ai/dsh-mcp-manager/types#McpManagerEnvSetRequest",
+            schema: _deepseek_ai_dsh_mcp_manager_mcpManager_envSet_parameter_0$schema
+          }
+        }
+      ],
+      result: {
+        mode: "strict",
+        typeSymbol: "@deepseek-ai/dsh-mcp-manager/types#McpManagerEnvSetResult",
+        schema: _deepseek_ai_dsh_mcp_manager_mcpManager_envSet_result$schema
+      },
+      sourceLocation: { "file": "lib/index.js" }
     }
   ]
 };
 var remote_contribution_default = TYPERT_REMOTE;
 
 // src/client/McpSettingsSection.tsx
-var import_react2 = require("react");
+var import_react4 = require("react");
 
 // src/client/ServerForm.tsx
 var import_react = require("react");
 
-// src/client/mcp-store.ts
-var import_client = require("@deepseek-ai/dsh-client-runtime/client");
-var DEFAULT_TOOL_CALL_TIMEOUT_MS = 6e4;
-var envRowSeq = 0;
-function nextEnvRowKey() {
-  envRowSeq += 1;
-  return `env-${envRowSeq}`;
-}
-function createEnvRowDraft() {
-  return { key: nextEnvRowKey(), name: "", secret: false, value: "", configured: false };
-}
-function emptyDraft() {
-  return {
-    id: null,
-    serverName: "",
-    transport: "stdio",
-    enabled: true,
-    command: "",
-    argsText: "",
-    cwd: "",
-    url: "",
-    headersText: "",
-    env: [],
-    toolCallTimeoutMs: String(DEFAULT_TOOL_CALL_TIMEOUT_MS),
-    // Reject the mount by default when the startup connection fails, so a
-    // broken server never registers stale tools.
-    failOnStartupError: true
-  };
-}
-function draftFromServer(server) {
-  return {
-    id: server.id,
-    serverName: server.serverName,
-    transport: server.transport,
-    enabled: server.enabled,
-    command: server.command,
-    argsText: server.args.join("\n"),
-    cwd: server.cwd,
-    url: server.url,
-    headersText: server.headers.map((header) => `${header.name}: ${header.value}`).join("\n"),
-    env: server.env.map((entry) => ({
-      key: nextEnvRowKey(),
-      name: entry.name,
-      secret: entry.secret,
-      value: "",
-      configured: entry.configured
-    })),
-    toolCallTimeoutMs: String(server.toolCallTimeoutMs),
-    failOnStartupError: server.failOnStartupError
-  };
-}
-function parseLines(text) {
-  return text.split("\n").map((line) => line.trim()).filter((line) => line.length > 0);
-}
-function parseHeaders(text) {
-  const headers = [];
-  for (const line of parseLines(text)) {
-    const separator = line.indexOf(":");
-    if (separator <= 0) continue;
-    const name = line.slice(0, separator).trim();
-    const value = line.slice(separator + 1).trim();
-    if (name.length > 0) headers.push({ name, value });
-  }
-  return headers;
-}
-function parseTimeout(text) {
-  const value = Number(text);
-  return Number.isInteger(value) && value > 0 ? value : DEFAULT_TOOL_CALL_TIMEOUT_MS;
-}
-function draftToSubmission(draft) {
-  return {
-    server: {
-      serverName: draft.serverName.trim(),
-      transport: draft.transport,
-      enabled: draft.enabled,
-      command: draft.command.trim(),
-      args: parseLines(draft.argsText),
-      cwd: draft.cwd.trim(),
-      url: draft.url.trim(),
-      headers: parseHeaders(draft.headersText),
-      toolCallTimeoutMs: parseTimeout(draft.toolCallTimeoutMs),
-      failOnStartupError: draft.failOnStartupError
-    },
-    env: draft.env.map((row) => ({
-      name: row.name.trim(),
-      secret: row.secret,
-      ...row.secret && row.value.trim().length === 0 ? {} : { value: row.value }
-    }))
-  };
-}
-function createMcpManagerStore() {
-  return (0, import_client.defineStore)({
-    init: () => ({
-      loadState: "loading",
-      servers: [],
-      draft: null,
-      busy: null,
-      testRunning: false,
-      test: null
-    }),
-    actions: {
-      setLoadState: (d, state) => {
-        d.loadState = state;
-      },
-      setServers: (d, servers) => {
-        d.servers = servers;
-      },
-      beginCreate: (d) => {
-        d.draft = emptyDraft();
-        d.test = null;
-      },
-      beginEdit: (d, server) => {
-        d.draft = draftFromServer(server);
-        d.test = null;
-      },
-      cancelEdit: (d) => {
-        d.draft = null;
-        d.test = null;
-        d.busy = null;
-      },
-      updateDraft: (d, patch) => {
-        if (d.draft === null) return;
-        d.draft = { ...d.draft, ...patch };
-      },
-      setBusy: (d, busy) => {
-        d.busy = busy;
-      },
-      setTestRunning: (d, running) => {
-        d.testRunning = running;
-      },
-      setTest: (d, test) => {
-        d.test = test;
-      }
-    }
-  });
-}
-
 // src/client/ServerForm.module.css
 (function() {
   if (typeof document !== "undefined") {
@@ -15026,12 +15049,12 @@ function createMcpManagerStore() {
       const style = document.createElement("style");
       style.setAttribute("data-plugin", "dsh-mcp");
       style.setAttribute("data-file", "ServerForm.module.css");
-      style.textContent = ".form {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  width: 100%;\n  max-width: 760px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.titleRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.title {\n  margin: 0;\n  font-size: 15px;\n  line-height: 22px;\n  font-weight: 600;\n}\n\n.titleActions {\n  display: flex;\n  gap: 8px;\n}\n\nbutton {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  padding: 5px 12px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  cursor: pointer;\n}\n\nbutton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\nbutton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.primary {\n  border-color: var(--dsw-alias-button-primary-fill);\n  background: var(--dsw-alias-button-primary-fill);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.primary:hover {\n  background: var(--dsw-alias-button-primary-hover);\n}\n\n.danger {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.error {\n  margin: 0;\n  color: var(--dsw-alias-state-error-primary);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.field {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.field input,\n.field select,\n.field textarea {\n  width: 100%;\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  padding: 6px 10px;\n  outline: none;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 13px;\n  resize: vertical;\n}\n\n.field input::placeholder,\n.field textarea::placeholder {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.field input:focus-visible,\n.field select:focus-visible,\n.field textarea:focus-visible {\n  border-color: var(--dsw-alias-brand-primary);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent);\n}\n\n.envBlock {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  padding: 10px 12px 12px;\n  margin: 0;\n}\n\n.envBlock legend {\n  padding: 0 4px;\n  font-size: 13px;\n  line-height: 20px;\n  font-weight: 600;\n}\n\n.hint,\n.muted {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.envRow {\n  display: grid;\n  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.6fr) auto auto;\n  align-items: center;\n  gap: 8px;\n}\n\n.envRow input {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  padding: 5px 8px;\n  outline: none;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 13px;\n}\n\n.secretToggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.checkRow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n.testResult {\n  margin: 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.testOk {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.testFail {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n";
+      style.textContent = ".form {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  width: 100%;\n  max-width: 760px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.titleRow {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.title {\n  margin: 0;\n  font-size: 15px;\n  line-height: 22px;\n  font-weight: 600;\n}\n\n.titleActions {\n  display: flex;\n  gap: 8px;\n}\n\nbutton {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  padding: 5px 12px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  cursor: pointer;\n}\n\nbutton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\nbutton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.primary {\n  border-color: var(--dsw-alias-button-primary-fill);\n  background: var(--dsw-alias-button-primary-fill);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.primary:hover {\n  background: var(--dsw-alias-button-primary-hover);\n}\n\n.danger {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.error {\n  margin: 0;\n  color: var(--dsw-alias-state-error-primary);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.field {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--dsw-alias-label-secondary);\n}\n\n.field input,\n.field select,\n.field textarea {\n  width: 100%;\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  padding: 6px 10px;\n  outline: none;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 13px;\n  resize: vertical;\n}\n\n.field input::placeholder,\n.field textarea::placeholder {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.field input:focus-visible,\n.field select:focus-visible,\n.field textarea:focus-visible {\n  border-color: var(--dsw-alias-brand-primary);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent);\n}\n\n.hint,\n.muted {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.checkRow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--dsw-alias-label-secondary);\n  cursor: pointer;\n}\n\n.testResult {\n  margin: 0;\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.testOk {\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.testFail {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n";
       document.head.appendChild(style);
     }
   }
 })();
-var ServerForm_default = { "form": "form", "titleRow": "titleRow", "title": "title", "titleActions": "titleActions", "primary": "primary", "danger": "danger", "error": "error", "field": "field", "envBlock": "envBlock", "hint": "hint", "muted": "muted", "envRow": "envRow", "secretToggle": "secretToggle", "checkRow": "checkRow", "testResult": "testResult", "testOk": "testOk", "testFail": "testFail", "actions": "actions" };
+var ServerForm_default = { "form": "form", "titleRow": "titleRow", "title": "title", "titleActions": "titleActions", "primary": "primary", "danger": "danger", "error": "error", "field": "field", "hint": "hint", "muted": "muted", "checkRow": "checkRow", "testResult": "testResult", "testOk": "testOk", "testFail": "testFail", "actions": "actions" };
 
 // src/client/ServerForm.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -15042,15 +15065,6 @@ function McpServerForm(props) {
     setSaveError(null);
     actions.updateDraft(patch);
   };
-  const updateEnvRow = (key, patch) => {
-    update({ env: draft.env.map((row) => row.key === key ? { ...row, ...patch } : row) });
-  };
-  const removeEnvRow = (key) => {
-    update({ env: draft.env.filter((row) => row.key !== key) });
-  };
-  const addEnvRow = () => {
-    update({ env: [...draft.env, createEnvRowDraft()] });
-  };
   const errorText = (error51) => error51 instanceof Error ? error51.message : String(error51);
   const runTest = async () => {
     setSaveError(null);
@@ -15216,52 +15230,6 @@ function McpServerForm(props) {
         )
       ] })
     ] }),
-    stdio ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("fieldset", { className: ServerForm_default.envBlock, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("legend", { children: t("envVars") }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: ServerForm_default.hint, children: t("envHint") }),
-      draft.env.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: ServerForm_default.muted, children: [
-        t("envVars"),
-        ": 0"
-      ] }) : null,
-      draft.env.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: ServerForm_default.envRow, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "input",
-          {
-            type: "text",
-            className: ServerForm_default.envName,
-            value: row.name,
-            placeholder: t("envName"),
-            "aria-label": t("envName"),
-            onChange: (event) => updateEnvRow(row.key, { name: event.currentTarget.value })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "input",
-          {
-            type: row.secret ? "password" : "text",
-            className: ServerForm_default.envValue,
-            value: row.value,
-            placeholder: row.secret && row.configured ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" : t("envValue"),
-            "aria-label": t("envValue"),
-            onChange: (event) => updateEnvRow(row.key, { value: event.currentTarget.value })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: ServerForm_default.secretToggle, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "input",
-            {
-              type: "checkbox",
-              checked: row.secret,
-              title: t("envSecretHint"),
-              onChange: (event) => updateEnvRow(row.key, { secret: event.currentTarget.checked })
-            }
-          ),
-          t("envSecret")
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: ServerForm_default.danger, "aria-label": t("removeEnvVar"), onClick: () => removeEnvRow(row.key), children: "\u2715" })
-      ] }, row.key)),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: addEnvRow, children: t("addEnvVar") })
-    ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: ServerForm_default.field, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("toolCallTimeoutMs") }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -15306,6 +15274,419 @@ function McpServerForm(props) {
   ] });
 }
 
+// src/client/ServersJsonEditor.tsx
+var import_react2 = require("react");
+
+// src/client/ServersJsonEditor.module.css
+(function() {
+  if (typeof document !== "undefined") {
+    const existing = document.querySelector('style[data-plugin="dsh-mcp"][data-file="ServersJsonEditor.module.css"]');
+    if (!existing) {
+      const style = document.createElement("style");
+      style.setAttribute("data-plugin", "dsh-mcp");
+      style.setAttribute("data-file", "ServersJsonEditor.module.css");
+      style.textContent = ".panel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  padding: 10px 14px;\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.editor {\n  width: 100%;\n  box-sizing: border-box;\n  min-height: 260px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  padding: 8px 10px;\n  outline: none;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  resize: vertical;\n}\n\n.editor:focus-visible {\n  border-color: var(--dsw-alias-brand-primary);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent);\n}\n\n.hint {\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.error {\n  margin: 0;\n  color: var(--dsw-alias-state-error-primary);\n  font-size: 12px;\n  line-height: 18px;\n  word-break: break-all;\n}\n\n.notice {\n  margin: 0;\n  color: var(--dsw-alias-state-success-primary);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n\n.actions button {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  padding: 5px 12px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  cursor: pointer;\n}\n\n.actions button:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.actions button:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.actions .primary {\n  border-color: var(--dsw-alias-button-primary-fill);\n  background: var(--dsw-alias-button-primary-fill);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.actions .primary:hover {\n  background: var(--dsw-alias-button-primary-hover);\n}\n";
+      document.head.appendChild(style);
+    }
+  }
+})();
+var ServersJsonEditor_default = { "panel": "panel", "editor": "editor", "hint": "hint", "error": "error", "notice": "notice", "actions": "actions", "primary": "primary" };
+
+// src/client/ServersJsonEditor.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function serversToJsonText(servers) {
+  const document2 = servers.map((server) => {
+    const entry = {
+      serverName: server.serverName,
+      transport: server.transport,
+      enabled: server.enabled
+    };
+    if (server.transport === "stdio") {
+      entry.command = server.command;
+      entry.args = [...server.args];
+      if (server.cwd.length > 0) entry.cwd = server.cwd;
+    } else {
+      entry.url = server.url;
+    }
+    if (server.headers.length > 0) {
+      entry.headers = Object.fromEntries(server.headers.map((header) => [header.name, header.value]));
+    }
+    entry.toolCallTimeoutMs = server.toolCallTimeoutMs;
+    entry.failOnStartupError = server.failOnStartupError;
+    entry.env = server.env.map((row) => row.secret ? { name: row.name, secret: true, configured: row.configured } : { name: row.name, secret: false, ...row.value !== void 0 && row.value.length > 0 ? { value: row.value } : {} });
+    return entry;
+  });
+  return `${JSON.stringify(document2, null, 2)}
+`;
+}
+function parseServersJson(text) {
+  let value;
+  try {
+    value = JSON.parse(text);
+  } catch (error51) {
+    return { ok: false, error: error51 instanceof Error ? error51.message : String(error51) };
+  }
+  if (!Array.isArray(value)) {
+    return { ok: false, error: "JSON \u9876\u5C42\u5FC5\u987B\u662F\u670D\u52A1\u5668\u914D\u7F6E\u6570\u7EC4\uFF1A[ { serverName, transport, ... }, ... ]" };
+  }
+  if (value.length === 0) {
+    return { ok: false, error: "\u914D\u7F6E\u5217\u8868\u4E0D\u80FD\u4E3A\u7A7A" };
+  }
+  const servers = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const item of value) {
+    if (item === null || typeof item !== "object" || Array.isArray(item)) {
+      return { ok: false, error: "\u6BCF\u4E2A\u6761\u76EE\u5FC5\u987B\u662F\u5BF9\u8C61\uFF1A{ serverName, transport, ... }" };
+    }
+    const server = item;
+    const serverName = typeof server.serverName === "string" ? server.serverName.trim() : "";
+    if (serverName.length === 0) return { ok: false, error: "serverName \u4E0D\u80FD\u4E3A\u7A7A" };
+    if (seen.has(serverName)) return { ok: false, error: `serverName "${serverName}" \u91CD\u590D` };
+    seen.add(serverName);
+    const transport = server.transport;
+    if (transport !== "stdio" && transport !== "streamable-http") {
+      return { ok: false, error: `\u670D\u52A1\u5668 "${serverName}" \u7684 transport \u5FC5\u987B\u662F stdio \u6216 streamable-http` };
+    }
+    if (transport === "stdio" && (typeof server.command !== "string" || server.command.trim().length === 0)) {
+      return { ok: false, error: `\u670D\u52A1\u5668 "${serverName}"\uFF08stdio\uFF09\u7F3A\u5C11 command` };
+    }
+    if (transport === "streamable-http" && typeof server.url !== "string") {
+      return { ok: false, error: `\u670D\u52A1\u5668 "${serverName}"\uFF08streamable-http\uFF09\u7F3A\u5C11 url` };
+    }
+    if (server.headers !== void 0) {
+      const headers = server.headers;
+      const okHeaders = headers !== null && typeof headers === "object" && !Array.isArray(headers) || Array.isArray(headers) && headers.every((h) => h !== null && typeof h === "object" && typeof h.name === "string");
+      if (!okHeaders) return { ok: false, error: `\u670D\u52A1\u5668 "${serverName}" \u7684 headers \u5FC5\u987B\u662F { "\u540D\u79F0": "\u503C" } \u5BF9\u8C61\u6216 { name, value } \u6570\u7EC4` };
+    }
+    const envValue = server.env;
+    const env = Array.isArray(envValue) ? envValue : [];
+    for (const row of env) {
+      const r = row;
+      if (r === null || typeof r !== "object" || typeof r.name !== "string" || r.name.trim().length === 0) {
+        return { ok: false, error: `\u670D\u52A1\u5668 "${serverName}" \u7684 env \u6761\u76EE\u7F3A\u5C11\u5408\u6CD5\u7684 name` };
+      }
+      if (r.secret !== void 0 && typeof r.secret !== "boolean") {
+        return { ok: false, error: `\u670D\u52A1\u5668 "${serverName}" \u7684 env \u6761\u76EE "${r.name}" \u7684 secret \u5FC5\u987B\u662F\u5E03\u5C14\u503C` };
+      }
+      if (r.value !== void 0 && typeof r.value !== "string") {
+        return { ok: false, error: `\u670D\u52A1\u5668 "${serverName}" \u7684 env \u6761\u76EE "${r.name}" \u7684 value \u5FC5\u987B\u662F\u5B57\u7B26\u4E32` };
+      }
+    }
+    servers.push({ server, env });
+  }
+  return { ok: true, servers };
+}
+function ServersJsonEditor({ injected, t, onApplied }) {
+  const [text, setText] = (0, import_react2.useState)("");
+  const [error51, setError] = (0, import_react2.useState)(null);
+  const [notice, setNotice] = (0, import_react2.useState)(null);
+  const [busy, setBusy] = (0, import_react2.useState)(false);
+  const [loaded, setLoaded] = (0, import_react2.useState)(false);
+  const seqRef = (0, import_react2.useRef)(0);
+  (0, import_react2.useEffect)(() => {
+    if (loaded) return;
+    let current = true;
+    void injected.list().then(
+      (servers) => {
+        if (!current) return;
+        setText(serversToJsonText(servers));
+        setLoaded(true);
+        setError(null);
+      },
+      () => {
+        if (current) setError("\u65E0\u6CD5\u8BFB\u53D6\u670D\u52A1\u5668\u5217\u8868");
+      }
+    );
+    return () => {
+      current = false;
+    };
+  }, [injected, loaded]);
+  const reseed = () => {
+    const seq = ++seqRef.current;
+    setBusy(true);
+    setNotice(null);
+    void injected.list().then(
+      (servers) => {
+        if (seq !== seqRef.current) return;
+        setText(serversToJsonText(servers));
+        setError(null);
+      },
+      () => {
+        if (seq === seqRef.current) setError("\u65E0\u6CD5\u8BFB\u53D6\u670D\u52A1\u5668\u5217\u8868");
+      }
+    ).finally(() => {
+      if (seq === seqRef.current) setBusy(false);
+    });
+  };
+  const apply2 = () => {
+    const parsed = parseServersJson(text);
+    if (!parsed.ok) {
+      setError(parsed.error);
+      return;
+    }
+    const seq = ++seqRef.current;
+    setBusy(true);
+    setError(null);
+    setNotice(null);
+    void injected.upsertJson(parsed.servers).then(
+      (result) => {
+        if (seq !== seqRef.current) return;
+        setNotice(`${t("serversJsonDone")}: +${result.added} / ~${result.updated} / -${result.removed}`);
+        onApplied();
+      },
+      (error52) => {
+        if (seq !== seqRef.current) return;
+        setError(error52 instanceof Error ? error52.message : String(error52));
+      }
+    ).finally(() => {
+      if (seq === seqRef.current) setBusy(false);
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: ServersJsonEditor_default.panel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "textarea",
+      {
+        className: ServersJsonEditor_default.editor,
+        rows: 16,
+        spellCheck: false,
+        "aria-label": t("serversJsonLabel"),
+        value: text,
+        onChange: (event) => setText(event.currentTarget.value)
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: ServersJsonEditor_default.hint, children: t("serversJsonHint") }),
+    error51 !== null ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: ServersJsonEditor_default.error, role: "alert", children: error51 }) : null,
+    notice !== null ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: ServersJsonEditor_default.notice, role: "status", children: notice }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: ServersJsonEditor_default.actions, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", disabled: busy, onClick: reseed, children: t("serversJsonReseed") }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: ServersJsonEditor_default.primary, disabled: busy, onClick: apply2, children: busy ? t("serversJsonSaving") : t("serversJsonApply") })
+    ] })
+  ] });
+}
+
+// src/client/GlobalEnvEditor.tsx
+var import_react3 = require("react");
+
+// src/client/GlobalEnvEditor.module.css
+(function() {
+  if (typeof document !== "undefined") {
+    const existing = document.querySelector('style[data-plugin="dsh-mcp"][data-file="GlobalEnvEditor.module.css"]');
+    if (!existing) {
+      const style = document.createElement("style");
+      style.setAttribute("data-plugin", "dsh-mcp");
+      style.setAttribute("data-file", "GlobalEnvEditor.module.css");
+      style.textContent = ".panel {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  padding: 10px 14px;\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.hint,\n.muted {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.row {\n  display: grid;\n  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.8fr) auto auto;\n  align-items: center;\n  gap: 8px;\n}\n\n.row input {\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  padding: 5px 8px;\n  outline: none;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 13px;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n}\n\n.row input:focus-visible {\n  border-color: var(--dsw-alias-brand-primary);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent);\n}\n\n.name {\n  width: 100%;\n}\n\n.value {\n  width: 100%;\n}\n\n.secretToggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--dsw-alias-label-secondary);\n  font-size: 12px;\n  line-height: 18px;\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n}\n\n.secretToggle input {\n  cursor: pointer;\n}\n\n.secretToggle.secretOn {\n  color: var(--dsw-alias-brand-primary);\n  font-weight: 600;\n}\n\n.danger {\n  border: 1px solid transparent !important;\n  background: transparent !important;\n  color: var(--dsw-alias-state-error-primary) !important;\n  cursor: pointer;\n}\n\n.overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: rgba(0, 0, 0, 0.4);\n}\n\n.dialog {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  width: min(520px, calc(100vw - 48px));\n  max-height: 80vh;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 12px;\n  padding: 16px;\n  background: var(--dsw-alias-bg-overlay);\n  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);\n}\n\n.dialogTitle {\n  margin: 0;\n  font-size: 15px;\n  line-height: 22px;\n  font-weight: 600;\n  color: var(--dsw-alias-label-primary);\n}\n\n.bulkText {\n  width: 100%;\n  box-sizing: border-box;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 8px;\n  padding: 8px 10px;\n  outline: none;\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n  resize: vertical;\n}\n\n.bulkText:focus-visible {\n  border-color: var(--dsw-alias-brand-primary);\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--dsw-alias-brand-primary) 18%, transparent);\n}\n\n.retryRow {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n\n.retryRow button {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  padding: 3px 10px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 12px;\n  line-height: 18px;\n  cursor: pointer;\n}\n\n.retryRow button:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.error {\n  margin: 0;\n  color: var(--dsw-alias-state-error-primary);\n  font-size: 12px;\n  line-height: 18px;\n  word-break: break-all;\n}\n\n.notice {\n  margin: 0;\n  color: var(--dsw-alias-state-success-primary);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n\n.actions button {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  padding: 5px 12px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  cursor: pointer;\n}\n\n.actions button:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\n.actions button:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.actions .primary {\n  border-color: var(--dsw-alias-button-primary-fill);\n  background: var(--dsw-alias-button-primary-fill);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.actions .primary:hover {\n  background: var(--dsw-alias-button-primary-hover);\n}\n";
+      document.head.appendChild(style);
+    }
+  }
+})();
+var GlobalEnvEditor_default = { "panel": "panel", "hint": "hint", "muted": "muted", "row": "row", "name": "name", "value": "value", "secretToggle": "secretToggle", "secretOn": "secretOn", "danger": "danger", "overlay": "overlay", "dialog": "dialog", "dialogTitle": "dialogTitle", "bulkText": "bulkText", "retryRow": "retryRow", "error": "error", "notice": "notice", "actions": "actions", "primary": "primary" };
+
+// src/client/GlobalEnvEditor.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var rowSeq = 0;
+function nextKey() {
+  rowSeq += 1;
+  return `genv-${rowSeq}`;
+}
+function emptyRow() {
+  return { key: nextKey(), name: "", secret: true, value: "", configured: false };
+}
+function GlobalEnvEditor({ injected, t, onApplied }) {
+  const [rows, setRows] = (0, import_react3.useState)([]);
+  const [error51, setError] = (0, import_react3.useState)(null);
+  const [notice, setNotice] = (0, import_react3.useState)(null);
+  const [busy, setBusy] = (0, import_react3.useState)(false);
+  const [loaded, setLoaded] = (0, import_react3.useState)(false);
+  const [loadFailed, setLoadFailed] = (0, import_react3.useState)(false);
+  const [bulkOpen, setBulkOpen] = (0, import_react3.useState)(false);
+  const [bulkText, setBulkText] = (0, import_react3.useState)("");
+  const seqRef = (0, import_react3.useRef)(0);
+  const reload = () => {
+    const seq = ++seqRef.current;
+    setLoadFailed(false);
+    void injected.envList().then(
+      (state) => {
+        if (seq !== seqRef.current) return;
+        setRows(state.vars.map((row) => ({
+          key: nextKey(),
+          name: row.name,
+          secret: row.secret,
+          // 展示 process.env 优先返回的值（非 secret）；secret 值不展示
+          value: row.secret ? "" : row.value ?? "",
+          configured: row.configured
+        })));
+        setLoaded(true);
+        setError(null);
+      },
+      (error52) => {
+        if (seq !== seqRef.current) return;
+        setLoadFailed(true);
+        setError(error52 instanceof Error ? error52.message : String(error52));
+      }
+    );
+  };
+  (0, import_react3.useEffect)(() => {
+    if (loaded) return;
+    reload();
+  }, [injected, loaded]);
+  const update = (key, patch) => {
+    setRows((prev) => prev.map((row) => row.key === key ? { ...row, ...patch } : row));
+  };
+  const remove = (key) => {
+    setRows((prev) => prev.filter((row) => row.key !== key));
+  };
+  const add = () => {
+    setRows((prev) => [...prev, emptyRow()]);
+  };
+  const applyBulk = () => {
+    const parsed = bulkText.split(/\r?\n/).map((line) => line.trim()).filter((line) => line.length > 0);
+    if (parsed.length === 0) {
+      setBulkOpen(false);
+      return;
+    }
+    const next = [];
+    for (const line of parsed) {
+      const eq = line.indexOf("=");
+      if (eq <= 0) {
+        next.push({ key: nextKey(), name: line, secret: false, value: "", configured: false });
+        continue;
+      }
+      const name = line.slice(0, eq).trim();
+      const value = line.slice(eq + 1);
+      if (name.length === 0) continue;
+      next.push({ key: nextKey(), name, secret: false, value, configured: false });
+    }
+    if (next.length > 0) setRows((prev) => [...prev, ...next]);
+    setBulkOpen(false);
+    setBulkText("");
+  };
+  const save = () => {
+    const vars = [];
+    const seen = /* @__PURE__ */ new Set();
+    for (const row of rows) {
+      const name = row.name.trim();
+      if (name.length === 0) {
+        if (row.value.trim().length > 0) {
+          setError("\u5B58\u5728\u672A\u586B\u5199\u53D8\u91CF\u540D\u7684\u884C");
+          return;
+        }
+        continue;
+      }
+      if (!/^[A-Za-z_][A-Za-z0-9_]*$/.test(name)) {
+        setError(`\u53D8\u91CF\u540D "${name}" \u5FC5\u987B\u662F\u5B57\u6BCD/\u6570\u5B57/\u4E0B\u5212\u7EBF\uFF0C\u4E14\u4EE5\u5B57\u6BCD\u6216\u4E0B\u5212\u7EBF\u5F00\u5934`);
+        return;
+      }
+      if (seen.has(name)) {
+        setError(`\u53D8\u91CF\u540D "${name}" \u91CD\u590D`);
+        return;
+      }
+      seen.add(name);
+      vars.push({
+        name,
+        secret: row.secret,
+        // 填了值就提交（secret 也会写入凭据文档）；留空不提交（secret 保留原值）
+        ...row.value.trim().length > 0 ? { value: row.value } : {}
+      });
+    }
+    const seq = ++seqRef.current;
+    setBusy(true);
+    setError(null);
+    setNotice(null);
+    void injected.envSet(vars).then(
+      (state) => {
+        if (seq !== seqRef.current) return;
+        setRows(state.vars.map((row) => ({
+          key: nextKey(),
+          name: row.name,
+          secret: row.secret,
+          value: row.secret ? "" : row.value ?? "",
+          configured: row.configured
+        })));
+        setNotice(t("globalEnvDone"));
+        onApplied();
+      },
+      (error52) => {
+        if (seq !== seqRef.current) return;
+        setError(error52 instanceof Error ? error52.message : String(error52));
+      }
+    ).finally(() => {
+      if (seq === seqRef.current) setBusy(false);
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: GlobalEnvEditor_default.panel, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: GlobalEnvEditor_default.hint, children: t("globalEnvHint") }),
+    rows.length === 0 && !loadFailed ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: GlobalEnvEditor_default.muted, children: t("globalEnvEmpty") }) : null,
+    rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: GlobalEnvEditor_default.row, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "input",
+        {
+          type: "text",
+          className: GlobalEnvEditor_default.name,
+          value: row.name,
+          placeholder: t("globalEnvName"),
+          "aria-label": t("globalEnvName"),
+          onChange: (event) => update(row.key, { name: event.currentTarget.value })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "input",
+        {
+          type: row.secret ? "password" : "text",
+          className: GlobalEnvEditor_default.value,
+          value: row.value,
+          placeholder: row.secret && row.configured ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" : t("globalEnvValue"),
+          "aria-label": t("globalEnvValue"),
+          onChange: (event) => update(row.key, { value: event.currentTarget.value })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: `${GlobalEnvEditor_default.secretToggle} ${row.secret ? GlobalEnvEditor_default.secretOn : ""}`, title: t("globalEnvSecretHint"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            checked: row.secret,
+            "aria-label": t("globalEnvSecret"),
+            onChange: (event) => update(row.key, { secret: event.currentTarget.checked })
+          }
+        ),
+        t("globalEnvSecret")
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: GlobalEnvEditor_default.danger, "aria-label": t("globalEnvRemove"), onClick: () => remove(row.key), children: "\u2715" })
+    ] }, row.key)),
+    loadFailed ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: GlobalEnvEditor_default.retryRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: GlobalEnvEditor_default.error, role: "alert", children: t("globalEnvLoadFailed") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: reload, children: t("globalEnvRetry") })
+    ] }) : null,
+    error51 !== null && !loadFailed ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: GlobalEnvEditor_default.error, role: "alert", children: error51 }) : null,
+    notice !== null ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: GlobalEnvEditor_default.notice, role: "status", children: notice }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: GlobalEnvEditor_default.actions, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", disabled: busy, onClick: add, children: t("globalEnvAdd") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", disabled: busy, onClick: () => setBulkOpen(true), children: t("globalEnvBulk") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: GlobalEnvEditor_default.primary, disabled: busy, onClick: save, children: busy ? t("globalEnvSaving") : t("globalEnvSave") })
+    ] }),
+    bulkOpen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: GlobalEnvEditor_default.overlay, onClick: () => setBulkOpen(false), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: GlobalEnvEditor_default.dialog, role: "dialog", "aria-label": t("globalEnvBulk"), onClick: (event) => event.stopPropagation(), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: GlobalEnvEditor_default.dialogTitle, children: t("globalEnvBulk") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: GlobalEnvEditor_default.hint, children: t("globalEnvBulkPrompt") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "textarea",
+        {
+          className: GlobalEnvEditor_default.bulkText,
+          rows: 8,
+          autoFocus: true,
+          spellCheck: false,
+          value: bulkText,
+          onChange: (event) => setBulkText(event.currentTarget.value)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: GlobalEnvEditor_default.actions, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", onClick: () => setBulkOpen(false), children: t("cancel") }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: GlobalEnvEditor_default.primary, onClick: applyBulk, children: t("globalEnvBulkOk") })
+      ] })
+    ] }) }) : null
+  ] });
+}
+
 // src/client/McpSettingsSection.module.css
 (function() {
   if (typeof document !== "undefined") {
@@ -15314,15 +15695,15 @@ function McpServerForm(props) {
       const style = document.createElement("style");
       style.setAttribute("data-plugin", "dsh-mcp");
       style.setAttribute("data-file", "McpSettingsSection.module.css");
-      style.textContent = ".section {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  width: 100%;\n  max-width: 760px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.status,\n.failure p {\n  margin: 0;\n}\n\n.status,\n.failure {\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.failure {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  color: var(--dsw-alias-state-error-primary);\n}\n\nbutton {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  padding: 5px 12px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  cursor: pointer;\n}\n\nbutton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\nbutton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.primary {\n  border-color: var(--dsw-alias-button-primary-fill);\n  background: var(--dsw-alias-button-primary-fill);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.primary:hover {\n  background: var(--dsw-alias-button-primary-hover);\n}\n\n.list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  padding: 10px 14px;\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.rowMain {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 0;\n}\n\n.rowTitle {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.serverName {\n  overflow: hidden;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  min-height: 18px;\n  border-radius: 5px;\n  padding: 1px 6px;\n  font-size: 11px;\n  line-height: 16px;\n  white-space: nowrap;\n}\n\n.badge.mounting {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n  color: var(--dsw-alias-brand-primary);\n}\n\n.badge.live {\n  background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent);\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.badge.failed {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.badge.stopped {\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.muted {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.rowMeta {\n  display: flex;\n  gap: 14px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  line-height: 18px;\n  font-variant-numeric: tabular-nums;\n}\n\n.rowActions {\n  flex: none;\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.card > .row {\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n}\n\n.modeRow {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  flex-wrap: wrap;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  padding: 8px 14px;\n  background: var(--dsw-alias-bg-layer-3);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.modeLabel {\n  font-weight: 600;\n}\n\n.modeOption {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n}\n\n.modeHint {\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.toolPanel {\n  border-top: 1px solid var(--dsw-alias-border-l2);\n  padding: 10px 14px;\n}\n\n.toolGrid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));\n  gap: 4px 14px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n\n.toolRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  padding: 2px 0;\n  font-size: 12px;\n  line-height: 18px;\n  cursor: pointer;\n}\n\n.toolName {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n";
+      style.textContent = ".section {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n  width: 100%;\n  max-width: 760px;\n  color: var(--dsw-alias-label-primary);\n}\n\n.header {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.status,\n.failure p {\n  margin: 0;\n}\n\n.status,\n.failure {\n  font-size: 13px;\n  line-height: 20px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.failure {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  color: var(--dsw-alias-state-error-primary);\n}\n\nbutton {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 6px;\n  padding: 5px 12px;\n  background: transparent;\n  color: var(--dsw-alias-label-primary);\n  font: inherit;\n  font-size: 13px;\n  line-height: 20px;\n  cursor: pointer;\n}\n\nbutton:hover {\n  background: var(--dsw-alias-interactive-bg-hover);\n}\n\nbutton:focus-visible {\n  outline: 2px solid var(--dsw-alias-brand-primary);\n  outline-offset: 1px;\n}\n\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.primary {\n  border-color: var(--dsw-alias-button-primary-fill);\n  background: var(--dsw-alias-button-primary-fill);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n\n.primary:hover {\n  background: var(--dsw-alias-button-primary-hover);\n}\n\n.active {\n  border-color: var(--dsw-alias-brand-primary);\n  color: var(--dsw-alias-brand-primary);\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 10%, transparent);\n}\n\n.module {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  padding: 10px 14px;\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.moduleTitle {\n  display: inline-flex !important;\n  align-items: center;\n  gap: 6px;\n  width: fit-content;\n  border: none !important;\n  background: transparent !important;\n  padding: 0 !important;\n  font-weight: 600;\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--dsw-alias-label-primary) !important;\n}\n\n.moduleTitle:hover {\n  background: transparent !important;\n}\n\n.caret {\n  display: inline-block;\n  width: 14px;\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.configHeader {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.configActions {\n  display: flex;\n  gap: 8px;\n}\n\n.inlineForm {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  padding: 12px 14px;\n  background: var(--dsw-alias-bg-layer-2);\n}\n\n.inlineFormItem {\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  padding: 12px 14px;\n  background: var(--dsw-alias-bg-layer-2);\n  list-style: none;\n}\n\n.list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  padding: 10px 14px;\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.rowMain {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 0;\n}\n\n.rowTitle {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n}\n\n.serverName {\n  overflow: hidden;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.badge {\n  display: inline-flex;\n  align-items: center;\n  min-height: 18px;\n  border-radius: 5px;\n  padding: 1px 6px;\n  font-size: 11px;\n  line-height: 16px;\n  white-space: nowrap;\n}\n\n.badge.mounting {\n  background: color-mix(in srgb, var(--dsw-alias-brand-primary) 12%, transparent);\n  color: var(--dsw-alias-brand-primary);\n}\n\n.badge.live {\n  background: color-mix(in srgb, var(--dsw-alias-state-success-primary) 12%, transparent);\n  color: var(--dsw-alias-state-success-primary);\n}\n\n.badge.failed {\n  background: color-mix(in srgb, var(--dsw-alias-state-error-primary) 12%, transparent);\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.badge.stopped {\n  background: var(--dsw-alias-bg-layer-1);\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.muted {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.rowMeta {\n  display: flex;\n  gap: 14px;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  line-height: 18px;\n  font-variant-numeric: tabular-nums;\n}\n\n.rowActions {\n  flex: none;\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  background: var(--dsw-alias-bg-layer-3);\n}\n\n.card > .row {\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n}\n\n.modeRow {\n  display: flex;\n  align-items: center;\n  gap: 18px;\n  flex-wrap: wrap;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 10px;\n  padding: 8px 14px;\n  background: var(--dsw-alias-bg-layer-3);\n  font-size: 13px;\n  line-height: 20px;\n}\n\n.modeLabel {\n  font-weight: 600;\n}\n\n.modeOption {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n}\n\n.modeHint {\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  line-height: 18px;\n}\n\n.toolPanel {\n  border-top: 1px solid var(--dsw-alias-border-l2);\n  padding: 10px 14px;\n}\n\n.toolGrid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));\n  gap: 4px 14px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n\n.toolRow {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  padding: 2px 0;\n  font-size: 12px;\n  line-height: 18px;\n  cursor: pointer;\n}\n\n.toolName {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n";
       document.head.appendChild(style);
     }
   }
 })();
-var McpSettingsSection_default = { "section": "section", "header": "header", "status": "status", "failure": "failure", "primary": "primary", "list": "list", "row": "row", "rowMain": "rowMain", "rowTitle": "rowTitle", "serverName": "serverName", "badge": "badge", "mounting": "mounting", "live": "live", "failed": "failed", "stopped": "stopped", "muted": "muted", "rowMeta": "rowMeta", "rowActions": "rowActions", "card": "card", "modeRow": "modeRow", "modeLabel": "modeLabel", "modeOption": "modeOption", "modeHint": "modeHint", "toolPanel": "toolPanel", "toolGrid": "toolGrid", "toolRow": "toolRow", "toolName": "toolName" };
+var McpSettingsSection_default = { "section": "section", "header": "header", "status": "status", "failure": "failure", "primary": "primary", "active": "active", "module": "module", "moduleTitle": "moduleTitle", "caret": "caret", "configHeader": "configHeader", "configActions": "configActions", "inlineForm": "inlineForm", "inlineFormItem": "inlineFormItem", "list": "list", "row": "row", "rowMain": "rowMain", "rowTitle": "rowTitle", "serverName": "serverName", "badge": "badge", "mounting": "mounting", "live": "live", "failed": "failed", "stopped": "stopped", "muted": "muted", "rowMeta": "rowMeta", "rowActions": "rowActions", "card": "card", "modeRow": "modeRow", "modeLabel": "modeLabel", "modeOption": "modeOption", "modeHint": "modeHint", "toolPanel": "toolPanel", "toolGrid": "toolGrid", "toolRow": "toolRow", "toolName": "toolName" };
 
 // src/client/McpSettingsSection.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function phaseKey(phase) {
   switch (phase) {
     case "mounting":
@@ -15351,13 +15732,6 @@ function viewToDraft(server) {
     cwd: server.cwd,
     url: server.url,
     headersText: server.headers.map((header) => `${header.name}: ${header.value}`).join("\n"),
-    env: server.env.map((entry, index) => ({
-      key: `view-${index}`,
-      name: entry.name,
-      secret: entry.secret,
-      value: "",
-      configured: entry.configured
-    })),
     toolCallTimeoutMs: String(server.toolCallTimeoutMs),
     failOnStartupError: server.failOnStartupError
   };
@@ -15367,13 +15741,16 @@ function McpSettingsSection(props) {
   const state = props.useStore((snapshot) => snapshot);
   const { setLoadState, setServers, beginCreate, beginEdit, cancelEdit, updateDraft, setBusy, setTestRunning, setTest } = props.actions;
   const t = props.t;
-  const [loadErrorDetail, setLoadErrorDetail] = (0, import_react2.useState)(null);
-  const [tools, setTools] = (0, import_react2.useState)(null);
-  const [toolsError, setToolsError] = (0, import_react2.useState)(null);
-  const [expanded, setExpanded] = (0, import_react2.useState)(/* @__PURE__ */ new Set());
-  const [refreshing, setRefreshing] = (0, import_react2.useState)(/* @__PURE__ */ new Set());
-  const timersRef = (0, import_react2.useRef)([]);
-  (0, import_react2.useEffect)(() => () => {
+  const [loadErrorDetail, setLoadErrorDetail] = (0, import_react4.useState)(null);
+  const [tools, setTools] = (0, import_react4.useState)(null);
+  const [toolsError, setToolsError] = (0, import_react4.useState)(null);
+  const [expanded, setExpanded] = (0, import_react4.useState)(/* @__PURE__ */ new Set());
+  const [refreshing, setRefreshing] = (0, import_react4.useState)(/* @__PURE__ */ new Set());
+  const [jsonOpen, setJsonOpen] = (0, import_react4.useState)(false);
+  const [envOpen, setEnvOpen] = (0, import_react4.useState)(true);
+  const timersRef = (0, import_react4.useRef)([]);
+  let inlineForm = null;
+  (0, import_react4.useEffect)(() => () => {
     for (const id of timersRef.current) window.clearTimeout(id);
   }, []);
   const refreshTools = () => {
@@ -15405,7 +15782,7 @@ function McpSettingsSection(props) {
     );
     refreshTools();
   };
-  (0, import_react2.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     let current = true;
     void list().then(
       (servers) => {
@@ -15500,13 +15877,13 @@ function McpSettingsSection(props) {
   const serverTools = (serverName) => (tools?.tools ?? []).filter((tool) => tool.server === serverName);
   const mode = tools?.mode ?? "search";
   if (state.loadState === "loading") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: McpSettingsSection_default.status, "aria-busy": "true", children: t("loading") });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: McpSettingsSection_default.status, "aria-busy": "true", children: t("loading") });
   }
   if (state.loadState === "error") {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: McpSettingsSection_default.failure, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { role: "alert", children: t("loadError") }),
-      loadErrorDetail !== null ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { className: McpSettingsSection_default.muted, children: loadErrorDetail }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", onClick: () => {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: McpSettingsSection_default.failure, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", children: t("loadError") }),
+      loadErrorDetail !== null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("pre", { className: McpSettingsSection_default.muted, children: loadErrorDetail }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => {
         setLoadState("loading");
         load();
       }, children: t("retry") })
@@ -15521,7 +15898,7 @@ function McpSettingsSection(props) {
       setTest,
       setServers
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    const form = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       McpServerForm,
       {
         draft: state.draft,
@@ -15538,13 +15915,13 @@ function McpSettingsSection(props) {
         }
       }
     );
+    inlineForm = form;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: McpSettingsSection_default.section, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: McpSettingsSection_default.header, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: McpSettingsSection_default.primary, onClick: beginCreate, children: t("addServer") }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: McpSettingsSection_default.modeRow, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: McpSettingsSection_default.modeLabel, children: t("toolsModeLabel") }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: McpSettingsSection_default.modeOption, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: McpSettingsSection_default.section, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: McpSettingsSection_default.modeRow, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: McpSettingsSection_default.modeLabel, children: t("toolsModeLabel") }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: McpSettingsSection_default.modeOption, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "input",
           {
             type: "radio",
@@ -15555,8 +15932,8 @@ function McpSettingsSection(props) {
         ),
         t("toolsModeSearch")
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: McpSettingsSection_default.modeOption, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: McpSettingsSection_default.modeOption, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           "input",
           {
             type: "radio",
@@ -15568,53 +15945,115 @@ function McpSettingsSection(props) {
         t("toolsModeFull")
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: McpSettingsSection_default.modeHint, children: toolsError !== null ? toolsError : tools === null ? t("toolsLoading") : mode === "search" ? t("toolsHintSearch") : t("toolsHintFull") }),
-    state.servers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: McpSettingsSection_default.status, children: t("empty") }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: McpSettingsSection_default.list, children: state.servers.map((server) => {
-      const isExpanded = expanded.has(server.serverName);
-      const isRefreshing = refreshing.has(server.serverName);
-      const serverToolList = serverTools(server.serverName);
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: McpSettingsSection_default.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: McpSettingsSection_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: McpSettingsSection_default.rowMain, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: McpSettingsSection_default.rowTitle, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: McpSettingsSection_default.serverName, children: server.serverName }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${McpSettingsSection_default.badge} ${McpSettingsSection_default[server.status.phase]}`, children: t(phaseKey(server.status.phase)) }),
-              !server.enabled && server.status.phase !== "stopped" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: McpSettingsSection_default.muted, children: t("statusStopped") }) : null
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: McpSettingsSection_default.rowMeta, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: server.transport }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
-                t("toolCount"),
-                ": ",
-                server.status.tools.length
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: McpSettingsSection_default.modeHint, children: toolsError !== null ? toolsError : tools === null ? t("toolsLoading") : mode === "search" ? t("toolsHintSearch") : t("toolsHintFull") }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: McpSettingsSection_default.module, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        "button",
+        {
+          type: "button",
+          className: McpSettingsSection_default.moduleTitle,
+          "aria-expanded": envOpen,
+          onClick: () => setEnvOpen((open) => !open),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: McpSettingsSection_default.caret, children: envOpen ? "\u25BE" : "\u25B8" }),
+            t("globalEnv")
+          ]
+        }
+      ),
+      envOpen ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        GlobalEnvEditor,
+        {
+          injected: { envList: props.envList, envSet: props.envSet },
+          t,
+          onApplied: () => {
+            refreshServer("");
+          }
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: McpSettingsSection_default.module, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: McpSettingsSection_default.configHeader, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: McpSettingsSection_default.moduleTitle, children: t("configTitle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: McpSettingsSection_default.configActions, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "button",
+            {
+              type: "button",
+              className: jsonOpen ? McpSettingsSection_default.active : void 0,
+              "aria-expanded": jsonOpen,
+              onClick: () => setJsonOpen((open) => !open),
+              children: t("serversJson")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: McpSettingsSection_default.primary, onClick: beginCreate, children: t("addServer") })
+        ] })
+      ] }),
+      jsonOpen ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        ServersJsonEditor,
+        {
+          injected: { list: props.list, upsertJson: props.upsertJson },
+          t,
+          onApplied: () => {
+            refreshServer("");
+            refreshTools();
+            setJsonOpen(false);
+            timersRef.current.push(window.setTimeout(() => refreshServer(""), 2e3));
+            timersRef.current.push(window.setTimeout(() => refreshServer(""), 6e3));
+          }
+        }
+      ) : null,
+      state.draft !== null && state.draft.id === null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: McpSettingsSection_default.inlineForm, children: inlineForm }) : null,
+      jsonOpen ? null : state.servers.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: McpSettingsSection_default.status, children: t("empty") }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: McpSettingsSection_default.list, children: state.servers.flatMap((server) => {
+        const isExpanded = expanded.has(server.serverName);
+        const isRefreshing = refreshing.has(server.serverName);
+        const serverToolList = serverTools(server.serverName);
+        const card = /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { className: McpSettingsSection_default.card, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: McpSettingsSection_default.row, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: McpSettingsSection_default.rowMain, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: McpSettingsSection_default.rowTitle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: McpSettingsSection_default.serverName, children: server.serverName }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: `${McpSettingsSection_default.badge} ${McpSettingsSection_default[server.status.phase]}`, children: t(phaseKey(server.status.phase)) }),
+                !server.enabled && server.status.phase !== "stopped" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: McpSettingsSection_default.muted, children: t("statusStopped") }) : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
-                t("envVars"),
-                ": ",
-                server.env.length
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: McpSettingsSection_default.rowMeta, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: server.transport }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+                  t("toolCount"),
+                  ": ",
+                  server.status.tools.length
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+                  t("envVars"),
+                  ": ",
+                  server.env.length
+                ] })
               ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: McpSettingsSection_default.rowActions, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", disabled: isRefreshing, onClick: () => void toggleEnabled(server), children: server.enabled ? t("disable") : t("enabled") }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", disabled: isRefreshing, onClick: () => refreshServer(server.serverName), children: isRefreshing ? t("refreshing") : t("refresh") }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => toggleExpand(server.serverName), children: isExpanded ? t("toolsCollapse") : t("toolsExpand") }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => beginEdit(server), children: t("edit") })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: McpSettingsSection_default.rowActions, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", disabled: isRefreshing, onClick: () => void toggleEnabled(server), children: server.enabled ? t("disable") : t("enabled") }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", disabled: isRefreshing, onClick: () => refreshServer(server.serverName), children: isRefreshing ? t("refreshing") : t("refresh") }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", onClick: () => toggleExpand(server.serverName), children: isExpanded ? t("toolsCollapse") : t("toolsExpand") }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", onClick: () => beginEdit(server), children: t("edit") })
-          ] })
-        ] }),
-        isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: McpSettingsSection_default.toolPanel, children: tools === null ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: McpSettingsSection_default.muted, children: toolsError ?? t("toolsLoading") }) : serverToolList.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: McpSettingsSection_default.muted, children: t("toolsEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: McpSettingsSection_default.toolGrid, children: serverToolList.map((tool) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: McpSettingsSection_default.toolRow, title: tool.name, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            "input",
-            {
-              type: "checkbox",
-              checked: tool.enabled,
-              onChange: () => toggleTool(tool)
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: McpSettingsSection_default.toolName, children: rawOf(tool.name) })
-        ] }, tool.name)) }) }) : null
-      ] }, server.id);
-    }) })
+          isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: McpSettingsSection_default.toolPanel, children: tools === null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: McpSettingsSection_default.muted, children: toolsError ?? t("toolsLoading") }) : serverToolList.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: McpSettingsSection_default.muted, children: t("toolsEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: McpSettingsSection_default.toolGrid, children: serverToolList.map((tool) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: McpSettingsSection_default.toolRow, title: tool.name, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              "input",
+              {
+                type: "checkbox",
+                checked: tool.enabled,
+                onChange: () => toggleTool(tool)
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: McpSettingsSection_default.toolName, children: rawOf(tool.name) })
+          ] }, tool.name)) }) }) : null
+        ] }, server.id);
+        if (state.draft !== null && state.draft.id === server.id) {
+          return [card, /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { className: McpSettingsSection_default.inlineFormItem, children: inlineForm }, `${server.id}-form`)];
+        }
+        return [card];
+      }) })
+    ] })
   ] });
 }
 
@@ -15642,9 +16081,9 @@ var zh = {
   url: "\u670D\u52A1\u5668 URL",
   urlPlaceholder: "\u4F8B\u5982 http://localhost:3000/mcp",
   headers: "\u8BF7\u6C42\u5934",
-  headersPlaceholder: '\u6BCF\u884C\u4E00\u4E2A "\u540D\u79F0: \u503C"',
+  headersPlaceholder: '\u6BCF\u884C\u4E00\u4E2A "\u540D\u79F0: \u503C"\uFF1B\u503C\u652F\u6301 ${ENV} \u73AF\u5883\u53D8\u91CF\u66FF\u6362',
   envVars: "\u73AF\u5883\u53D8\u91CF",
-  envHint: "\u6CE8\u5165\u5230 stdio \u5B50\u8FDB\u7A0B\uFF1B\u6807\u8BB0\u4E3A secret \u7684\u503C\u5199\u5165\u51ED\u636E\u6587\u6863\uFF0C\u4E0D\u5728\u6B64\u660E\u6587\u4FDD\u5B58",
+  envHint: "stdio\uFF1A\u6CE8\u5165\u5B50\u8FDB\u7A0B\uFF1BHTTP\uFF1A\u4F9B\u8BF7\u6C42\u5934 ${\u53D8\u91CF} \u66FF\u6362\uFF08\u5982 Authorization: Bearer ${TOKEN}\uFF09\u3002\u6807\u8BB0\u4E3A secret \u7684\u503C\u5199\u5165\u51ED\u636E\u6587\u6863\uFF0C\u4E0D\u5728\u6B64\u660E\u6587\u4FDD\u5B58",
   envName: "\u53D8\u91CF\u540D",
   envValue: "\u503C",
   envSecret: "secret",
@@ -15690,7 +16129,32 @@ var zh = {
   refresh: "\u5237\u65B0",
   refreshing: "\u5237\u65B0\u4E2D\u2026",
   toolsExpand: "\u5C55\u5F00\u5DE5\u5177",
-  toolsCollapse: "\u6536\u8D77\u5DE5\u5177"
+  toolsCollapse: "\u6536\u8D77\u5DE5\u5177",
+  serversJson: "JSON \u7EF4\u62A4\u914D\u7F6E",
+  serversJsonLabel: "\u670D\u52A1\u5668\u914D\u7F6E JSON",
+  serversJsonHint: "\u6574\u4E2A MCP \u670D\u52A1\u5668\u914D\u7F6E\u5217\u8868\uFF08\u6570\u7EC4\uFF09\uFF1A\u5E94\u7528\u540E\u5C06\u6309\u6B64\u5217\u8868\u66FF\u6362\u2014\u2014\u5DF2\u5217\u51FA\u7684\u670D\u52A1\u5668\u521B\u5EFA/\u66F4\u65B0\uFF0C\u672A\u5217\u51FA\u7684\u5C06\u88AB\u5220\u9664\uFF1Bsecret \u73AF\u5883\u53D8\u91CF\u503C\u4E0D\u4F1A\u5BFC\u51FA\uFF08configured \u6807\u8BB0\uFF09\uFF0C\u7559\u7A7A\u5219\u4FDD\u7559\u539F\u503C\u3002",
+  serversJsonReseed: "\u91CD\u65B0\u5BFC\u51FA",
+  serversJsonApply: "\u5E94\u7528",
+  serversJsonSaving: "\u5E94\u7528\u4E2D\u2026",
+  serversJsonDone: "\u5DF2\u5E94\u7528",
+  globalEnv: "\u8FDB\u7A0B\u73AF\u5883\u53D8\u91CF",
+  globalEnvHint: "\u8FDB\u7A0B\u7EA7\u73AF\u5883\u53D8\u91CF\uFF0C\u4F9B\u6240\u6709 MCP \u670D\u52A1\u5668\u7684\u8BF7\u6C42\u5934\u66FF\u6362\u5F15\u7528\uFF08headers \u503C\u5199 ${\u53D8\u91CF\u540D} \u6216\u76F4\u63A5\u5199\u53D8\u91CF\u540D\uFF09\u3002secret \u503C\u5199\u5165\u51ED\u636E\u6587\u6863\uFF0C\u4E0D\u5728\u6B64\u660E\u6587\u663E\u793A\uFF1B\u7559\u7A7A\u4FDD\u7559\u539F\u503C\u3002",
+  globalEnvName: "\u53D8\u91CF\u540D",
+  globalEnvValue: "\u503C",
+  globalEnvSecret: "\u79C1\u5BC6",
+  globalEnvSecretHint: "\u503C\u53EA\u5199\uFF0C\u4FDD\u5B58\u540E\u4E0D\u53EF\u89C1\uFF1B\u7559\u7A7A\u8868\u793A\u4FDD\u7559\u539F\u503C",
+  globalEnvAdd: "\u6DFB\u52A0\u53D8\u91CF",
+  globalEnvBulk: "\u6279\u91CF\u6DFB\u52A0",
+  globalEnvBulkPrompt: "\u6BCF\u884C\u4E00\u4E2A\u53D8\u91CF\uFF0C\u683C\u5F0F NAME=value\uFF1B\u53EA\u586B NAME \u7684\u884C\u5C06\u4F5C\u4E3A\u4EC5\u53D8\u91CF\u540D\u884C\u6DFB\u52A0\u3002",
+  globalEnvBulkOk: "\u6DFB\u52A0",
+  globalEnvSave: "\u4FDD\u5B58",
+  globalEnvSaving: "\u4FDD\u5B58\u4E2D\u2026",
+  globalEnvRemove: "\u79FB\u9664\u8BE5\u53D8\u91CF",
+  globalEnvEmpty: "\uFF08\u6682\u65E0\u8FDB\u7A0B\u73AF\u5883\u53D8\u91CF\uFF09",
+  globalEnvLoadFailed: "\u8BFB\u53D6\u73AF\u5883\u53D8\u91CF\u5931\u8D25",
+  globalEnvRetry: "\u91CD\u8BD5",
+  globalEnvDone: "\u5DF2\u4FDD\u5B58",
+  configTitle: "MCP \u914D\u7F6E"
 };
 var en = {
   nav: "MCP",
@@ -15715,9 +16179,9 @@ var en = {
   url: "Server URL",
   urlPlaceholder: "e.g. http://localhost:3000/mcp",
   headers: "Headers",
-  headersPlaceholder: 'One "Name: value" per line',
+  headersPlaceholder: 'One "Name: value" per line; values support ${ENV} substitution',
   envVars: "Environment variables",
-  envHint: "Injected into the stdio child; secret values are stored in the credentials document, never shown here",
+  envHint: "stdio: injected into the child process; HTTP: used for ${VAR} substitution in headers (e.g. Authorization: Bearer ${TOKEN}). Secret values are stored in the credentials document, never shown here",
   envName: "Name",
   envValue: "Value",
   envSecret: "secret",
@@ -15763,9 +16227,150 @@ var en = {
   refresh: "Refresh",
   refreshing: "Refreshing\u2026",
   toolsExpand: "Expand tools",
-  toolsCollapse: "Collapse tools"
+  toolsCollapse: "Collapse tools",
+  serversJson: "JSON config editor",
+  serversJsonLabel: "Server-config JSON",
+  serversJsonHint: "The whole MCP server list (array): applying replaces the list \u2014 listed servers are created/updated, existing servers absent from the document are removed; secret env values are never exported (a configured flag marks them), a blank value keeps the stored one.",
+  serversJsonReseed: "Re-export",
+  serversJsonApply: "Apply",
+  serversJsonSaving: "Applying\u2026",
+  serversJsonDone: "Applied",
+  globalEnv: "Process env vars",
+  globalEnvHint: "Process-level environment variables referenced by every server's header substitution (write ${NAME} or a bare name in a header value). Secret values are stored in the credentials document, never shown here; blank keeps the stored value.",
+  globalEnvName: "Name",
+  globalEnvValue: "Value",
+  globalEnvSecret: "secret",
+  globalEnvSecretHint: "Write-only; a blank value keeps the stored one",
+  globalEnvAdd: "Add variable",
+  globalEnvBulk: "Add many",
+  globalEnvBulkPrompt: "One variable per line, as NAME=value; a bare NAME adds a name-only row.",
+  globalEnvBulkOk: "Add",
+  globalEnvSave: "Save",
+  globalEnvSaving: "Saving\u2026",
+  globalEnvRemove: "Remove this variable",
+  globalEnvEmpty: "(no process env vars)",
+  globalEnvLoadFailed: "Failed to read environment variables",
+  globalEnvRetry: "Retry",
+  globalEnvDone: "Saved",
+  configTitle: "MCP config"
 };
 
+// src/client/mcp-store.ts
+var import_client = require("@deepseek-ai/dsh-client-runtime/client");
+var DEFAULT_TOOL_CALL_TIMEOUT_MS = 6e4;
+function emptyDraft() {
+  return {
+    id: null,
+    serverName: "",
+    transport: "stdio",
+    enabled: true,
+    command: "",
+    argsText: "",
+    cwd: "",
+    url: "",
+    headersText: "",
+    toolCallTimeoutMs: String(DEFAULT_TOOL_CALL_TIMEOUT_MS),
+    // Reject the mount by default when the startup connection fails, so a
+    // broken server never registers stale tools.
+    failOnStartupError: true
+  };
+}
+function draftFromServer(server) {
+  return {
+    id: server.id,
+    serverName: server.serverName,
+    transport: server.transport,
+    enabled: server.enabled,
+    command: server.command,
+    argsText: server.args.join("\n"),
+    cwd: server.cwd,
+    url: server.url,
+    headersText: server.headers.map((header) => `${header.name}: ${header.value}`).join("\n"),
+    toolCallTimeoutMs: String(server.toolCallTimeoutMs),
+    failOnStartupError: server.failOnStartupError
+  };
+}
+function parseLines(text) {
+  return text.split("\n").map((line) => line.trim()).filter((line) => line.length > 0);
+}
+function parseHeaders(text) {
+  const headers = [];
+  for (const line of parseLines(text)) {
+    const separator = line.indexOf(":");
+    if (separator <= 0) continue;
+    const name = line.slice(0, separator).trim();
+    const value = line.slice(separator + 1).trim();
+    if (name.length > 0) headers.push({ name, value });
+  }
+  return headers;
+}
+function parseTimeout(text) {
+  const value = Number(text);
+  return Number.isInteger(value) && value > 0 ? value : DEFAULT_TOOL_CALL_TIMEOUT_MS;
+}
+function draftToSubmission(draft) {
+  return {
+    server: {
+      serverName: draft.serverName.trim(),
+      transport: draft.transport,
+      enabled: draft.enabled,
+      command: draft.command.trim(),
+      args: parseLines(draft.argsText),
+      cwd: draft.cwd.trim(),
+      url: draft.url.trim(),
+      headers: parseHeaders(draft.headersText),
+      toolCallTimeoutMs: parseTimeout(draft.toolCallTimeoutMs),
+      failOnStartupError: draft.failOnStartupError
+    }
+  };
+}
+function createMcpManagerStore() {
+  return (0, import_client.defineStore)({
+    init: () => ({
+      loadState: "loading",
+      servers: [],
+      draft: null,
+      busy: null,
+      testRunning: false,
+      test: null
+    }),
+    actions: {
+      setLoadState: (d, state) => {
+        d.loadState = state;
+      },
+      setServers: (d, servers) => {
+        d.servers = servers;
+      },
+      beginCreate: (d) => {
+        d.draft = emptyDraft();
+        d.test = null;
+      },
+      beginEdit: (d, server) => {
+        d.draft = draftFromServer(server);
+        d.test = null;
+      },
+      cancelEdit: (d) => {
+        d.draft = null;
+        d.test = null;
+        d.busy = null;
+      },
+      updateDraft: (d, patch) => {
+        if (d.draft === null) return;
+        d.draft = { ...d.draft, ...patch };
+      },
+      setBusy: (d, busy) => {
+        d.busy = busy;
+      },
+      setTestRunning: (d, running) => {
+        d.testRunning = running;
+      },
+      setTest: (d, test) => {
+        d.test = test;
+      }
+    }
+  });
+}
+
 // src/client/index.ts
 var NS = "settings.mcp";
 var inject = ["slots", "locale", "remote"];
@@ -15794,8 +16399,7 @@ async function apply(ctx) {
       const submission = draftToSubmission(draft);
       const result = await manager.upsert({
         ...draft.id === null ? {} : { id: draft.id },
-        server: submission.server,
-        env: submission.env
+        server: submission.server
       });
       if (result.ok) return null;
       return failureOf(result.error);
@@ -15805,12 +16409,15 @@ async function apply(ctx) {
       if (result.ok) return null;
       return failureOf(result.error);
     },
+    upsertJson: async (servers) => {
+      const result = await unwrap(() => manager.upsertJson({ servers }));
+      return { added: result.added, updated: result.updated, removed: result.removed, servers: result.servers };
+    },
     test: async (draft) => {
       const submission = draftToSubmission(draft);
       const result = await unwrap(() => manager.test({
         ...draft.id === null ? {} : { id: draft.id },
-        server: submission.server,
-        env: submission.env
+        server: submission.server
       }));
       return { probe: result.probe, elapsedMs: result.elapsedMs };
     },
@@ -15825,6 +16432,14 @@ async function apply(ctx) {
     toolsMode: async (request) => {
       const result = await unwrap(() => manager.toolsMode({ mode: request.mode }));
       return { ok: result.ok };
+    },
+    envList: async () => {
+      const result = await unwrap(() => manager.envList());
+      return { vars: result.vars };
+    },
+    envSet: async (vars) => {
+      const result = await unwrap(() => manager.envSet({ vars }));
+      return { vars: result.vars };
     }
   });
   ctx.slots.inject("settings.section", () => ctx.slots.register({