@auggieteo/dsh-mcp-adapter 0.1.0

package/lib/client.js

@@ -0,0 +1,1200 @@
+window.__ModuleLoader__.load({
+	id: "@auggieteo/dsh-mcp-adapter",
+	factory: (require) => {
+		var module = { exports: {} };
+		var exports = module.exports;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.jsx
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/client/McpSettingsPage.jsx
+var import_react = __toESM(require("react"), 1);
+
+// src/client/settings-controller.js
+var MCP_SETTINGS_NAMESPACE = "mcp";
+var MCP_RPC_CHANNEL = "/mcp-adapter";
+var SERVER_FIELDS = /* @__PURE__ */ new Set([
+  "command",
+  "args",
+  "env",
+  "url",
+  "headers",
+  "disabled",
+  "autoAllow",
+  "lifecycle",
+  "idleTimeoutMinutes",
+  "promotedTools"
+]);
+function isRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function messageOf(error) {
+  return error instanceof Error ? error.message : String(error);
+}
+function requireStringRecord(value, label) {
+  if (value === void 0) return {};
+  if (!isRecord(value)) throw new Error(`${label} must be an object of string values`);
+  for (const [key, entry] of Object.entries(value)) {
+    if (key.trim() === "" || typeof entry !== "string") {
+      throw new Error(`${label} must contain non-empty keys and string values`);
+    }
+  }
+  return value;
+}
+function normalizeServerConfig(name, input) {
+  if (typeof name !== "string" || name.trim() === "") {
+    throw new Error("Server name cannot be empty");
+  }
+  if (!isRecord(input)) throw new Error(`Server ${JSON.stringify(name)} must be an object`);
+  for (const key of Object.keys(input)) {
+    if (!SERVER_FIELDS.has(key)) {
+      throw new Error(`Server ${JSON.stringify(name)} has unknown field ${JSON.stringify(key)}`);
+    }
+  }
+  const hasCommand = typeof input.command === "string";
+  const hasUrl = typeof input.url === "string";
+  if (hasCommand === hasUrl) {
+    throw new Error(`Server ${JSON.stringify(name)} needs exactly one of command or url`);
+  }
+  if (hasCommand && input.command.trim() === "") {
+    throw new Error(`Server ${JSON.stringify(name)} command cannot be empty`);
+  }
+  if (hasUrl) {
+    let url;
+    try {
+      url = new URL(input.url);
+    } catch {
+      throw new Error(`Server ${JSON.stringify(name)} URL must be absolute`);
+    }
+    if (url.protocol !== "http:" && url.protocol !== "https:") {
+      throw new Error(`Server ${JSON.stringify(name)} URL must use HTTP or HTTPS`);
+    }
+  }
+  const args = input.args ?? [];
+  if (!Array.isArray(args) || args.some((entry) => typeof entry !== "string")) {
+    throw new Error(`Server ${JSON.stringify(name)} args must be an array of strings`);
+  }
+  const env = requireStringRecord(input.env, `Server ${JSON.stringify(name)} env`);
+  const headers = requireStringRecord(input.headers, `Server ${JSON.stringify(name)} headers`);
+  if (hasCommand && Object.keys(headers).length > 0) {
+    throw new Error(`Server ${JSON.stringify(name)} headers require HTTP transport`);
+  }
+  if (hasUrl && (args.length > 0 || Object.keys(env).length > 0)) {
+    throw new Error(`Server ${JSON.stringify(name)} args and env require stdio transport`);
+  }
+  const idleTimeoutMinutes = input.idleTimeoutMinutes ?? 10;
+  if (!Number.isFinite(idleTimeoutMinutes) || idleTimeoutMinutes <= 0) {
+    throw new Error(`Server ${JSON.stringify(name)} idle timeout must be positive`);
+  }
+  const promotedTools = input.promotedTools ?? [];
+  if (!Array.isArray(promotedTools) || promotedTools.some((entry) => typeof entry !== "string" || entry.trim() === "") || new Set(promotedTools).size !== promotedTools.length) {
+    throw new Error(`Server ${JSON.stringify(name)} promotedTools must contain unique names`);
+  }
+  return {
+    ...hasCommand ? { command: input.command.trim(), args, env } : {
+      url: input.url.trim(),
+      headers
+    },
+    disabled: input.disabled === true,
+    autoAllow: input.autoAllow === true,
+    lifecycle: "lazy",
+    idleTimeoutMinutes,
+    promotedTools
+  };
+}
+function parseMcpImport(text) {
+  let parsed;
+  try {
+    parsed = JSON.parse(text);
+  } catch (error) {
+    throw new Error(`Invalid JSON: ${messageOf(error)}`);
+  }
+  if (!isRecord(parsed) || !isRecord(parsed.mcpServers)) {
+    throw new Error("Import JSON must contain an mcpServers object");
+  }
+  const servers = {};
+  for (const [name, config] of Object.entries(parsed.mcpServers)) {
+    servers[name] = normalizeServerConfig(name, config);
+  }
+  if (Object.keys(servers).length === 0) {
+    throw new Error("Import JSON contains no Servers");
+  }
+  return servers;
+}
+function parseArgs(text) {
+  let parsed;
+  try {
+    parsed = JSON.parse(text);
+  } catch (error) {
+    throw new Error(`Args must be a JSON array: ${messageOf(error)}`);
+  }
+  if (!Array.isArray(parsed) || parsed.some((entry) => typeof entry !== "string")) {
+    throw new Error("Args must be a JSON array of strings");
+  }
+  return parsed;
+}
+function secretKeysFromView(view, serverName, field) {
+  const namespace = view?.namespaces?.find((entry) => entry.ns === MCP_SETTINGS_NAMESPACE);
+  if (namespace === void 0) return [];
+  return namespace.secrets.filter(
+    (secret) => secret.set === true && secret.path.length === 4 && secret.path[0] === "mcpServers" && secret.path[1] === serverName && secret.path[2] === field
+  ).map((secret) => secret.path[3]).sort();
+}
+function secretRowOps(serverName, field, rows, existingKeys) {
+  const unsetKeys = /* @__PURE__ */ new Set();
+  const sets = [];
+  const retained = /* @__PURE__ */ new Set();
+  for (const row of rows) {
+    const originalKey = typeof row.originalKey === "string" ? row.originalKey : void 0;
+    const key = typeof row.key === "string" ? row.key.trim() : "";
+    const value = typeof row.value === "string" ? row.value : "";
+    if (row.removed) {
+      if (originalKey !== void 0) unsetKeys.add(originalKey);
+      continue;
+    }
+    if (key === "") throw new Error(`${field} keys cannot be empty`);
+    if (retained.has(key)) throw new Error(`${field} key ${JSON.stringify(key)} is duplicated`);
+    retained.add(key);
+    if (originalKey !== void 0 && originalKey !== key) {
+      unsetKeys.add(originalKey);
+      if (value === "") {
+        throw new Error(`Enter a new value when renaming secret key ${JSON.stringify(originalKey)}`);
+      }
+    }
+    if (value !== "") {
+      sets.push({ op: "set", path: ["mcpServers", serverName, field, key], value });
+    } else if (originalKey === void 0 && !existingKeys.includes(key)) {
+      throw new Error(`Enter a value for new ${field} key ${JSON.stringify(key)}`);
+    }
+  }
+  for (const key of existingKeys) {
+    if (!rows.some((row) => row.originalKey === key || !row.removed && row.key === key)) {
+      unsetKeys.add(key);
+    }
+  }
+  return [
+    ...[...unsetKeys].map((key) => ({
+      op: "unset",
+      path: ["mcpServers", serverName, field, key]
+    })),
+    ...sets
+  ];
+}
+function overviewEmpty() {
+  return { status: { servers: [] }, catalog: { servers: [] } };
+}
+var McpSettingsController = class {
+  constructor({ scope, describe, settingsApi, rpc, pollIntervalMs = 3e3 }) {
+    this.scope = scope;
+    this.describe = describe;
+    this.settingsApi = settingsApi;
+    this.rpc = rpc;
+    this.pollIntervalMs = pollIntervalMs;
+    this.listeners = /* @__PURE__ */ new Set();
+    this.overview = overviewEmpty();
+    this.actionError = void 0;
+    this.overviewError = void 0;
+    this.pendingWrites = 0;
+    this.mounted = 0;
+    this.stopPoll = void 0;
+    this.loadingOverview = void 0;
+    this.tail = Promise.resolve();
+    this.disposed = false;
+    this.unsubscribeScope = scope.subscribe(() => {
+      this.publish();
+      if (this.mounted > 0) void this.loadOverview();
+    });
+    this.unsubscribeDescribe = describe.subscribe(() => this.publish());
+    this.snapshot = this.projection();
+    this.subscribe = (listener) => {
+      this.listeners.add(listener);
+      return () => this.listeners.delete(listener);
+    };
+    this.getSnapshot = () => this.snapshot;
+  }
+  projection() {
+    return {
+      settings: this.scope.getSnapshot(),
+      settingsDocument: this.describe.getSnapshot(),
+      overview: this.overview,
+      error: this.actionError ?? this.overviewError,
+      busy: this.pendingWrites > 0
+    };
+  }
+  publish() {
+    this.snapshot = this.projection();
+    for (const listener of this.listeners) listener();
+  }
+  mount() {
+    if (this.disposed) return () => {
+    };
+    this.mounted += 1;
+    if (this.mounted === 1) {
+      void this.describe.ensure().catch((error) => {
+        this.actionError = `Could not load MCP Settings: ${messageOf(error)}`;
+        this.publish();
+      });
+      void this.loadOverview();
+      const id = setInterval(() => void this.loadOverview(), this.pollIntervalMs);
+      this.stopPoll = () => clearInterval(id);
+    }
+    return () => {
+      this.mounted -= 1;
+      if (this.mounted === 0) {
+        this.stopPoll?.();
+        this.stopPoll = void 0;
+      }
+    };
+  }
+  async loadOverview() {
+    if (this.disposed) return;
+    if (this.loadingOverview !== void 0) return this.loadingOverview;
+    const request = (async () => {
+      try {
+        const result = await this.rpc("overview", {});
+        if (!result.ok) throw new Error(result.error.message);
+        this.overview = result.value;
+        this.overviewError = void 0;
+      } catch (error) {
+        this.overviewError = `Could not load MCP status: ${messageOf(error)}`;
+      } finally {
+        this.loadingOverview = void 0;
+        this.publish();
+      }
+    })();
+    this.loadingOverview = request;
+    return request;
+  }
+  enqueue(label, operation) {
+    this.pendingWrites += 1;
+    this.actionError = void 0;
+    this.publish();
+    const run = this.tail.then(async () => {
+      try {
+        await operation();
+        await this.loadOverview();
+        return true;
+      } catch (error) {
+        this.actionError = `${label}: ${messageOf(error)}`;
+        return false;
+      } finally {
+        this.pendingWrites -= 1;
+        this.publish();
+      }
+    });
+    this.tail = run.then(() => void 0);
+    return run;
+  }
+  async settingsWrite(method, input) {
+    const revision = this.scope.getSnapshot().revision;
+    if (revision === void 0) throw new Error("Settings have not loaded yet");
+    const response = await this.settingsApi[method]({
+      ns: MCP_SETTINGS_NAMESPACE,
+      ...input,
+      expectedRevision: revision
+    });
+    if (!response.result.ok) throw new Error(response.result.error.message);
+    this.describe.acceptView(response.result.value);
+  }
+  addServer(name, config) {
+    return this.enqueue("Could not add Server", async () => {
+      const normalizedName = name.trim();
+      const current = this.scope.getSnapshot().value?.mcpServers ?? {};
+      if (Object.hasOwn(current, normalizedName)) {
+        throw new Error(`Server ${JSON.stringify(normalizedName)} already exists`);
+      }
+      const server = normalizeServerConfig(normalizedName, config);
+      await this.settingsWrite("update", {
+        patch: { mcpServers: { [normalizedName]: server } }
+      });
+    });
+  }
+  importJson(text) {
+    return this.enqueue("Could not import Servers", async () => {
+      const servers = parseMcpImport(text);
+      const current = this.scope.getSnapshot().value?.mcpServers ?? {};
+      const replacesExisting = Object.keys(servers).some((name) => Object.hasOwn(current, name));
+      if (!replacesExisting) {
+        await this.settingsWrite("update", { patch: { mcpServers: servers } });
+        return;
+      }
+      await this.settingsWrite("mutate", {
+        ops: Object.entries(servers).map(([name, server]) => ({
+          op: "set",
+          path: ["mcpServers", name],
+          value: server
+        }))
+      });
+    });
+  }
+  deleteServer(name) {
+    return this.enqueue(
+      "Could not delete Server",
+      () => this.settingsWrite("mutate", {
+        ops: [{ op: "unset", path: ["mcpServers", name] }]
+      })
+    );
+  }
+  setServerField(name, field, value) {
+    return this.enqueue(
+      `Could not update ${field}`,
+      () => this.settingsWrite("mutate", {
+        ops: [{ op: "set", path: ["mcpServers", name, field], value }]
+      })
+    );
+  }
+  saveServer(name, draft, secretRows2) {
+    return this.enqueue("Could not save Server", async () => {
+      const existing = this.scope.getSnapshot().value?.mcpServers?.[name];
+      if (existing === void 0) throw new Error(`Server ${JSON.stringify(name)} no longer exists`);
+      const args = draft.transport === "stdio" ? parseArgs(draft.argsText) : [];
+      const candidate = normalizeServerConfig(name, {
+        ...draft.transport === "stdio" ? { command: draft.command, args, env: {} } : { url: draft.url, headers: {} },
+        disabled: draft.disabled,
+        autoAllow: draft.autoAllow,
+        idleTimeoutMinutes: Number(draft.idleTimeoutMinutes),
+        promotedTools: existing.promotedTools
+      });
+      const ops = [
+        { op: "set", path: ["mcpServers", name, "disabled"], value: candidate.disabled },
+        { op: "set", path: ["mcpServers", name, "autoAllow"], value: candidate.autoAllow },
+        {
+          op: "set",
+          path: ["mcpServers", name, "idleTimeoutMinutes"],
+          value: candidate.idleTimeoutMinutes
+        }
+      ];
+      if (draft.transport === "stdio") {
+        ops.push(
+          { op: "set", path: ["mcpServers", name, "command"], value: candidate.command },
+          { op: "set", path: ["mcpServers", name, "args"], value: candidate.args },
+          { op: "unset", path: ["mcpServers", name, "url"] },
+          { op: "unset", path: ["mcpServers", name, "headers"] },
+          ...secretRowOps(name, "env", secretRows2, secretKeysFromView(
+            this.describe.getSnapshot().view,
+            name,
+            "env"
+          ))
+        );
+      } else {
+        ops.push(
+          { op: "set", path: ["mcpServers", name, "url"], value: candidate.url },
+          { op: "unset", path: ["mcpServers", name, "command"] },
+          { op: "unset", path: ["mcpServers", name, "args"] },
+          { op: "unset", path: ["mcpServers", name, "env"] },
+          ...secretRowOps(name, "headers", secretRows2, secretKeysFromView(
+            this.describe.getSnapshot().view,
+            name,
+            "headers"
+          ))
+        );
+      }
+      await this.settingsWrite("mutate", { ops });
+    });
+  }
+  togglePromotion(name, toolName) {
+    const tools = this.scope.getSnapshot().value?.mcpServers?.[name]?.promotedTools ?? [];
+    const next = tools.includes(toolName) ? tools.filter((entry) => entry !== toolName) : [...tools, toolName];
+    return this.setServerField(name, "promotedTools", next);
+  }
+  reconnect(name) {
+    return this.enqueue("Could not reconnect Server", async () => {
+      const result = await this.rpc("reconnect", { server: name });
+      if (!result.ok) {
+        await this.loadOverview();
+        throw new Error(result.error.message);
+      }
+      this.overview = result.value;
+    });
+  }
+  async dispose() {
+    if (this.disposed) return;
+    this.disposed = true;
+    this.stopPoll?.();
+    this.unsubscribeScope?.();
+    this.unsubscribeDescribe?.();
+    await this.tail;
+    this.listeners.clear();
+  }
+};
+
+// src/client/McpSettingsPage.jsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function statusFor(overview, name) {
+  return overview.status.servers.find((entry) => entry.name === name) ?? {
+    name,
+    state: "disconnected",
+    toolCount: 0
+  };
+}
+function catalogFor(overview, name) {
+  return overview.catalog.servers.find((entry) => entry.name === name)?.tools ?? [];
+}
+function statusClass(state) {
+  if (state === "connected") return "mcp-status-connected";
+  if (state === "connecting") return "mcp-status-connecting";
+  if (state === "error") return "mcp-status-error";
+  if (state === "disabled") return "mcp-status-disabled";
+  return "";
+}
+function secretRows(keys) {
+  return keys.map((key) => ({ originalKey: key, key, value: "" }));
+}
+function SecretEditor({ field, rows, onChange, disabled }) {
+  const label = field === "env" ? "Environment variables" : "HTTP headers";
+  const add = () => onChange([...rows, { key: "", value: "" }]);
+  const update = (index, patch) => {
+    onChange(rows.map((row, position) => position === index ? { ...row, ...patch } : row));
+  };
+  const remove = (index) => onChange(rows.filter((_, position) => position !== index));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { className: "mcp-section-title", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mcp-muted", children: "Existing secret values stay saved when their value field remains blank." })
+    ] }),
+    rows.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-secret-row", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          className: "mcp-input",
+          "aria-label": `${label} key ${index + 1}`,
+          placeholder: field === "env" ? "API_TOKEN" : "Authorization",
+          value: row.key,
+          disabled,
+          onChange: (event) => update(index, { key: event.target.value })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          className: "mcp-input",
+          "aria-label": `${label} value ${index + 1}`,
+          type: "password",
+          autoComplete: "off",
+          placeholder: row.originalKey === void 0 ? "Secret value" : "Saved value",
+          value: row.value,
+          disabled,
+          onChange: (event) => update(index, { value: event.target.value })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "mcp-button mcp-button-danger",
+          disabled,
+          onClick: () => remove(index),
+          children: "Remove"
+        }
+      )
+    ] }, `${row.originalKey ?? "new"}-${index}`)),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "mcp-button", disabled, onClick: add, children: [
+      "Add ",
+      field === "env" ? "variable" : "header"
+    ] }) })
+  ] });
+}
+function AddServerDialog({ controller, busy, onClose }) {
+  const [name, setName] = (0, import_react.useState)("");
+  const [transport, setTransport] = (0, import_react.useState)("stdio");
+  const [command, setCommand] = (0, import_react.useState)("");
+  const [url, setUrl] = (0, import_react.useState)("");
+  const [argsText, setArgsText] = (0, import_react.useState)("[]");
+  const [error, setError] = (0, import_react.useState)();
+  const submit = async (event) => {
+    event.preventDefault();
+    setError(void 0);
+    let config;
+    try {
+      config = normalizeServerConfig(
+        name,
+        transport === "stdio" ? { command, args: parseArgs(argsText) } : { url }
+      );
+    } catch (nextError) {
+      setError(nextError instanceof Error ? nextError.message : String(nextError));
+      return;
+    }
+    if (await controller.addServer(name, config)) onClose();
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mcp-overlay", role: "presentation", onMouseDown: (event) => {
+    if (event.target === event.currentTarget) onClose();
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { className: "mcp-modal-card", "aria-label": "Add MCP Server", onSubmit: submit, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-card-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "mcp-modal-title", children: "Add Server" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mcp-muted", children: "Configure one stdio command or one HTTP URL." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "mcp-button", onClick: onClose, children: "Close" })
+    ] }),
+    error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mcp-error", role: "alert", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-label", children: "Name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          autoFocus: true,
+          className: "mcp-input",
+          value: name,
+          disabled: busy,
+          onChange: (event) => setName(event.target.value),
+          placeholder: "github"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-label", children: "Transport" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "select",
+        {
+          className: "mcp-select",
+          value: transport,
+          disabled: busy,
+          onChange: (event) => setTransport(event.target.value),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "stdio", children: "stdio" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "http", children: "Streamable HTTP" })
+          ]
+        }
+      )
+    ] }),
+    transport === "stdio" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-label", children: "Command" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            className: "mcp-input",
+            value: command,
+            disabled: busy,
+            onChange: (event) => setCommand(event.target.value),
+            placeholder: "npx"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-field", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-label", children: "Args as a JSON array" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "textarea",
+          {
+            className: "mcp-textarea",
+            value: argsText,
+            disabled: busy,
+            onChange: (event) => setArgsText(event.target.value),
+            spellCheck: false
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-label", children: "URL" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "input",
+        {
+          className: "mcp-input",
+          value: url,
+          disabled: busy,
+          onChange: (event) => setUrl(event.target.value),
+          placeholder: "https://example.com/mcp"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "submit", className: "mcp-button mcp-button-primary", disabled: busy, children: busy ? "Adding\u2026" : "Add Server" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "mcp-button", disabled: busy, onClick: onClose, children: "Cancel" })
+    ] })
+  ] }) });
+}
+function ImportDialog({ controller, busy, onClose }) {
+  const [text, setText] = (0, import_react.useState)('{\n  "mcpServers": {\n    \n  }\n}');
+  const [error, setError] = (0, import_react.useState)();
+  const submit = async (event) => {
+    event.preventDefault();
+    setError(void 0);
+    try {
+      parseMcpImport(text);
+    } catch (nextError) {
+      setError(nextError instanceof Error ? nextError.message : String(nextError));
+      return;
+    }
+    const result = await controller.importJson(text);
+    if (result) onClose();
+    else setError("The Host rejected this import. Review the page error and retry.");
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mcp-overlay", role: "presentation", onMouseDown: (event) => {
+    if (event.target === event.currentTarget) onClose();
+  }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { className: "mcp-modal-card", "aria-label": "Import MCP Servers", onSubmit: submit, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-card-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "mcp-modal-title", children: "Import JSON" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mcp-muted", children: "Paste a standard object with an mcpServers property." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "mcp-button", onClick: onClose, children: "Close" })
+    ] }),
+    error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mcp-error", role: "alert", children: error }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-field", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-label", children: "MCP Config JSON" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "textarea",
+        {
+          autoFocus: true,
+          className: "mcp-textarea",
+          style: { minHeight: 280 },
+          value: text,
+          disabled: busy,
+          spellCheck: false,
+          onChange: (event) => setText(event.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-actions", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "submit", className: "mcp-button mcp-button-primary", disabled: busy, children: busy ? "Importing\u2026" : "Import Servers" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "mcp-button", disabled: busy, onClick: onClose, children: "Cancel" })
+    ] })
+  ] }) });
+}
+function ServerDetail({ controller, snapshot, name, server }) {
+  const status = statusFor(snapshot.overview, name);
+  const tools = catalogFor(snapshot.overview, name);
+  const transport = typeof server.command === "string" ? "stdio" : "http";
+  const [draft, setDraft] = (0, import_react.useState)(() => ({
+    transport,
+    command: server.command ?? "",
+    url: server.url ?? "",
+    argsText: JSON.stringify(server.args ?? [], null, 2),
+    disabled: server.disabled === true,
+    autoAllow: server.autoAllow === true,
+    idleTimeoutMinutes: String(server.idleTimeoutMinutes ?? 10)
+  }));
+  const [rowSets, setRowSets] = (0, import_react.useState)(() => ({
+    env: secretRows(secretKeysFromView(snapshot.settingsDocument.view, name, "env")),
+    headers: secretRows(secretKeysFromView(snapshot.settingsDocument.view, name, "headers"))
+  }));
+  const activeSecretField = draft.transport === "stdio" ? "env" : "headers";
+  const rows = rowSets[activeSecretField];
+  const [dirty, setDirty] = (0, import_react.useState)(false);
+  const [formError, setFormError] = (0, import_react.useState)();
+  const [confirmDelete, setConfirmDelete] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (dirty) return;
+    const nextTransport = typeof server.command === "string" ? "stdio" : "http";
+    setDraft({
+      transport: nextTransport,
+      command: server.command ?? "",
+      url: server.url ?? "",
+      argsText: JSON.stringify(server.args ?? [], null, 2),
+      disabled: server.disabled === true,
+      autoAllow: server.autoAllow === true,
+      idleTimeoutMinutes: String(server.idleTimeoutMinutes ?? 10)
+    });
+    setRowSets({
+      env: secretRows(secretKeysFromView(snapshot.settingsDocument.view, name, "env")),
+      headers: secretRows(secretKeysFromView(snapshot.settingsDocument.view, name, "headers"))
+    });
+  }, [dirty, name, server, snapshot.settingsDocument.view]);
+  const changeDraft = (patch) => {
+    setDirty(true);
+    setDraft((current) => ({ ...current, ...patch }));
+  };
+  const changeRows = (next) => {
+    setDirty(true);
+    setRowSets((current) => ({ ...current, [activeSecretField]: next }));
+  };
+  const save = async (event) => {
+    event.preventDefault();
+    setFormError(void 0);
+    try {
+      const nextTransport = draft.transport;
+      normalizeServerConfig(name, {
+        ...nextTransport === "stdio" ? { command: draft.command, args: parseArgs(draft.argsText) } : { url: draft.url },
+        disabled: draft.disabled,
+        autoAllow: draft.autoAllow,
+        idleTimeoutMinutes: Number(draft.idleTimeoutMinutes),
+        promotedTools: server.promotedTools
+      });
+      const field = nextTransport === "stdio" ? "env" : "headers";
+      secretRowOps(
+        name,
+        field,
+        rows,
+        secretKeysFromView(snapshot.settingsDocument.view, name, field)
+      );
+    } catch (nextError) {
+      setFormError(nextError instanceof Error ? nextError.message : String(nextError));
+      return;
+    }
+    if (await controller.saveServer(name, draft, rows)) {
+      setRowSets((current) => ({
+        ...current,
+        [activeSecretField]: rows.map((row) => ({
+          originalKey: row.key.trim(),
+          key: row.key.trim(),
+          value: ""
+        }))
+      }));
+      setDirty(false);
+    }
+  };
+  const remove = async () => {
+    if (await controller.deleteServer(name)) setConfirmDelete(false);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-card", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-card-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `mcp-status-dot ${statusClass(status.state)}` }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "mcp-card-title", children: name }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-badge", children: status.state })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mcp-muted", children: [
+          status.toolCount,
+          " ",
+          status.toolCount === 1 ? "tool" : "tools",
+          " cached",
+          status.transport === void 0 ? "" : ` \xB7 ${status.transport}`
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "mcp-button",
+            disabled: snapshot.busy || draft.disabled,
+            onClick: () => void controller.reconnect(name),
+            children: "Reconnect"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "mcp-button mcp-button-danger",
+            disabled: snapshot.busy,
+            onClick: () => setConfirmDelete(true),
+            children: "Delete"
+          }
+        )
+      ] })
+    ] }),
+    status.message !== void 0 && status.state === "error" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mcp-error", role: "alert", children: status.message }),
+    confirmDelete && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-confirm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("strong", { children: [
+        "Delete ",
+        name,
+        "?"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-muted", children: "This removes its Config and disconnects the Server." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "mcp-button mcp-button-danger",
+            disabled: snapshot.busy,
+            onClick: () => void remove(),
+            children: "Confirm delete"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "mcp-button", onClick: () => setConfirmDelete(false), children: "Cancel" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", { className: "mcp-form", onSubmit: save, children: [
+      formError !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mcp-error", role: "alert", children: formError }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-field-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-label", children: "Name" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "mcp-input", value: name, readOnly: true })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-label", children: "Transport" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "select",
+            {
+              className: "mcp-select",
+              value: draft.transport,
+              disabled: snapshot.busy,
+              onChange: (event) => changeDraft({ transport: event.target.value }),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "stdio", children: "stdio" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "http", children: "Streamable HTTP" })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      draft.transport === "stdio" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-label", children: "Command" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              className: "mcp-input",
+              value: draft.command,
+              disabled: snapshot.busy,
+              onChange: (event) => changeDraft({ command: event.target.value })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-label", children: "Args as a JSON array" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "textarea",
+            {
+              className: "mcp-textarea",
+              value: draft.argsText,
+              disabled: snapshot.busy,
+              spellCheck: false,
+              onChange: (event) => changeDraft({ argsText: event.target.value })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SecretEditor, { field: "env", rows, onChange: changeRows, disabled: snapshot.busy })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-label", children: "URL" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              className: "mcp-input",
+              value: draft.url,
+              disabled: snapshot.busy,
+              onChange: (event) => changeDraft({ url: event.target.value })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SecretEditor, { field: "headers", rows, onChange: changeRows, disabled: snapshot.busy })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-field-row", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-label", children: "Idle timeout in minutes" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              className: "mcp-input",
+              type: "number",
+              min: "0.1",
+              step: "0.1",
+              value: draft.idleTimeoutMinutes,
+              disabled: snapshot.busy,
+              onChange: (event) => changeDraft({ idleTimeoutMinutes: event.target.value })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-field", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-label", children: "Call policy" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-checkbox", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "input",
+              {
+                type: "checkbox",
+                checked: draft.autoAllow,
+                disabled: snapshot.busy,
+                onChange: (event) => changeDraft({ autoAllow: event.target.checked })
+              }
+            ),
+            "Auto-allow calls from this Server"
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-checkbox", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            checked: draft.disabled,
+            disabled: snapshot.busy,
+            onChange: (event) => changeDraft({ disabled: event.target.checked })
+          }
+        ),
+        "Disable this Server"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "submit",
+            className: "mcp-button mcp-button-primary",
+            disabled: snapshot.busy || !dirty,
+            children: snapshot.busy ? "Saving\u2026" : "Save Server"
+          }
+        ),
+        dirty && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-muted", children: "Unsaved changes" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-section", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "mcp-section-title", children: "Promotions" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mcp-muted", children: [
+          "Promote selected MCP tools as native tools named ",
+          name,
+          "__tool."
+        ] })
+      ] }),
+      tools.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mcp-warning", children: "No cached tools are available. Reconnect to discover this Server." }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mcp-promotion-list", children: tools.map((tool) => {
+        const checked = (server.promotedTools ?? []).includes(tool.name);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "mcp-promotion", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              checked,
+              disabled: snapshot.busy,
+              onChange: () => void controller.togglePromotion(name, tool.name)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-promotion-name", children: tool.name }),
+            tool.description !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-promotion-description", children: tool.description })
+          ] })
+        ] }, tool.name);
+      }) })
+    ] })
+  ] });
+}
+function McpSettingsPage({ controller }) {
+  const snapshot = (0, import_react.useSyncExternalStore)(controller.subscribe, controller.getSnapshot);
+  const [selected, setSelected] = (0, import_react.useState)();
+  const [dialog, setDialog] = (0, import_react.useState)();
+  const settings = snapshot.settings;
+  const servers = settings.value?.mcpServers ?? {};
+  const names = (0, import_react.useMemo)(() => Object.keys(servers).sort(), [servers]);
+  (0, import_react.useEffect)(() => controller.mount(), [controller]);
+  (0, import_react.useEffect)(() => {
+    if (selected === void 0 || !Object.hasOwn(servers, selected)) {
+      setSelected(names[0]);
+    }
+  }, [names, selected, servers]);
+  if (settings.status === "loading") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("section", { className: "mcp-settings", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mcp-muted", children: "Loading MCP Settings\u2026" }) });
+  }
+  if (settings.status !== "ready") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "mcp-settings", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "mcp-title", children: "MCP" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mcp-error", role: "alert", children: settings.error?.message ?? "MCP Settings are unavailable." })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "mcp-settings", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-toolbar", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "mcp-title", children: "MCP" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mcp-intro", children: "Connect MCP Servers and choose how their tools reach the Agent." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "mcp-button",
+            disabled: snapshot.busy || !settings.writable,
+            onClick: () => setDialog("import"),
+            children: "Import JSON"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "mcp-button mcp-button-primary",
+            disabled: snapshot.busy || !settings.writable,
+            onClick: () => setDialog("add"),
+            children: "Add Server"
+          }
+        )
+      ] })
+    ] }),
+    !settings.writable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mcp-warning", children: "The active Settings Provider is read-only." }),
+    snapshot.error !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mcp-error", role: "alert", children: snapshot.error }),
+    names.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-empty", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: "mcp-card-title", children: "No MCP Servers" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mcp-muted", children: "Add a Server or import an existing mcpServers Config." }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-actions", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "mcp-button mcp-button-primary",
+            disabled: !settings.writable,
+            onClick: () => setDialog("add"),
+            children: "Add Server"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "mcp-button",
+            disabled: !settings.writable,
+            onClick: () => setDialog("import"),
+            children: "Import JSON"
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mcp-layout", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { className: "mcp-sidebar", "aria-label": "MCP Servers", children: names.map((name) => {
+        const status = statusFor(snapshot.overview, name);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "button",
+          {
+            type: "button",
+            className: "mcp-server-button",
+            "aria-current": name === selected,
+            onClick: () => setSelected(name),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `mcp-status-dot ${statusClass(status.state)}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-server-name", children: name }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mcp-server-count", children: status.toolCount })
+            ]
+          },
+          name
+        );
+      }) }),
+      selected !== void 0 && servers[selected] !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        ServerDetail,
+        {
+          controller,
+          snapshot,
+          name: selected,
+          server: servers[selected]
+        },
+        selected
+      )
+    ] }),
+    dialog === "add" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AddServerDialog, { controller, busy: snapshot.busy, onClose: () => setDialog() }),
+    dialog === "import" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImportDialog, { controller, busy: snapshot.busy, onClose: () => setDialog() })
+  ] });
+}
+
+// src/client/styles.js
+var MCP_SETTINGS_CSS = `
+.mcp-settings{max-width:980px;color:var(--dsw-alias-label-primary);display:flex;flex-direction:column;gap:16px}
+.mcp-settings *{box-sizing:border-box}
+.mcp-title{margin:0;font-size:18px;line-height:26px;font-weight:600}
+.mcp-intro,.mcp-muted{margin:0;color:var(--dsw-alias-label-tertiary);font-size:13px;line-height:20px}
+.mcp-toolbar,.mcp-actions,.mcp-row,.mcp-card-head{display:flex;align-items:center;gap:8px}
+.mcp-toolbar{justify-content:space-between;flex-wrap:wrap}
+.mcp-actions{flex-wrap:wrap}
+.mcp-button{height:34px;border:1px solid var(--dsw-alias-border-l2);border-radius:17px;background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);padding:0 13px;font:inherit;font-size:13px;cursor:pointer}
+.mcp-button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}
+.mcp-button:disabled{cursor:not-allowed;opacity:.5}
+.mcp-button-primary{border-color:transparent;background:var(--dsw-alias-button-primary-fill);color:var(--dsw-alias-label-primary-foreground)}
+.mcp-button-primary:hover:not(:disabled){background:var(--dsw-alias-button-primary-fill)}
+.mcp-button-danger{color:var(--dsw-alias-state-error-primary)}
+.mcp-error,.mcp-warning{border-radius:8px;padding:9px 11px;font-size:12px;line-height:18px}
+.mcp-error{background:color-mix(in srgb, var(--dsw-alias-state-error-primary) 10%, transparent);color:var(--dsw-alias-state-error-primary)}
+.mcp-warning{background:var(--dsw-alias-state-warn-tertiary);color:var(--dsw-alias-state-warn-label)}
+.mcp-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px;align-items:start}
+.mcp-sidebar,.mcp-card,.mcp-empty,.mcp-modal-card{border:1px solid var(--dsw-alias-border-l2);border-radius:12px;background:var(--dsw-alias-bg-base)}
+.mcp-sidebar{padding:6px;display:flex;flex-direction:column;gap:3px}
+.mcp-server-button{width:100%;border:0;border-radius:8px;background:transparent;color:var(--dsw-alias-label-primary);padding:9px 10px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;cursor:pointer;font:inherit}
+.mcp-server-button:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.mcp-server-button[aria-current=true]{background:var(--dsw-alias-button-ghost-active-fill)}
+.mcp-server-name{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:500}
+.mcp-server-count{color:var(--dsw-alias-label-tertiary);font-size:11px}
+.mcp-status-dot{width:8px;height:8px;border-radius:50%;background:var(--dsw-alias-label-quaternary)}
+.mcp-status-connected{background:var(--dsw-alias-state-success-primary)}
+.mcp-status-connecting{background:var(--dsw-alias-state-warn-primary)}
+.mcp-status-error{background:var(--dsw-alias-state-error-primary)}
+.mcp-status-disabled{background:var(--dsw-alias-label-quaternary)}
+.mcp-card{padding:16px;display:flex;flex-direction:column;gap:16px;min-width:0}
+.mcp-card-head{align-items:flex-start}
+.mcp-card-title{margin:0;font-size:16px;line-height:24px;font-weight:600;overflow-wrap:anywhere}
+.mcp-card-head .mcp-actions{margin-left:auto;justify-content:flex-end}
+.mcp-badge{border:1px solid var(--dsw-alias-border-l3);border-radius:5px;padding:2px 7px;color:var(--dsw-alias-label-secondary);font-size:11px;line-height:16px}
+.mcp-form{display:flex;flex-direction:column;gap:13px}
+.mcp-field{display:flex;flex-direction:column;gap:5px;min-width:0}
+.mcp-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
+.mcp-label{color:var(--dsw-alias-label-secondary);font-size:12px;font-weight:500;line-height:18px}
+.mcp-input,.mcp-select,.mcp-textarea{width:100%;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;background:var(--dsw-alias-bg-base);color:var(--dsw-alias-label-primary);font:inherit;font-size:13px;outline:none}
+.mcp-input,.mcp-select{height:36px;padding:0 10px}
+.mcp-textarea{min-height:82px;padding:9px 10px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:19px}
+.mcp-input:focus,.mcp-select:focus,.mcp-textarea:focus{border-color:var(--dsw-alias-state-business-primary)}
+.mcp-checkbox{display:flex;align-items:flex-start;gap:8px;color:var(--dsw-alias-label-secondary);font-size:13px;line-height:20px}
+.mcp-checkbox input{margin-top:3px}
+.mcp-section{border-top:1px solid var(--dsw-alias-border-l3);padding-top:14px;display:flex;flex-direction:column;gap:10px}
+.mcp-section-title{margin:0;font-size:13px;font-weight:600;line-height:20px}
+.mcp-secret-row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(140px,1.2fr) auto;gap:7px;align-items:center}
+.mcp-promotion-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow:auto}
+.mcp-promotion{border:1px solid var(--dsw-alias-border-l3);border-radius:8px;padding:8px 10px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start}
+.mcp-promotion-name{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow-wrap:anywhere}
+.mcp-promotion-description{display:block;color:var(--dsw-alias-label-tertiary);font-size:11px;line-height:17px}
+.mcp-empty{padding:34px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px}
+.mcp-overlay{position:fixed;inset:0;background:rgba(0,0,0,.28);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}
+.mcp-modal-card{width:min(620px,100%);max-height:min(760px,90vh);overflow:auto;padding:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 60px rgba(0,0,0,.24)}
+.mcp-modal-title{margin:0;font-size:16px;line-height:24px}
+.mcp-confirm{border:1px solid var(--dsw-alias-state-error-primary);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px}
+@media(max-width:760px){.mcp-layout{grid-template-columns:1fr}.mcp-sidebar{max-height:190px;overflow:auto}.mcp-field-row{grid-template-columns:1fr}.mcp-card-head{flex-direction:column}.mcp-card-head .mcp-actions{margin-left:0}.mcp-secret-row{grid-template-columns:1fr}.mcp-toolbar{align-items:flex-start}}
+`;
+function installMcpSettingsStyles() {
+  const id = "dsh-mcp-adapter-settings";
+  const existing = document.querySelector(`style[data-plugin-css="${id}"]`);
+  if (existing !== null) return () => {
+  };
+  const style = document.createElement("style");
+  style.dataset.pluginCss = id;
+  style.textContent = MCP_SETTINGS_CSS;
+  document.head.appendChild(style);
+  return () => style.remove();
+}
+
+// src/client/index.jsx
+var inject = ["slots", "settingsScope", "connection"];
+function apply(ctx) {
+  const scope = ctx.settingsScope.bind({ namespace: MCP_SETTINGS_NAMESPACE });
+  const describe = ctx.settingsScope.describe();
+  const controller = new McpSettingsController({
+    scope,
+    describe,
+    settingsApi: ctx.connection.api.settings,
+    rpc: (endpoint, payload, signal) => ctx.connection.rpc.call(MCP_RPC_CHANNEL, endpoint, payload, signal)
+  });
+  ctx.effect(() => installMcpSettingsStyles(), "mcp-adapter: Settings styles");
+  ctx.effect(() => () => controller.dispose(), "mcp-adapter: Settings controller");
+  ctx.slots.inject(
+    "settings.section",
+    () => ctx.slots.register(
+      {
+        name: "settings.section",
+        id: "mcp",
+        order: 30,
+        label: "MCP",
+        inject: () => ({ controller })
+      },
+      McpSettingsPage
+    )
+  );
+}
+		return module.exports;
+	}
+});
+//# sourceMappingURL=client.js.map