dsh-plugin-capabilities 0.1.5 → 0.2.0

package/lib/client.js

@@ -28,10 +28,10 @@ __export(index_exports, {
   name: () => name
 });
 module.exports = __toCommonJS(index_exports);
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/client/CapabilitiesSection.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/client/css.ts
 var CSS = `
@@ -98,13 +98,237 @@ var CSS = `
 .dpc-importHead{display:flex;align-items:center;gap:8px;padding:0 2px}
 .dpc-importCount{font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums}
 .dpc-importAll{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary);cursor:pointer}
+/* Skills search + source filter chips. */
+.dpc-search{width:200px;box-sizing:border-box;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:4px 10px;background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;line-height:18px}
+.dpc-search:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}
+.dpc-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
+.dpc-chip{border:1px solid var(--dsw-alias-border-l2);border-radius:999px;padding:2px 10px;background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:12px;line-height:16px;cursor:pointer}
+.dpc-chip:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.dpc-chip[data-active='true']{border-color:var(--dsw-alias-state-business-primary);color:var(--dsw-alias-state-business-primary)}
+.dpc-chip:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:1px}
+/* Load-policy switch on skill cards (no form semantics \u2014 instant apply). */
+.dpc-switch{position:relative;flex:none;width:30px;height:18px;border:0;border-radius:999px;background:var(--dsw-alias-bg-layer-1);box-shadow:inset 0 0 0 1px var(--dsw-alias-border-l2);cursor:pointer;transition:background .15s}
+.dpc-switch[aria-checked='true']{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 55%,transparent);box-shadow:none}
+.dpc-switchKnob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--dsw-alias-label-primary);transition:left .15s}
+.dpc-switch[aria-checked='true'] .dpc-switchKnob{left:14px;background:#fff}
+.dpc-switch:disabled{opacity:.55;cursor:default}
+.dpc-switch:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px}
+/* Quiet inline link-button (open folder, homepage). */
+.dpc-link{border:0;padding:0;background:transparent;color:var(--dsw-alias-state-business-primary);font:inherit;font-size:12px;line-height:18px;cursor:pointer;text-decoration:none}
+.dpc-link:hover{text-decoration:underline}
+.dpc-link:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px;border-radius:2px}
+/* Skill repositories list + add form. */
+.dpc-rootsHead{margin-top:10px}
+.dpc-roots{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
+.dpc-root{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:8px 12px;background:var(--dsw-alias-bg-layer-3)}
+.dpc-rootLabel{flex:none;font-size:13px;line-height:18px;font-weight:600}
+.dpc-rootPath{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary);font-family:var(--ds-font-family-code)}
+.dpc-addRoot{border:1px dashed var(--dsw-alias-border-l2);border-radius:8px;padding:10px 12px}
+.dpc-addRootRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.dpc-addRootRow .dpc-select{width:auto;flex:none}
+.dpc-addRootRow .dpc-input{flex:1;min-width:200px}
+/* Market segments + env hint + MCP format preview. */
+.dpc-segments{display:inline-flex;gap:4px;border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:3px;background:var(--dsw-alias-bg-layer-1)}
+.dpc-segment{border:0;border-radius:6px;padding:4px 14px;background:transparent;color:var(--dsw-alias-label-secondary);font:inherit;font-size:12px;line-height:18px;cursor:pointer}
+.dpc-segment:hover{color:var(--dsw-alias-label-primary)}
+.dpc-segment[data-active='true']{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary);font-weight:600}
+.dpc-segment:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:-2px}
+.dpc-envHint{margin:0;font-size:12px;line-height:18px;color:var(--dsw-alias-state-warning-primary,var(--dsw-alias-label-secondary))}
+.dpc-format{border:1px solid var(--dsw-alias-border-l2);border-radius:8px;padding:8px 12px;background:var(--dsw-alias-bg-layer-1)}
+.dpc-format summary{font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary);cursor:pointer;user-select:none}
+.dpc-format summary:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary);outline-offset:2px;border-radius:2px}
+.dpc-format .dpc-form{margin-top:8px}
+.dpc-formatHint{margin:2px 0 0;font-size:12px;line-height:18px;color:var(--dsw-alias-label-tertiary)}
+.dpc-code{margin:4px 0 8px;border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:8px 10px;overflow-x:auto;background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);font-family:var(--ds-font-family-code);font-size:11px;line-height:17px;white-space:pre}
 @media(max-width:680px){.dpc-cards{grid-template-columns:minmax(0,1fr)}}
 `;
 
-// src/client/McpTab.tsx
+// src/client/MarketTab.tsx
 var import_react = require("react");
 var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
 var import_jsx_runtime = require("react/jsx-runtime");
+var zhUi = () => navigator.language.toLowerCase().startsWith("zh");
+function MarketTab(props) {
+  const { t, market, mcp } = props;
+  const [segment, setSegment] = (0, import_react.useState)("skills");
+  const [repos, setRepos] = (0, import_react.useState)(null);
+  const [servers, setServers] = (0, import_react.useState)(null);
+  const [source, setSource] = (0, import_react.useState)("remote");
+  const [busyId, setBusyId] = (0, import_react.useState)(null);
+  const [outcome, setOutcome] = (0, import_react.useState)(null);
+  const [confirmUninstall, setConfirmUninstall] = (0, import_react.useState)(null);
+  const [reload, setReload] = (0, import_react.useState)(0);
+  const refreshSkills = (0, import_react.useCallback)(() => {
+    setRepos(null);
+    void market.skillsIndex().then(
+      (body) => {
+        setRepos(body.repos);
+        setSource(body.source);
+      },
+      (error) => {
+        setRepos([]);
+        setOutcome({ ok: false, text: `${t("failed")}: ${String(error.message ?? error)}` });
+      }
+    );
+  }, [market, t]);
+  const refreshMcp = (0, import_react.useCallback)(() => {
+    setServers(null);
+    void market.mcpIndex().then(
+      (body) => {
+        setServers(body.servers);
+        setSource(body.source);
+      },
+      (error) => {
+        setServers([]);
+        setOutcome({ ok: false, text: `${t("failed")}: ${String(error.message ?? error)}` });
+      }
+    );
+  }, [market, t]);
+  (0, import_react.useEffect)(() => {
+    if (segment === "skills") refreshSkills();
+    else refreshMcp();
+  }, [segment, reload, refreshSkills, refreshMcp]);
+  const doInstallRepo = async (repo) => {
+    setBusyId(repo.id);
+    setOutcome(null);
+    try {
+      await market.installSkillRepo(repo.url);
+      setOutcome({ ok: true, text: t("marketRepoInstalled") });
+      refreshSkills();
+    } catch (error) {
+      setOutcome({ ok: false, text: `${t("failed")}: ${String(error instanceof Error ? error.message : error)}` });
+      refreshSkills();
+    } finally {
+      setBusyId(null);
+    }
+  };
+  const doInstallMcp = async (server) => {
+    setBusyId(server.id);
+    setOutcome(null);
+    try {
+      await market.installMcp(server.id);
+      setOutcome({ ok: true, text: t("restartNeeded") });
+      refreshMcp();
+    } catch (error) {
+      setOutcome({ ok: false, text: `${t("failed")}: ${String(error instanceof Error ? error.message : error)}` });
+      refreshMcp();
+    } finally {
+      setBusyId(null);
+    }
+  };
+  const doUninstall = async () => {
+    if (confirmUninstall === null) return;
+    const target = confirmUninstall;
+    setBusyId(target.id);
+    try {
+      if (target.kind === "root") {
+        await market.removeRoot(target.id);
+        setOutcome({ ok: true, text: t("rootRemoved") });
+        refreshSkills();
+      } else {
+        await mcp.remove(target.id);
+        setOutcome({ ok: true, text: t("restartNeeded") });
+        refreshMcp();
+      }
+    } catch (error) {
+      setOutcome({ ok: false, text: `${t("failed")}: ${String(error instanceof Error ? error.message : error)}` });
+    } finally {
+      setBusyId(null);
+      setConfirmUninstall(null);
+    }
+  };
+  const pick = (base, zh2) => zhUi() && zh2 !== void 0 ? zh2 : base;
+  const title = (entry) => pick(entry.name, entry.nameZh);
+  const desc = (entry) => pick(entry.description, entry.descriptionZh);
+  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)("h3", { children: t("marketTitle") }),
+      /* @__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("refresh"), title: t("refresh"), onClick: () => setReload((value) => value + 1), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.IconRefreshOutline14, { size: 14, "aria-hidden": "true" }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-intro", children: t("marketIntro") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-segments", role: "tablist", "aria-label": t("marketTitle"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", role: "tab", "aria-selected": segment === "skills", className: "dpc-segment", "data-active": segment === "skills" ? "true" : void 0, onClick: () => setSegment("skills"), children: t("marketSkills") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", role: "tab", "aria-selected": segment === "mcp", className: "dpc-segment", "data-active": segment === "mcp" ? "true" : void 0, onClick: () => setSegment("mcp"), children: t("marketMcp") })
+    ] }),
+    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 }) })
+    ] }),
+    source === "bundled" && /* @__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.jsx)("div", { className: "dpc-bannerBody", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: t("marketOffline") }) })
+    ] }),
+    segment === "skills" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-intro", children: t("marketSkillsIntro") }),
+      repos === null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-empty", children: t("loading") }),
+      repos !== null && repos.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-empty", children: t("marketEmpty") }),
+      repos !== null && repos.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "dpc-cards", children: repos.map((repo) => /* @__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: repo.url, children: title(repo) }),
+          repo.skillCount !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-tag", children: t("marketSkillCount").replace("{n}", String(repo.skillCount)) }),
+          repo.installedId !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-tag", "data-kind": "source", children: t("marketInstalled") })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-cardDesc", children: desc(repo) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-cardRow", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { className: "dpc-link", href: repo.homepage ?? repo.url, target: "_blank", rel: "noreferrer", children: t("marketHome") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-spacer" }),
+          repo.installedId !== null ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "ghost", size: "sm", disabled: busyId !== null, onClick: () => setConfirmUninstall({ kind: "root", id: repo.installedId, name: title(repo) }), children: t("marketUninstall") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", size: "sm", disabled: busyId !== null, onClick: () => void doInstallRepo(repo), children: busyId === repo.id ? t("marketInstalling") : t("marketInstall") })
+        ] })
+      ] }, repo.id)) })
+    ] }),
+    segment === "mcp" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-intro", children: t("marketMcpIntro") }),
+      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("marketEmpty") }),
+      servers !== null && servers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "dpc-cards", children: servers.map((server) => /* @__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: server.id, children: title(server) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-tag", children: server.transport }),
+          server.runtime !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-tag", children: server.runtime }),
+          server.installed && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-tag", "data-kind": "source", children: t("marketInstalled") })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-cardDesc", children: desc(server) }),
+        server.envKeys !== void 0 && server.envKeys.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "dpc-envHint", children: [
+          t("marketNeedsEnv"),
+          ": ",
+          server.envKeys.join(", ")
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-cardRow", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { className: "dpc-link", href: server.homepage, target: "_blank", rel: "noreferrer", children: t("marketHome") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-spacer" }),
+          server.installed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "ghost", size: "sm", disabled: busyId !== null, onClick: () => void mcp.list().then(
+            (body) => {
+              const row = body.servers.find((item) => item.serverName === server.id);
+              if (row !== void 0) setConfirmUninstall({ kind: "mcp", id: row.id, name: server.id });
+            },
+            (error) => setOutcome({ ok: false, text: `${t("failed")}: ${String(error.message ?? error)}` })
+          ), children: t("marketUninstall") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", size: "sm", disabled: busyId !== null, onClick: () => void doInstallMcp(server), children: busyId === server.id ? t("marketInstalling") : t("marketAdd") })
+        ] })
+      ] }, server.id)) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dsh_client_ui_primitives.Modal,
+      {
+        open: confirmUninstall !== null,
+        onClose: () => setConfirmUninstall(null),
+        title: t("marketUninstallConfirm"),
+        description: confirmUninstall?.name ?? 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: () => setConfirmUninstall(null), children: t("cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", disabled: busyId !== null, onClick: () => void doUninstall(), children: t("marketUninstall") })
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: confirmUninstall?.kind === "root" ? t("marketUninstallRootWarn") : t("removeWarn") })
+      }
+    )
+  ] });
+}
+
+// src/client/McpTab.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");
 function importGroups(items) {
   const label = (agent) => agent === "claude-code" ? "Claude Code" : agent === "codex" ? "Codex" : agent;
   const order = ["claude-code", "codex"];
@@ -136,20 +360,116 @@ 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 yamlScalar(value) {
+  return /^[A-Za-z0-9_./@-]+$/.test(value) ? value : JSON.stringify(value);
+}
+function mcpRowYaml(input) {
+  const name2 = input.serverName.trim() === "" ? "server-name" : input.serverName.trim();
+  const lines = [
+    "- insert:",
+    `    - id: mcp-${name2}`,
+    "      name: '@deepseek-ai/dsh-mcp-client'",
+    "      config:",
+    `        serverName: ${yamlScalar(name2)}`,
+    `        transport: ${input.transport}`
+  ];
+  if (input.transport === "stdio") {
+    lines.push(`        command: ${yamlScalar(input.command ?? "")}`);
+    const args = input.args ?? [];
+    if (args.length > 0) {
+      lines.push("        args:");
+      for (const arg of args) lines.push(`          - ${yamlScalar(arg)}`);
+    }
+    const env = input.env ?? {};
+    if (Object.keys(env).length > 0) {
+      lines.push("        env:");
+      for (const [key, value] of Object.entries(env)) lines.push(`          ${yamlScalar(key)}: ${yamlScalar(value)}`);
+    }
+  } else {
+    lines.push(`        url: ${yamlScalar(input.url ?? "")}`);
+    const headers = input.headers ?? {};
+    if (Object.keys(headers).length > 0) {
+      lines.push("        headers:");
+      for (const [key, value] of Object.entries(headers)) lines.push(`          ${yamlScalar(key)}: ${yamlScalar(value)}`);
+    }
+  }
+  return lines.join("\n");
+}
+function mcpJsonExample(transport) {
+  const entry = transport === "stdio" ? {
+    command: "npx",
+    args: ["-y", "@example/mcp-server"],
+    env: { API_KEY: "value" }
+  } : {
+    type: "http",
+    url: "https://example.com/mcp",
+    headers: { Authorization: "Bearer <token>" }
+  };
+  return JSON.stringify({ mcpServers: { "server-name": entry } }, null, 2);
+}
+function parseMcpJson(text) {
+  let parsed;
+  try {
+    parsed = JSON.parse(text);
+  } catch {
+    return { error: "not valid JSON" };
+  }
+  if (typeof parsed !== "object" || parsed === null) return { error: "expected a JSON object" };
+  let record = parsed;
+  let nameFromWrapper;
+  const wrapped = record.mcpServers ?? record.mcp_servers ?? record.servers;
+  if (typeof wrapped === "object" && wrapped !== null && !Array.isArray(wrapped)) {
+    const first = Object.entries(wrapped)[0];
+    if (first === void 0) return { error: "mcpServers object is empty" };
+    nameFromWrapper = first[0];
+    if (typeof first[1] !== "object" || first[1] === null) return { error: "server entry is not an object" };
+    record = first[1];
+  }
+  const stringMap = (value) => {
+    if (typeof value !== "object" || value === null || Array.isArray(value)) return void 0;
+    const out = {};
+    for (const [key, entry] of Object.entries(value)) {
+      if (typeof entry === "string") out[key] = entry;
+    }
+    return Object.keys(out).length > 0 ? out : void 0;
+  };
+  const args = Array.isArray(record.args) && record.args.every((entry) => typeof entry === "string") ? record.args : void 0;
+  const command = typeof record.command === "string" ? record.command : void 0;
+  const url = typeof record.url === "string" ? record.url : void 0;
+  const declared = typeof record.type === "string" ? record.type : typeof record.transport === "string" ? record.transport : void 0;
+  const httpDeclared = declared === "http" || declared === "streamable-http" || declared === "sse";
+  const transport = command !== void 0 && !httpDeclared ? "stdio" : url !== void 0 ? "streamable-http" : httpDeclared ? "streamable-http" : "stdio";
+  if (transport === "stdio" && command === void 0) return { error: 'stdio config needs a "command" field' };
+  if (transport === "streamable-http" && url === void 0) return { error: 'http config needs a "url" field' };
+  const serverName = nameFromWrapper ?? (typeof record.serverName === "string" ? record.serverName : void 0) ?? (typeof record.name === "string" && record.name !== "@deepseek-ai/dsh-mcp-client" ? record.name : void 0);
+  const env = stringMap(record.env);
+  const headers = stringMap(record.headers);
+  return {
+    ...serverName !== void 0 ? { serverName } : {},
+    transport,
+    ...command !== void 0 ? { command } : {},
+    ...args !== void 0 ? { args } : {},
+    ...env !== void 0 ? { env } : {},
+    ...url !== void 0 ? { url } : {},
+    ...headers !== void 0 ? { headers } : {}
+  };
+}
 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 [restartConfirm, setRestartConfirm] = (0, import_react.useState)(false);
-  const [restarting, setRestarting] = (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 [servers, setServers] = (0, import_react2.useState)(null);
+  const [editor, setEditor] = (0, import_react2.useState)(null);
+  const [confirmId, setConfirmId] = (0, import_react2.useState)(null);
+  const [importOpen, setImportOpen] = (0, import_react2.useState)(false);
+  const [importItems, setImportItems] = (0, import_react2.useState)(null);
+  const [busy, setBusy] = (0, import_react2.useState)(false);
+  const [pending, setPending] = (0, import_react2.useState)(false);
+  const [restartConfirm, setRestartConfirm] = (0, import_react2.useState)(false);
+  const [restarting, setRestarting] = (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);
+  const [pasteJson, setPasteJson] = (0, import_react2.useState)("");
+  const [pasteError, setPasteError] = (0, import_react2.useState)(null);
   const openImport = async () => {
     setImportOpen(true);
     setImportItems(null);
@@ -187,7 +507,7 @@ function McpTab(props) {
     setReload((value) => value + 1);
     if (showPending) setPending(true);
   };
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     let current = true;
     void injected.list().then(
       (body) => {
@@ -206,10 +526,14 @@ function McpTab(props) {
   }, [injected, reload, t]);
   const openCreate = () => {
     setFormError(null);
+    setPasteError(null);
+    setPasteJson("");
     setEditor({ id: "", serverName: "", transport: "stdio", command: "", args: "", env: "", url: "", headers: "" });
   };
   const openEdit = (row) => {
     setFormError(null);
+    setPasteError(null);
+    setPasteJson("");
     setEditor({
       id: row.id,
       serverName: row.serverName,
@@ -221,6 +545,34 @@ function McpTab(props) {
       headers: mapToPairs(row.headers, ":")
     });
   };
+  const doPasteFill = () => {
+    if (editor === null || pasteJson.trim() === "") return;
+    const parsed = parseMcpJson(pasteJson);
+    if ("error" in parsed) {
+      setPasteError(parsed.error);
+      return;
+    }
+    const lockIdentity = editor.id !== "";
+    if (lockIdentity && parsed.transport !== editor.transport) {
+      setPasteError(t("pasteTransportMismatch"));
+      return;
+    }
+    setPasteError(null);
+    setFormError(null);
+    setEditor({
+      ...editor,
+      ...parsed.serverName !== void 0 && !lockIdentity ? { serverName: parsed.serverName } : {},
+      ...!lockIdentity ? { transport: parsed.transport } : {},
+      ...parsed.transport === "stdio" ? {
+        command: parsed.command ?? editor.command,
+        args: (parsed.args ?? []).join("\n"),
+        env: mapToPairs(parsed.env, "=")
+      } : {
+        url: parsed.url ?? editor.url,
+        headers: mapToPairs(parsed.headers, ":")
+      }
+    });
+  };
   const doSave = async () => {
     if (editor === null) return;
     setBusy(true);
@@ -295,67 +647,67 @@ function McpTab(props) {
     };
     window.setTimeout(poll, 3e3);
   };
-  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: restarting ? t("restarting") : t("restartNeeded") }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-bannerHint", children: restarting ? !injected.desktop && t("restartPortHint") : injected.desktop ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  const restartBanner = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-banner", "data-kind": "info", role: "status", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.StateDot, { state: "ongoing", size: 10 }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-bannerBody", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: restarting ? t("restarting") : t("restartNeeded") }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-bannerHint", children: restarting ? !injected.desktop && t("restartPortHint") : injected.desktop ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
         t("restartDesktopHint"),
         " ",
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "outline", size: "sm", onClick: () => setRestartConfirm(true), children: t("restartNow") })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "outline", size: "sm", onClick: () => setRestartConfirm(true), 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", disabled: restarting, onClick: () => setRestartConfirm(true), children: t("restart") }),
-      /* @__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") })
+  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.IconApiOutline14, { "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: t("mcpTitle") }),
+      /* @__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: restarting, onClick: () => setRestartConfirm(true), children: t("restart") }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "ghost", size: "sm", onClick: () => void openImport(), children: t("importServers") }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.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 }) })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-intro", children: t("mcpIntro") }),
+    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 }) })
     ] }),
     (pending || restarting) && 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" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-listHead", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { children: t("mcpTab") }),
+      servers !== null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-count", children: servers.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" }) })
     ] }),
-    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") })
+    servers === null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-empty", children: t("loading") }),
+    servers !== null && servers.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-empty", children: t("emptyMcp") }),
+    servers !== null && servers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "dpc-cards", children: servers.map((row) => /* @__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: row.id, children: row.serverName }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-tag", children: row.transport }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.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") })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-cardDesc", children: row.transport === "stdio" ? `${row.command ?? ""} ${(row.args ?? []).join(" ")}` : row.url ?? "" }),
+      /* @__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", size: "sm", disabled: busy, onClick: () => void doToggle(row), children: t("toggle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "ghost", size: "sm", disabled: busy, onClick: () => openEdit(row), children: t("edit") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.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,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_dsh_client_ui_primitives2.Modal,
       {
         open: editor !== null,
         onClose: () => setEditor(null),
         title: editor !== null && editor.id !== "" ? t("editServer") : t("addServer"),
         className: "dpc-modalForm",
         contentClassName: "dpc-modalScroll",
-        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)(
+        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("serverName") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "input",
               {
                 className: "dpc-input",
@@ -365,9 +717,9 @@ function McpTab(props) {
               }
             )
           ] }),
-          /* @__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)(
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dpc-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("transport") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
               "select",
               {
                 className: "dpc-select",
@@ -375,91 +727,126 @@ function McpTab(props) {
                 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") })
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "stdio", children: t("transportStdio") }),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.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 }) })
+          editor.transport === "stdio" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dpc-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("command") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsxs)("label", { className: "dpc-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("args") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsxs)("label", { className: "dpc-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("envPairs") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dpc-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("url") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.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 }) })
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dpc-label", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("headersPairs") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("textarea", { className: "dpc-textarea", "data-short": "true", value: editor.headers, onChange: (event) => setEditor({ ...editor, headers: event.target.value }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("details", { className: "dpc-format", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("summary", { children: t("formatTitle") }),
+            /* @__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("formatPaste") }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "textarea",
+                  {
+                    className: "dpc-textarea",
+                    "data-short": "true",
+                    placeholder: '{\n  "mcpServers": { "name": { "command": "npx", "args": ["\u2026"] } } }\n',
+                    value: pasteJson,
+                    onChange: (event) => setPasteJson(event.target.value)
+                  }
+                )
+              ] }),
+              pasteError !== null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-formError", children: pasteError }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "dpc-cardRow", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "outline", size: "sm", disabled: pasteJson.trim() === "", onClick: doPasteFill, children: t("formatFill") }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-formatHint", children: t("formatYamlHint") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { className: "dpc-code", children: mcpRowYaml({
+                serverName: editor.serverName,
+                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, ":")
+                }
+              }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-formatHint", children: t("formatJsonHint") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("pre", { className: "dpc-code", children: mcpJsonExample(editor.transport) })
             ] })
           ] }),
-          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") })
+          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: t("cancel") }),
+            /* @__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_runtime.jsx)(
-      import_dsh_client_ui_primitives.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_dsh_client_ui_primitives2.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") })
+        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: () => setConfirmId(null), children: t("cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "primary", disabled: busy, onClick: () => void doRemove(), children: t("delete") })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: t("removeWarn") })
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: t("removeWarn") })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_dsh_client_ui_primitives.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_dsh_client_ui_primitives2.Modal,
       {
         open: restartConfirm,
         onClose: () => setRestartConfirm(false),
         title: t("restartConfirmTitle"),
-        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: () => setRestartConfirm(false), children: t("cancel") }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dsh_client_ui_primitives.Button, { variant: "primary", onClick: doRestart, children: t("restartNow") })
+        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: () => setRestartConfirm(false), children: t("cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives2.Button, { variant: "primary", onClick: doRestart, children: t("restartNow") })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: t("restartConfirmBody") })
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: t("restartConfirmBody") })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_dsh_client_ui_primitives.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_dsh_client_ui_primitives2.Modal,
       {
         open: importOpen,
         onClose: () => setImportOpen(false),
         title: t("importServers"),
         className: "dpc-modalWide",
-        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)("div", { className: "dpc-importScroll", children: importGroups(importItems).map((group) => {
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-form", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-intro", style: { margin: 0 }, children: t("importIntro") }),
+          importItems === null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-empty", children: t("loading") }),
+          importItems !== null && importItems.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-empty", children: t("importEmpty") }),
+          importItems !== null && importItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "dpc-importScroll", children: importGroups(importItems).map((group) => {
             const selectable = group.items.filter(({ item }) => !item.existing).map(({ index }) => index);
             const allChecked = selectable.length > 0 && selectable.every((index) => importItems[index].checked);
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: "dpc-importGroup", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "dpc-importHead", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-tag", "data-kind": "source", children: group.label }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dpc-importCount", children: group.items.length }),
-                selectable.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "dpc-importAll", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: "dpc-importGroup", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-importHead", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-tag", "data-kind": "source", children: group.label }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-importCount", children: group.items.length }),
+                selectable.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "dpc-importAll", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     "input",
                     {
                       type: "checkbox",
@@ -474,12 +861,12 @@ function McpTab(props) {
                   t("importSelectAll")
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "dpc-cards", style: { gridTemplateColumns: "minmax(0, 1fr)" }, children: group.items.map(({ item, index }) => {
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ul", { className: "dpc-cards", style: { gridTemplateColumns: "minmax(0, 1fr)" }, children: group.items.map(({ item, index }) => {
                 const command = item.server.transport === "stdio" ? `${item.server.command ?? ""} ${(item.server.args ?? []).join(" ")}`.trim() : item.server.url ?? "";
-                return /* @__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)(
+                return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "dpc-card", style: { opacity: item.existing ? 0.55 : 1 }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "dpc-cardTop", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { style: { display: "inline-flex", alignItems: "center", gap: 8, minWidth: 0, cursor: item.existing ? "default" : "pointer" }, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                         "input",
                         {
                           type: "checkbox",
@@ -492,22 +879,22 @@ function McpTab(props) {
                           }
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { className: "dpc-cardTitle", title: item.server.name, children: item.server.name })
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { className: "dpc-cardTitle", title: item.server.name, children: item.server.name })
                     ] }),
-                    /* @__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_runtime2.jsx)("span", { className: "dpc-tag", children: item.server.transport }),
+                    item.existing && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "dpc-tag", children: t("importExisting") })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "dpc-cardDesc", title: command, children: command })
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "dpc-cardDesc", title: command, children: command })
                 ] }, `${item.server.agent}/${item.server.name}`);
               }) })
             ] }, group.agent);
           }) }),
-          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,
+          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: () => setImportOpen(false), children: t("cancel") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_dsh_client_ui_primitives2.Button,
               {
                 variant: "primary",
                 disabled: busy || importItems === null || !importItems.some((item) => item.checked && !item.existing),
@@ -523,9 +910,9 @@ function McpTab(props) {
 }
 
 // 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 import_react3 = require("react");
+var import_dsh_client_ui_primitives3 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var SOURCE_KEYS = {
   "project-dsh": "sourceProjectDsh",
   "project-agents": "sourceProjectAgents",
@@ -535,16 +922,29 @@ var SOURCE_KEYS = {
   bundled: "sourceBundled",
   custom: "sourceCustom"
 };
+function policyTag(skill) {
+  const { modelInvocable, userInvocable } = skill.invocation;
+  if (!modelInvocable && !userInvocable) return { key: "skillDisabled", off: true };
+  if (!modelInvocable) return { key: "skillUserOnly", off: false };
+  if (!userInvocable) return { key: "skillModelOnly", off: false };
+  return { off: false };
+}
 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)(() => {
+  const [skills, setSkills] = (0, import_react3.useState)(null);
+  const [editor, setEditor] = (0, import_react3.useState)(null);
+  const [confirmName, setConfirmName] = (0, import_react3.useState)(null);
+  const [busy, setBusy] = (0, import_react3.useState)(false);
+  const [outcome, setOutcome] = (0, import_react3.useState)(null);
+  const [formError, setFormError] = (0, import_react3.useState)(null);
+  const [reload, setReload] = (0, import_react3.useState)(0);
+  const [query, setQuery] = (0, import_react3.useState)("");
+  const [sourceFilter, setSourceFilter] = (0, import_react3.useState)("all");
+  const [roots, setRoots] = (0, import_react3.useState)(null);
+  const [addRoot, setAddRoot] = (0, import_react3.useState)(null);
+  const [rootBusy, setRootBusy] = (0, import_react3.useState)(false);
+  const [confirmRootId, setConfirmRootId] = (0, import_react3.useState)(null);
+  (0, import_react3.useEffect)(() => {
     let current = true;
     void injected.list().then(
       (body) => {
@@ -557,6 +957,14 @@ function SkillsTab(props) {
         }
       }
     );
+    void injected.roots().then(
+      (body) => {
+        if (current) setRoots(body.roots);
+      },
+      () => {
+        if (current) setRoots([]);
+      }
+    );
     return () => {
       current = false;
     };
@@ -639,54 +1047,225 @@ function SkillsTab(props) {
       setConfirmName(null);
     }
   };
+  const doToggle = async (skill) => {
+    const enabled = skill.invocation.modelInvocable || skill.invocation.userInvocable;
+    setBusy(true);
+    try {
+      await injected.policy(skill.name, !enabled);
+      setOutcome({ ok: true, text: !enabled ? t("skillEnabled") : t("skillDisabledMsg") });
+      refreshUntil((list) => {
+        const row = list.find((item) => item.name === skill.name);
+        return row !== void 0 && row.invocation.modelInvocable === !enabled && row.invocation.userInvocable === !enabled;
+      });
+    } catch (error) {
+      setOutcome({ ok: false, text: `${t("failed")}: ${String(error instanceof Error ? error.message : error)}` });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const doOpen = async (target) => {
+    try {
+      await injected.open(target);
+    } catch (error) {
+      setOutcome({ ok: false, text: `${t("failed")}: ${String(error instanceof Error ? error.message : error)}` });
+    }
+  };
+  const doAddRoot = async () => {
+    if (addRoot === null || addRoot.value.trim() === "") return;
+    setRootBusy(true);
+    setFormError(null);
+    try {
+      await injected.addRoot(addRoot.kind === "local" ? { kind: "local", path: addRoot.value.trim() } : { kind: "git", url: addRoot.value.trim() });
+      setOutcome({ ok: true, text: t("rootAdded") });
+      setAddRoot(null);
+      void injected.roots().then(
+        (body) => setRoots(body.roots),
+        () => setRoots([])
+      );
+      for (let tick = 0; tick < 4; tick++) {
+        await new Promise((resolve) => setTimeout(resolve, 1500));
+        void injected.list().then(
+          (body) => setSkills(body.skills),
+          () => void 0
+        );
+      }
+    } catch (error) {
+      setFormError(String(error instanceof Error ? error.message : error));
+    } finally {
+      setRootBusy(false);
+    }
+  };
+  const doRemoveRoot = async () => {
+    if (confirmRootId === null) return;
+    setRootBusy(true);
+    try {
+      await injected.removeRoot(confirmRootId);
+      setOutcome({ ok: true, text: t("rootRemoved") });
+      setRoots(null);
+      void injected.roots().then(
+        (body) => setRoots(body.roots),
+        () => setRoots([])
+      );
+      setReload((value) => value + 1);
+    } catch (error) {
+      setOutcome({ ok: false, text: `${t("failed")}: ${String(error instanceof Error ? error.message : error)}` });
+    } finally {
+      setRootBusy(false);
+      setConfirmRootId(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") })
+  const needle = query.trim().toLowerCase();
+  const filtered = skills === null ? [] : skills.filter((skill) => (sourceFilter === "all" || skill.source === sourceFilter) && (needle === "" || skill.name.toLowerCase().includes(needle) || skill.description.toLowerCase().includes(needle)));
+  const sources = skills === null ? [] : [...new Set(skills.map((skill) => skill.source))];
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dpc-section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { children: CSS }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dpc-head", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.IconSkillOutline16, { "aria-hidden": "true" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: t("skillsTitle") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dpc-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", size: "sm", onClick: () => void doOpen({ target: "user-skills" }), children: t("openUserSkills") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.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_runtime3.jsx)("p", { className: "dpc-intro", children: t("skillsIntro") }),
+    outcome !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dpc-banner", "data-kind": outcome.ok ? "ok" : "error", role: "status", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.StateDot, { state: outcome.ok ? "done" : "error", size: 10 }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dpc-bannerBody", children: /* @__PURE__ */ (0, import_jsx_runtime3.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" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dpc-listHead", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: t("skillsTab") }),
+      skills !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "dpc-count", children: [
+        filtered.length,
+        "/",
+        skills.length
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dpc-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "input",
+        {
+          className: "dpc-search",
+          type: "search",
+          placeholder: t("searchSkills"),
+          "aria-label": t("searchSkills"),
+          value: query,
+          onChange: (event) => setQuery(event.target.value)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "dpc-refresh", "aria-label": t("refresh"), title: t("refresh"), disabled: busy, onClick: () => setReload((value) => value + 1), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.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") })
+    sources.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dpc-chips", role: "group", "aria-label": t("source"), children: [{ id: "all", label: t("filterAll") }, ...sources.map((source) => ({ id: source, label: t(SOURCE_KEYS[source] ?? "sourceCustom") }))].map((chip) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "dpc-chip",
+        "data-active": sourceFilter === chip.id ? "true" : void 0,
+        onClick: () => setSourceFilter(chip.id),
+        children: chip.label
+      },
+      chip.id
+    )) }),
+    skills === null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "dpc-empty", children: t("loading") }),
+    skills !== null && filtered.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "dpc-empty", children: skills.length === 0 ? t("emptySkills") : t("noMatch") }),
+    skills !== null && filtered.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "dpc-cards", children: filtered.map((skill) => {
+      const tag = policyTag(skill);
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { className: "dpc-card", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dpc-cardTop", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { className: "dpc-cardTitle", title: skill.name, children: skill.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dpc-tag", "data-kind": "source", children: t(SOURCE_KEYS[skill.source] ?? "sourceCustom") }),
+          tag.key !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dpc-tag", "data-kind": tag.off ? "off" : void 0, children: t(tag.key) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "dpc-cardDesc", title: skill.description, children: skill.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dpc-cardRow", children: [
+          skill.policyEditable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "dpc-switch",
+              role: "switch",
+              "aria-checked": skill.invocation.modelInvocable || skill.invocation.userInvocable,
+              "aria-label": t("toggleSkill"),
+              title: t("toggleSkillHint"),
+              disabled: busy,
+              onClick: () => void doToggle(skill),
+              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dpc-switchKnob" })
+            }
+          ),
+          skill.dir !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "dpc-link", onClick: () => void doOpen({ target: "skill", name: skill.name }), children: t("openFolder") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dpc-spacer" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", size: "sm", disabled: busy, onClick: () => void openExisting(skill), children: skill.editable ? t("edit") : t("view") }),
+          skill.editable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", size: "sm", disabled: busy, onClick: () => setConfirmName(skill.name), children: t("delete") })
+        ] })
+      ] }, `${skill.source}/${skill.name}`);
+    }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dpc-listHead dpc-rootsHead", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: t("rootsTitle") }),
+      roots !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dpc-count", children: roots.length }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dpc-spacer" }),
+      addRoot === null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", size: "sm", onClick: () => setAddRoot({ kind: "git", value: "" }), children: t("addRoot") })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "dpc-intro", children: t("rootsIntro") }),
+    roots === null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "dpc-empty", children: t("loading") }),
+    roots !== null && roots.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "dpc-empty", children: t("emptyRoots") }),
+    roots !== null && roots.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { className: "dpc-roots", children: roots.map((root) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("li", { className: "dpc-root", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dpc-tag", "data-kind": "source", children: root.kind === "git" ? "GitHub" : t("rootLocal") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { className: "dpc-rootLabel", title: root.kind === "git" ? root.url : root.path, children: root.label }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dpc-rootPath", children: root.kind === "git" ? root.url : root.path }),
+      !root.live && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dpc-tag", "data-kind": "off", children: t("rootStale") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dpc-spacer" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "dpc-link", onClick: () => void doOpen({ target: "root", id: root.id }), children: t("openFolder") }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", size: "sm", disabled: rootBusy, onClick: () => setConfirmRootId(root.id), children: t("delete") })
+    ] }, root.id)) }),
+    addRoot !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dpc-form dpc-addRoot", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dpc-addRootRow", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          "select",
+          {
+            className: "dpc-select",
+            "aria-label": t("rootKind"),
+            value: addRoot.kind,
+            onChange: (event) => setAddRoot({ ...addRoot, kind: event.target.value }),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "git", children: "GitHub" }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "local", children: t("rootLocal") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "input",
+          {
+            className: "dpc-input",
+            type: "text",
+            placeholder: addRoot.kind === "git" ? "https://github.com/anthropics/skills" : t("rootLocalPlaceholder"),
+            "aria-label": t("rootPlaceholder"),
+            value: addRoot.value,
+            autoFocus: true,
+            onChange: (event) => setAddRoot({ ...addRoot, value: event.target.value }),
+            onKeyDown: (event) => {
+              if (event.key === "Enter") void doAddRoot();
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "primary", size: "sm", disabled: rootBusy || addRoot.value.trim() === "", onClick: () => void doAddRoot(), children: t("add") }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", size: "sm", disabled: rootBusy, onClick: () => {
+          setAddRoot(null);
+          setFormError(null);
+        }, children: t("cancel") })
       ] }),
-      /* @__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,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "dpc-intro", children: addRoot.kind === "git" ? t("rootGitHint") : t("rootLocalHint") }),
+      formError !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "dpc-formError", children: formError })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_dsh_client_ui_primitives3.Modal,
       {
         open: editor !== null,
         onClose: () => setEditor(null),
         title: editor === null ? "" : editor.mode === "create" ? t("newSkill") : editor.mode === "edit" ? t("editSkill") : t("viewSkill"),
         className: "dpc-modalForm",
         contentClassName: "dpc-modalScroll",
-        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)(
+        children: editor !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dpc-form", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "dpc-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: t("skillName") }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "input",
               {
                 className: "dpc-input",
@@ -696,9 +1275,9 @@ function SkillsTab(props) {
               }
             )
           ] }),
-          /* @__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)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "dpc-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: t("skillDescription") }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "input",
               {
                 className: "dpc-input",
@@ -708,9 +1287,9 @@ function SkillsTab(props) {
               }
             )
           ] }),
-          /* @__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)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "dpc-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: t("skillWhenToUse") }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "input",
               {
                 className: "dpc-input",
@@ -720,9 +1299,9 @@ function SkillsTab(props) {
               }
             )
           ] }),
-          /* @__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)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dpc-checks", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "input",
                 {
                   type: "checkbox",
@@ -733,8 +1312,8 @@ function SkillsTab(props) {
               ),
               t("modelInvocable")
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
                 "input",
                 {
                   type: "checkbox",
@@ -746,9 +1325,9 @@ function SkillsTab(props) {
               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)(
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { className: "dpc-label", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: t("skillContent") }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
               "textarea",
               {
                 className: "dpc-textarea",
@@ -758,56 +1337,71 @@ function SkillsTab(props) {
               }
             )
           ] }),
-          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") })
+          formError !== null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "dpc-formError", children: formError }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dpc-cardRow", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "dpc-spacer" }),
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", onClick: () => setEditor(null), children: readOnly ? t("close") : t("cancel") }),
+            !readOnly && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "primary", disabled: busy, onClick: () => void doSave(), children: t("save") })
           ] })
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_dsh_client_ui_primitives2.Modal,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_dsh_client_ui_primitives3.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") })
+        footer: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", onClick: () => setConfirmName(null), children: t("cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "primary", disabled: busy, onClick: () => void doDelete(), children: t("delete") })
+        ] }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: t("deleteWarn") })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_dsh_client_ui_primitives3.Modal,
+      {
+        open: confirmRootId !== null,
+        onClose: () => setConfirmRootId(null),
+        title: t("confirmRemoveRoot"),
+        description: roots?.find((root) => root.id === confirmRootId)?.label ?? void 0,
+        footer: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "ghost", onClick: () => setConfirmRootId(null), children: t("cancel") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives3.Button, { variant: "primary", disabled: rootBusy, onClick: () => void doRemoveRoot(), children: t("delete") })
         ] }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: t("deleteWarn") })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: t("removeRootWarn") })
       }
     )
   ] });
 }
 
 // src/client/CapabilitiesSection.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function CapabilitiesSection(props) {
-  const { t, skills, mcp } = props;
-  const tabsId = (0, import_react3.useId)();
-  const tabRefs = (0, import_react3.useRef)([]);
+  const { t, skills, mcp, market } = props;
+  const tabsId = (0, import_react4.useId)();
+  const tabRefs = (0, import_react4.useRef)([]);
   const rows = [
     { id: "skills", label: t("skillsTab") },
-    { id: "mcp", label: t("mcpTab") }
+    { id: "mcp", label: t("mcpTab") },
+    { id: "market", label: t("marketTab") }
   ];
-  const [activeId, setActiveId] = (0, import_react3.useState)("skills");
-  const [visitedIds, setVisitedIds] = (0, import_react3.useState)(() => /* @__PURE__ */ new Set(["skills"]));
-  (0, import_react3.useEffect)(() => {
+  const [activeId, setActiveId] = (0, import_react4.useState)("skills");
+  const [visitedIds, setVisitedIds] = (0, import_react4.useState)(() => /* @__PURE__ */ new Set(["skills"]));
+  (0, import_react4.useEffect)(() => {
     setVisitedIds((previous) => {
       if (previous.has(activeId)) return previous;
       return /* @__PURE__ */ new Set([...previous, activeId]);
     });
   }, [activeId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "dpc-section", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("style", { children: CSS }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { className: "dpc-heading", children: t("sectionNav") }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dpc-tabs", role: "tablist", "aria-label": t("sectionNav"), children: rows.map((row, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dpc-section", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("style", { children: CSS }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { className: "dpc-heading", children: t("sectionNav") }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dpc-tabs", role: "tablist", "aria-label": t("sectionNav"), children: rows.map((row, index) => {
       const selected = row.id === activeId;
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "button",
         {
           ref: (element) => {
@@ -853,7 +1447,7 @@ function CapabilitiesSection(props) {
     }) }),
     rows.filter((row) => row.id === activeId || visitedIds.has(row.id)).map((row) => {
       const selected = row.id === activeId;
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         "div",
         {
           id: `${tabsId}-panel-${row.id}`,
@@ -861,7 +1455,7 @@ function CapabilitiesSection(props) {
           role: "tabpanel",
           "aria-labelledby": `${tabsId}-tab-${row.id}`,
           hidden: !selected,
-          children: row.id === "skills" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SkillsTab, { t, injected: skills }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(McpTab, { t, injected: mcp })
+          children: row.id === "skills" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SkillsTab, { t, injected: skills }) : row.id === "mcp" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(McpTab, { t, injected: mcp }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(MarketTab, { t, market, mcp })
         },
         row.id
       );
@@ -874,8 +1468,9 @@ var zh = {
   sectionNav: "\u6280\u80FD\u4E0E MCP",
   skillsTab: "\u6280\u80FD",
   mcpTab: "MCP",
+  marketTab: "\u5E02\u573A",
   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",
+  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\u5361\u7247\u4E0A\u7684\u5F00\u5173\u63A7\u5236\u662F\u5426\u52A0\u8F7D\uFF1A\u505C\u7528\u5373\u4ECE\u6A21\u578B\u4E0E\u7528\u6237\u76EE\u5F55\u540C\u65F6\u6458\u9664\uFF0C\u5F00\u542F\u6062\u590D\u9ED8\u8BA4\u3002",
   newSkill: "\u65B0\u5EFA\u6280\u80FD",
   editSkill: "\u7F16\u8F91\u6280\u80FD",
   viewSkill: "\u67E5\u770B\u6280\u80FD",
@@ -905,6 +1500,35 @@ var zh = {
   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",
+  searchSkills: "\u641C\u7D22\u6280\u80FD\u540D\u79F0\u6216\u63CF\u8FF0",
+  filterAll: "\u5168\u90E8",
+  noMatch: "\u6CA1\u6709\u5339\u914D\u7684\u6280\u80FD",
+  refresh: "\u5237\u65B0",
+  skillDisabled: "\u5DF2\u505C\u7528",
+  skillUserOnly: "\u4EC5\u7528\u6237\u53EF\u7528",
+  skillModelOnly: "\u4EC5\u6A21\u578B\u53EF\u7528",
+  skillEnabled: "\u5DF2\u542F\u7528\uFF0C\u7A0D\u5019\u5728\u5217\u8868\u4E2D\u751F\u6548\u3002",
+  skillDisabledMsg: "\u5DF2\u505C\u7528\uFF1A\u6A21\u578B\u4E0E / \u547D\u4EE4\u90FD\u4E0D\u4F1A\u518D\u52A0\u8F7D\u5B83\u3002",
+  toggleSkill: "\u5207\u6362\u6280\u80FD\u52A0\u8F7D",
+  toggleSkillHint: "\u505C\u7528\u4F1A\u5728\u8BE5\u6280\u80FD\u7684 SKILL.md \u91CC\u5199\u5165 disable-model-invocation \u4E0E user-invocable\uFF0C\u540C\u65F6\u4ECE\u6A21\u578B\u4E0E\u7528\u6237\u76EE\u5F55\u6458\u9664\uFF1B\u5F00\u542F\u5219\u6062\u590D\u9ED8\u8BA4\u7B56\u7565\u3002\u6587\u4EF6\u5176\u4F59\u5185\u5BB9\u4E0D\u53D8\u3002",
+  openFolder: "\u6253\u5F00\u76EE\u5F55",
+  openUserSkills: "\u6253\u5F00\u6280\u80FD\u76EE\u5F55",
+  rootsTitle: "\u6280\u80FD\u4ED3\u5E93",
+  rootsIntro: "\u624B\u52A8\u6DFB\u52A0\u6280\u80FD\u4ED3\u5E93\uFF1A\u672C\u5730\u76EE\u5F55\u76F4\u63A5\u626B\u63CF\uFF08\u96F6\u62F7\u8D1D\uFF09\uFF0CGitHub \u4ED3\u5E93\u4E0B\u8F7D\u538B\u7F29\u5305\u540E\u89E3\u5305\u5230 DSH_HOME \u5185\uFF08\u65E0\u9700\u5B89\u88C5 git\uFF09\u3002\u4E5F\u53EF\u4EE5\u5728\u300C\u5E02\u573A\u300D\u9875\u4E00\u952E\u5B89\u88C5\u7CBE\u9009\u4ED3\u5E93\u3002",
+  emptyRoots: "\u8FD8\u6CA1\u6709\u6DFB\u52A0\u81EA\u5B9A\u4E49\u6280\u80FD\u4ED3\u5E93",
+  addRoot: "\u6DFB\u52A0\u4ED3\u5E93",
+  rootLocal: "\u672C\u5730",
+  rootLocalPlaceholder: "D:\\path\\to\\skills",
+  rootKind: "\u4ED3\u5E93\u7C7B\u578B",
+  rootPlaceholder: "\u4ED3\u5E93\u5730\u5740",
+  add: "\u6DFB\u52A0",
+  rootAdded: "\u4ED3\u5E93\u5DF2\u6DFB\u52A0\uFF0C\u76EE\u5F55\u5B9E\u65F6\u751F\u6548\u3002",
+  rootRemoved: "\u4ED3\u5E93\u5DF2\u79FB\u9664\u3002",
+  rootStale: "\u76EE\u5F55\u7F3A\u5931",
+  rootGitHint: "\u652F\u6301 https://github.com/owner/repo\u3001owner/repo\uFF0C\u53EF\u7528 #\u5206\u652F \u6216 /tree/\u5206\u652F \u6307\u5B9A\u7248\u672C\u3002",
+  rootLocalHint: "\u6307\u5411\u4E00\u4E2A\u6280\u80FD\u76EE\u5F55\uFF08\u5185\u542B SKILL.md\uFF09\u6216\u88C5\u7740\u591A\u4E2A\u6280\u80FD\u76EE\u5F55\u7684\u6587\u4EF6\u5939\u3002",
+  confirmRemoveRoot: "\u786E\u8BA4\u79FB\u9664\u8BE5\u4ED3\u5E93\uFF1F",
+  removeRootWarn: "\u5C06\u53D6\u6D88\u626B\u63CF\u8BE5\u4ED3\u5E93\u5E76\u5220\u9664\u4E0B\u8F7D\u5230 DSH_HOME \u7684\u526F\u672C\uFF08\u672C\u5730\u76EE\u5F55\u672C\u8EAB\u4E0D\u53D7\u5F71\u54CD\uFF09\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",
@@ -939,14 +1563,40 @@ var zh = {
   restartConfirmBody: "\u91CD\u542F\u4F1A\u4E2D\u65AD\u6B63\u5728\u8FDB\u884C\u7684\u56DE\u5408\uFF0C\u672A\u4FDD\u5B58\u7684\u8F93\u5165\u53EF\u80FD\u4E22\u5931\uFF1BMCP \u884C\u7684\u53D8\u66F4\u5C06\u5728\u91CD\u542F\u540E\u751F\u6548\u3002",
   restarting: "\u6B63\u5728\u91CD\u542F\uFF0C\u6062\u590D\u540E\u5C06\u81EA\u52A8\u5237\u65B0\u9875\u9762\u2026",
   restartPortHint: "\u82E5\u91CD\u542F\u540E\u9875\u9762\u957F\u65F6\u95F4\u672A\u6062\u590D\uFF0C\u53EF\u80FD\u662F\u7AEF\u53E3\u5DF2\u53D8\u5316\uFF1A\u5728\u7EC8\u7AEF\u67E5\u770B\u65B0\u5730\u5740\u540E\u6253\u5F00\u3002",
-  failed: "\u64CD\u4F5C\u5931\u8D25"
+  failed: "\u64CD\u4F5C\u5931\u8D25",
+  formatTitle: "\u5B8C\u6574\u683C\u5F0F\u4E0E\u5FEB\u901F\u586B\u5145",
+  formatPaste: "\u7C98\u8D34 JSON \u914D\u7F6E\uFF08mcpServers \u5305\u88C5\u6216\u5355\u6761\u76EE\u5747\u53EF\uFF09",
+  formatFill: "\u89E3\u6790\u5E76\u586B\u5145\u8868\u5355",
+  formatYamlHint: "\u4FDD\u5B58\u540E\u5C06\u5199\u5165 profile patch \u7684\u5B8C\u6574\u884C\uFF08\u5B9E\u65F6\u9884\u89C8\uFF09\uFF1A",
+  formatJsonHint: "\u7B49\u4EF7\u7684 mcpServers JSON \u5199\u6CD5\uFF08\u53EF\u7C98\u8D34\u5230\u5176\u4ED6\u5DE5\u5177\uFF09\uFF1A",
+  pasteTransportMismatch: "\u8BE5\u884C\u7684\u4F20\u8F93\u65B9\u5F0F\u5DF2\u9501\u5B9A\uFF0C\u4E0E\u7C98\u8D34\u914D\u7F6E\u7684\u7C7B\u578B\u4E0D\u4E00\u81F4\u3002",
+  marketTitle: "\u5E02\u573A",
+  marketIntro: "\u7CBE\u9009\u7684\u6280\u80FD\u4ED3\u5E93\u4E0E MCP \u670D\u52A1\u5668\uFF0C\u4E00\u952E\u5B89\u88C5\u3002\u5217\u8868\u6765\u81EA\u63D2\u4EF6\u4ED3\u5E93\u7684\u5728\u7EBF\u7D22\u5F15\uFF0C\u79BB\u7EBF\u65F6\u56DE\u9000\u5230\u5305\u5185\u5FEB\u7167\u3002",
+  marketSkills: "\u6280\u80FD\u5E02\u573A",
+  marketMcp: "MCP \u5E02\u573A",
+  marketSkillsIntro: "\u5B89\u88C5\u6280\u80FD\u4ED3\u5E93\uFF08GitHub \u4E0B\u8F7D\u89E3\u5305\uFF0C\u5B9E\u65F6\u8FDB\u5165\u626B\u63CF\u76EE\u5F55\uFF09\uFF1B\u5DF2\u5B89\u88C5\u7684\u4ED3\u5E93\u53EF\u5728\u300C\u6280\u80FD\u300D\u9875\u7BA1\u7406\u3002",
+  marketMcpIntro: "\u6DFB\u52A0 MCP \u670D\u52A1\u5668\u884C\uFF08\u4E0E\u300CMCP\u300D\u9875\u540C\u4E00\u5B58\u50A8\uFF0C\u6DFB\u52A0\u540E\u9700\u91CD\u542F\u751F\u6548\uFF09\uFF1B\u9700\u8981\u5BC6\u94A5\u7684\u670D\u52A1\u5728\u5B89\u88C5\u540E\u4E8E\u5217\u8868\u4E2D\u8865\u586B\u73AF\u5883\u53D8\u91CF\u3002",
+  marketEmpty: "\u5E02\u573A\u5217\u8868\u4E3A\u7A7A\u6216\u4E0D\u53EF\u7528",
+  marketOffline: "\u5728\u7EBF\u7D22\u5F15\u4E0D\u53EF\u8FBE\uFF0C\u5F53\u524D\u5C55\u793A\u5305\u5185\u5FEB\u7167\uFF08\u53EF\u80FD\u4E0E\u6700\u65B0\u5217\u8868\u6709\u5DEE\u5F02\uFF09\u3002",
+  marketSkillCount: "{n} \u4E2A\u6280\u80FD",
+  marketInstall: "\u5B89\u88C5",
+  marketAdd: "\u6DFB\u52A0",
+  marketInstalling: "\u8FDB\u884C\u4E2D\u2026",
+  marketInstalled: "\u5DF2\u5B89\u88C5",
+  marketUninstall: "\u79FB\u9664",
+  marketHome: "\u4E3B\u9875",
+  marketNeedsEnv: "\u9700\u8981\u73AF\u5883\u53D8\u91CF",
+  marketRepoInstalled: "\u4ED3\u5E93\u5DF2\u5B89\u88C5\uFF0C\u6280\u80FD\u7A0D\u5019\u51FA\u73B0\u5728\u300C\u6280\u80FD\u300D\u9875\u5217\u8868\u3002",
+  marketUninstallConfirm: "\u786E\u8BA4\u79FB\u9664\uFF1F",
+  marketUninstallRootWarn: "\u5C06\u53D6\u6D88\u626B\u63CF\u8BE5\u4ED3\u5E93\u5E76\u5220\u9664\u4E0B\u8F7D\u7684\u526F\u672C\uFF08\u79FB\u9664\u540E\u53EF\u91CD\u65B0\u5B89\u88C5\uFF09\u3002"
 };
 var en = {
   sectionNav: "Skills & MCP",
   skillsTab: "Skills",
   mcpTab: "MCP",
+  marketTab: "Market",
   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).",
+  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). The switch on each card toggles loading: disabling removes the skill from both the model and user catalogs; enabling restores the default policy.",
   newSkill: "New skill",
   editSkill: "Edit skill",
   viewSkill: "View skill",
@@ -976,6 +1626,35 @@ var en = {
   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.",
+  searchSkills: "Search name or description",
+  filterAll: "All",
+  noMatch: "No skills match",
+  refresh: "Refresh",
+  skillDisabled: "disabled",
+  skillUserOnly: "user-only",
+  skillModelOnly: "model-only",
+  skillEnabled: "Enabled \u2014 the list reflects it shortly.",
+  skillDisabledMsg: "Disabled: neither the model nor / commands will load it.",
+  toggleSkill: "Toggle skill loading",
+  toggleSkillHint: "Disabling writes disable-model-invocation and user-invocable into the skill\u2019s SKILL.md, removing it from both catalogs; enabling restores the default policy. The rest of the file is untouched.",
+  openFolder: "Open folder",
+  openUserSkills: "Open skills folder",
+  rootsTitle: "Skill repositories",
+  rootsIntro: "Add skill repositories by hand: local folders are scanned in place (zero-copy), GitHub repos arrive as a downloaded copy inside DSH_HOME (no git needed). The Market tab offers curated repos with one click.",
+  emptyRoots: "No custom skill repositories yet",
+  addRoot: "Add repository",
+  rootLocal: "Local",
+  rootLocalPlaceholder: "D:\\path\\to\\skills",
+  rootKind: "Repository type",
+  rootPlaceholder: "Repository address",
+  add: "Add",
+  rootAdded: "Repository added \u2014 the catalog follows live.",
+  rootRemoved: "Repository removed.",
+  rootStale: "missing",
+  rootGitHint: "Accepts https://github.com/owner/repo and owner/repo; pick a version with #branch or /tree/branch.",
+  rootLocalHint: "Point at one skill folder (with SKILL.md) or a folder of skill folders.",
+  confirmRemoveRoot: "Remove this repository?",
+  removeRootWarn: "Stops scanning the repository and deletes the copy downloaded into DSH_HOME (a local folder itself is untouched).",
   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",
@@ -1010,7 +1689,32 @@ var en = {
   restartConfirmBody: "Restarting interrupts any running turn and may lose unsaved input; pending MCP changes apply after the restart.",
   restarting: "Restarting \u2014 the page will reload once the host is back\u2026",
   restartPortHint: "If the page does not recover, the port may have changed: check the terminal for the new URL.",
-  failed: "Operation failed"
+  failed: "Operation failed",
+  formatTitle: "Full format & quick fill",
+  formatPaste: "Paste a JSON config (mcpServers wrapper or a bare entry)",
+  formatFill: "Parse and fill the form",
+  formatYamlHint: "The complete row as it will land in the profile patch (live preview):",
+  formatJsonHint: "Equivalent mcpServers JSON (paste-ready for other tools):",
+  pasteTransportMismatch: "This row\u2019s transport is locked and differs from the pasted config.",
+  marketTitle: "Market",
+  marketIntro: "Curated skill repositories and MCP servers, installable with one click. The list comes from the plugin repository\u2019s online index, falling back to the bundled snapshot offline.",
+  marketSkills: "Skills market",
+  marketMcp: "MCP market",
+  marketSkillsIntro: "Installs skill repositories (GitHub download, live catalog); manage installed ones on the Skills tab.",
+  marketMcpIntro: "Adds MCP server rows (same storage as the MCP tab; restart to apply). Servers needing keys get their environment filled in on the row after install.",
+  marketEmpty: "Market list is empty or unavailable",
+  marketOffline: "Online index unreachable \u2014 showing the bundled snapshot, which may lag behind.",
+  marketSkillCount: "{n} skills",
+  marketInstall: "Install",
+  marketAdd: "Add",
+  marketInstalling: "Working\u2026",
+  marketInstalled: "installed",
+  marketUninstall: "Uninstall",
+  marketHome: "Homepage",
+  marketNeedsEnv: "Needs environment variables",
+  marketRepoInstalled: "Repository installed \u2014 its skills appear on the Skills tab shortly.",
+  marketUninstallConfirm: "Uninstall?",
+  marketUninstallRootWarn: "Stops scanning the repository and deletes the downloaded copy (you can reinstall later)."
 };
 
 // src/client/index.ts
@@ -1031,7 +1735,12 @@ function apply(ctx) {
     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 })
+    remove: (name2) => post("/dsh-plugin-capabilities/skill/delete", { name: name2 }),
+    policy: (name2, enabled) => post("/dsh-plugin-capabilities/skill/policy", { name: name2, enabled }),
+    open: (target) => post("/dsh-plugin-capabilities/open", target),
+    roots: () => fetchJson("/dsh-plugin-capabilities/roots"),
+    addRoot: (input) => post("/dsh-plugin-capabilities/roots/add", input),
+    removeRoot: (id) => post("/dsh-plugin-capabilities/roots/remove", { id })
   };
   const mcpInjected = {
     list: () => fetchJson("/dsh-plugin-capabilities/mcp"),
@@ -1052,6 +1761,13 @@ function apply(ctx) {
     },
     desktop: window.dshDesktop !== void 0
   };
+  const marketInjected = {
+    skillsIndex: () => fetchJson("/dsh-plugin-capabilities/market/skills"),
+    mcpIndex: () => fetchJson("/dsh-plugin-capabilities/market/mcp"),
+    installSkillRepo: (url) => post("/dsh-plugin-capabilities/market/skills/install", { url }),
+    installMcp: (id) => post("/dsh-plugin-capabilities/market/mcp/install", { id }),
+    removeRoot: skillsInjected.removeRoot
+  };
   ctx.slots.inject("settings.section", () => {
     return ctx.slots.register({
       name: "settings.section",
@@ -1059,7 +1775,7 @@ function apply(ctx) {
       order: 12,
       label: () => t("sectionNav"),
       locale: NS
-    }, () => (0, import_react4.createElement)(CapabilitiesSection, { t, skills: skillsInjected, mcp: mcpInjected }));
+    }, () => (0, import_react5.createElement)(CapabilitiesSection, { t, skills: skillsInjected, mcp: mcpInjected, market: marketInjected }));
   });
 }