dsh-plugin-scout 0.0.0-stage → 0.1.1

package/lib/client.js

@@ -0,0 +1,1024 @@
+window.__ModuleLoader__.load({
+  id: "dsh-plugin-scout",
+  factory: (require) => {
+    const module = { exports: {} };
+    const exports = module.exports;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/client/index.jsx
+var index_exports = {};
+__export(index_exports, {
+  PANEL_ID: () => PANEL_ID,
+  PKG: () => PKG,
+  PanelIcon: () => PanelIcon,
+  apply: () => apply,
+  createInstalledStore: () => createInstalledStore,
+  inject: () => inject,
+  pluginManagerOf: () => pluginManagerOf
+});
+module.exports = __toCommonJS(index_exports);
+var import_react3 = __toESM(require("react"), 1);
+
+// src/client/Page.jsx
+var import_react2 = __toESM(require("react"), 1);
+
+// src/client/api.js
+var PREFIX = "/dsh-plugin-scout";
+async function call(path, init = {}) {
+  const res = await fetch(`${PREFIX}${path}`, {
+    ...init,
+    credentials: "same-origin",
+    headers: { "x-dsh-plugin-scout": "1", ...init.body ? { "content-type": "application/json" } : {}, ...init.headers }
+  });
+  let body;
+  try {
+    body = await res.json();
+  } catch {
+    body = void 0;
+  }
+  if (!body || body.ok === false) {
+    const err = new Error(body?.error?.message ?? `HTTP ${res.status}`);
+    err.code = body?.error?.code ?? "http";
+    err.value = body?.value;
+    throw err;
+  }
+  return body.value;
+}
+var api = {
+  status: () => call("/api/status"),
+  list: (params) => call("/api/list", { method: "POST", body: JSON.stringify(params) }),
+  detail: (key) => call(`/api/detail?key=${encodeURIComponent(key)}`),
+  badges: (names) => call("/api/badges", { method: "POST", body: JSON.stringify({ names }) }),
+  refresh: (full) => call("/api/refresh", { method: "POST", body: JSON.stringify({ full: !!full }) })
+};
+function createBadgeCache(fetchBadges = api.badges) {
+  const cache = /* @__PURE__ */ new Map();
+  const listeners = /* @__PURE__ */ new Set();
+  let pending = /* @__PURE__ */ new Set();
+  let timer;
+  const flush = async () => {
+    const names = [...pending];
+    pending = /* @__PURE__ */ new Set();
+    timer = void 0;
+    try {
+      const got = await fetchBadges(names);
+      for (const n of names) cache.set(n, got[n] ?? null);
+    } catch {
+      for (const n of names) cache.set(n, null);
+    }
+    for (const l of listeners) l();
+  };
+  return {
+    get(name) {
+      if (cache.has(name)) return cache.get(name);
+      pending.add(name);
+      timer ??= setTimeout(flush, 30);
+      return void 0;
+    },
+    subscribe(l) {
+      listeners.add(l);
+      return () => listeners.delete(l);
+    },
+    clear() {
+      cache.clear();
+      for (const l of listeners) l();
+    }
+  };
+}
+
+// src/client/view.js
+var band = (score) => score >= 70 ? "hi" : score >= 45 ? "mid" : "lo";
+var ICON = { ok: "\u2713", warn: "!", bad: "\u2715", unk: "?" };
+function rowTags(r, labels, runtime, installed) {
+  const t = [];
+  if (!r.cats.length) t.push(["mute", "\u672A\u5F52\u7C7B"]);
+  else r.cats.slice(0, 2).forEach((id, i) => t.push([i ? "cat2" : "cat", labels[id] ?? id]));
+  t.push(r.compat === "ok" ? ["ok", `\u517C\u5BB9 ${runtime}`] : r.compat === "incompatible" ? ["warn", "\u4E0D\u517C\u5BB9\u5F53\u524D\u7248\u672C"] : ["mute", "\u672A\u58F0\u660E\u517C\u5BB9"]);
+  if (r.hooks.length) t.push(["bad", `\u5B89\u88C5\u811A\u672C \xB7 ${r.hooks.join("/")}`]);
+  if (r.chain === "mismatch") t.push(["bad", "\u6765\u6E90\u94FE\u4E0D\u4E00\u81F4"]);
+  if (r.chain === "unpublished") t.push(["warn", "\u4EC5 Git"]);
+  if (r.provenance) t.push(["ok", "provenance"]);
+  if (r.archived) t.push(["bad", "\u5DF2\u5F52\u6863"]);
+  t.push(["info", r.kinds.includes("client") ? "\u5BBF\u4E3B + \u754C\u9762" : "\u4EC5\u5BBF\u4E3B"]);
+  if (r.copies > 1) t.push(["mute", r.shadowOf ? `\u526F\u672C \xB7 \u4EE3\u8868 ${r.shadowOf}` : `${r.copies - 1} \u4E2A\u540C\u540D\u526F\u672C`]);
+  if (installed) t.push(["mute", "\u5DF2\u5B89\u88C5"]);
+  return t;
+}
+function ago(iso, now = Date.now()) {
+  if (!iso) return "\u4ECE\u672A";
+  const s = Math.max(0, Math.round((now - Date.parse(iso)) / 1e3));
+  if (s < 90) return "\u521A\u521A";
+  if (s < 5400) return `${Math.round(s / 60)} \u5206\u949F\u524D`;
+  if (s < 129600) return `${Math.round(s / 3600)} \u5C0F\u65F6\u524D`;
+  return `${Math.round(s / 86400)} \u5929\u524D`;
+}
+function progressText(p) {
+  if (!p) return "\u51C6\u5907\u4E2D\u2026";
+  const parts = [];
+  if (p.phase === "github") parts.push(`GitHub ${(p.repos ?? 0).toLocaleString()} / ~${(p.expected ?? 0).toLocaleString()}`);
+  else parts.push("GitHub \u5B8C\u6210");
+  if (p.npm?.total) parts.push(`npm ${p.npm.done.toLocaleString()} / ${p.npm.total.toLocaleString()}`);
+  if (p.published) parts.push(`\u5DF2\u53EF\u6D4F\u89C8 ${p.published.toLocaleString()}`);
+  return parts.join(" \xB7 ");
+}
+function progressRatio(p) {
+  if (!p) return 0;
+  const gh = p.phase === "github" ? p.expected ? Math.min(1, (p.repos ?? 0) / p.expected) : 0.05 : 1;
+  const npm = p.npm?.total ? p.npm.done / p.npm.total : p.phase === "github" ? 0 : 1;
+  return Math.min(1, gh * 0.7 + npm * 0.3);
+}
+function inspectText(result) {
+  if (!result) return null;
+  if (result.error) return { tone: "bad", text: `\u8C03\u7528\u5931\u8D25\uFF1A${result.error}` };
+  if (result.status === "accepted") {
+    const v = [result.name, result.version].filter(Boolean).join("@");
+    if (result.bundle === false) return { tone: "bad", text: `\u80FD\u89E3\u6790\u5230 ${v}\uFF0C\u4F46\u5B83\u4E0D\u662F\u7EC4\u5408\u5305\uFF0C\u5B98\u65B9\u63D2\u4EF6\u9875\u4E0D\u4F1A\u63A5\u53D7` };
+    return { tone: "ok", text: `\u53EF\u4EE5\u6DFB\u52A0\uFF1A\u89E3\u6790\u5230 ${v || result.host || result.kind}${result.registry ? `\uFF08${result.registry}\uFF09` : ""}` };
+  }
+  const map = { "already-installed": "\u5DF2\u7ECF\u5B89\u88C5", "not-found": "registry \u4E0A\u627E\u4E0D\u5230", network: "\u7F51\u7EDC\u4E0D\u53EF\u8FBE", "invalid-spec": "\u89C4\u683C\u65E0\u6548", "not-a-package": "\u4E0D\u662F npm \u5305", "not-a-bundle": "\u4E0D\u662F DSH \u7EC4\u5408\u5305", unknown: "\u672A\u77E5\u539F\u56E0" };
+  return { tone: result.problem === "already-installed" ? "ok" : "warn", text: `${map[result.problem] ?? result.problem}\uFF1A${result.reason}` };
+}
+
+// src/client/Drawer.jsx
+var import_react = __toESM(require("react"), 1);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Checklist({ checks }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scx-chk", children: checks.map((c) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-ci", "data-check": c.id, "data-st": c.st, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scx-ic", "data-st": c.st, children: ICON[c.st] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "scx-id", children: c.id }),
+        c.text
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scx-ev", children: c.ev })
+    ] })
+  ] }, c.id)) });
+}
+function Drawer({ repoKey, face, labels, runtime, installed, onClose, say }) {
+  const [d, setD] = (0, import_react.useState)(null);
+  const [err, setErr] = (0, import_react.useState)(null);
+  const [inspect, setInspect] = (0, import_react.useState)(null);
+  const [armed, setArmed] = (0, import_react.useState)(false);
+  const [armInstall, setArmInstall] = (0, import_react.useState)(false);
+  const [armBuilds, setArmBuilds] = (0, import_react.useState)(false);
+  const ins = face.useInstall?.(d?.name);
+  (0, import_react.useEffect)(() => {
+    let live = true;
+    setD(null);
+    setErr(null);
+    setInspect(null);
+    setArmed(false);
+    setArmInstall(false);
+    setArmBuilds(false);
+    api.detail(repoKey).then((v) => {
+      if (live) setD(v);
+    }, (e) => {
+      if (live) setErr(e.message);
+    });
+    return () => {
+      live = false;
+    };
+  }, [repoKey]);
+  (0, import_react.useEffect)(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  const runInspect = async () => {
+    if (!d || !face.inspect) return;
+    setInspect({ pending: true });
+    setInspect(await face.inspect(d.spec));
+  };
+  const copy = async () => {
+    if (d.risky && !armed) {
+      setArmed(true);
+      say("\u5B58\u5728 \u2715 \u7EA7\u6838\u9A8C\u9879\uFF0C\u5148\u770B\u6E05\u5355\uFF1B\u518D\u70B9\u4E00\u6B21\u786E\u8BA4\u590D\u5236");
+      return;
+    }
+    setArmed(false);
+    try {
+      await navigator.clipboard.writeText(d.spec);
+      say(`\u5DF2\u590D\u5236 ${d.spec}`);
+    } catch {
+      say("\u526A\u8D34\u677F\u4E0D\u53EF\u7528\uFF0C\u8BF7\u624B\u52A8\u9009\u4E2D\u89C4\u683C\u590D\u5236");
+    }
+  };
+  const needsConfirm = d && (d.risky || d.compat === "incompatible");
+  const install = async () => {
+    if (needsConfirm && !armInstall) {
+      setArmInstall(true);
+      say(d.risky ? "\u5B58\u5728 \u2715 \u7EA7\u6838\u9A8C\u9879\uFF0C\u5148\u770B\u6E05\u5355\uFF1B\u518D\u70B9\u4E00\u6B21\u786E\u8BA4\u5B89\u88C5" : "\u4E0E\u5F53\u524D DSH \u7248\u672C\u4E0D\u517C\u5BB9\uFF0C\u5B98\u65B9\u5927\u6982\u7387\u4F1A\u62D2\u88C5\uFF1B\u518D\u70B9\u4E00\u6B21\u4ECD\u7136\u5C1D\u8BD5");
+      return;
+    }
+    setArmInstall(false);
+    await face.installer.install(d.name, d.spec);
+  };
+  const allowBuilds = async () => {
+    if (!armBuilds) {
+      setArmBuilds(true);
+      return;
+    }
+    setArmBuilds(false);
+    await face.installer.install(d.name, d.spec, ins.pendingBuilds);
+  };
+  const working = ins && ["checking", "starting", "installing", "cancelling", "applying", "enabling"].includes(ins.phase);
+  const isInstalled = d && (installed.has(d.name) || ins?.phase === "installed" || ins?.phase === "enabled");
+  const open = () => {
+    const how = face.openPlugins(installed.has(d?.name) ? d.name : void 0);
+    say(how === "bundle" ? "\u5DF2\u6253\u5F00\u5B98\u65B9\u63D2\u4EF6\u9875\u4E2D\u7684\u8FD9\u4E2A\u63D2\u4EF6" : how === "panel" ? "\u5DF2\u5207\u5230\u5B98\u65B9\u300C\u63D2\u4EF6\u300D\u9875 \xB7 \u70B9\u300C\u6DFB\u52A0\u63D2\u4EF6\u300D\u7C98\u8D34\u89C4\u683C" : "\u627E\u4E0D\u5230\u5B98\u65B9\u63D2\u4EF6\u9875\u5165\u53E3");
+  };
+  const it = inspectText(inspect && !inspect.pending ? inspect : null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scx-scrim", onClick: onClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("aside", { className: "scx-sheet scx-root", "aria-label": "\u63D2\u4EF6\u8BE6\u60C5", "data-scout-drawer": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-dh", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { children: d?.name ?? repoKey }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "scx-x", "aria-label": "\u5173\u95ED", onClick: onClose, children: "\xD7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-pkg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("a", { href: `https://github.com/${d?.repo ?? repoKey}`, target: "_blank", rel: "noreferrer", children: [
+            "github.com/",
+            d?.repo ?? repoKey
+          ] }),
+          " \xB7 ",
+          d?.license ?? "\u65E0\u8BB8\u53EF\u8BC1",
+          d ? ` \xB7 \u2605 ${d.stars} \xB7 \u63A8\u9001\u4E8E ${ago(d.pushedAt)}` : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-dbody", children: [
+        err ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scx-note", "data-tone": "bad", children: err }) : null,
+        !d && !err ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scx-empty", children: "\u52A0\u8F7D\u4E2D\u2026" }) : null,
+        d ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          d.description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { color: "var(--scx-ink2)", margin: "12px 0 0" }, children: d.description }) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-sec", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("h3", { children: [
+              "\u6838\u9A8C\u6E05\u5355 \xB7 \u53EF\u4FE1\u5EA6 ",
+              d.score
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Checklist, { checks: d.checks })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-sec", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u8BC4\u5206\u6784\u6210" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-parts", children: [
+              d.scoreParts.map(([k, n]) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: k }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
+                  n > 0 ? "+" : "",
+                  n
+                ] })
+              ] }, k)),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "\u53EF\u4FE1\u5EA6" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: d.score })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-sec", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u7528\u9014\u5206\u7C7B" }),
+            d.cats.length ? d.cats.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-catev", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "scx-tag", "data-tone": i ? "cat2" : "cat", children: labels[c.id] ?? c.id }),
+                i ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { fontSize: 11, color: "var(--scx-ink3)" }, children: "\u4E3B\u7C7B" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "scx-s", children: [
+                  "\u5F97\u5206 ",
+                  c.score
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: c.evidence.map((e) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: e }, e)) })
+            ] }, c.id)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "var(--scx-ink3)" }, children: "\u6CA1\u6709\u8DB3\u591F\u4FE1\u53F7\uFF0C\u5F52\u5165\u300C\u672A\u5F52\u7C7B\u300D\u3002" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-sec", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u6765\u6E90\u94FE" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-chain", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "scx-node", children: [
+                "github.com/",
+                d.repo
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u2192" }),
+              d.npmVersion ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "scx-node", children: [
+                  "npm ",
+                  d.name,
+                  "@",
+                  d.npmVersion
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "\u2192" }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "scx-node", style: { color: d.provenance ? "var(--scx-ok)" : "var(--scx-ink4)" }, children: d.provenance ? "provenance \u2713" : "\u65E0 provenance" })
+              ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "scx-node", style: { color: "var(--scx-warn)" }, children: d.chain === "unknown" ? "npm \u672A\u67E5\u8BE2" : "\u672A\u53D1\u5E03 npm" })
+            ] }),
+            d.copiesList.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-ev", style: { marginTop: 6 }, children: [
+              "\u540C\u540D\u4ED3\u5E93 ",
+              d.copiesList.length,
+              " \u4E2A\uFF1A",
+              d.copiesList.slice(0, 5).map((c) => c.repo).join("\u3001"),
+              d.copiesList.length > 5 ? " \u2026" : ""
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-sec", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u4F5C\u7528\u9762" }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dl", { className: "scx-kv", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "\u5F62\u6001" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: d.kinds.join(" + ") }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "cordis \u63D2\u5165" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: d.inserts.length ? d.inserts.map((n) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scx-mono", children: n }, n)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "var(--scx-ink3)" }, children: "\u4ED3\u5E93\u65E0 cordis.patch.yml \u6216\u672A\u58F0\u660E" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "client.inject" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { children: d.clientInject.length ? d.clientInject.map((m) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scx-mono", children: m }, m)) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "var(--scx-ink3)" }, children: "\u65E0" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "DSH peer" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "scx-mono", children: Object.entries(d.compatPeers).map(([k, v]) => `${k}@${v}`).join(", ") || "\u65E0" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dt", { children: "\u8FD0\u884C\u65F6\u4F9D\u8D56" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dd", { children: [
+                d.depCount,
+                " \u4E2A"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-sec", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { children: "\u5B98\u65B9\u9884\u68C0\uFF08pluginManager.inspect\uFF0C\u4E0D\u6267\u884C\u4EE3\u7801\uFF09" }),
+            !face.inspect ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "var(--scx-ink3)" }, children: "\u5F53\u524D\u7A97\u53E3\u62FF\u4E0D\u5230\u5B98\u65B9\u63D2\u4EF6\u7BA1\u7406\u670D\u52A1" }) : inspect?.pending ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { color: "var(--scx-ink3)" }, children: "\u67E5\u8BE2\u4E2D\u2026" }) : it ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scx-note", "data-tone": it.tone === "bad" ? "bad" : void 0, style: { color: it.tone === "ok" ? "var(--scx-ok)" : void 0 }, children: it.text }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("button", { type: "button", className: "scx-btn", onClick: runInspect, children: [
+              "\u9884\u68C0 ",
+              d.spec
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scx-ev", style: { marginTop: 6 }, children: "\u300C\u5B89\u88C5\u300D\u8D70\u5B98\u65B9\u5B89\u88C5\u5668\uFF1Apnpm \u8FD0\u884C\u524D\u6309 peer \u89C4\u5219\u5224\u517C\u5BB9\uFF08\u4E0D\u517C\u5BB9\u5373\u62D2\u88C5\uFF09\uFF0C\u4F9D\u8D56\u5E26\u5B89\u88C5\u811A\u672C\u4F1A\u5148\u62E6\u4E0B\u7B49\u4F60\u786E\u8BA4\uFF0C\u5931\u8D25\u81EA\u52A8\u56DE\u6EDA\u3002\u88C5\u597D\u9ED8\u8BA4\u4E0D\u542F\u7528\uFF0C\u786E\u8BA4\u65E0\u8BEF\u518D\u70B9\u300C\u542F\u7528\u300D\u3002" })
+          ] })
+        ] }) : null
+      ] }),
+      d && ins ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-inst", "data-phase": ins.phase, "aria-live": "polite", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scx-inst-t", children: ins.text }),
+        working && ins.log ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scx-ev", children: ins.log }) : null,
+        ins.phase === "failed" && ins.pendingBuilds?.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginTop: 6 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-ev", children: [
+            "\u8FD9\u4E9B\u4F9D\u8D56\u8981\u5728\u5B89\u88C5\u65F6\u4EE5\u4F60\u7684\u7528\u6237\u6743\u9650\u6267\u884C\u811A\u672C\uFF1A",
+            ins.pendingBuilds.join("\u3001"),
+            "\u3002\u5141\u8BB8\u540E\u5B98\u65B9\u4F1A\u6309\u5305\u540D\u8BB0\u5165\u5F53\u524D profile\u3002"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "scx-btn", "data-tone": "bad", style: { marginTop: 6 }, onClick: allowBuilds, children: armBuilds ? "\u518D\u70B9\u4E00\u6B21\uFF1A\u5141\u8BB8\u8FD9\u4E9B\u811A\u672C\u5E76\u91CD\u8BD5" : "\u5141\u8BB8\u8FD9\u4E9B\u811A\u672C\u5E76\u91CD\u8BD5" })
+        ] }) : null,
+        ins.logPath && ins.phase === "failed" ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-ev", children: [
+          "\u65E5\u5FD7\uFF1A",
+          ins.logPath
+        ] }) : null
+      ] }) : null,
+      d ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "scx-df", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "scx-spec", title: d.spec, children: d.spec }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "scx-btn", "data-tone": d.risky ? "bad" : void 0, onClick: copy, children: d.risky ? armed ? "\u518D\u70B9\u4E00\u6B21\u786E\u8BA4\u590D\u5236" : "\u4E86\u89E3\u98CE\u9669\u540E\u590D\u5236" : "\u590D\u5236\u9501\u5B9A\u89C4\u683C" }),
+        face.installer && !isInstalled ? working ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "scx-btn", onClick: () => face.installer.cancel(d.name), disabled: ins.phase === "applying" || ins.phase === "cancelling" || ins.phase === "enabling", children: "\u53D6\u6D88\u5B89\u88C5" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "scx-btn", "data-tone": needsConfirm ? "bad" : "pri", onClick: install, children: armInstall ? "\u518D\u70B9\u4E00\u6B21\u786E\u8BA4\u5B89\u88C5" : ins?.phase === "failed" ? "\u91CD\u8BD5\u5B89\u88C5" : "\u5B89\u88C5" }) : null,
+        face.installer && ins?.phase === "installed" && !ins.restartRequired ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "scx-btn", "data-tone": "pri", onClick: () => face.installer.enable(d.name), children: "\u542F\u7528" }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: "scx-btn", "data-tone": face.installer && !isInstalled ? void 0 : "pri", onClick: open, children: isInstalled ? "\u5728\u63D2\u4EF6\u9875\u6253\u5F00" : "\u53BB\u63D2\u4EF6\u9875\u6DFB\u52A0" })
+      ] }) : null
+    ] })
+  ] });
+}
+
+// src/client/Page.jsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var FLAGS = [
+  ["nohook", "\u65E0\u5B89\u88C5\u811A\u672C"],
+  ["chain", "\u6765\u6E90\u94FE\u543B\u5408"],
+  ["prov", "\u6709 provenance"],
+  ["norisk", "\u65E0 \u2715 \u9879"],
+  ["active", "30 \u5929\u5185\u6D3B\u8DC3"]
+];
+var KINDS = [["client", "\u5E26\u754C\u9762"], ["hostonly", "\u4EC5\u5BBF\u4E3B"]];
+var COMPAT = [["ok", "\u517C\u5BB9\u5F53\u524D\u7248\u672C"], ["incompatible", "\u4E0D\u517C\u5BB9"], ["none", "\u672A\u58F0\u660E"]];
+var PAGE = 60;
+function ScoutPage({ face }) {
+  const [status, setStatus] = (0, import_react2.useState)(null);
+  const [error, setError] = (0, import_react2.useState)(null);
+  const [q, setQ] = (0, import_react2.useState)("");
+  const [cat, setCat] = (0, import_react2.useState)("all");
+  const [sort, setSort] = (0, import_react2.useState)("score");
+  const [compat, setCompat] = (0, import_react2.useState)([]);
+  const [flags, setFlags] = (0, import_react2.useState)([]);
+  const [inst, setInst] = (0, import_react2.useState)("all");
+  const [limit, setLimit] = (0, import_react2.useState)(PAGE);
+  const [data, setData] = (0, import_react2.useState)(null);
+  const [sel, setSel] = (0, import_react2.useState)(null);
+  const [toast, setToast] = (0, import_react2.useState)(null);
+  const installed = face.useInstalled();
+  const seq = (0, import_react2.useRef)(0);
+  const say = (0, import_react2.useCallback)((text) => {
+    setToast(text);
+    clearTimeout(say.h);
+    say.h = setTimeout(() => setToast(null), 2200);
+  }, []);
+  const loadStatus = (0, import_react2.useCallback)(async () => {
+    try {
+      setStatus(await api.status());
+      setError(null);
+    } catch (e) {
+      setError(e.message);
+    }
+  }, []);
+  (0, import_react2.useEffect)(() => {
+    void loadStatus();
+  }, [loadStatus]);
+  (0, import_react2.useEffect)(() => {
+    const take = () => {
+      const p = face.takePending?.();
+      if (p) setSel(p);
+    };
+    take();
+    return face.onPending?.(take);
+  }, [face]);
+  const busy = !!status && (status.running || !status.loaded);
+  (0, import_react2.useEffect)(() => {
+    if (!busy) return void 0;
+    const h = setInterval(loadStatus, 1500);
+    return () => clearInterval(h);
+  }, [busy, loadStatus]);
+  const installedKey = installed.join("\n");
+  (0, import_react2.useEffect)(() => {
+    const id = ++seq.current;
+    const h = setTimeout(async () => {
+      try {
+        const v = await api.list({ q, cat, sort, compat, flags, inst, installed, limit });
+        if (id === seq.current) {
+          setData(v);
+          setError(null);
+        }
+      } catch (e) {
+        if (id === seq.current) setError(e.message);
+      }
+    }, q ? 180 : 0);
+    return () => clearTimeout(h);
+  }, [q, cat, sort, compat.join(), flags.join(), inst, installedKey, limit, status?.rev]);
+  const toggle = (list, set, v) => {
+    set(list.includes(v) ? list.filter((x) => x !== v) : [...list, v]);
+    setLimit(PAGE);
+  };
+  const labels = status?.categories ?? {};
+  const facets = status?.facets;
+  const instSet = (0, import_react2.useMemo)(() => new Set(installed), [installedKey]);
+  const refresh = async (full) => {
+    try {
+      setStatus(await api.refresh(full));
+    } catch (e) {
+      say(e.message);
+      void loadStatus();
+    }
+  };
+  const empty = status && status.loaded && !status.crawledAt && !status.running && !status.repos;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-root scx-page", "data-scout-page": "", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-top", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { children: "\u53D1\u73B0\u63D2\u4EF6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "scx-sub", children: "\u6765\u6E90\uFF1AGitHub topic:dsh-plugin + npm \xB7 \u53EA\u6838\u9A8C\uFF0C\u4E0D\u5B89\u88C5" }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-search", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "aria-hidden": "true", children: "\u2315" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { "aria-label": "\u641C\u7D22\u63D2\u4EF6", placeholder: "\u540D\u79F0\u3001\u63CF\u8FF0\u3001\u4ED3\u5E93\u3001\u5206\u7C7B", value: q, onChange: (e) => {
+          setQ(e.target.value);
+          setLimit(PAGE);
+        } })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-fresh", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { title: status?.runtimeSource, children: [
+          "\u8FD0\u884C\u65F6 ",
+          status?.runtime ?? "\u2026"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: status?.running ? progressText(status.progress) : status && !status.loaded ? "\u8BFB\u53D6\u7D22\u5F15\u2026" : `\u66F4\u65B0\u4E8E ${ago(status?.crawledAt)}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "scx-btn", disabled: !status || status.running, onClick: () => refresh(false), children: status?.running ? "\u5237\u65B0\u4E2D\u2026" : "\u5237\u65B0" })
+      ] })
+    ] }),
+    status?.running ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "scx-progress", style: { margin: "0 16px" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("i", { style: { width: `${Math.round(progressRatio(status.progress) * 100)}%` } }) }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-body", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-filters", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-fg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h4", { children: "\u517C\u5BB9\uFF08\u5B98\u65B9 peer \u89C4\u5219\uFF09" }),
+          COMPAT.map(([v, l]) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: compat.includes(v), onChange: () => toggle(compat, setCompat, v) }),
+            l,
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "scx-n", children: facets?.compat[v] ?? "" })
+          ] }, v))
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-fg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h4", { children: "\u98CE\u9669\u4E0E\u6765\u6E90" }),
+          FLAGS.map(([v, l]) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: flags.includes(v), onChange: () => toggle(flags, setFlags, v) }),
+            l,
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "scx-n", children: facets?.flags[v] ?? "" })
+          ] }, v))
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-fg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h4", { children: "\u5F62\u6001" }),
+          KINDS.map(([v, l]) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: flags.includes(v), onChange: () => toggle(flags, setFlags, v) }),
+            l,
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "scx-n", children: facets?.flags[v] ?? "" })
+          ] }, v))
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-fg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h4", { children: "\u672C\u673A" }),
+          [["all", "\u5168\u90E8"], ["hide", "\u9690\u85CF\u5DF2\u5B89\u88C5"], ["only", "\u53EA\u770B\u5DF2\u5B89\u88C5"]].map(([v, l]) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "radio", name: "scx-inst", checked: inst === v, onChange: () => {
+              setInst(v);
+              setLimit(PAGE);
+            } }),
+            l
+          ] }, v))
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-fg", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h4", { children: "\u540C\u540D\u526F\u672C" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { type: "checkbox", checked: flags.includes("copies"), onChange: () => toggle(flags, setFlags, "copies") }),
+            "\u663E\u793A\u526F\u672C",
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "scx-n", children: facets?.copies ?? "" })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "scx-fg", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "scx-btn", disabled: !status || status.running, onClick: () => refresh(true), children: "\u5168\u91CF\u91CD\u5EFA\u7D22\u5F15" }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-list", children: [
+        error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "scx-note", "data-tone": "bad", children: error }) : null,
+        status?.error ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-note", "data-tone": "bad", children: [
+          "\u4E0A\u6B21\u5237\u65B0\u5931\u8D25\uFF1A",
+          status.error.message
+        ] }) : null,
+        empty ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-note", children: [
+          "\u8FD8\u6CA1\u6709\u7D22\u5F15\u3002\u6293\u53D6\u8FB9\u8FDB\u884C\u8FB9\u51FA\u7ED3\u679C\u2014\u2014\u6700\u8FD1\u6D3B\u8DC3\u7684\u63D2\u4EF6\u51E0\u79D2\u5185\u5C31\u4F1A\u51FA\u73B0\uFF0C\u5176\u4F59\u5728\u540E\u53F0\u8865\u9F50\uFF0C\u671F\u95F4\u53EF\u6B63\u5E38\u4F7F\u7528 DSH\u3002",
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "scx-btn", style: { marginLeft: 8 }, onClick: () => refresh(true), children: "\u5F00\u59CB\u6293\u53D6" })
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "scx-cats", role: "tablist", "aria-label": "\u7528\u9014\u5206\u7C7B", children: ["all", ...Object.keys(labels), "other"].filter((id) => id !== "other" || (data?.cats.other ?? 0) > 0 || cat === "other").map((id) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { type: "button", role: "tab", className: "scx-cat", "aria-selected": cat === id, onClick: () => {
+          setCat(id);
+          setLimit(PAGE);
+        }, children: [
+          id === "all" ? "\u5168\u90E8" : id === "other" ? "\u672A\u5F52\u7C7B" : labels[id],
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "scx-n", children: data?.cats[id] ?? "" })
+        ] }, id)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-lhead", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: data ? `${data.total.toLocaleString()} \u4E2A\u63D2\u4EF6${status?.running ? "\uFF08\u6293\u53D6\u4E2D\uFF0C\u6301\u7EED\u589E\u52A0\uFF09" : ""}` : "\u52A0\u8F7D\u4E2D\u2026" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: { marginLeft: "auto" }, children: "\u6392\u5E8F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("select", { "aria-label": "\u6392\u5E8F", value: sort, onChange: (e) => setSort(e.target.value), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "score", children: "\u53EF\u4FE1\u5EA6" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "stars", children: "star" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "recent", children: "\u6700\u8FD1\u63A8\u9001" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "name", children: "\u540D\u79F0" })
+          ] })
+        ] }),
+        data && !data.rows.length && !empty ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "scx-empty", children: "\u6CA1\u6709\u7B26\u5408\u6761\u4EF6\u7684\u63D2\u4EF6\u3002\u653E\u5BBD\u5DE6\u4FA7\u7B5B\u9009\uFF0C\u6216\u6362\u4E2A\u5173\u952E\u8BCD\u3002" }) : null,
+        data?.rows.map((r) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { type: "button", className: "scx-item", "aria-current": sel === r.repo, "data-repo": r.repo, onClick: () => setSel(r.repo), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "scx-score", "data-band": band(r.score), title: r.scoreParts.map(([k, n]) => `${k} ${n > 0 ? "+" : ""}${n}`).join("\n"), children: r.score }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { minWidth: 0 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-rt", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("b", { children: r.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "scx-ver", children: r.npmVersion ?? r.repoVersion ?? "" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "scx-rd", children: r.description || "\uFF08\u65E0\u63CF\u8FF0\uFF09" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "scx-tags", children: rowTags(r, labels, status?.runtime, instSet.has(r.name)).map(([tone, text], i) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "scx-tag", "data-tone": tone, children: text }, i)) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "scx-meta", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+              "\u2605 ",
+              r.stars.toLocaleString()
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: r.repo.split("/")[0] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: ago(r.pushedAt) })
+          ] })
+        ] }, r.repo)),
+        data && data.rows.length < data.total ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "scx-more", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { type: "button", className: "scx-btn", onClick: () => setLimit(limit + PAGE), children: [
+          "\u518D\u663E\u793A ",
+          Math.min(PAGE, data.total - data.rows.length),
+          " \u4E2A"
+        ] }) }) : null
+      ] })
+    ] }),
+    sel ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Drawer, { repoKey: sel, face, labels, runtime: status?.runtime, installed: instSet, onClose: () => setSel(null), say }) : null,
+    toast ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "scx-toast", role: "status", children: toast }) : null
+  ] });
+}
+
+// src/client/installer.js
+var PHASE_TEXT = {
+  checking: "\u5B98\u65B9\u9884\u68C0\u4E2D\u2026",
+  starting: "\u6B63\u5728\u63D0\u4EA4\u7ED9\u5B98\u65B9\u5B89\u88C5\u5668\u2026",
+  installing: "\u5B98\u65B9\u5B89\u88C5\u5668\u8FD0\u884C pnpm \u4E2D\u2026",
+  cancelling: "\u6B63\u5728\u53D6\u6D88\u2026",
+  applying: "\u6B63\u5728\u5199\u5165 profile\uFF08\u6B64\u9636\u6BB5\u4E0D\u53EF\u53D6\u6D88\uFF09\u2026",
+  enabling: "\u6B63\u5728\u542F\u7528\u2026"
+};
+var CODE_TEXT = {
+  "management-required": "\u5F53\u524D profile \u4E0D\u53D7\u63D2\u4EF6\u7BA1\u7406\u5668\u7BA1\u7406",
+  unaddressable: "\u65E0\u6CD5\u5B9A\u4F4D\u8FD9\u4E2A\u63D2\u4EF6",
+  "unknown-plugin": "\u5B98\u65B9\u4E0D\u8BA4\u8BC6\u8FD9\u4E2A\u63D2\u4EF6",
+  "invalid-spec": "\u89C4\u683C\u65E0\u6548",
+  "ambiguous-install": "\u89C4\u683C\u5BF9\u5E94\u591A\u4E2A\u5305\uFF0C\u65E0\u6CD5\u786E\u5B9A\u88C5\u54EA\u4E2A",
+  "not-bundle": "\u8FD9\u4E2A\u5305\u6CA1\u6709\u58F0\u660E DSH \u7EC4\u5408\u5305\uFF0C\u5B98\u65B9\u4E0D\u63A5\u53D7",
+  "not-removable": "\u4E0D\u53EF\u79FB\u9664",
+  "stop-profile": "\u9700\u8981\u5148\u505C\u6B62\u5F53\u524D profile",
+  "bundle-in-use": "\u7EC4\u5408\u5305\u6B63\u5728\u4F7F\u7528\u4E2D",
+  "stale-approval": "\u811A\u672C\u6279\u51C6\u5DF2\u8FC7\u671F\uFF0C\u8BF7\u91CD\u65B0\u786E\u8BA4",
+  "incompatible-version": "\u4E0E\u5F53\u524D DSH \u7248\u672C\u4E0D\u517C\u5BB9",
+  "operation-error": "\u5B89\u88C5\u5668\u5185\u90E8\u9519\u8BEF"
+};
+var KIND_TEXT = {
+  network: "\u7F51\u7EDC\u4E0D\u53EF\u8FBE",
+  timeout: "\u5B89\u88C5\u8D85\u65F6",
+  integrity: "\u5305\u6821\u9A8C\u5931\u8D25",
+  "pnpm-missing": "\u627E\u4E0D\u5230 pnpm",
+  "not-found": "registry \u4E0A\u627E\u4E0D\u5230",
+  "no-matching-version": "\u6CA1\u6709\u5339\u914D\u7684\u7248\u672C",
+  "disk-full": "\u78C1\u76D8\u5DF2\u6EE1",
+  permission: "\u6CA1\u6709\u5199\u6743\u9650",
+  "build-blocked": "\u4F9D\u8D56\u5E26\u5B89\u88C5\u811A\u672C\uFF0C\u5DF2\u88AB\u62E6\u4E0B"
+};
+var PROBLEM_TEXT = {
+  "already-installed": "\u5DF2\u7ECF\u5B89\u88C5",
+  "not-found": "registry \u4E0A\u627E\u4E0D\u5230",
+  network: "\u7F51\u7EDC\u4E0D\u53EF\u8FBE",
+  "invalid-spec": "\u89C4\u683C\u65E0\u6548",
+  "not-a-package": "\u4E0D\u662F npm \u5305",
+  "not-a-bundle": "\u4E0D\u662F DSH \u7EC4\u5408\u5305",
+  unknown: "\u672A\u77E5\u539F\u56E0"
+};
+function failureText(v) {
+  const e = v?.error;
+  if (e?.code === "incompatible-version") {
+    const named = (e.incompatible ?? v.packageResult?.incompatible ?? []).map((p) => `${p.name}@${p.version} \u8981\u6C42 ${Object.entries(p.peers).map(([k, r]) => `${k} ${r}`).join("\u3001")}\uFF0C\u5F53\u524D\u8FD0\u884C\u65F6 ${p.runtimeVersion}`);
+    return `${CODE_TEXT["incompatible-version"]}${named.length ? `\uFF1A${named.join("\uFF1B")}` : ""}\u3002\u5982\u786E\u9700\u4F7F\u7528\uFF0C\u53EF\u5728\u5B98\u65B9\u63D2\u4EF6\u9875\u6309\u7248\u672C\u8C41\u514D\u3002`;
+  }
+  if (v?.pendingBuilds?.length) return `${KIND_TEXT["build-blocked"]}\uFF1A${v.pendingBuilds.join("\u3001")}`;
+  if (v?.failedAt === "spec-host") return "\u8FDE\u4E0D\u4E0A\u6E90\u7801\u4E3B\u673A\uFF08GitHub\uFF09\uFF0C\u6362\u7F51\u7EDC\u6216\u7A0D\u540E\u91CD\u8BD5";
+  const kind = v?.packageResult?.kind;
+  const head = e?.code && CODE_TEXT[e.code] || kind && KIND_TEXT[kind] || "\u5B89\u88C5\u5931\u8D25";
+  return e?.diagnostic ? `${head}\uFF1A${e.diagnostic.slice(0, 300)}` : head;
+}
+var unwrap = (res) => res && typeof res === "object" && "ok" in res ? res : { ok: true, value: res };
+var uuid = () => globalThis.crypto?.randomUUID?.() ?? `scout-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+function createInstaller(getPm, { onInstalled } = {}) {
+  let states = {};
+  let active;
+  const listeners = /* @__PURE__ */ new Set();
+  const set = (name, patch) => {
+    states = { ...states, [name]: patch === null ? void 0 : { ...states[name], ...patch } };
+    for (const l of listeners) l();
+  };
+  const byRequest = (id) => active && active.requestId === id ? active.name : void 0;
+  async function settle(name, requestId, res) {
+    let r = unwrap(res);
+    if (!r.ok) {
+      try {
+        r = unwrap(await getPm()?.pm.waitForInstall?.(requestId));
+      } catch {
+        r = { ok: false };
+      }
+      if (!r.ok || r.value == null) {
+        set(name, { phase: "unconfirmed", text: "\u6CA1\u62FF\u5230\u5B89\u88C5\u7ED3\u679C\uFF1B\u8BF7\u5230\u5B98\u65B9\u63D2\u4EF6\u9875\u786E\u8BA4\u662F\u5426\u5DF2\u88C5\u4E0A\uFF0C\u518D\u51B3\u5B9A\u662F\u5426\u91CD\u8BD5" });
+        return;
+      }
+    }
+    const v = r.value;
+    if (v.application === "cancelled") set(name, { phase: "cancelled", text: "\u5DF2\u53D6\u6D88\uFF1B\u5B98\u65B9\u5DF2\u6062\u590D package.json \u4E0E pnpm-lock.yaml" });
+    else if (v.application === "failed") set(name, { phase: "failed", text: failureText(v), code: v.error?.code, pendingBuilds: v.pendingBuilds ?? [], logPath: v.packageResult?.logPath });
+    else {
+      set(name, { phase: "installed", bundle: v.bundle ?? name, restartRequired: v.application === "restart-required", text: v.application === "restart-required" ? "\u5DF2\u5B89\u88C5\uFF08\u9700\u91CD\u542F DSH \u751F\u6548\uFF09" : "\u5DF2\u5B89\u88C5\uFF0C\u5C1A\u672A\u542F\u7528" });
+      onInstalled?.();
+    }
+  }
+  return {
+    get: () => states,
+    subscribe(l) {
+      listeners.add(l);
+      return () => listeners.delete(l);
+    },
+    busy: () => !!active,
+    /** 官方 install-state / install-log 事件：只认自己发起的 requestId。 */
+    onState(p) {
+      const n = byRequest(p?.requestId);
+      if (n && PHASE_TEXT[p.phase]) set(n, { phase: p.phase, text: PHASE_TEXT[p.phase] });
+    },
+    onLog(c) {
+      const n = byRequest(c?.requestId);
+      if (!n || typeof c.text !== "string") return;
+      const line = c.text.split("\n").map((s) => s.trim()).filter(Boolean).at(-1);
+      if (line) set(n, { log: line.slice(0, 200) });
+    },
+    /**
+     * 先官方 inspect，再 installBundle（enabled:false）。approvedBuilds 只在用户看过名单、明确点了允许后才传。
+     * @returns {Promise<void>}
+     */
+    async install(name, spec, approvedBuilds) {
+      const got = getPm();
+      if (!got || typeof got.pm.installBundle !== "function") {
+        set(name, { phase: "failed", text: "\u5F53\u524D\u7A97\u53E3\u62FF\u4E0D\u5230\u5B98\u65B9\u63D2\u4EF6\u7BA1\u7406\u670D\u52A1" });
+        return;
+      }
+      if (active) {
+        set(name, { phase: "failed", text: `\u6B63\u5728\u5B89\u88C5 ${active.name}\uFF0C\u8BF7\u7B49\u5B83\u7ED3\u675F` });
+        return;
+      }
+      const requestId = uuid();
+      active = { name, requestId };
+      set(name, { phase: "checking", text: PHASE_TEXT.checking, log: void 0, pendingBuilds: [], code: void 0, logPath: void 0, requestId });
+      try {
+        const insp = unwrap(await got.pm.inspect(spec, {}));
+        if (!insp.ok) {
+          set(name, { phase: "failed", text: `\u5B98\u65B9\u9884\u68C0\u5931\u8D25\uFF1A${insp.error?.message ?? "unknown"}` });
+          return;
+        }
+        const iv = insp.value ?? {};
+        if (iv.status !== "accepted") {
+          if (iv.problem === "already-installed") {
+            set(name, { phase: "installed", text: "\u5DF2\u7ECF\u5B89\u88C5" });
+            onInstalled?.();
+            return;
+          }
+          set(name, { phase: "failed", text: `\u5B98\u65B9\u9884\u68C0\u62D2\u7EDD\uFF1A${PROBLEM_TEXT[iv.problem] ?? iv.problem}${iv.reason ? `\uFF08${iv.reason}\uFF09` : ""}` });
+          return;
+        }
+        if (iv.bundle === false) {
+          set(name, { phase: "failed", text: "\u80FD\u89E3\u6790\u5230\u5305\uFF0C\u4F46\u5B83\u4E0D\u662F DSH \u7EC4\u5408\u5305\uFF0C\u5B98\u65B9\u4E0D\u63A5\u53D7" });
+          return;
+        }
+        set(name, { phase: "starting", text: PHASE_TEXT.starting });
+        const res = await got.pm.installBundle(spec, { enabled: false, requestId, ...iv.registry ? { registry: iv.registry } : {}, ...approvedBuilds?.length ? { approvedBuilds: [...approvedBuilds] } : {} });
+        await settle(name, requestId, res);
+      } catch (e) {
+        set(name, { phase: "failed", text: e?.message ?? String(e) });
+      } finally {
+        if (active?.requestId === requestId) active = void 0;
+      }
+    },
+    async cancel(name) {
+      const s = states[name];
+      if (!active || active.name !== name || !s?.requestId) return;
+      try {
+        const r = unwrap(await getPm()?.pm.cancelInstall?.(s.requestId));
+        if (r.ok && r.value?.status === "too-late") set(name, { text: "\u5DF2\u8FDB\u5165\u5199\u5165\u9636\u6BB5\uFF0C\u4E0D\u80FD\u53D6\u6D88\uFF1B\u7B49\u5B83\u5B8C\u6210" });
+      } catch {
+      }
+    },
+    async enable(name) {
+      const got = getPm();
+      if (!got || typeof got.pm.setBundleEnabled !== "function") {
+        set(name, { phase: "failed", text: "\u5F53\u524D\u7A97\u53E3\u62FF\u4E0D\u5230\u5B98\u65B9\u63D2\u4EF6\u7BA1\u7406\u670D\u52A1" });
+        return;
+      }
+      set(name, { phase: "enabling", text: PHASE_TEXT.enabling });
+      try {
+        const r = unwrap(await got.pm.setBundleEnabled(states[name]?.bundle ?? name, true));
+        if (!r.ok) {
+          set(name, { phase: "installed", text: `\u542F\u7528\u5931\u8D25\uFF1A${r.error?.message ?? "unknown"}` });
+          return;
+        }
+        const v = r.value;
+        if (v.application === "failed") set(name, { phase: "installed", text: `\u542F\u7528\u5931\u8D25\uFF1A${failureText(v)}\uFF1B\u63D2\u4EF6\u4ECD\u5DF2\u5B89\u88C5\uFF0C\u53EF\u5728\u5B98\u65B9\u63D2\u4EF6\u9875\u5904\u7406\u6216\u5378\u8F7D` });
+        else set(name, { phase: "enabled", text: v.application === "restart-required" ? "\u5DF2\u542F\u7528\uFF0C\u91CD\u542F DSH \u540E\u751F\u6548" : "\u5DF2\u542F\u7528" });
+        onInstalled?.();
+      } catch (e) {
+        set(name, { phase: "installed", text: `\u542F\u7528\u5931\u8D25\uFF1A${e?.message ?? e}` });
+      }
+    },
+    reset(name) {
+      if (!active || active.name !== name) set(name, null);
+    }
+  };
+}
+
+// src/client/style.css
+var style_default = '/* DSH Plugin Scout. \u53EA\u7528\u5BBF\u4E3B --dsw-alias-* token\uFF1B\u6D6E\u5C42\u8868\u9762\u7528\u5B57\u9762\u8272\uFF08\u5BBF\u4E3B bg \u522B\u540D\u53EF\u80FD\u662F\u73BB\u7483\u534A\u900F\u660E\uFF09\u3002\n   \u7C7B\u540D\u7EDF\u4E00 scx- \u524D\u7F00\uFF0C\u5E76\u907F\u5F00\u5BBF\u4E3B\u76AE\u80A4\u7684\u5B50\u4E32\u89C4\u5219\uFF1Acard bubble block pill banner button panel \u7B49\u3002 */\n.scx-root {\n  --scx-ink1: var(--dsw-alias-label-primary, #16181d);\n  --scx-ink2: var(--dsw-alias-label-secondary, #4a4f59);\n  --scx-ink3: var(--dsw-alias-label-tertiary, #7a808b);\n  --scx-ink4: var(--dsw-alias-label-caption, #a3a8b1);\n  --scx-hair: var(--dsw-alias-border-l2, #e6e8ec);\n  --scx-hair2: var(--dsw-alias-border-l3, #d6d9df);\n  --scx-hover: var(--dsw-alias-interactive-bg-hover, rgba(15, 17, 21, 0.05));\n  --scx-ok: var(--dsw-alias-state-success-primary, #1f9d55);\n  --scx-warn: var(--dsw-alias-state-warn-primary, #c27c0e);\n  --scx-bad: var(--dsw-alias-state-error-primary, #d14343);\n  --scx-info: #3563e9;\n  --scx-cat: #6a3fc8;\n  --scx-tile: rgba(255, 255, 255, 0.72);\n  --scx-sheet: #ffffff;\n  --scx-shadow: 0 1px 2px rgba(15, 17, 21, 0.06);\n  --scx-mono: var(--dsw-font-mono, ui-monospace, Menlo, monospace);\n  font: 13px/1.5 var(--dsw-font-family, -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif);\n  color: var(--scx-ink1);\n}\nbody[data-ds-dark-theme] .scx-root {\n  --scx-info: #7d9bff;\n  --scx-cat: #b79cff;\n  --scx-tile: rgba(255, 255, 255, 0.05);\n  --scx-sheet: #111318;\n  --scx-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);\n}\n.scx-root *, .scx-root *::before, .scx-root *::after { box-sizing: border-box; }\n\n/* \u2500\u2500 page \u2500\u2500 */\n.scx-page { height: 100%; display: flex; flex-direction: column; min-height: 0; overflow: hidden; }\n.scx-top { display: flex; align-items: center; gap: 12px; margin: 12px 16px 0; padding: 0 0 12px; border-bottom: 1px solid var(--scx-hair); flex-wrap: wrap; }\n.scx-top h1 { margin: 0; font-size: 15px; font-weight: 600; }\n.scx-sub { color: var(--scx-ink3); font-size: 12px; }\n.scx-search { flex: 1; min-width: 200px; max-width: 420px; display: flex; align-items: center; gap: 6px; border: 1px solid var(--scx-hair2); border-radius: 8px; padding: 4px 10px; background: var(--scx-tile); }\n.scx-search input { border: 0; outline: 0; flex: 1; font: inherit; background: transparent; color: inherit; min-width: 0; }\n.scx-fresh { margin-left: auto; display: flex; align-items: center; gap: 10px; color: var(--scx-ink3); font-size: 12px; }\n.scx-btn { border: 1px solid var(--scx-hair2); background: var(--scx-tile); border-radius: 7px; padding: 4px 11px; font: inherit; color: var(--scx-ink1); cursor: pointer; white-space: nowrap; }\n.scx-btn:hover:not(:disabled) { background: var(--scx-hover); }\n.scx-btn:disabled { opacity: 0.5; cursor: default; }\n.scx-btn[data-tone="bad"] { color: var(--scx-bad); border-color: var(--scx-bad); }\n.scx-btn[data-tone="pri"] { background: var(--scx-ink1); border-color: var(--scx-ink1); color: var(--scx-sheet); }\n.scx-body { flex: 1; display: grid; grid-template-columns: 220px 1fr; min-height: 0; }\n.scx-filters { border-right: 1px solid var(--scx-hair); padding: 14px 16px; overflow: auto; }\n.scx-fg { margin-bottom: 16px; }\n.scx-fg h4 { margin: 0 0 6px; font-size: 11px; font-weight: 600; color: var(--scx-ink3); letter-spacing: 0.04em; }\n.scx-fg label { display: flex; align-items: center; gap: 7px; padding: 2px 0; color: var(--scx-ink2); cursor: pointer; }\n.scx-fg label .scx-n { margin-left: auto; color: var(--scx-ink4); font-variant-numeric: tabular-nums; }\n.scx-list { overflow: auto; padding: 10px 16px 32px; min-width: 0; }\n.scx-cats { display: flex; gap: 6px; flex-wrap: wrap; padding: 2px 0 10px; border-bottom: 1px solid var(--scx-hair); margin-bottom: 8px; }\n.scx-cat { border: 1px solid var(--scx-hair2); background: var(--scx-tile); border-radius: 999px; padding: 3px 11px; font: inherit; font-size: 12.5px; color: var(--scx-ink2); cursor: pointer; display: inline-flex; gap: 6px; align-items: center; }\n.scx-cat:hover { background: var(--scx-hover); }\n.scx-cat .scx-n { color: var(--scx-ink4); font-variant-numeric: tabular-nums; font-size: 11.5px; }\n.scx-cat[aria-selected="true"] { background: var(--scx-ink1); border-color: var(--scx-ink1); color: var(--scx-sheet); }\n.scx-cat[aria-selected="true"] .scx-n { color: inherit; opacity: 0.7; }\n.scx-lhead { display: flex; align-items: center; gap: 10px; padding: 2px 0 8px; color: var(--scx-ink3); font-size: 12px; }\n.scx-lhead select { font: inherit; border: 1px solid var(--scx-hair2); border-radius: 6px; padding: 1px 6px; background: var(--scx-tile); color: inherit; }\n.scx-item { display: grid; grid-template-columns: 34px 1fr auto; gap: 12px; align-items: start; padding: 11px 14px; border: 1px solid var(--scx-hair); border-radius: 10px; background: var(--scx-tile); margin-bottom: 8px; cursor: pointer; box-shadow: var(--scx-shadow); width: 100%; text-align: left; font: inherit; color: inherit; }\n.scx-item:hover { border-color: var(--scx-hair2); }\n.scx-item[aria-current="true"] { border-color: var(--scx-ink1); }\n.scx-score { width: 34px; height: 34px; border-radius: 8px; display: grid; place-items: center; font-weight: 600; font-size: 12px; font-variant-numeric: tabular-nums; }\n.scx-score[data-band="hi"] { background: color-mix(in srgb, var(--scx-ok) 14%, transparent); color: var(--scx-ok); }\n.scx-score[data-band="mid"] { background: color-mix(in srgb, var(--scx-warn) 14%, transparent); color: var(--scx-warn); }\n.scx-score[data-band="lo"] { background: var(--scx-hover); color: var(--scx-ink3); }\n.scx-rt { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }\n.scx-rt b { font-size: 13.5px; font-weight: 600; }\n.scx-ver { color: var(--scx-ink3); font-size: 12px; font-family: var(--scx-mono); }\n.scx-rd { color: var(--scx-ink2); margin: 2px 0 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.scx-tags { display: flex; gap: 5px; flex-wrap: wrap; }\n.scx-tag { font-size: 11px; padding: 1px 7px; border-radius: 5px; white-space: nowrap; background: var(--scx-hover); color: var(--scx-ink3); }\n.scx-tag[data-tone="ok"] { background: color-mix(in srgb, var(--scx-ok) 12%, transparent); color: var(--scx-ok); }\n.scx-tag[data-tone="warn"] { background: color-mix(in srgb, var(--scx-warn) 12%, transparent); color: var(--scx-warn); }\n.scx-tag[data-tone="bad"] { background: color-mix(in srgb, var(--scx-bad) 12%, transparent); color: var(--scx-bad); }\n.scx-tag[data-tone="info"] { background: color-mix(in srgb, var(--scx-info) 12%, transparent); color: var(--scx-info); }\n.scx-tag[data-tone="cat"] { background: color-mix(in srgb, var(--scx-cat) 12%, transparent); color: var(--scx-cat); }\n.scx-tag[data-tone="cat2"] { background: transparent; color: var(--scx-cat); border: 1px solid color-mix(in srgb, var(--scx-cat) 30%, transparent); }\n.scx-meta { text-align: right; color: var(--scx-ink3); font-size: 12px; white-space: nowrap; }\n.scx-empty { padding: 56px 0; text-align: center; color: var(--scx-ink3); }\n.scx-more { display: flex; justify-content: center; padding: 8px 0; }\n.scx-note { border: 1px solid var(--scx-hair); border-radius: 9px; padding: 10px 12px; margin-bottom: 10px; color: var(--scx-ink2); font-size: 12px; }\n.scx-note[data-tone="bad"] { border-color: var(--scx-bad); color: var(--scx-bad); }\n.scx-progress { height: 3px; background: var(--scx-hair); border-radius: 2px; overflow: hidden; margin-top: 6px; }\n.scx-progress > i { display: block; height: 100%; background: var(--scx-info); transition: width 0.3s; }\n\n/* \u2500\u2500 drawer (non-modal side sheet; no role=dialog, the host skin repaints those) \u2500\u2500 */\n.scx-scrim { position: fixed; inset: 0; background: rgba(15, 17, 21, 0.18); z-index: 40; }\n.scx-sheet { position: fixed; top: 0; right: 0; bottom: 0; width: min(540px, 92vw); background: var(--scx-sheet); border-left: 1px solid var(--scx-hair); box-shadow: -12px 0 32px rgba(15, 17, 21, 0.12); display: flex; flex-direction: column; z-index: 41; }\n.scx-dh { padding: 16px 20px 12px; border-bottom: 1px solid var(--scx-hair); display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; }\n.scx-dh h2 { margin: 0; font-size: 16px; font-weight: 600; word-break: break-all; }\n.scx-x { border: 0; background: none; font-size: 18px; color: var(--scx-ink3); cursor: pointer; grid-row: span 2; align-self: start; }\n.scx-pkg { font-family: var(--scx-mono); font-size: 12px; color: var(--scx-ink3); }\n.scx-pkg a { color: inherit; }\n.scx-dbody { flex: 1; overflow: auto; padding: 4px 20px 20px; }\n.scx-sec { margin-top: 16px; }\n.scx-sec h3 { font-size: 12px; font-weight: 600; color: var(--scx-ink3); margin: 0 0 8px; letter-spacing: 0.03em; }\n.scx-chk { border: 1px solid var(--scx-hair); border-radius: 9px; overflow: hidden; }\n.scx-ci { display: grid; grid-template-columns: 20px 1fr; gap: 8px; padding: 8px 12px; border-top: 1px solid var(--scx-hair); }\n.scx-ci:first-child { border-top: 0; }\n.scx-ic { font-weight: 700; text-align: center; }\n.scx-ic[data-st="ok"] { color: var(--scx-ok); }\n.scx-ic[data-st="warn"] { color: var(--scx-warn); }\n.scx-ic[data-st="bad"] { color: var(--scx-bad); }\n.scx-ic[data-st="unk"] { color: var(--scx-ink4); }\n.scx-id { font-family: var(--scx-mono); color: var(--scx-ink4); font-size: 11px; margin-right: 4px; }\n.scx-ev { color: var(--scx-ink3); font-size: 12px; font-family: var(--scx-mono); word-break: break-all; margin-top: 1px; }\n.scx-catev { border: 1px solid var(--scx-hair); border-radius: 9px; padding: 8px 12px; margin-bottom: 6px; }\n.scx-catev > div { display: flex; gap: 8px; align-items: center; }\n.scx-catev .scx-s { margin-left: auto; font-size: 11px; color: var(--scx-ink4); }\n.scx-catev ul { margin: 4px 0 0; padding-left: 16px; color: var(--scx-ink3); font-size: 12px; font-family: var(--scx-mono); }\n.scx-chain { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; }\n.scx-node { border: 1px solid var(--scx-hair2); border-radius: 6px; padding: 2px 8px; font-family: var(--scx-mono); }\n.scx-kv { display: grid; grid-template-columns: 130px 1fr; gap: 4px 10px; font-size: 12px; margin: 0; }\n.scx-kv dt { color: var(--scx-ink3); }\n.scx-kv dd { margin: 0; word-break: break-all; }\n.scx-mono { font-family: var(--scx-mono); font-size: 12px; }\n.scx-parts { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; font-size: 12px; color: var(--scx-ink2); max-width: 280px; }\n.scx-parts b { border-top: 1px solid var(--scx-hair); padding-top: 3px; }\n.scx-df { border-top: 1px solid var(--scx-hair); padding: 12px 20px; display: flex; gap: 8px; align-items: center; }\n.scx-spec { flex: 1; min-width: 0; font-family: var(--scx-mono); font-size: 12px; border: 1px solid var(--scx-hair2); border-radius: 7px; padding: 5px 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.scx-inst { border-top: 1px solid var(--scx-hair); padding: 10px 20px; font-size: 12px; color: var(--scx-ink2); }\n.scx-inst[data-phase="failed"], .scx-inst[data-phase="unconfirmed"] { color: var(--scx-bad); }\n.scx-inst[data-phase="installed"], .scx-inst[data-phase="enabled"] { color: var(--scx-ok); }\n.scx-inst-t { font-weight: 500; }\n.scx-toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); background: var(--scx-ink1); color: var(--scx-sheet); padding: 7px 14px; border-radius: 8px; font-size: 12px; z-index: 60; }\n\n/* \u2500\u2500 official plugin page contributions \u2500\u2500 */\n.scx-badge { font-size: 11px; padding: 1px 7px; border-radius: 5px; white-space: nowrap; margin-left: 6px; }\n.scx-badge[data-band="hi"] { background: color-mix(in srgb, var(--scx-ok) 14%, transparent); color: var(--scx-ok); }\n.scx-badge[data-band="mid"] { background: color-mix(in srgb, var(--scx-warn) 14%, transparent); color: var(--scx-warn); }\n.scx-badge[data-band="lo"], .scx-badge[data-risky="true"] { background: color-mix(in srgb, var(--scx-bad) 12%, transparent); color: var(--scx-bad); }\n.scx-section { margin-top: 16px; border: 1px solid var(--scx-hair); border-radius: 10px; padding: 12px 14px; }\n.scx-section h4 { margin: 0 0 8px; font-size: 13px; font-weight: 600; display: flex; gap: 8px; align-items: center; }\n.scx-section .scx-link { margin-left: auto; font-size: 12px; font-weight: 400; color: var(--scx-info); background: none; border: 0; cursor: pointer; padding: 0; }\n';
+
+// src/client/index.jsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var PKG = "dsh-plugin-scout";
+var PANEL_ID = "dsh-plugin-scout";
+var NS = "dshPluginScout";
+var OFFICIAL_PANEL = "plugins";
+var inject = ["slots", "locale"];
+var zh = { panel: "\u53D1\u73B0\u63D2\u4EF6", badge: "\u53EF\u4FE1\u5EA6", section: "\u63D2\u4EF6\u53D1\u73B0 \xB7 \u6838\u9A8C" };
+var en = { panel: "Discover", badge: "Trust", section: "Plugin Scout \xB7 checks" };
+function optional(ctx, name) {
+  try {
+    return ctx.get?.(name);
+  } catch {
+    return void 0;
+  }
+}
+function pluginManagerOf(ctx) {
+  try {
+    const pm = optional(ctx, "remote.pluginManager");
+    if (!pm || typeof pm.listBundles !== "function") return void 0;
+    return { pm, remote: optional(ctx, "remote") };
+  } catch {
+    return void 0;
+  }
+}
+function createInstalledStore(ctx) {
+  let names = [];
+  const listeners = /* @__PURE__ */ new Set();
+  const emit = () => {
+    for (const l of listeners) l();
+  };
+  const load = async () => {
+    const got = pluginManagerOf(ctx);
+    if (!got) return;
+    try {
+      const res = await got.pm.listBundles();
+      const list = res?.ok ? res.value : Array.isArray(res) ? res : [];
+      const next = list.filter((b) => b.installed).map((b) => b.name).sort();
+      if (next.join("\n") !== names.join("\n")) {
+        names = next;
+        emit();
+      }
+    } catch {
+    }
+  };
+  return {
+    load,
+    get: () => names,
+    subscribe: (l) => {
+      listeners.add(l);
+      if (listeners.size === 1) void load();
+      return () => listeners.delete(l);
+    },
+    watch(extra = {}) {
+      const got = pluginManagerOf(ctx);
+      const offs = [];
+      try {
+        const off = got?.remote?.$on?.("plugin-manager/changed", load);
+        if (typeof off === "function") offs.push(off);
+      } catch {
+      }
+      for (const [event, fn] of Object.entries(extra)) {
+        try {
+          const off = got?.remote?.$on?.(event, fn);
+          if (typeof off === "function") offs.push(off);
+        } catch {
+        }
+      }
+      try {
+        const off = ctx.on?.("connection/reset", load);
+        if (typeof off === "function") offs.push(off);
+      } catch {
+      }
+      return () => offs.forEach((o) => o());
+    }
+  };
+}
+function installStyle() {
+  if (typeof document === "undefined") return () => {
+  };
+  const tag = document.createElement("style");
+  tag.dataset.plugin = PKG;
+  tag.dataset.pluginCss = `${PKG}/style`;
+  tag.dataset.scout = PKG;
+  tag.textContent = style_default;
+  document.head.appendChild(tag);
+  return () => tag.remove();
+}
+function PanelIcon({ size = 20 }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("g", { stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "10.5", cy: "10.5", r: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m15 15 5 5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "m8 10.5 1.8 1.8L13.2 9" })
+  ] }) });
+}
+var subjectName = (subject) => subject?.kind === "bundle" || subject?.kind === "row" ? subject.pkg?.name : void 0;
+function apply(ctx) {
+  ctx.effect(() => ctx.locale.register(NS, { zh, en }), "scout: dictionaries");
+  const t = ctx.locale.bind(NS);
+  ctx.effect(installStyle, "scout: stylesheet");
+  const installed = createInstalledStore(ctx);
+  const installer = createInstaller(() => pluginManagerOf(ctx), { onInstalled: () => void installed.load() });
+  ctx.effect(() => {
+    try {
+      return installed.watch({ "plugin-manager/install-state": (p) => installer.onState(p), "plugin-manager/install-log": (c) => installer.onLog(c) });
+    } catch {
+      return void 0;
+    }
+  }, "scout: installed watch");
+  const badges = createBadgeCache();
+  let pending;
+  const face = {
+    useInstalled: () => (0, import_react3.useSyncExternalStore)(installed.subscribe, installed.get, installed.get),
+    /** 一键安装：拿不到官方 installBundle 时为 undefined，界面退回「复制 + 去插件页」。 */
+    installer: (() => {
+      const got = pluginManagerOf(ctx);
+      return got && typeof got.pm.installBundle === "function" ? installer : void 0;
+    })(),
+    useInstall: (name) => (0, import_react3.useSyncExternalStore)(installer.subscribe, () => installer.get()[name], () => void 0),
+    inspect: pluginManagerOf(ctx) ? async (spec) => {
+      try {
+        const got = pluginManagerOf(ctx);
+        if (!got) return { error: "\u5B98\u65B9\u63D2\u4EF6\u7BA1\u7406\u670D\u52A1\u6682\u4E0D\u53EF\u7528" };
+        const res = await got.pm.inspect(spec, {});
+        if (res?.ok === false) return { error: res.error?.message ?? "failed" };
+        return res?.ok ? res.value : res;
+      } catch (e) {
+        return { error: e.message };
+      }
+    } : void 0,
+    /** 已安装 → 直达官方详情；否则切到官方插件页。返回实际走了哪条路。 */
+    openPlugins(name) {
+      const nav = optional(ctx, "pluginNavigation");
+      if (name && typeof nav?.openBundle === "function") {
+        try {
+          nav.openBundle(name);
+          return "bundle";
+        } catch {
+        }
+      }
+      const layout = optional(ctx, "layout");
+      if (typeof layout?.selectPanel === "function") {
+        try {
+          layout.selectPanel(OFFICIAL_PANEL);
+          return "panel";
+        } catch {
+        }
+      }
+      return "none";
+    },
+    takePending() {
+      const p = pending;
+      pending = void 0;
+      return p;
+    },
+    onPending(fn) {
+      pendingListeners.add(fn);
+      return () => pendingListeners.delete(fn);
+    }
+  };
+  const pendingListeners = /* @__PURE__ */ new Set();
+  const focus = (repo) => {
+    pending = repo;
+    for (const l of pendingListeners) l();
+  };
+  function Page() {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ScoutPage, { face });
+  }
+  ctx.effect(() => ctx.slots.inject("main", () => ctx.slots.register({ name: "main", key: PANEL_ID, locale: NS }, Page)), "scout: page");
+  ctx.effect(() => ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+    name: "sidebar.panellist",
+    id: PANEL_ID,
+    order: 40,
+    label: () => t("panel"),
+    locale: NS
+  }, PanelIcon)), "scout: sidebar entry");
+  const useBadge = (name) => {
+    (0, import_react3.useSyncExternalStore)(badges.subscribe, () => name ? badges.get(name) : null, () => null);
+    return name ? badges.get(name) : null;
+  };
+  function Badge({ subject }) {
+    const b = useBadge(subject?.kind === "bundle" ? subjectName(subject) : void 0);
+    if (!b) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: "scx-root scx-badge", "data-band": band(b.score), "data-risky": b.risky, title: `dsh-plugin-scout \xB7 ${b.repo}`, children: [
+      t("badge"),
+      " ",
+      b.score,
+      b.risky ? " \xB7 \u2715" : ""
+    ] });
+  }
+  function Section({ subject }) {
+    const name = subject?.kind === "bundle" ? subjectName(subject) : void 0;
+    const b = useBadge(name);
+    if (!b) return null;
+    const goto = () => {
+      focus(b.repo);
+      const layout = optional(ctx, "layout");
+      try {
+        layout?.selectPanel?.(PANEL_ID);
+      } catch {
+      }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { className: "scx-root scx-section", "data-scout-section": "", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("h4", { children: [
+        t("section"),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "scx-badge", "data-band": band(b.score), "data-risky": b.risky, children: b.score }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "scx-link", onClick: goto, children: "\u5728\u53D1\u73B0\u9875\u67E5\u770B \u2192" })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "scx-ev", style: { marginBottom: 8 }, children: [
+        "\u6309\u5305\u540D\u5339\u914D\u7D22\u5F15\u4E2D\u7684\u4EE3\u8868\u4ED3\u5E93 github.com/",
+        b.repo,
+        b.npmVersion ? ` \xB7 npm \u6700\u65B0 ${b.npmVersion}` : ""
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Checklist, { checks: b.checks })
+    ] });
+  }
+  ctx.effect(() => ctx.slots.inject("plugins.detail.badge", () => ctx.slots.register({ name: "plugins.detail.badge", id: `${PKG}/badge`, order: 50, locale: NS }, Badge)), "scout: official badge");
+  ctx.effect(() => ctx.slots.inject("plugins.detail.section", () => ctx.slots.register({ name: "plugins.detail.section", id: `${PKG}/section`, order: 50, locale: NS }, Section)), "scout: official section");
+}
+
+    return module.exports;
+  }
+});