dsh-m 0.0.2 → 0.1.0

package/lib/client.js

@@ -0,0 +1,786 @@
+window.__ModuleLoader__.load({
+  id: "dsh-m",
+  factory: (require) => {
+"use strict";
+
+// src/client/main.jsx
+var React = require("react");
+var rd = require("react-dom");
+var h = React.createElement;
+var { useState, useEffect, useCallback, useMemo } = React;
+var PLUGIN_ID = "dsh-m";
+var API = "/dshm";
+var CATEGORIES = [
+  ["market", "\u5E02\u573A"],
+  ["tools", "\u5DE5\u5177"],
+  ["ui", "\u754C\u9762"],
+  ["search", "\u641C\u7D22"],
+  ["media", "\u591A\u5A92\u4F53"],
+  ["other", "\u5176\u4ED6"]
+];
+var CSS = `
+.dshm-overlay{position:fixed;inset:0;z-index:2147483000;background:var(--dsw-alias-bg-mask-3,rgba(15,23,42,.48));display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box}
+.dshm-panel{width:min(920px,100%);height:min(680px,86vh);display:flex;flex-direction:column;background:var(--dsw-alias-bg-layer-3,#fff);border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:14px;box-shadow:0 18px 48px rgba(2,6,23,.25);overflow:hidden;font-family:inherit;color:var(--dsw-alias-label-primary,inherit)}
+.dshm-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--dsw-alias-border-l2,#e5e7eb)}
+.dshm-title{font-weight:700;font-size:15px;margin-right:6px}
+.dshm-tab{border:1px solid transparent;background:transparent;color:var(--dsw-alias-label-secondary,#4b5563);border-radius:8px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer}
+.dshm-tab:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}
+.dshm-tab.on{background:var(--dsw-alias-bg-layer-4,#eef2ff);color:var(--dsw-alias-label-primary,inherit);border-color:var(--dsw-alias-border-l2,#e5e7eb);font-weight:600}
+.dshm-spacer{flex:1}
+.dshm-body{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px}
+.dshm-hint{color:var(--dsw-alias-label-caption,#6b7280);font-size:12px;line-height:18px;margin:0}
+.dshm-err{color:var(--dsw-alias-state-danger-primary,#dc2626);font-size:12px;line-height:18px}
+.dshm-btn{border:1px solid var(--dsw-alias-border-l2,#e5e7eb);background:var(--dsw-alias-bg-layer-3,#fff);color:var(--dsw-alias-label-primary,inherit);border-radius:8px;padding:5px 12px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
+.dshm-btn:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}
+.dshm-btn:disabled{opacity:.5;cursor:default}
+.dshm-btn.primary{background:var(--dsw-alias-interactive-bg-selected,#4f46e5);border-color:var(--dsw-alias-interactive-bg-selected,#4f46e5);color:#fff}
+.dshm-btn.primary:hover{filter:brightness(1.08)}
+.dshm-btn.danger{color:var(--dsw-alias-state-danger-primary,#dc2626);border-color:var(--dsw-alias-state-danger-primary,#dc2626)}
+.dshm-btn.sm{padding:3px 9px;font-size:11px}
+.dshm-input{flex:1;min-width:120px;border:1px solid var(--dsw-alias-border-l2,#c7d2fe);background:var(--dsw-alias-bg-layer-2,transparent);color:var(--dsw-alias-label-primary,inherit);border-radius:8px;padding:6px 10px;font:inherit;font-size:13px;outline:none}
+.dshm-input:focus{border-color:var(--dsw-alias-interactive-bg-selected,#4f46e5)}
+.dshm-chips{display:flex;flex-wrap:wrap;gap:6px}
+.dshm-chip{border:1px solid var(--dsw-alias-border-l2,#e5e7eb);background:transparent;color:var(--dsw-alias-label-secondary,#4b5563);border-radius:999px;padding:2px 10px;font:inherit;font-size:11px;cursor:pointer}
+.dshm-chip.on{background:var(--dsw-alias-bg-layer-4,#eef2ff);color:var(--dsw-alias-label-primary,inherit);border-color:var(--dsw-alias-interactive-bg-selected,#4f46e5)}
+.dshm-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
+@media (max-width:680px){.dshm-cards{grid-template-columns:1fr}}
+.dshm-card{display:flex;gap:12px;align-items:flex-start;background:var(--dsw-alias-bg-layer-2,rgba(38,49,72,.04));border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:12px;padding:12px;cursor:pointer;text-align:left;width:100%;box-sizing:border-box;min-width:0;font:inherit;color:var(--dsw-alias-label-primary,inherit);transition:border-color .16s,background .16s}
+.dshm-card:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06));border-color:var(--dsw-alias-label-dimmed,#c7d2fe)}
+.dshm-icon{width:40px;height:40px;border-radius:10px;object-fit:cover;border:1px solid var(--dsw-alias-border-l2,#e5e7eb);flex-shrink:0;background:linear-gradient(135deg,#c7d2fe,#fbcfe8);display:grid;place-items:center;font-weight:700;font-size:16px;color:#374151}
+.dshm-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
+.dshm-top{display:flex;align-items:center;gap:8px;min-width:0}
+.dshm-name{flex:1;min-width:0;font-weight:600;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.dshm-badge{flex:none;font-size:11px;line-height:16px;padding:0 6px;border-radius:999px;background:var(--dsw-alias-state-success-tertiary,#ecfdf5);color:var(--dsw-alias-state-success-primary,#047857)}
+.dshm-badge.warn{background:var(--dsw-alias-state-warning-tertiary,#fffbeb);color:var(--dsw-alias-state-warning-primary,#b45309)}
+.dshm-badge.info{background:var(--dsw-alias-bg-layer-4,#eef2ff);color:var(--dsw-alias-label-secondary,#4b5563)}
+.dshm-badge.err{background:var(--dsw-alias-state-danger-tertiary,#fef2f2);color:var(--dsw-alias-state-danger-primary,#dc2626)}
+.dshm-desc{color:var(--dsw-alias-label-tertiary,#6b7280);font-size:12px;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
+.dshm-sub{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--dsw-alias-label-caption,#6b7280)}
+.dshm-detail{margin-top:8px;border-top:1px dashed var(--dsw-alias-border-l2,#e5e7eb);padding-top:8px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dsw-alias-label-secondary,#4b5563)}
+.dshm-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
+.dshm-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--dsw-alias-border-l2,#e5e7eb);background:var(--dsw-alias-state-warning-tertiary,#fffbeb);color:var(--dsw-alias-state-warning-primary,#b45309);font-size:12px}
+.dshm-banner .dshm-banner-text{flex:1}
+.dshm-row{display:flex;align-items:center;gap:8px}
+.dshm-kv{display:grid;grid-template-columns:110px 1fr;gap:4px 10px;font-size:12px}
+.dshm-kv .k{color:var(--dsw-alias-label-caption,#6b7280)}
+.dshm-spin{display:inline-block;width:12px;height:12px;border:2px solid var(--dsw-alias-border-l2,#c7d2fe);border-top-color:var(--dsw-alias-interactive-bg-selected,#4f46e5);border-radius:50%;animation:dshm-rot .8s linear infinite;vertical-align:-2px}
+@keyframes dshm-rot{to{transform:rotate(360deg)}}
+.dshm-empty{text-align:center;color:var(--dsw-alias-label-caption,#6b7280);font-size:13px;padding:32px 0}
+`;
+function ensureCss() {
+  if (typeof document === "undefined" || document.getElementById("dshm-css")) return;
+  const el = document.createElement("style");
+  el.id = "dshm-css";
+  el.textContent = CSS;
+  document.head.appendChild(el);
+}
+async function api(method, params) {
+  const res = await fetch(API, {
+    method: "POST",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify({ method, ...params || {} })
+  });
+  const data = await res.json().catch(() => ({}));
+  if (!res.ok || data.ok === false) throw new Error(data.error || `API ${res.status}`);
+  return data;
+}
+function fmtDate(iso) {
+  if (!iso) return "\u2014";
+  const d = new Date(iso);
+  return Number.isFinite(d.getTime()) ? d.toLocaleString("zh-CN", { hour12: false }) : "\u2014";
+}
+function useAsync(fn, deps) {
+  const [state, setState] = useState({ loading: true, data: null, error: null });
+  const run = useCallback((force) => {
+    setState((s) => ({ ...s, loading: true, error: null }));
+    return fn(force).then((data) => setState({ loading: false, data, error: null })).catch((err) => setState({ loading: false, data: null, error: String(err && err.message || err) }));
+  }, deps);
+  useEffect(() => {
+    run(false);
+  }, [run]);
+  return { ...state, reload: run };
+}
+function Icon({ entry }) {
+  const [broken, setBroken] = useState(false);
+  const letter = String(entry.name || entry.id || "?").charAt(0).toUpperCase();
+  const url = entry.icon || (entry.github ? `https://github.com/${entry.github.split("/")[0]}.png?size=64` : null);
+  if (!url || broken) {
+    return h("div", { className: "dshm-icon", "aria-hidden": "true" }, letter);
+  }
+  return h("img", {
+    className: "dshm-icon",
+    src: url,
+    alt: "",
+    onError: () => setBroken(true),
+    referrerPolicy: "no-referrer"
+  });
+}
+function Spin() {
+  return h("span", { className: "dshm-spin" });
+}
+function TwoStepButton({ label, confirmLabel, className, onConfirm, disabled }) {
+  const [arm, setArm] = useState(false);
+  useEffect(() => {
+    if (!arm) return;
+    const t = setTimeout(() => setArm(false), 4e3);
+    return () => clearTimeout(t);
+  }, [arm]);
+  return h(
+    "button",
+    {
+      className: `${className || "dshm-btn"} ${arm ? "danger" : ""}`.trim(),
+      disabled,
+      onClick: (e) => {
+        e.stopPropagation();
+        if (!arm) {
+          setArm(true);
+        } else {
+          setArm(false);
+          onConfirm();
+        }
+      }
+    },
+    arm ? confirmLabel : label
+  );
+}
+function RestartBanner({ note, onDone }) {
+  const [phase, setPhase] = useState("idle");
+  const [err, setErr] = useState(null);
+  const restart = useCallback(async () => {
+    setErr(null);
+    setPhase("restarting");
+    try {
+      const ping0 = await api("ping");
+      await api("restart");
+      setPhase("waiting");
+      const deadline = Date.now() + 9e4;
+      for (; ; ) {
+        await new Promise((r) => setTimeout(r, 2e3));
+        if (Date.now() > deadline) throw new Error("\u91CD\u542F\u8D85\u65F6\uFF0C\u8BF7\u624B\u52A8\u68C0\u67E5 dsh web \u670D\u52A1\u72B6\u6001");
+        try {
+          const ping = await api("ping");
+          if (ping.boot !== ping0.boot) break;
+        } catch {
+        }
+      }
+      setPhase("idle");
+      onDone(true);
+    } catch (e) {
+      setPhase("idle");
+      setErr(String(e && e.message || e));
+    }
+  }, [onDone]);
+  return h(
+    "div",
+    { className: "dshm-banner" },
+    h(
+      "span",
+      { className: "dshm-banner-text" },
+      phase === "restarting" ? "\u6B63\u5728\u8BF7\u6C42\u91CD\u542F\u2026" : phase === "waiting" ? "\u5DF2\u8BF7\u6C42\u91CD\u542F\uFF0C\u7B49\u5F85 DSH Web \u6062\u590D\u2026" : err ? `\u91CD\u542F\u5931\u8D25\uFF1A${err}` : note || "\u672C\u6B21\u53D8\u66F4\u9700\u8981\u91CD\u542F DSH Web \u540E\u751F\u6548\u3002"
+    ),
+    phase === "idle" && !err ? h("button", { className: "dshm-btn primary sm", onClick: restart }, "\u26A1 \u4E00\u952E\u91CD\u542F") : null,
+    phase === "restarting" || phase === "waiting" ? Spin() : null,
+    phase === "idle" && err ? h("button", { className: "dshm-btn sm", onClick: () => onDone(false) }, "\u77E5\u9053\u4E86") : null,
+    phase === "idle" && !err ? h("button", { className: "dshm-btn sm", onClick: () => onDone(false) }, "\u7A0D\u540E") : null
+  );
+}
+function MarketTab({ notify }) {
+  const { loading, data, error, reload } = useAsync((force) => api("market", force ? { force: true } : {}), []);
+  const [q, setQ] = useState("");
+  const [cat, setCat] = useState(null);
+  const [openId, setOpenId] = useState(null);
+  const [busyId, setBusyId] = useState(null);
+  const items = useMemo(() => {
+    const list = data && data.items || [];
+    const kw = q.trim().toLowerCase();
+    return list.filter((it) => {
+      if (cat && it.category !== cat) return false;
+      if (!kw) return true;
+      const hay = `${it.id} ${it.name} ${it.description} ${(it.tags || []).join(" ")}`.toLowerCase();
+      return hay.includes(kw);
+    });
+  }, [data, q, cat]);
+  const doInstall = async (it, version) => {
+    setBusyId(it.id);
+    try {
+      const res = await api("install", { id: it.id, ...version ? { version } : {} });
+      notify({
+        kind: "ok",
+        text: `\u5DF2\u5B89\u88C5 ${res.pkg}${res.version ? ` v${res.version}` : ""}` + (res.usedAllowAllBuilds ? "\uFF08\u6CE8\u610F\uFF1A\u8BE5\u63D2\u4EF6\u6267\u884C\u4E86\u6784\u5EFA\u811A\u672C\uFF0C\u5DF2\u6309\u7B56\u7565\u653E\u884C\uFF09" : "")
+      });
+      await reload(false);
+    } catch (e) {
+      notify({ kind: "err", text: `\u5B89\u88C5\u5931\u8D25\uFF1A${e && e.message || e}` });
+    } finally {
+      setBusyId(null);
+    }
+  };
+  return h(
+    React.Fragment,
+    null,
+    h(
+      "div",
+      { className: "dshm-row" },
+      h("input", {
+        className: "dshm-input",
+        placeholder: "\u641C\u7D22\u540D\u79F0 / \u63CF\u8FF0 / \u6807\u7B7E\u2026",
+        value: q,
+        onChange: (e) => setQ(e.target.value)
+      }),
+      h("button", { className: "dshm-btn", onClick: () => reload(true), title: "\u5F3A\u5236\u5237\u65B0\uFF08\u8DF3\u8FC7\u7F13\u5B58\uFF09" }, loading ? Spin() : "\u21BB \u5237\u65B0")
+    ),
+    h(
+      "div",
+      { className: "dshm-chips" },
+      h("button", { className: `dshm-chip${cat === null ? " on" : ""}`, onClick: () => setCat(null) }, "\u5168\u90E8"),
+      CATEGORIES.map(([key, label]) => {
+        const n = (data && data.items || []).filter((it) => it.category === key).length;
+        return h(
+          "button",
+          { key, className: `dshm-chip${cat === key ? " on" : ""}`, onClick: () => setCat(cat === key ? null : key) },
+          `${label}${n ? ` ${n}` : ""}`
+        );
+      })
+    ),
+    loading && !data ? h("div", { className: "dshm-empty" }, "\u52A0\u8F7D\u6536\u5F55\u6E05\u5355\u4E2D\u2026 ", Spin()) : error ? h("div", { className: "dshm-err" }, `\u52A0\u8F7D\u5931\u8D25\uFF1A${error}`) : items.length === 0 ? h("div", { className: "dshm-empty" }, "\u6CA1\u6709\u5339\u914D\u7684\u6536\u5F55\u6761\u76EE") : h(
+      "div",
+      { className: "dshm-cards" },
+      items.map((it) => Card({
+        key: it.id,
+        icon: h(Icon, { entry: it }),
+        name: it.name,
+        badges: [
+          it.outdated ? h("span", { className: "dshm-badge warn", key: "u" }, "\u53EF\u5347\u7EA7") : null,
+          it.installed ? h("span", { className: "dshm-badge", key: "i" }, "\u5DF2\u5B89\u88C5") : null,
+          h("span", { className: "dshm-badge info", key: "s" }, it.source === "npm" ? "npm" : "github")
+        ],
+        desc: it.description,
+        sub: [
+          it.latestVersion ? `\u6700\u65B0 v${it.latestVersion}` : it.latestSha ? `HEAD ${it.latestSha.slice(0, 7)}` : null,
+          it.installedVersion ? `\u5DF2\u88C5 v${it.installedVersion}` : null,
+          it.latestError ? `\u7248\u672C\u67E5\u8BE2\u5931\u8D25` : null
+        ].filter(Boolean).join(" \xB7 "),
+        open: openId === it.id,
+        onToggle: () => setOpenId(openId === it.id ? null : it.id),
+        detail: DetailRows([
+          ["\u6536\u5F55 id", it.id],
+          ["\u6765\u6E90", it.source === "npm" ? `npm \xB7 ${it.npm}` : `GitHub \xB7 ${it.github}`],
+          ["\u6700\u65B0", it.latestVersion ? `v${it.latestVersion}` : it.latestSha ? it.latestSha : it.latestError || "\u2014"],
+          ["\u5DF2\u88C5", it.installedPkg ? `${it.installedPkg} v${it.installedVersion || "?"}` : "\u672A\u5B89\u88C5"],
+          ["\u6807\u7B7E", (it.tags || []).join("\u3001") || "\u2014"],
+          it.latestError ? ["\u63D0\u793A", `\u7248\u672C\u67E5\u8BE2\u5931\u8D25\uFF1A${it.latestError}`] : null
+        ]),
+        actions: [
+          it.installed ? h("span", { className: "dshm-hint", key: "hint" }, "\u5DF2\u5B89\u88C5\uFF0C\u53EF\u5728\u300C\u5DF2\u88C5\u300D\u9875\u7BA1\u7406") : h(
+            "button",
+            {
+              key: "install",
+              className: "dshm-btn primary sm",
+              disabled: busyId === it.id,
+              onClick: (e) => {
+                e.stopPropagation();
+                doInstall(it);
+              }
+            },
+            busyId === it.id ? h(Spin) : "\u5B89\u88C5"
+          )
+        ]
+      }))
+    )
+  );
+}
+function InstalledTab({ notify }) {
+  const { loading, data, error, reload } = useAsync(() => api("installed"), []);
+  const [openPkg, setOpenPkg] = useState(null);
+  const [busyPkg, setBusyPkg] = useState(null);
+  const doUninstall = async (it) => {
+    setBusyPkg(it.pkg);
+    try {
+      const res = await api("uninstall", { pkg: it.pkg });
+      notify({
+        kind: "ok",
+        text: `\u5DF2\u5378\u8F7D ${res.pkg}${res.liveDisabled ? "\uFF08\u5DF2\u5148\u4E0B\u7EBF\u8FD0\u884C\u4E2D\u7684\u754C\u9762\uFF09" : ""}` + (res.leftovers && res.leftovers.length ? `\uFF1B\u68C0\u6D4B\u5230\u7591\u4F3C\u6B8B\u7559\u6570\u636E\uFF1A${res.leftovers.join("\u3001")}` : "")
+      });
+      await reload();
+    } catch (e) {
+      notify({ kind: "err", text: `\u5378\u8F7D\u5931\u8D25\uFF1A${e && e.message || e}` });
+    } finally {
+      setBusyPkg(null);
+    }
+  };
+  const doUpgrade = async (it) => {
+    setBusyPkg(it.pkg);
+    try {
+      const res = await api("upgrade", { pkg: it.pkg });
+      notify({
+        kind: "ok",
+        text: `\u5DF2\u5347\u7EA7 ${res.pkg}${res.fromVersion ? `\uFF08v${res.fromVersion} \u2192 ${res.version ? `v${res.version}` : res.sha ? res.sha.slice(0, 7) : "\u6700\u65B0"}\uFF09` : ""}` + (res.usedAllowAllBuilds ? "\uFF08\u6CE8\u610F\uFF1A\u8BE5\u63D2\u4EF6\u6267\u884C\u4E86\u6784\u5EFA\u811A\u672C\uFF09" : "")
+      });
+      await reload();
+    } catch (e) {
+      notify({ kind: "err", text: `\u5347\u7EA7\u5931\u8D25\uFF1A${e && e.message || e}` });
+    } finally {
+      setBusyPkg(null);
+    }
+  };
+  if (loading && !data) return h("div", { className: "dshm-empty" }, "\u8BFB\u53D6 web profile \u4E2D\u2026 ", Spin());
+  if (error) return h("div", { className: "dshm-err" }, `\u8BFB\u53D6\u5931\u8D25\uFF1A${error}`);
+  const items = data && data.items || [];
+  if (!items.length) return h("div", { className: "dshm-empty" }, `web profile \u5C1A\u672A\u5B89\u88C5\u4EFB\u4F55 dsh \u63D2\u4EF6\uFF08${data.profileDir}\uFF09`);
+  return h(
+    React.Fragment,
+    null,
+    h("div", { className: "dshm-hint" }, `web profile\uFF1A${data.profileDir}${data.others ? ` \xB7 \u53E6\u6709 ${data.others} \u4E2A\u975E dsh \u4F9D\u8D56\u672A\u5217\u51FA` : ""}`),
+    h(
+      "div",
+      { className: "dshm-cards" },
+      items.map((it) => Card({
+        key: it.pkg,
+        icon: h(Icon, { entry: { name: it.name, github: it.spec.startsWith("github:") ? it.spec.slice(7).split("#")[0] : null, icon: null } }),
+        name: it.name,
+        badges: [
+          it.outdated ? h("span", { className: "dshm-badge warn", key: "u" }, `\u53EF\u5347\u7EA7${it.latestVersion ? ` \u2192 v${it.latestVersion}` : ""}`) : null,
+          it.registryId ? h("span", { className: "dshm-badge", key: "r" }, "\u5E02\u573A\u5B89\u88C5") : h("span", { className: "dshm-badge info", key: "r" }, "\u975E\u5E02\u573A\u5B89\u88C5")
+        ],
+        desc: it.description || "\uFF08\u65E0\u63CF\u8FF0\uFF09",
+        sub: [
+          `v${it.version || "?"}`,
+          { npm: "npm", github: "github", link: "\u672C\u5730 link", file: "\u672C\u5730 file", unknown: "\u672A\u77E5" }[it.source] || it.source
+        ].join(" \xB7 "),
+        open: openPkg === it.pkg,
+        onToggle: () => setOpenPkg(openPkg === it.pkg ? null : it.pkg),
+        detail: DetailRows([
+          ["\u5305\u540D", it.pkg],
+          ["\u5B89\u88C5 spec", it.spec],
+          ["\u6700\u65B0", it.latestVersion ? `v${it.latestVersion}` : "\u2014"],
+          ["\u6536\u5F55", it.registryId || "\u4E0D\u5728\u6536\u5F55\u6E05\u5355\u4E2D"],
+          ["\u8DEF\u5F84", it.path]
+        ]),
+        actions: [
+          it.outdated ? h(
+            "button",
+            {
+              key: "up",
+              className: "dshm-btn primary sm",
+              disabled: busyPkg === it.pkg,
+              onClick: (e) => {
+                e.stopPropagation();
+                doUpgrade(it);
+              }
+            },
+            busyPkg === it.pkg ? h(Spin) : "\u5347\u7EA7"
+          ) : null,
+          it.registryId || it.source === "npm" ? h(TwoStepButton, {
+            key: "un",
+            label: "\u5378\u8F7D",
+            confirmLabel: "\u786E\u8BA4\u5378\u8F7D\uFF1F",
+            className: "dshm-btn sm",
+            disabled: busyPkg === it.pkg,
+            onConfirm: () => doUninstall(it)
+          }) : null
+        ]
+      }))
+    )
+  );
+}
+function SettingsTab({ notify }) {
+  const reg = useAsync((force) => api("registry", force ? { force: true } : {}), []);
+  const self = useAsync(() => api("self-check"), []);
+  const [busy, setBusy] = useState(false);
+  const [upgrading, setUpgrading] = useState(false);
+  const refresh = async () => {
+    setBusy(true);
+    try {
+      await reg.reload(true);
+      notify({ kind: "ok", text: "\u6536\u5F55\u6E05\u5355\u5DF2\u5F3A\u5236\u5237\u65B0" });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const upgradeSelf = async () => {
+    setUpgrading(true);
+    try {
+      const res = await api("self-upgrade");
+      notify({ kind: "ok", text: `dsh-m \u5DF2\u66F4\u65B0\u5230 v${res.version}\uFF0C\u91CD\u542F\u540E\u751F\u6548` });
+      await self.reload();
+    } catch (e) {
+      notify({ kind: "err", text: `\u81EA\u66F4\u65B0\u5931\u8D25\uFF1A${e && e.message || e}` });
+    } finally {
+      setUpgrading(false);
+    }
+  };
+  return h(
+    React.Fragment,
+    null,
+    Section(
+      "\u6536\u5F55\u6E05\u5355\uFF08registry\uFF09",
+      h(
+        "div",
+        { className: "dshm-kv" },
+        h("span", { className: "k" }, "\u5F53\u524D\u6765\u6E90"),
+        h("span", null, regSourceLabel(reg.data)),
+        h("span", { className: "k" }, "\u66F4\u65B0\u65F6\u95F4"),
+        h("span", null, fmtDate(reg.data && reg.data.fetchedAt)),
+        h("span", { className: "k" }, "\u6761\u76EE\u6570"),
+        h("span", null, reg.data ? `${reg.data.plugins.length} \u6761` : "\u2014"),
+        h("span", { className: "k" }, "\u7F13\u5B58\u7B56\u7565"),
+        h("span", null, "TTL 60 \u5206\u949F\uFF1B\u8BBE\u7F6E registryUrl \u53EF\u8986\u76D6\u6E90")
+      ),
+      reg.data && reg.data.errors && reg.data.errors.length ? h("div", { className: "dshm-err" }, `\u8FDC\u7AEF\u63D0\u793A\uFF1A${reg.data.errors.join("\uFF1B")}`) : null,
+      h(
+        "div",
+        { className: "dshm-actions" },
+        h("button", { className: "dshm-btn sm", disabled: busy || reg.loading, onClick: refresh }, busy || reg.loading ? h(Spin) : "\u5F3A\u5236\u5237\u65B0")
+      )
+    ),
+    Section(
+      "dsh-m \u81EA\u8EAB",
+      h(
+        "div",
+        { className: "dshm-kv" },
+        h("span", { className: "k" }, "\u5F53\u524D\u7248\u672C"),
+        h("span", null, self.data ? `v${self.data.current}` : "\u2014"),
+        h("span", { className: "k" }, "npm \u6700\u65B0"),
+        h("span", null, self.data ? self.data.latest ? `v${self.data.latest}` : `\u67E5\u8BE2\u5931\u8D25${self.data.error ? `\uFF1A${self.data.error}` : ""}` : "\u2026")
+      ),
+      self.data && self.data.outdated ? h(
+        "div",
+        { className: "dshm-actions" },
+        h("button", { className: "dshm-btn primary sm", disabled: upgrading, onClick: upgradeSelf }, upgrading ? h(Spin) : "\u5347\u7EA7 dsh-m"),
+        h("span", { className: "dshm-hint" }, "\u5347\u7EA7\u540E\u540C\u6837\u9700\u8981\u91CD\u542F\u751F\u6548")
+      ) : null
+    ),
+    Section(
+      "\u5173\u4E8E",
+      h(
+        "div",
+        { className: "dshm-hint" },
+        "DSH Marketplace\uFF08dsh-m\uFF09\u2014 \u4E2A\u4EBA\u81EA\u7528\u7684 DeepSeek Harness \u63D2\u4EF6\u5E02\u573A\u3002\u6536\u5F55\u3001\u5B89\u88C5\u3001\u5378\u8F7D\u3001\u5347\u7EA7\uFF0C\u5168\u90E8\u672C\u673A\u5B8C\u6210\u3002"
+      )
+    )
+  );
+}
+function regSourceLabel(data) {
+  if (!data) return "\u2014";
+  const map = { override: "\u81EA\u5B9A\u4E49\u6E90", jsdelivr: "jsDelivr\uFF08@main\uFF09", raw: "raw.githubusercontent\uFF08@main\uFF09", cache: "\u672C\u5730\u7F13\u5B58", bundled: "\u5305\u5185\u5FEB\u7167\uFF08\u515C\u5E95\uFF09" };
+  return map[data.source] || data.source;
+}
+function Section(title, ...children) {
+  return h(
+    "div",
+    { style: { display: "flex", flexDirection: "column", gap: "8px" } },
+    h("div", { style: { fontWeight: 600, fontSize: "13px" } }, title),
+    ...children
+  );
+}
+function DetailRows(rows) {
+  const list = rows.filter(Boolean);
+  return h(
+    "div",
+    { className: "dshm-kv" },
+    list.flatMap(([k, v]) => [
+      h("span", { className: "k", key: `${k}-k` }, k),
+      h("span", { key: `${k}-v`, style: { wordBreak: "break-all" } }, String(v))
+    ])
+  );
+}
+function Card({ icon, name, badges, desc, sub, open, onToggle, detail, actions }) {
+  return h(
+    "div",
+    {
+      className: "dshm-card",
+      role: "button",
+      tabIndex: 0,
+      onClick: onToggle,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") onToggle();
+      }
+    },
+    icon,
+    h(
+      "div",
+      { className: "dshm-meta" },
+      h("div", { className: "dshm-top" }, h("span", { className: "dshm-name" }, name), ...badges.filter(Boolean)),
+      h("div", { className: "dshm-desc", style: open ? { WebkitLineClamp: "unset" } : null }, desc),
+      sub ? h("div", { className: "dshm-sub" }, sub) : null,
+      open ? h("div", { className: "dshm-detail" }, detail) : null,
+      open && actions && actions.length ? h("div", { className: "dshm-actions" }, ...actions) : null
+    )
+  );
+}
+var TABS = [
+  ["market", "\u5E02\u573A"],
+  ["installed", "\u5DF2\u88C5"],
+  ["settings", "\u8BBE\u7F6E"]
+];
+function MarketPanel({ onClose }) {
+  const [tab, setTab] = useState("market");
+  const [banner, setBanner] = useState(null);
+  const [toast, setToast] = useState(null);
+  useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape" && onClose) onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  useEffect(() => {
+    if (!toast) return;
+    const t = setTimeout(() => setToast(null), 6e3);
+    return () => clearTimeout(t);
+  }, [toast]);
+  const notify = useCallback(({ kind, text }) => {
+    setToast({ kind, text });
+    if (kind === "ok") setBanner({ text: "\u53D8\u66F4\u5B8C\u6210\uFF0C\u9700\u8981\u91CD\u542F DSH Web \u540E\u751F\u6548\u3002" });
+  }, []);
+  return h(
+    "div",
+    { className: "dshm-overlay", onClick: onClose },
+    h(
+      "div",
+      { className: "dshm-panel", onClick: (e) => e.stopPropagation() },
+      h(
+        "div",
+        { className: "dshm-head" },
+        h("span", { className: "dshm-title" }, "\u{1F6CD} DSH \u5E02\u573A"),
+        TABS.map(
+          ([key, label]) => h("button", { key, className: `dshm-tab${tab === key ? " on" : ""}`, onClick: () => setTab(key) }, label)
+        ),
+        h("span", { className: "dshm-spacer" }),
+        h("button", { className: "dshm-btn", onClick: onClose }, "\u5173\u95ED")
+      ),
+      h(
+        "div",
+        { className: "dshm-body" },
+        tab === "market" ? h(MarketTab, { notify }) : null,
+        tab === "installed" ? h(InstalledTab, { notify }) : null,
+        tab === "settings" ? h(SettingsTab, { notify }) : null
+      ),
+      toast ? h(
+        "div",
+        { className: `dshm-banner`, style: toast.kind === "err" ? { background: "var(--dsw-alias-state-danger-tertiary,#fef2f2)", color: "var(--dsw-alias-state-danger-primary,#dc2626)" } : null },
+        h("span", { className: "dshm-banner-text" }, toast.text)
+      ) : null,
+      banner ? h(RestartBanner, { note: banner.text, onDone: () => setBanner(null) }) : null
+    )
+  );
+}
+function mountPanel() {
+  if (typeof document === "undefined") return;
+  ensureCss();
+  if (document.getElementById("dshm-panel-root")) return;
+  const container = document.createElement("div");
+  container.id = "dshm-panel-root";
+  document.body.appendChild(container);
+  const rdom = rd && rd.default && (rd.default.createRoot || rd.default.render) ? rd.default : rd;
+  let root = null;
+  const close = () => {
+    try {
+      if (root && typeof root.unmount === "function") root.unmount();
+      else if (rdom && typeof rdom.unmountComponentAtNode === "function") rdom.unmountComponentAtNode(container);
+    } catch {
+    }
+    container.remove();
+  };
+  if (rdom && typeof rdom.createRoot === "function") {
+    root = rdom.createRoot(container);
+    root.render(h(MarketPanel, { onClose: close }));
+  } else if (rdom && typeof rdom.render === "function") {
+    rdom.render(h(MarketPanel, { onClose: close }), container);
+  } else {
+    container.remove();
+  }
+}
+function MarketEntry(props) {
+  useEffect(() => ensureCss(), []);
+  return h(
+    "button",
+    {
+      className: "dshm-btn dshm-entry",
+      onClick: () => {
+        try {
+          mountPanel();
+        } catch (e) {
+          console.error("[dsh-m] \u6253\u5F00\u5E02\u573A\u9762\u677F\u5931\u8D25:", e);
+        }
+      },
+      title: "DSH Marketplace",
+      style: { margin: "4px" }
+    },
+    "\u{1F6CD}",
+    props && props.wide ? " DSH \u5E02\u573A" : null
+  );
+}
+function registerSlot(slots, options, component) {
+  const next = { ...options };
+  if (next.id == null && next.key != null) next.id = String(next.key);
+  if (next.key == null && next.id != null) next.key = next.id;
+  return slots.register(next, component);
+}
+function pickPayload(props) {
+  const found = [];
+  const visit = (node, depth) => {
+    if (!node || depth > 6) return;
+    if (typeof node === "string") {
+      const t = node.trim();
+      if ((t.startsWith("{") || t.startsWith("[")) && t.length > 8) {
+        try {
+          visit(JSON.parse(t), depth + 1);
+        } catch {
+        }
+      }
+      return;
+    }
+    if (typeof node !== "object") return;
+    if (Array.isArray(node)) {
+      for (const x of node) visit(x, depth + 1);
+      return;
+    }
+    if (Array.isArray(node.items)) found.push(node);
+    for (const key of ["block", "meta", "result", "resultView", "view", "data", "value", "payload", "content", "message"]) {
+      if (node[key] != null) visit(node[key], depth + 1);
+    }
+  };
+  visit(props, 0);
+  return found.find((x) => x && Array.isArray(x.items)) || null;
+}
+function parseToolArgs(props) {
+  const block = props?.block;
+  const raw = (block && "kind" in block ? block.call?.argsRaw : block?.argsRaw) || "";
+  if (!raw || typeof raw !== "string") return {};
+  try {
+    return JSON.parse(raw);
+  } catch {
+    return {};
+  }
+}
+function ToolCardRow({ it, onInstalled }) {
+  const [busy, setBusy] = useState(false);
+  const install = async (e) => {
+    e.stopPropagation();
+    setBusy(true);
+    try {
+      const res = await api("install", { id: it.id });
+      onInstalled({ ...it, installed: true, installedPkg: res.pkg, installedVersion: res.version });
+    } catch {
+    } finally {
+      setBusy(false);
+    }
+  };
+  return h(
+    "div",
+    { className: "dshm-card", style: { cursor: "default" } },
+    h(Icon, { entry: it }),
+    h(
+      "div",
+      { className: "dshm-meta" },
+      h(
+        "div",
+        { className: "dshm-top" },
+        h("span", { className: "dshm-name" }, it.name),
+        h("span", { className: "dshm-badge info" }, it.source === "npm" ? "npm" : "github"),
+        it.installed ? h("span", { className: "dshm-badge" }, "\u5DF2\u5B89\u88C5") : null
+      ),
+      h("div", { className: "dshm-desc" }, it.description),
+      h("div", { className: "dshm-sub" }, `${it.id} \xB7 ${(it.tags || []).join("\u3001") || it.category}`),
+      h(
+        "div",
+        { className: "dshm-actions" },
+        !it.installed ? h("button", { className: "dshm-btn primary sm", disabled: busy, onClick: install }, busy ? h(Spin) : "\u5B89\u88C5") : null
+      )
+    )
+  );
+}
+function SearchToolView(props) {
+  useEffect(() => ensureCss(), []);
+  const payload = pickPayload(props);
+  const args = parseToolArgs(props);
+  const query = String(payload?.query || args.query || "").trim();
+  const fromTool = Array.isArray(payload?.items) && payload.items.length ? payload.items : null;
+  const running = !!(props?.block && !("kind" in props.block));
+  const [items, setItems] = useState(fromTool || []);
+  const [err, setErr] = useState("");
+  useEffect(() => {
+    if (fromTool) setItems(fromTool);
+  }, [fromTool]);
+  useEffect(() => {
+    if (fromTool || running) return;
+    let live = true;
+    api("search", { query, category: args.category, limit: args.limit }).then((d) => {
+      if (live) setItems(d.items || []);
+    }).catch((e) => {
+      if (live) {
+        setItems([]);
+        setErr(e && e.message || String(e));
+      }
+    });
+    return () => {
+      live = false;
+    };
+  }, [query, running, !!fromTool]);
+  if (running) return null;
+  if (!items.length) return err ? h("div", { className: "dshm-err" }, err) : null;
+  return h(
+    "div",
+    { style: { display: "flex", flexDirection: "column", gap: "8px" } },
+    items.map(
+      (it) => h(ToolCardRow, {
+        key: it.id,
+        it,
+        onInstalled: (next) => setItems((cur) => cur.map((x) => x.id === next.id ? next : x))
+      })
+    )
+  );
+}
+function ListToolView(props) {
+  useEffect(() => ensureCss(), []);
+  const payload = pickPayload(props);
+  const items = Array.isArray(payload?.items) ? payload.items : [];
+  if (!items.length) return null;
+  return h(
+    "div",
+    { style: { display: "flex", flexDirection: "column", gap: "4px", fontSize: "12px" } },
+    items.map(
+      (it) => h(
+        "div",
+        { key: it.pkg, className: "dshm-row" },
+        h("span", { style: { fontWeight: 600 } }, it.name),
+        h("span", { className: "dshm-hint" }, `(${it.pkg})`),
+        h("span", { className: "dshm-hint" }, `v${it.version || "?"}`),
+        it.registryId ? h("span", { className: "dshm-badge" }, "\u5E02\u573A") : h("span", { className: "dshm-badge info" }, "\u975E\u5E02\u573A"),
+        it.outdated ? h("span", { className: "dshm-badge warn" }, `\u53EF\u5347\u7EA7${it.latestVersion ? ` \u2192 v${it.latestVersion}` : ""}`) : null
+      )
+    )
+  );
+}
+var inject = ["slots"];
+function apply(ctx) {
+  const slots = ctx.slots;
+  if (!slots) return;
+  ctx.effect(() => ensureCss(), "dshm-style");
+  slots.inject(
+    "sidebar.footer.action",
+    () => slots.register(
+      { name: "sidebar.footer.action", id: "dshm-market", key: "dshm-market", order: 9, label: () => "DSH \u5E02\u573A" },
+      function DshmMarketEntry(actionProps) {
+        return h(MarketEntry, actionProps);
+      }
+    )
+  );
+  slots.inject(
+    "tool.call.toolview",
+    () => registerSlot(slots, { name: "tool.call.toolview", key: "dshm_search" }, SearchToolView)
+  );
+  slots.inject(
+    "tool.call.toolview",
+    () => registerSlot(slots, { name: "tool.call.toolview", key: "dshm_list" }, ListToolView)
+  );
+  slots.inject(
+    "tool.call.toolview",
+    () => registerSlot(slots, { name: "tool.call.toolview", key: "dshm_outdated" }, ListToolView)
+  );
+}
+    return { inject, apply };
+  },
+});
+