dsh-plugin-capabilities 0.1.0

package/lib/client.js

@@ -0,0 +1,863 @@
+window.__ModuleLoader__.load({ id: "dsh-plugin-capabilities", factory: (require) => {
+var module = { exports: {} }; var exports = module.exports;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], 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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.ts
+var index_exports = {};
+__export(index_exports, {
+  NS: () => NS,
+  apply: () => apply,
+  inject: () => inject,
+  name: () => name
+});
+module.exports = __toCommonJS(index_exports);
+var import_react3 = require("react");
+
+// src/client/McpTab.tsx
+var import_react = require("react");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// src/client/css.ts
+var CSS = `
+.dpc-section{display:flex;flex-direction:column;gap:14px;width:100%;max-width:760px;color:var(--dsw-alias-label-primary)}
+.dpc-head{display:flex;align-items:center;gap:8px}
+.dpc-head h3{margin:0;font-size:13px;line-height:20px;font-weight:600}
+.dpc-head>svg{flex:none;color:var(--dsw-alias-label-tertiary)}
+.dpc-intro{margin:0;font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary)}
+.dpc-listHead{display:flex;align-items:baseline;gap:7px;padding:0 2px;margin-top:2px}
+.dpc-listHead h3{margin:0;font-size:13px;line-height:20px;font-weight:600}
+.dpc-count{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums}
+.dpc-spacer{flex:1}
+.dpc-refresh{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--dsw-alias-label-tertiary);cursor:pointer}
+.dpc-refresh:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.dpc-refresh:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}
+.dpc-empty{margin:0;font-size:13px;line-height:20px;color:var(--dsw-alias-label-tertiary)}
+.dpc-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;margin:0;padding:0;list-style:none}
+.dpc-card{display:flex;flex-direction:column;gap:8px;min-width:0;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:var(--dsw-alias-bg-layer-3);padding:12px 14px}
+.dpc-card:hover{background:var(--dsw-alias-interactive-bg-hover)}
+.dpc-cardTop{display:flex;align-items:center;gap:8px}
+.dpc-cardTitle{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:20px;font-weight:600;font-family:var(--ds-font-family-code)}
+.dpc-cardDesc{margin:0;font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
+.dpc-cardRow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
+.dpc-tag{display:inline-flex;align-items:center;min-height:20px;border-radius:5px;padding:1px 6px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);font-size:11px;line-height:16px;white-space:nowrap}
+.dpc-tag[data-kind='source']{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 10%,transparent);color:var(--dsw-alias-state-business-primary)}
+.dpc-tag[data-kind='off']{background:color-mix(in srgb,var(--dsw-alias-state-warning-primary,var(--dsw-alias-label-tertiary)) 12%,transparent);color:var(--dsw-alias-label-secondary)}
+.dpc-cardActions{display:flex;align-items:center;gap:6px;margin-left:auto}
+.dpc-banner{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:10px 12px;background:var(--dsw-alias-bg-layer-3);font-size:13px;line-height:20px}
+.dpc-banner[data-kind='ok']{border-color:color-mix(in srgb,var(--dsw-alias-state-success-primary) 35%,transparent);background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 8%,transparent)}
+.dpc-banner[data-kind='error']{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 35%,transparent);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 8%,transparent)}
+.dpc-banner[data-kind='info']{border-color:color-mix(in srgb,var(--dsw-alias-state-business-primary) 35%,transparent);background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 8%,transparent)}
+.dpc-bannerBody{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
+.dpc-bannerHint{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--dsw-alias-label-secondary);font-size:12px;line-height:18px}
+.dpc-form{display:flex;flex-direction:column;gap:10px}
+.dpc-label{display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary)}
+.dpc-label>span:first-child{color:var(--dsw-alias-label-tertiary)}
+.dpc-input,.dpc-textarea,.dpc-select{width:100%;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:7px 10px;outline:none;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;font-size:13px}
+.dpc-textarea{min-height:120px;resize:vertical;font-family:var(--ds-font-family-code);line-height:1.5}
+.dpc-textarea[data-short='true']{min-height:64px}
+.dpc-input:focus-visible,.dpc-textarea:focus-visible,.dpc-select:focus-visible{border-color:var(--dsw-alias-state-business-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--dsw-alias-state-business-primary) 18%,transparent)}
+.dpc-checks{display:flex;gap:16px;font-size:13px;line-height:20px}
+.dpc-checks label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
+.dpc-formError{margin:0;color:var(--dsw-alias-state-error-primary);font-size:12px;line-height:18px}
+@media(max-width:680px){.dpc-cards{grid-template-columns:minmax(0,1fr)}}
+`;
+
+// src/client/McpTab.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function parsePairs(text, separator) {
+  const map = {};
+  for (const line of text.split(/\r?\n/)) {
+    const trimmed = line.trim();
+    if (trimmed === "" || trimmed.startsWith("#")) continue;
+    const at = trimmed.indexOf(separator);
+    if (at <= 0) continue;
+    map[trimmed.slice(0, at).trim()] = trimmed.slice(at + 1).trim();
+  }
+  return map;
+}
+function mapToPairs(map, separator) {
+  if (map === void 0) return "";
+  return Object.entries(map).map(([key, value]) => `${key}${separator}${value.includes("\n") ? JSON.stringify(value) : value}`).join("\n");
+}
+function McpTab(props) {
+  const { t, injected } = props;
+  const [servers, setServers] = (0, import_react.useState)(null);
+  const [editor, setEditor] = (0, import_react.useState)(null);
+  const [confirmId, setConfirmId] = (0, import_react.useState)(null);
+  const [importOpen, setImportOpen] = (0, import_react.useState)(false);
+  const [importItems, setImportItems] = (0, import_react.useState)(null);
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const [pending, setPending] = (0, import_react.useState)(false);
+  const [outcome, setOutcome] = (0, import_react.useState)(null);
+  const [formError, setFormError] = (0, import_react.useState)(null);
+  const [reload, setReload] = (0, import_react.useState)(0);
+  const openImport = async () => {
+    setImportOpen(true);
+    setImportItems(null);
+    try {
+      const body = await injected.scanImport();
+      const existing = new Set(body.existing);
+      setImportItems(body.servers.map((server) => ({
+        server,
+        existing: existing.has(server.name),
+        checked: !existing.has(server.name)
+      })));
+    } catch (error) {
+      setImportItems([]);
+      setOutcome({ ok: false, text: `${t("failed")}: ${String(error instanceof Error ? error.message : error)}` });
+    }
+  };
+  const doImport = async () => {
+    if (importItems === null) return;
+    const items = importItems.filter((item) => item.checked && !item.existing).map((item) => ({ agent: item.server.agent, name: item.server.name }));
+    setBusy(true);
+    try {
+      const body = await injected.applyImport(items);
+      const failed = body.results.filter((item) => !item.ok);
+      setOutcome(failed.length === 0 ? { ok: true, text: t("restartNeeded") } : { ok: false, text: `${t("failed")}: ${failed.map((item) => `${item.name} (${item.error})`).join(", ")}` });
+      setImportOpen(false);
+      setPending(true);
+      setReload((value) => value + 1);
+    } catch (error) {
+      setOutcome({ ok: false, text: `${t("failed")}: ${String(error instanceof Error ? error.message : error)}` });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const reloadList = (showPending) => {
+    setReload((value) => value + 1);
+    if (showPending) setPending(true);
+  };
+  (0, import_react.useEffect)(() => {
+    let current = true;
+    void injected.list().then(
+      (body) => {
+        if (current) setServers(body.servers);
+      },
+      (error) => {
+        if (current) {
+          setServers([]);
+          setOutcome({ ok: false, text: `${t("failed")}: ${String(error.message ?? error)}` });
+        }
+      }
+    );
+    return () => {
+      current = false;
+    };
+  }, [injected, reload, t]);
+  const openCreate = () => {
+    setFormError(null);
+    setEditor({ id: "", serverName: "", transport: "stdio", command: "", args: "", env: "", url: "", headers: "" });
+  };
+  const openEdit = (row) => {
+    setFormError(null);
+    setEditor({
+      id: row.id,
+      serverName: row.serverName,
+      transport: row.transport,
+      command: row.command ?? "",
+      args: (row.args ?? []).join("\n"),
+      env: mapToPairs(row.env, "="),
+      url: row.url ?? "",
+      headers: mapToPairs(row.headers, ":")
+    });
+  };
+  const doSave = async () => {
+    if (editor === null) return;
+    setBusy(true);
+    setFormError(null);
+    try {
+      await injected.save({
+        id: editor.id,
+        serverName: editor.serverName.trim(),
+        transport: editor.transport,
+        ...editor.transport === "stdio" ? {
+          command: editor.command.trim(),
+          args: editor.args.split(/\r?\n/).map((line) => line.trim()).filter((line) => line !== ""),
+          env: parsePairs(editor.env, "=")
+        } : {
+          url: editor.url.trim(),
+          headers: parsePairs(editor.headers, ":")
+        }
+      });
+      setEditor(null);
+      setOutcome({ ok: true, text: t("restartNeeded") });
+      reloadList(true);
+    } catch (error) {
+      setFormError(String(error instanceof Error ? error.message : error));
+    } finally {
+      setBusy(false);
+    }
+  };
+  const doToggle = async (row) => {
+    setBusy(true);
+    try {
+      await injected.toggle(row.id, !row.disabled);
+      setOutcome({ ok: true, text: t("restartNeeded") });
+      reloadList(true);
+    } catch (error) {
+      setOutcome({ ok: false, text: `${t("failed")}: ${String(error instanceof Error ? error.message : error)}` });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const doRemove = async () => {
+    if (confirmId === null) return;
+    setBusy(true);
+    try {
+      await injected.remove(confirmId);
+      setOutcome({ ok: true, text: t("restartNeeded") });
+      reloadList(true);
+    } catch (error) {
+      setOutcome({ ok: false, text: `${t("failed")}: ${String(error instanceof Error ? error.message : error)}` });
+    } finally {
+      setBusy(false);
+      setConfirmId(null);
+    }
+  };
+  const restartBanner = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-banner", "data-kind": "info", role: "status", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: "ongoing", size: 10 }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-bannerBody", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("restartNeeded") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-bannerHint", children: injected.desktop ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        t("restartDesktopHint"),
+        " ",
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", size: "sm", onClick: injected.restart, children: t("restartNow") })
+      ] }) : t("restartOtherHint") })
+    ] })
+  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: CSS }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconApiOutline14, { "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: t("mcpTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "ghost", size: "sm", onClick: () => void openImport(), children: t("importServers") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", size: "sm", onClick: openCreate, children: t("addServer") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-intro", children: t("mcpIntro") }),
+    outcome !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-banner", "data-kind": outcome.ok ? "ok" : "error", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.StateDot, { state: outcome.ok ? "done" : "error", size: 10 }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "dpc-bannerBody", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: outcome.text }) })
+    ] }),
+    pending && restartBanner,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-listHead", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: t("mcpTab") }),
+      servers !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-count", children: servers.length }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "dpc-refresh", "aria-label": t("view"), title: t("view"), disabled: busy, onClick: () => setReload((value) => value + 1), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconRefreshOutline14, { size: 14, "aria-hidden": "true" }) })
+    ] }),
+    servers === null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-empty", children: t("loading") }),
+    servers !== null && servers.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-empty", children: t("emptyMcp") }),
+    servers !== null && servers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "dpc-cards", children: servers.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "dpc-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-cardTop", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { className: "dpc-cardTitle", title: row.id, children: row.serverName }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-tag", children: row.transport }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-tag", "data-kind": row.disabled ? "off" : void 0, children: row.disabled ? t("disabled") : t("enabled") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-cardDesc", children: row.transport === "stdio" ? `${row.command ?? ""} ${(row.args ?? []).join(" ")}` : row.url ?? "" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-cardRow", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-spacer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "ghost", size: "sm", disabled: busy, onClick: () => void doToggle(row), children: t("toggle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "ghost", size: "sm", disabled: busy, onClick: () => openEdit(row), children: t("edit") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "ghost", size: "sm", disabled: busy, onClick: () => setConfirmId(row.id), children: t("delete") })
+      ] })
+    ] }, row.id)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dsh_client_ui_primitives.Modal,
+      {
+        open: editor !== null,
+        onClose: () => setEditor(null),
+        title: editor !== null && editor.id !== "" ? t("editServer") : t("addServer"),
+        children: editor !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-form", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dpc-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("serverName") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "input",
+              {
+                className: "dpc-input",
+                value: editor.serverName,
+                disabled: editor.id !== "",
+                onChange: (event) => setEditor({ ...editor, serverName: event.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dpc-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("transport") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              "select",
+              {
+                className: "dpc-select",
+                value: editor.transport,
+                disabled: editor.id !== "",
+                onChange: (event) => setEditor({ ...editor, transport: event.target.value }),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "stdio", children: t("transportStdio") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "streamable-http", children: t("transportHttp") })
+                ]
+              }
+            )
+          ] }),
+          editor.transport === "stdio" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dpc-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("command") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "dpc-input", value: editor.command, onChange: (event) => setEditor({ ...editor, command: event.target.value }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dpc-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("args") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { className: "dpc-textarea", "data-short": "true", value: editor.args, onChange: (event) => setEditor({ ...editor, args: event.target.value }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dpc-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("envPairs") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { className: "dpc-textarea", "data-short": "true", value: editor.env, onChange: (event) => setEditor({ ...editor, env: event.target.value }) })
+            ] })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dpc-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("url") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { className: "dpc-input", value: editor.url, onChange: (event) => setEditor({ ...editor, url: event.target.value }) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dpc-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("headersPairs") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { className: "dpc-textarea", "data-short": "true", value: editor.headers, onChange: (event) => setEditor({ ...editor, headers: event.target.value }) })
+            ] })
+          ] }),
+          formError !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-formError", children: formError }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-cardRow", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-spacer" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "ghost", onClick: () => setEditor(null), children: t("cancel") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: busy, onClick: () => void doSave(), children: t("save") })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dsh_client_ui_primitives.Modal,
+      {
+        open: confirmId !== null,
+        onClose: () => setConfirmId(null),
+        title: t("confirmRemove"),
+        description: confirmId ?? void 0,
+        footer: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "ghost", onClick: () => setConfirmId(null), children: t("cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: busy, onClick: () => void doRemove(), children: t("delete") })
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: t("removeWarn") })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dsh_client_ui_primitives.Modal,
+      {
+        open: importOpen,
+        onClose: () => setImportOpen(false),
+        title: t("importServers"),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-form", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-intro", style: { margin: 0 }, children: t("importIntro") }),
+          importItems === null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-empty", children: t("loading") }),
+          importItems !== null && importItems.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-empty", children: t("importEmpty") }),
+          importItems !== null && importItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "dpc-cards", style: { gridTemplateColumns: "minmax(0, 1fr)" }, children: importItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "dpc-card", style: { opacity: item.existing ? 0.55 : 1 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-cardTop", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { style: { display: "inline-flex", alignItems: "center", gap: 8, minWidth: 0, cursor: item.existing ? "default" : "pointer" }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "input",
+                  {
+                    type: "checkbox",
+                    checked: item.checked,
+                    disabled: item.existing,
+                    onChange: (event) => {
+                      const next = importItems.slice();
+                      next[index] = { ...item, checked: event.target.checked };
+                      setImportItems(next);
+                    }
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { className: "dpc-cardTitle", title: item.server.name, children: item.server.name })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-tag", "data-kind": "source", children: item.server.agent === "claude-code" ? "Claude Code" : "Codex" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-tag", children: item.server.transport }),
+              item.existing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-tag", children: t("importExisting") })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-cardDesc", children: item.server.transport === "stdio" ? `${item.server.command ?? ""} ${(item.server.args ?? []).join(" ")}` : item.server.url ?? "" })
+          ] }, `${item.server.agent}/${item.server.name}`)) }),
+          formError !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-formError", children: formError }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-cardRow", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-spacer" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "ghost", onClick: () => setImportOpen(false), children: t("cancel") }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_dsh_client_ui_primitives.Button,
+              {
+                variant: "primary",
+                disabled: busy || importItems === null || !importItems.some((item) => item.checked && !item.existing),
+                onClick: () => void doImport(),
+                children: t("importSelected")
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+
+// src/client/SkillsTab.tsx
+var import_react2 = require("react");
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SOURCE_KEYS = {
+  "project-dsh": "sourceProjectDsh",
+  "project-agents": "sourceProjectAgents",
+  "user-dsh": "sourceUserDsh",
+  "user-agents": "sourceUserAgents",
+  runtime: "sourceRuntime",
+  bundled: "sourceBundled",
+  custom: "sourceCustom"
+};
+function SkillsTab(props) {
+  const { t, injected } = props;
+  const [skills, setSkills] = (0, import_react2.useState)(null);
+  const [editor, setEditor] = (0, import_react2.useState)(null);
+  const [confirmName, setConfirmName] = (0, import_react2.useState)(null);
+  const [busy, setBusy] = (0, import_react2.useState)(false);
+  const [outcome, setOutcome] = (0, import_react2.useState)(null);
+  const [formError, setFormError] = (0, import_react2.useState)(null);
+  const [reload, setReload] = (0, import_react2.useState)(0);
+  (0, import_react2.useEffect)(() => {
+    let current = true;
+    void injected.list().then(
+      (body) => {
+        if (current) setSkills(body.skills);
+      },
+      (error) => {
+        if (current) {
+          setSkills([]);
+          setOutcome({ ok: false, text: `${t("failed")}: ${String(error.message ?? error)}` });
+        }
+      }
+    );
+    return () => {
+      current = false;
+    };
+  }, [injected, reload, t]);
+  const openCreate = () => {
+    setFormError(null);
+    setEditor({ mode: "create", name: "", description: "", whenToUse: "", modelInvocable: true, userInvocable: true, content: "" });
+  };
+  const openExisting = async (skill) => {
+    setBusy(true);
+    setFormError(null);
+    try {
+      const body = await injected.get(skill.name);
+      setEditor({
+        mode: skill.editable ? "edit" : "view",
+        name: skill.name,
+        description: skill.description,
+        whenToUse: skill.whenToUse ?? "",
+        modelInvocable: skill.invocation.modelInvocable,
+        userInvocable: skill.invocation.userInvocable,
+        content: body.content
+      });
+    } catch (error) {
+      setOutcome({ ok: false, text: `${t("failed")}: ${String(error instanceof Error ? error.message : error)}` });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const refreshUntil = (predicate, timeoutMs = 1e4) => {
+    const deadline = Date.now() + timeoutMs;
+    const tick = () => {
+      if (Date.now() > deadline) return;
+      setTimeout(() => {
+        void injected.list().then(
+          (body) => {
+            setSkills(body.skills);
+            if (!predicate(body.skills)) tick();
+          },
+          () => tick()
+        );
+      }, 1e3);
+    };
+    tick();
+  };
+  const doSave = async () => {
+    if (editor === null) return;
+    setBusy(true);
+    setFormError(null);
+    try {
+      const name2 = editor.name.trim();
+      await injected.save({
+        name: name2,
+        description: editor.description,
+        whenToUse: editor.whenToUse.trim() === "" ? void 0 : editor.whenToUse,
+        modelInvocable: editor.modelInvocable,
+        userInvocable: editor.userInvocable,
+        content: editor.content
+      });
+      setOutcome({ ok: true, text: t("saved") });
+      setEditor(null);
+      refreshUntil((skills2) => skills2.some((skill) => skill.name === name2));
+    } catch (error) {
+      setFormError(String(error instanceof Error ? error.message : error));
+    } finally {
+      setBusy(false);
+    }
+  };
+  const doDelete = async () => {
+    if (confirmName === null) return;
+    const name2 = confirmName;
+    setBusy(true);
+    try {
+      await injected.remove(name2);
+      setOutcome({ ok: true, text: t("saved") });
+      refreshUntil((skills2) => !skills2.some((skill) => skill.name === name2));
+    } catch (error) {
+      setOutcome({ ok: false, text: `${t("failed")}: ${String(error instanceof Error ? error.message : error)}` });
+    } finally {
+      setBusy(false);
+      setConfirmName(null);
+    }
+  };
+  const readOnly = editor?.mode === "view";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("style", { children: CSS }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconSkillOutline16, { "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: t("skillsTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "primary", size: "sm", onClick: openCreate, children: t("newSkill") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-intro", children: t("skillsIntro") }),
+    outcome !== null && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-banner", "data-kind": outcome.ok ? "ok" : "error", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.StateDot, { state: outcome.ok ? "done" : "error", size: 10 }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "dpc-bannerBody", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: outcome.text }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-listHead", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: t("skillsTab") }),
+      skills !== null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-count", children: skills.length }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "dpc-refresh", "aria-label": t("view"), title: t("view"), disabled: busy, onClick: () => setReload((value) => value + 1), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.IconRefreshOutline14, { size: 14, "aria-hidden": "true" }) })
+    ] }),
+    skills === null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-empty", children: t("loading") }),
+    skills !== null && skills.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-empty", children: t("emptySkills") }),
+    skills !== null && skills.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "dpc-cards", children: skills.map((skill) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "dpc-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-cardTop", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { className: "dpc-cardTitle", title: skill.name, children: skill.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-tag", "data-kind": "source", children: t(SOURCE_KEYS[skill.source] ?? "sourceCustom") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-cardDesc", title: skill.description, children: skill.description }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-cardRow", children: [
+        !skill.invocation.modelInvocable && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-tag", children: "\u2699" }),
+        !skill.invocation.userInvocable && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-tag", children: "/" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-spacer" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "ghost", size: "sm", disabled: busy, onClick: () => void openExisting(skill), children: skill.editable ? t("edit") : t("view") }),
+        skill.editable && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "ghost", size: "sm", disabled: busy, onClick: () => setConfirmName(skill.name), children: t("delete") })
+      ] })
+    ] }, `${skill.source}/${skill.name}`)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_dsh_client_ui_primitives2.Modal,
+      {
+        open: editor !== null,
+        onClose: () => setEditor(null),
+        title: editor === null ? "" : editor.mode === "create" ? t("newSkill") : editor.mode === "edit" ? t("editSkill") : t("viewSkill"),
+        children: editor !== null && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-form", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dpc-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("skillName") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "input",
+              {
+                className: "dpc-input",
+                value: editor.name,
+                disabled: readOnly || editor.mode === "edit",
+                onChange: (event) => setEditor({ ...editor, name: event.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dpc-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("skillDescription") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "input",
+              {
+                className: "dpc-input",
+                value: editor.description,
+                disabled: readOnly,
+                onChange: (event) => setEditor({ ...editor, description: event.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dpc-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("skillWhenToUse") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "input",
+              {
+                className: "dpc-input",
+                value: editor.whenToUse,
+                disabled: readOnly,
+                onChange: (event) => setEditor({ ...editor, whenToUse: event.target.value })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-checks", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: editor.modelInvocable,
+                  disabled: readOnly,
+                  onChange: (event) => setEditor({ ...editor, modelInvocable: event.target.checked })
+                }
+              ),
+              t("modelInvocable")
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: editor.userInvocable,
+                  disabled: readOnly,
+                  onChange: (event) => setEditor({ ...editor, userInvocable: event.target.checked })
+                }
+              ),
+              t("userInvocable")
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dpc-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("skillContent") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "textarea",
+              {
+                className: "dpc-textarea",
+                value: editor.content,
+                readOnly,
+                onChange: (event) => setEditor({ ...editor, content: event.target.value })
+              }
+            )
+          ] }),
+          formError !== null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-formError", children: formError }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-cardRow", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-spacer" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "ghost", onClick: () => setEditor(null), children: readOnly ? t("close") : t("cancel") }),
+            !readOnly && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "primary", disabled: busy, onClick: () => void doSave(), children: t("save") })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_dsh_client_ui_primitives2.Modal,
+      {
+        open: confirmName !== null,
+        onClose: () => setConfirmName(null),
+        title: t("confirmDelete"),
+        description: confirmName ?? void 0,
+        footer: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "ghost", onClick: () => setConfirmName(null), children: t("cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "primary", disabled: busy, onClick: () => void doDelete(), children: t("delete") })
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: t("deleteWarn") })
+      }
+    )
+  ] });
+}
+
+// src/client/locales.ts
+var zh = {
+  skillsTab: "\u6280\u80FD",
+  mcpTab: "MCP",
+  skillsTitle: "\u6280\u80FD\u7BA1\u7406",
+  skillsIntro: "\u67E5\u770B\u4E0E\u7F16\u8F91 dsh \u53D1\u73B0\u7684\u6280\u80FD\uFF1B\u7528\u6237\u7EA7\u6280\u80FD\uFF08DSH_HOME/skills\uFF09\u53EF\u5728\u6B64\u65B0\u5EFA\u3001\u4FEE\u6539\u3001\u5220\u9664\uFF0C\u6587\u4EF6\u88AB\u76D1\u542C\uFF0C\u4FDD\u5B58\u5373\u751F\u6548\u3002\u82E5\u5B58\u5728 ~/.claude/skills \u6216 ~/.codex/skills\uFF0C\u4F1A\u81EA\u52A8\u7EB3\u5165\u626B\u63CF\uFF08\u96F6\u62F7\u8D1D\u3001\u5B9E\u65F6\u540C\u6B65\uFF09\u3002",
+  newSkill: "\u65B0\u5EFA\u6280\u80FD",
+  editSkill: "\u7F16\u8F91\u6280\u80FD",
+  viewSkill: "\u67E5\u770B\u6280\u80FD",
+  skillName: "\u540D\u79F0\uFF08kebab-case\uFF09",
+  skillDescription: "\u63CF\u8FF0",
+  skillWhenToUse: "\u4F7F\u7528\u65F6\u673A\uFF08\u53EF\u9009\uFF09",
+  skillContent: "\u6B63\u6587\uFF08Markdown\uFF09",
+  modelInvocable: "\u5141\u8BB8\u6A21\u578B\u8C03\u7528",
+  userInvocable: "\u5141\u8BB8\u7528\u6237 / \u8C03\u7528",
+  save: "\u4FDD\u5B58",
+  cancel: "\u53D6\u6D88",
+  delete: "\u5220\u9664",
+  edit: "\u7F16\u8F91",
+  view: "\u67E5\u770B",
+  close: "\u5173\u95ED",
+  emptySkills: "\u8FD8\u6CA1\u6709\u53D1\u73B0\u4EFB\u4F55\u6280\u80FD",
+  loading: "\u8F7D\u5165\u4E2D\u2026",
+  source: "\u6765\u6E90",
+  sourceProjectDsh: "\u9879\u76EE",
+  sourceProjectAgents: "\u9879\u76EE",
+  sourceUserDsh: "\u7528\u6237",
+  sourceUserAgents: "\u7528\u6237",
+  sourceRuntime: "\u8FD0\u884C\u65F6",
+  sourceBundled: "\u5185\u7F6E",
+  sourceCustom: "\u81EA\u5B9A\u4E49",
+  readOnly: "\u53EA\u8BFB",
+  confirmDelete: "\u786E\u8BA4\u5220\u9664\u6280\u80FD\uFF1F",
+  deleteWarn: "\u5C06\u5220\u9664 DSH_HOME/skills \u4E0B\u7684\u6574\u4E2A\u6280\u80FD\u76EE\u5F55\uFF0C\u6B64\u64CD\u4F5C\u4E0D\u53EF\u64A4\u9500\u3002",
+  saved: "\u5DF2\u4FDD\u5B58\uFF0C\u6280\u80FD\u76EE\u5F55\u88AB\u76D1\u542C\uFF0C\u7A0D\u5019\u5373\u53EF\u5728\u4F1A\u8BDD\u4E2D\u4F7F\u7528\u3002",
+  mcpTitle: "MCP \u670D\u52A1\u5668",
+  mcpIntro: "\u7BA1\u7406 profile \u4E2D\u7684 MCP \u670D\u52A1\u5668\u884C\uFF08@deepseek-ai/dsh-mcp-client\uFF09\u3002\u65B0\u589E\u3001\u4FEE\u6539\u6216\u5220\u9664\u540E\u9700\u8981\u91CD\u542F dsh \u624D\u751F\u6548\u3002",
+  addServer: "\u6DFB\u52A0\u670D\u52A1\u5668",
+  editServer: "\u7F16\u8F91\u670D\u52A1\u5668",
+  serverName: "\u670D\u52A1\u5668\u540D\uFF08\u5DE5\u5177\u540D\u524D\u7F00\uFF09",
+  transport: "\u4F20\u8F93\u65B9\u5F0F",
+  transportStdio: "stdio\uFF08\u672C\u5730\u547D\u4EE4\uFF09",
+  transportHttp: "streamable-http\uFF08URL\uFF09",
+  command: "\u547D\u4EE4",
+  args: "\u53C2\u6570\uFF08\u6BCF\u884C\u4E00\u4E2A\uFF09",
+  envPairs: "\u73AF\u5883\u53D8\u91CF\uFF08\u6BCF\u884C KEY=VALUE\uFF09",
+  url: "URL",
+  headersPairs: "\u8BF7\u6C42\u5934\uFF08\u6BCF\u884C KEY: VALUE\uFF09",
+  disabled: "\u5DF2\u505C\u7528",
+  enabled: "\u542F\u7528\u4E2D",
+  toggle: "\u505C\u7528/\u542F\u7528",
+  confirmRemove: "\u786E\u8BA4\u79FB\u9664\u8BE5\u670D\u52A1\u5668\uFF1F",
+  removeWarn: "\u5C06\u4ECE profile \u914D\u7F6E\u4E2D\u79FB\u9664\u8FD9\u4E00\u884C\uFF0C\u91CD\u542F dsh \u540E\u5176\u5DE5\u5177\u4E0D\u518D\u51FA\u73B0\u3002",
+  emptyMcp: "\u8FD8\u6CA1\u6709\u914D\u7F6E MCP \u670D\u52A1\u5668",
+  importServers: "\u4ECE\u5176\u4ED6 Agent \u5BFC\u5165",
+  importIntro: "\u626B\u63CF Claude Code\uFF08~/.claude.json\uFF09\u4E0E Codex\uFF08~/.codex/config.toml\uFF09\u7684 MCP \u670D\u52A1\u5668\u914D\u7F6E\uFF0C\u52FE\u9009\u540E\u5BFC\u5165\u4E3A\u672C profile \u7684\u670D\u52A1\u5668\u884C\u3002",
+  importEmpty: "\u6CA1\u6709\u53D1\u73B0\u53EF\u5BFC\u5165\u7684 MCP \u670D\u52A1\u5668",
+  importExisting: "\u5DF2\u5B58\u5728",
+  importSelected: "\u5BFC\u5165\u9009\u4E2D\u9879",
+  restartNeeded: "\u914D\u7F6E\u5DF2\u5199\u5165\uFF0C\u91CD\u542F dsh \u540E\u751F\u6548\u3002",
+  restartDesktopHint: "\u91CD\u542F\u7531\u684C\u9762\u5E94\u7528\u8D1F\u8D23\uFF1A\u6258\u76D8\u83DC\u5355\u300C\u91CD\u542F\u670D\u52A1\u300D\u3002",
+  restartOtherHint: "\u91CD\u542F\u65B9\u5F0F\uFF1A\u5173\u95ED\u5F53\u524D dsh \u8FDB\u7A0B\u540E\u91CD\u65B0\u8FD0\u884C\u3002",
+  restartNow: "\u91CD\u542F\u670D\u52A1",
+  failed: "\u64CD\u4F5C\u5931\u8D25"
+};
+var en = {
+  skillsTab: "Skills",
+  mcpTab: "MCP",
+  skillsTitle: "Skills",
+  skillsIntro: "View and edit the skills dsh discovers; user-level skills (DSH_HOME/skills) can be created, edited, and deleted here \u2014 the directory is watched, saves apply without a restart. ~/.claude/skills and ~/.codex/skills are scanned too when present (zero-copy, live-synced).",
+  newSkill: "New skill",
+  editSkill: "Edit skill",
+  viewSkill: "View skill",
+  skillName: "Name (kebab-case)",
+  skillDescription: "Description",
+  skillWhenToUse: "When to use (optional)",
+  skillContent: "Body (Markdown)",
+  modelInvocable: "Model-invocable",
+  userInvocable: "User-invocable (/)",
+  save: "Save",
+  cancel: "Cancel",
+  delete: "Delete",
+  edit: "Edit",
+  view: "View",
+  close: "Close",
+  emptySkills: "No skills discovered yet",
+  loading: "Loading\u2026",
+  source: "Source",
+  sourceProjectDsh: "project",
+  sourceProjectAgents: "project",
+  sourceUserDsh: "user",
+  sourceUserAgents: "user",
+  sourceRuntime: "runtime",
+  sourceBundled: "bundled",
+  sourceCustom: "custom",
+  readOnly: "read-only",
+  confirmDelete: "Delete this skill?",
+  deleteWarn: "Removes the whole skill directory under DSH_HOME/skills. This cannot be undone.",
+  saved: "Saved. The skills directory is watched; the skill is usable in sessions shortly.",
+  mcpTitle: "MCP servers",
+  mcpIntro: "Manage the MCP server rows (@deepseek-ai/dsh-mcp-client) in this profile. Additions, edits, and removals take effect after a dsh restart.",
+  addServer: "Add server",
+  editServer: "Edit server",
+  serverName: "Server name (tool name prefix)",
+  transport: "Transport",
+  transportStdio: "stdio (local command)",
+  transportHttp: "streamable-http (URL)",
+  command: "Command",
+  args: "Arguments (one per line)",
+  envPairs: "Environment (KEY=VALUE per line)",
+  url: "URL",
+  headersPairs: "Headers (KEY: VALUE per line)",
+  disabled: "Disabled",
+  enabled: "Enabled",
+  toggle: "Enable/disable",
+  confirmRemove: "Remove this server?",
+  removeWarn: "Removes the row from the profile configuration; its tools disappear after the next dsh restart.",
+  emptyMcp: "No MCP servers configured yet",
+  importServers: "Import from other agents",
+  importIntro: "Scans Claude Code (~/.claude.json) and Codex (~/.codex/config.toml) MCP server configs; selected entries become server rows in this profile.",
+  importEmpty: "No importable MCP servers found",
+  importExisting: "already here",
+  importSelected: "Import selected",
+  restartNeeded: "Configuration written \u2014 restart dsh to apply.",
+  restartDesktopHint: "The desktop app owns restarts: use the tray \u201CRestart service\u201D.",
+  restartOtherHint: "Restart by closing this dsh process and running it again.",
+  restartNow: "Restart service",
+  failed: "Operation failed"
+};
+
+// src/client/index.ts
+var NS = "settings.pluginCapabilities";
+async function fetchJson(path, init) {
+  const response = await fetch(path, init);
+  const body = await response.json();
+  if (!response.ok) throw new Error(body.error ?? `HTTP ${response.status}`);
+  return body;
+}
+var post = (path, body) => fetchJson(path, { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify(body) });
+var name = "dsh-plugin-capabilities";
+var inject = ["slots", "locale"];
+function apply(ctx) {
+  ctx.effect(() => ctx.locale.register(NS, { zh, en }), "dsh-plugin-capabilities: dictionaries");
+  const t = ctx.locale.bind(NS);
+  const skillsInjected = {
+    list: () => fetchJson("/dsh-plugin-capabilities/skills"),
+    get: (name2) => fetchJson(`/dsh-plugin-capabilities/skill?name=${encodeURIComponent(name2)}`),
+    save: (input) => post("/dsh-plugin-capabilities/skill/save", input),
+    remove: (name2) => post("/dsh-plugin-capabilities/skill/delete", { name: name2 })
+  };
+  const mcpInjected = {
+    list: () => fetchJson("/dsh-plugin-capabilities/mcp"),
+    save: (input) => post("/dsh-plugin-capabilities/mcp/save", input),
+    toggle: (id, disabled) => post("/dsh-plugin-capabilities/mcp/toggle", { id, disabled }),
+    remove: (id) => post("/dsh-plugin-capabilities/mcp/remove", { id }),
+    scanImport: () => fetchJson("/dsh-plugin-capabilities/import/scan"),
+    applyImport: (items) => post("/dsh-plugin-capabilities/import/apply", { items }),
+    restart: () => {
+      window.dshDesktop?.restartSidecar?.();
+    },
+    desktop: window.dshDesktop !== void 0
+  };
+  ctx.slots.inject("settings.plugins.tab", () => {
+    return ctx.slots.register({
+      name: "settings.plugins.tab",
+      id: "capabilities-skills",
+      order: 30,
+      label: () => t("skillsTab"),
+      locale: NS,
+      inject: () => skillsInjected
+    }, () => (0, import_react3.createElement)(SkillsTab, { t, injected: skillsInjected }));
+  });
+  ctx.slots.inject("settings.plugins.tab", () => {
+    return ctx.slots.register({
+      name: "settings.plugins.tab",
+      id: "capabilities-mcp",
+      order: 40,
+      label: () => t("mcpTab"),
+      locale: NS,
+      inject: () => mcpInjected
+    }, () => (0, import_react3.createElement)(McpTab, { t, injected: mcpInjected }));
+  });
+}
+
+return module.exports; } });
+//# sourceMappingURL=client.js.map