@dawn0608/dsh-mcp-manager 0.0.0-stage → 0.1.2

package/lib/client.js

@@ -0,0 +1,590 @@
+window.__ModuleLoader__.load({
+  id: "@dawn0608/dsh-mcp-manager",
+  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.js
+var index_exports = {};
+__export(index_exports, {
+  apply: () => apply,
+  inject: () => inject
+});
+module.exports = __toCommonJS(index_exports);
+var React3 = __toESM(require("react"), 1);
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// icon.svg
+var icon_default = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" width="36" height="36">%0A  <path d="M15 9v4m6-4v4M13 13h10v2a5 5 0 0 1-10 0zM18 20v4m-8 2v-2h16v2"%0A        fill="none" stroke="%23527ee8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>%0A  <circle cx="10" cy="26" r="2" fill="%23527ee8"/>%0A  <circle cx="26" cy="26" r="2" fill="%23527ee8"/>%0A</svg>%0A';
+
+// src/client/i18n.js
+var NS = "mcpManager";
+var DICTS = {
+  zh: {
+    title: "MCP \u7BA1\u7406",
+    loadFailed: "\u8BFB\u53D6\u914D\u7F6E\u5931\u8D25",
+    emptyTitle: "\u8FD8\u6CA1\u6709 MCP \u670D\u52A1",
+    duplicate: "\u91CD\u540D",
+    duplicateHint: "\u540C\u4E00\u670D\u52A1\u540D\u51FA\u73B0\u591A\u6B21\uFF0CHarness \u53EA\u4F1A\u52A0\u8F7D\u5176\u4E2D\u4E00\u4E2A\u3002",
+    readOnly: "\u53EA\u8BFB",
+    readOnlyFailure: "\u8BE5\u6761\u76EE\u4E3A\u53EA\u8BFB\uFF0C\u65E0\u6CD5\u5728\u9762\u677F\u4E2D\u4FEE\u6539\u3002",
+    unknownName: "\u672A\u547D\u540D\u6761\u76EE",
+    readOnlyNotInsert: "\u8BE5 MCP \u6761\u76EE\u4E0D\u5728 insert \u5217\u8868\u4E2D\u3002",
+    readOnlyBlockShape: "\u6240\u5728\u7684 patch \u5757\u5305\u542B\u5176\u4ED6\u5B57\u6BB5\u3002",
+    readOnlyRowShape: "\u6761\u76EE\u5305\u542B\u9762\u677F\u4E0D\u652F\u6301\u7684\u5B57\u6BB5\u3002",
+    readOnlyMissingId: "\u6761\u76EE\u7F3A\u5C11 id\u3002",
+    readOnlyDuplicateId: "\u6761\u76EE id \u91CD\u590D\u6216\u88AB\u8986\u76D6\u3002",
+    readOnlyConditional: "\u542F\u7528\u72B6\u6001\u662F\u6761\u4EF6\u8868\u8FBE\u5F0F\u3002",
+    readOnlyMissingName: "\u6761\u76EE\u7F3A\u5C11 serverName\u3002",
+    readOnlyConfig: "\u914D\u7F6E\u7ED3\u6784\u4E0D\u53D7\u652F\u6301\u3002",
+    readOnlyConfigEnabled: "\u6761\u76EE\u5728 config \u4E2D\u4F7F\u7528\u4E86 enabled\uFF0C\u65E0\u6CD5\u5B89\u5168\u6539\u5199\u3002",
+    transportStdio: "STDIO",
+    transportHttp: "Streamable HTTP",
+    switchLabel: "\u542F\u7528 {name}",
+    saving: "\u6B63\u5728\u4FDD\u5B58\u2026",
+    invalid: "\u8BF7\u6C42\u65E0\u6548\u3002",
+    internal: "\u64CD\u4F5C\u672A\u5B8C\u6210\uFF0C\u8BF7\u67E5\u770B Harness \u65E5\u5FD7\u3002",
+    conflict: "\u914D\u7F6E\u6587\u4EF6\u5DF2\u88AB\u5176\u4ED6\u7A0B\u5E8F\u4FEE\u6539\uFF0C\u5DF2\u5237\u65B0\u5217\u8868\uFF0C\u8BF7\u91CD\u8BD5\u3002",
+    locked: "\u914D\u7F6E\u6587\u4EF6\u6B63\u88AB\u5176\u4ED6\u64CD\u4F5C\u5360\u7528\uFF0C\u8BF7\u7A0D\u540E\u91CD\u8BD5\u3002",
+    profileUnavailable: "\u65E0\u6CD5\u5B9A\u4F4D\u6216\u8BFB\u5199\u5F53\u524D profile \u8865\u4E01\u6587\u4EF6\u3002",
+    network: "\u65E0\u6CD5\u8FDE\u63A5 Harness\u3002",
+    unauthorized: "\u5F53\u524D\u9875\u9762\u6CA1\u6709\u8BBF\u95EE Host \u7684\u6743\u9650\u3002"
+  }
+};
+DICTS.en = {
+  title: "MCP Management",
+  loadFailed: "Could not read the configuration",
+  emptyTitle: "No MCP servers yet",
+  duplicate: "Duplicate name",
+  duplicateHint: "The same server name appears more than once; Harness loads only one of them.",
+  readOnly: "Read-only",
+  readOnlyFailure: "This entry is read-only and cannot be changed from the panel.",
+  unknownName: "Unnamed entry",
+  readOnlyNotInsert: "This MCP entry is outside an insert list.",
+  readOnlyBlockShape: "Its patch block contains other fields.",
+  readOnlyRowShape: "The entry contains fields this panel does not manage.",
+  readOnlyMissingId: "The entry has no id.",
+  readOnlyDuplicateId: "The entry id is duplicated or overridden.",
+  readOnlyConditional: "Enablement is a conditional expression.",
+  readOnlyMissingName: "The entry has no serverName.",
+  readOnlyConfig: "The configuration shape is unsupported.",
+  readOnlyConfigEnabled: "The entry uses enabled inside config and cannot be rewritten safely.",
+  transportStdio: "STDIO",
+  transportHttp: "Streamable HTTP",
+  switchLabel: "Enable {name}",
+  saving: "Saving\u2026",
+  invalid: "The request is invalid.",
+  internal: "The operation did not complete; check the Harness logs.",
+  conflict: "The configuration changed on disk. The list was refreshed; try again.",
+  locked: "The profile is being written by another operation. Try again shortly.",
+  profileUnavailable: "The profile patch for this desktop profile cannot be located or written.",
+  network: "Could not reach Harness.",
+  unauthorized: "This page is not authorized to call the Host."
+};
+function format(template, params) {
+  return String(template).replace(/\{(\w+)\}/g, (match, key) => params && Object.prototype.hasOwnProperty.call(params, key) ? String(params[key]) : match);
+}
+function registerLocale(ctx) {
+  return ctx.effect(() => {
+    try {
+      return ctx.locale.register(NS, DICTS);
+    } catch (error) {
+      return () => {
+      };
+    }
+  }, "mcp-manager: dictionaries");
+}
+function createTranslator(ctx) {
+  let bound;
+  try {
+    bound = ctx.locale.bind(NS);
+  } catch (error) {
+    bound = null;
+  }
+  const fallback = () => {
+    let active = "en";
+    try {
+      active = ctx.locale.getSnapshot().active || "en";
+    } catch (error) {
+      active = "en";
+    }
+    return String(active).toLowerCase().startsWith("zh") ? DICTS.zh : DICTS.en;
+  };
+  return (key, params) => {
+    let text;
+    if (bound !== null) {
+      try {
+        text = bound(key, params);
+      } catch (error) {
+        text = void 0;
+      }
+    }
+    if (typeof text !== "string" || text === key) {
+      const dict = fallback();
+      text = format(dict[key] !== void 0 ? dict[key] : DICTS.en[key], params);
+    }
+    return text;
+  };
+}
+
+// src/client/page.js
+var React2 = __toESM(require("react"), 1);
+
+// src/client/api.js
+var CONNECTION_PATH = "api/mcp-manager";
+var PLAIN_PATH = "/plugin/mcp-manager";
+var ApiError = class extends Error {
+  constructor(code, status) {
+    super(code);
+    this.name = "ApiError";
+    this.code = code;
+    this.status = status;
+  }
+};
+function streamOrigin() {
+  const transport = globalThis.window && globalThis.window.__DSH_TRANSPORT__;
+  if (!transport || typeof transport.streamBaseUrl !== "string" || transport.streamBaseUrl === "") return void 0;
+  try {
+    const url = new URL(transport.streamBaseUrl, globalThis.location && globalThis.location.href);
+    return `${url.protocol === "wss:" ? "https:" : url.protocol === "ws:" ? "http:" : url.protocol}//${url.host}`;
+  } catch {
+    return void 0;
+  }
+}
+function documentBase() {
+  const location = globalThis.location;
+  if (!location || location.protocol !== "http:" && location.protocol !== "https:") return void 0;
+  return location.origin;
+}
+function candidatesFor(method) {
+  const urls = [];
+  if (method !== "POST") {
+    const stream = streamOrigin();
+    if (stream) urls.push(`${stream}${PLAIN_PATH}`);
+    const document2 = documentBase();
+    if (document2) urls.push(`${document2}${PLAIN_PATH}`);
+  }
+  urls.push(CONNECTION_PATH);
+  if (method === "POST") {
+    const document2 = documentBase();
+    if (document2) urls.push(`${document2}${PLAIN_PATH}`);
+  }
+  return urls.filter((value, index) => urls.indexOf(value) === index);
+}
+function isResult(payload) {
+  return Boolean(payload) && typeof payload === "object" && typeof payload.ok === "boolean";
+}
+async function request(input) {
+  const method = input.method || "GET";
+  const fetchImpl = input.fetchImpl || globalThis.fetch;
+  const headers = { accept: "application/json" };
+  let body;
+  if (input.body !== void 0) {
+    headers["content-type"] = "application/json";
+    headers["x-dsh-mcp-manager"] = "1";
+    body = JSON.stringify(input.body);
+  }
+  let lastCode = "network";
+  for (const url of candidatesFor(method)) {
+    let response;
+    try {
+      response = await fetchImpl(url, {
+        method,
+        headers,
+        body,
+        cache: "no-store",
+        credentials: "same-origin",
+        signal: input.signal
+      });
+    } catch (error) {
+      if (error && error.name === "AbortError") throw new ApiError("aborted", 0);
+      lastCode = "network";
+      continue;
+    }
+    let payload;
+    try {
+      payload = await response.json();
+    } catch {
+      payload = void 0;
+    }
+    if (isResult(payload)) return { status: response.status, payload };
+    if (response.status === 401 || response.status === 403) {
+      lastCode = "unauthorized";
+      continue;
+    }
+    if (response.status === 404) {
+      lastCode = "network";
+      continue;
+    }
+    lastCode = "network";
+  }
+  throw new ApiError(lastCode, 0);
+}
+
+// src/client/controller.js
+var POLL_DELAY_MS = 2e3;
+var READ_TIMEOUT_MS = 8e3;
+function createController(options = {}) {
+  const fetchImpl = options.fetchImpl;
+  let snapshot = {
+    status: "idle",
+    state: null,
+    error: null,
+    busy: false,
+    action: null
+  };
+  const listeners = /* @__PURE__ */ new Set();
+  let generation = 0;
+  let pollTimer;
+  let polling;
+  let disposed = false;
+  function publish(patch) {
+    if (disposed) return;
+    snapshot = { ...snapshot, ...patch };
+    for (const listener of listeners) listener();
+  }
+  function subscribe(listener) {
+    listeners.add(listener);
+    return () => {
+      listeners.delete(listener);
+    };
+  }
+  function getSnapshot() {
+    return snapshot;
+  }
+  function failure(error) {
+    if (error instanceof ApiError) return { code: error.code };
+    return { code: "network" };
+  }
+  async function load(lifecycleSignal) {
+    if (disposed) return;
+    const current = ++generation;
+    if (snapshot.status === "idle") publish({ status: "loading" });
+    const timeout = AbortSignal.timeout(READ_TIMEOUT_MS);
+    const signal = lifecycleSignal ? AbortSignal.any([lifecycleSignal, timeout]) : timeout;
+    try {
+      const { payload } = await request({ method: "GET", fetchImpl, signal });
+      if (current !== generation || disposed) return;
+      if (payload.ok === true) {
+        publish({ status: "ready", state: payload, error: null });
+      } else {
+        publish({
+          status: snapshot.state === null ? "error" : "ready",
+          error: { code: payload.code || "internal", params: payload.params }
+        });
+      }
+    } catch (error) {
+      if (current !== generation || disposed) return;
+      publish({ status: snapshot.state === null ? "error" : "ready", error: failure(error) });
+    }
+  }
+  function start() {
+    if (polling || disposed) return;
+    const session = new AbortController();
+    polling = session;
+    async function poll() {
+      if (!snapshot.busy) await load(session.signal);
+      if (!session.signal.aborted) pollTimer = setTimeout(poll, POLL_DELAY_MS);
+    }
+    void poll();
+  }
+  async function setEnabled(target, enabled) {
+    if (snapshot.busy) return { ok: false, code: "locked" };
+    const action = { id: target.id, name: target.name };
+    generation += 1;
+    publish({ busy: true, action });
+    try {
+      const { payload } = await request({
+        method: "POST",
+        fetchImpl,
+        body: { action: "setEnabled", id: target.id, name: target.name, rowHash: target.rowHash, enabled }
+      });
+      if (payload.ok === true) {
+        publish({ busy: false, action: null, status: "ready", state: payload, error: null });
+        return { ok: true };
+      }
+      if (payload.code === "conflict" || payload.code === "not-found") await load();
+      const error = { code: payload.code, params: payload.params };
+      publish({ busy: false, action: { ...action, error } });
+      return { ok: false, ...error };
+    } catch (error) {
+      const details = failure(error);
+      publish({ busy: false, action: { ...action, error: details } });
+      return { ok: false, ...details };
+    }
+  }
+  function stop() {
+    generation += 1;
+    polling?.abort();
+    polling = void 0;
+    clearTimeout(pollTimer);
+    pollTimer = void 0;
+  }
+  function dispose() {
+    disposed = true;
+    stop();
+    listeners.clear();
+  }
+  return { subscribe, getSnapshot, load, setEnabled, start, stop, dispose };
+}
+
+// src/client/row.js
+var React = __toESM(require("react"), 1);
+
+// src/client/model.js
+function serverLabel(server, translate) {
+  if (server && typeof server.name === "string" && server.name !== "") return server.name;
+  if (server && typeof server.id === "string" && server.id !== "") return server.id;
+  return translate("unknownName");
+}
+function transportLabel(server, translate) {
+  if (server && server.transport === "stdio") return translate("transportStdio");
+  if (server && server.transport === "streamable-http") return translate("transportHttp");
+  return null;
+}
+
+// src/client/row.js
+var h = React.createElement;
+var READ_ONLY_KEYS = {
+  "not-insert": "readOnlyNotInsert",
+  "block-shape": "readOnlyBlockShape",
+  "row-shape": "readOnlyRowShape",
+  "missing-id": "readOnlyMissingId",
+  "duplicate-id": "readOnlyDuplicateId",
+  "conditional-disabled": "readOnlyConditional",
+  "missing-name": "readOnlyMissingName",
+  "config-invalid": "readOnlyConfig",
+  "config-enabled": "readOnlyConfigEnabled"
+};
+function ServerRow({ server, translate, busy, saving, failure, Switch: Switch2, Tag: Tag2, onToggle }) {
+  const name = serverLabel(server, translate);
+  const readOnlyText = server.editable ? null : translate(READ_ONLY_KEYS[server.readOnlyCode] || "readOnlyConfig");
+  const canToggle = server.editable && server.enabled !== null;
+  return h(
+    "li",
+    { className: "dshmcp_row" },
+    h(
+      "span",
+      { className: "dshmcp_identity" },
+      h("span", { className: "dshmcp_name" }, name),
+      server.duplicate ? h(
+        "span",
+        { title: translate("duplicateHint") },
+        h(Tag2, { tone: "warning" }, translate("duplicate"))
+      ) : null,
+      readOnlyText ? h(Tag2, { tone: "neutral" }, translate("readOnly")) : null
+    ),
+    h("span", { className: "dshmcp_transport" }, transportLabel(server, translate)),
+    canToggle ? h(Switch2, {
+      className: "dshmcp_switch",
+      checked: server.enabled === true,
+      label: translate("switchLabel", { name }),
+      disabled: Boolean(busy),
+      onChange: (enabled) => onToggle(server, enabled)
+    }) : null,
+    saving ? h("p", { className: "dshmcp_reason", role: "status" }, translate("saving")) : null,
+    failure ? h("p", { className: "dshmcp_reason dshmcp_notice_error", role: "alert" }, failure) : null,
+    readOnlyText ? h("span", { className: "dshmcp_reason" }, readOnlyText) : null
+  );
+}
+
+// src/client/page.js
+var h2 = React2.createElement;
+var CODE_KEYS = {
+  conflict: "conflict",
+  locked: "locked",
+  "profile-unavailable": "profileUnavailable",
+  network: "network",
+  unauthorized: "unauthorized",
+  "read-only": "readOnlyFailure",
+  "not-found": "conflict",
+  "parse-failed": "loadFailed",
+  "verify-failed": "internal",
+  "write-failed": "internal",
+  invalid: "invalid",
+  internal: "internal"
+};
+function failureText(translate, failure) {
+  const key = CODE_KEYS[failure && failure.code || "internal"] || "internal";
+  return translate(key, failure && failure.params ? failure.params : void 0);
+}
+function Notice({ children }) {
+  return h2("p", { className: "dshmcp_notice dshmcp_notice_error", role: "alert" }, children);
+}
+function Skeleton() {
+  return h2(
+    "div",
+    { className: "dshmcp_rows", "aria-hidden": true },
+    h2(
+      "div",
+      { className: "dshmcp_skeletonRow" },
+      h2("span", { className: "dshmcp_skeletonLine", "data-w": "34" })
+    ),
+    h2(
+      "div",
+      { className: "dshmcp_skeletonRow" },
+      h2("span", { className: "dshmcp_skeletonLine", "data-w": "46" })
+    )
+  );
+}
+var Boundary = class extends React2.Component {
+  constructor(props) {
+    super(props);
+    this.state = { failed: false };
+  }
+  static getDerivedStateFromError() {
+    return { failed: true };
+  }
+  render() {
+    if (this.state.failed) return h2("p", { className: "dshmcp_notice dshmcp_notice_error" }, this.props.fallback);
+    return this.props.children;
+  }
+};
+function createPage(options) {
+  const { translate, subscribeLocale, localeVersion, Switch: Switch2, Tag: Tag2 } = options;
+  const createStore = options.createStore || createController;
+  function Page() {
+    const storeRef = React2.useRef(null);
+    if (storeRef.current === null) storeRef.current = createStore();
+    const store = storeRef.current;
+    const snapshot = React2.useSyncExternalStore(store.subscribe, store.getSnapshot, store.getSnapshot);
+    React2.useSyncExternalStore(subscribeLocale, localeVersion, localeVersion);
+    const servers = snapshot.state && Array.isArray(snapshot.state.servers) ? snapshot.state.servers : [];
+    const { busy, action } = snapshot;
+    const loading = snapshot.state === null && snapshot.status !== "error";
+    const loadFailure = snapshot.error ? failureText(translate, snapshot.error) : null;
+    const actionServer = action && servers.find((server) => server.id === action.id && server.name === action.name);
+    const actionFailureText = action?.error ? failureText(translate, action.error) : null;
+    React2.useEffect(() => {
+      store.start();
+      return () => store.stop();
+    }, [store]);
+    return h2(
+      "section",
+      {
+        className: "dshmcp_page",
+        "aria-labelledby": "dshmcp-title",
+        "aria-busy": loading ? "true" : void 0
+      },
+      h2("h2", { className: "dshmcp_title", id: "dshmcp-title" }, translate("title")),
+      loading ? h2(Skeleton) : null,
+      loadFailure && snapshot.state === null ? h2(
+        "div",
+        { className: "dshmcp_group dshmcp_messagePanel", role: "alert" },
+        h2("p", { className: "dshmcp_messageTitle" }, translate("loadFailed")),
+        loadFailure === translate("loadFailed") ? null : h2("p", { className: "dshmcp_hint" }, loadFailure)
+      ) : null,
+      snapshot.state !== null ? h2(
+        React2.Fragment,
+        null,
+        loadFailure ? h2(Notice, null, loadFailure) : null,
+        actionFailureText && !actionServer ? h2(Notice, null, action.name, " \u2014 ", actionFailureText) : null,
+        servers.length > 0 ? h2(
+          "ul",
+          { className: "dshmcp_rows", role: "list" },
+          servers.map((server, index) => h2(ServerRow, {
+            key: server.editable ? `service:${server.id}` : `readonly:${index}`,
+            server,
+            Switch: Switch2,
+            Tag: Tag2,
+            translate,
+            busy,
+            saving: busy && server === actionServer,
+            failure: server === actionServer ? actionFailureText : null,
+            onToggle: store.setEnabled
+          }))
+        ) : h2(
+          "div",
+          { className: "dshmcp_group dshmcp_messagePanel" },
+          h2("p", { className: "dshmcp_messageTitle" }, translate("emptyTitle"))
+        )
+      ) : null
+    );
+  }
+  function SafePage() {
+    return h2(Boundary, { fallback: translate("internal") }, h2(Page));
+  }
+  SafePage.displayName = "McpManagerPage";
+  return SafePage;
+}
+
+// src/client/style.css
+var style_default = "/* Match the host's settings typography, controls and surfaces. */\n\n.dshmcp_navIcon {\n  display: inline-block;\n  flex-shrink: 0;\n  background-color: currentColor;\n  mask-position: center;\n  mask-repeat: no-repeat;\n  mask-size: 150%;\n}\n\n.dshmcp_page {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n  min-width: 0;\n  padding-top: 16px;\n  color: var(--dsw-alias-label-primary);\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.dshmcp_title {\n  min-width: 0;\n  margin: 0;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 24px;\n  overflow-wrap: anywhere;\n}\n\n.dshmcp_group {\n  box-sizing: border-box;\n  min-width: 0;\n  margin: 0;\n  border: 0.5px solid var(--dsw-alias-settings-card-stroke, var(--dsw-alias-border-l4));\n  border-radius: var(--dsw-radius-xl);\n  background: var(--dsw-alias-settings-card-fill, var(--dsw-alias-bg-layer-2));\n}\n\n.dshmcp_rows {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.dshmcp_row,\n.dshmcp_skeletonRow {\n  padding-block: 10px;\n}\n\n.dshmcp_row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto minmax(36px, max-content);\n  align-items: center;\n  gap: 2px 12px;\n}\n\n.dshmcp_row + .dshmcp_row,\n.dshmcp_skeletonRow + .dshmcp_skeletonRow {\n  border-top: 0.5px solid var(--dsw-alias-border-l3);\n}\n\n.dshmcp_identity {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 0 8px;\n  min-width: 0;\n}\n\n.dshmcp_name {\n  min-width: 0;\n  font-weight: 500;\n  overflow-wrap: anywhere;\n}\n\n.dshmcp_transport,\n.dshmcp_reason {\n  margin: 0;\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 12px;\n  line-height: 18px;\n  overflow-wrap: anywhere;\n}\n\n.dshmcp_transport {\n  white-space: nowrap;\n}\n\n/* Composite the native off track over the same base surface as the Plugins page. */\n.dshmcp_switch[aria-checked='false'] {\n  background-color: var(--dsw-alias-bg-base);\n  background-image: linear-gradient(var(--dsw-alias-border-l3), var(--dsw-alias-border-l3));\n}\n\n.dshmcp_reason {\n  grid-column: 1 / -1;\n}\n\n.dshmcp_notice,\n.dshmcp_hint {\n  margin: 0;\n  font-size: 12px;\n  line-height: 18px;\n  overflow-wrap: anywhere;\n}\n\n.dshmcp_notice_error {\n  color: var(--dsw-alias-state-error-primary);\n}\n\n.dshmcp_hint {\n  color: var(--dsw-alias-label-tertiary);\n}\n\n.dshmcp_messagePanel {\n  display: grid;\n  justify-items: start;\n  gap: 6px;\n  padding: 16px;\n}\n\n.dshmcp_messageTitle {\n  margin: 0;\n  font-weight: 500;\n}\n\n.dshmcp_skeletonRow {\n  display: grid;\n  align-items: center;\n  min-height: 22px;\n}\n\n.dshmcp_skeletonLine {\n  display: block;\n  height: 12px;\n  border-radius: var(--dsw-radius-sm);\n  background: var(--dsw-alias-bg-skeleton);\n}\n\n.dshmcp_skeletonLine[data-w='34'] { width: 34%; }\n.dshmcp_skeletonLine[data-w='46'] { width: 46%; }\n\n@media (prefers-reduced-motion: no-preference) {\n  .dshmcp_skeletonLine {\n    animation: dshmcp-pulse 1.6s ease-in-out infinite;\n  }\n}\n\n@keyframes dshmcp-pulse {\n  50% { opacity: 0.55; }\n}\n";
+
+// src/client/index.js
+var h3 = React3.createElement;
+function McpIcon({ size = 18, active = false } = {}) {
+  return h3("span", {
+    className: "dshmcp_navIcon",
+    "aria-hidden": true,
+    "data-active": active ? "true" : void 0,
+    style: { width: size, height: size, maskImage: `url(${JSON.stringify(icon_default)})` }
+  });
+}
+var inject = ["slots", "locale"];
+function apply(ctx) {
+  registerLocale(ctx);
+  ctx.effect(() => {
+    const tag = document.createElement("style");
+    tag.dataset.plugin = "@dawn0608/dsh-mcp-manager";
+    tag.textContent = style_default;
+    document.head.appendChild(tag);
+    return () => {
+      tag.remove();
+    };
+  }, "mcp-manager: styles");
+  const translate = createTranslator(ctx);
+  const subscribeLocale = (listener) => ctx.locale.subscribe(listener);
+  const localeVersion = () => {
+    try {
+      const snapshot = ctx.locale.getSnapshot();
+      return typeof snapshot.revision === "number" ? snapshot.revision : 0;
+    } catch (error) {
+      return 0;
+    }
+  };
+  const Page = createPage({ translate, subscribeLocale, localeVersion, Switch: import_dsh_client_ui_primitives.Switch, Tag: import_dsh_client_ui_primitives.Tag });
+  ctx.slots.inject("settings.section", () => ctx.slots.register({
+    name: "settings.section",
+    id: "mcp-manager",
+    order: 17,
+    label: () => translate("title")
+  }, Page));
+  ctx.slots.inject("settings.section.icon", () => ctx.slots.register({
+    name: "settings.section.icon",
+    id: "mcp-manager",
+    order: 17
+  }, McpIcon));
+}
+    Object.defineProperty(module.exports, Symbol.toStringTag, { value: "Module" });
+    return module.exports;
+  },
+});
+//# sourceMappingURL=client.js.map