@boostkit-dsh/skill-market 0.3.1

package/client.js

@@ -0,0 +1,464 @@
+// Generated from src/client.ts by scripts/build-clients.mjs. Do not edit.
+window.__ModuleLoader__.load({ id: "@boostkit-dsh/skill-market", factory: (require2) => {
+  const module = { exports: {} };
+  const exports = module.exports;
+  const { createElement: h, useCallback, useEffect, useMemo, useState, useSyncExternalStore } = require2("react");
+  const { MarkdownText, Switch } = require2("@deepseek-ai/dsh-client-ui-primitives");
+  const NS = "boostkit-skill-market";
+  const PANEL_ID = "boostkit-skill-market";
+  const dictionaries = {
+    zh: {
+      nav: "BoostKit Skill \u5E02\u573A",
+      subtitle: "\u9879\u76EE\u7EA7 Skill \xB7 npm \u5B89\u5168\u5206\u53D1",
+      all: "\u5168\u90E8",
+      installed: "\u5DF2\u5B89\u88C5",
+      search: "\u641C\u7D22 Skill \u540D\u79F0\u3001\u8BF4\u660E\u3001\u5206\u7C7B\u6216\u6807\u7B7E\u2026",
+      allCategories: "\u5168\u90E8\u5206\u7C7B",
+      install: "\u5B89\u88C5",
+      update: "\u66F4\u65B0",
+      uninstall: "\u5378\u8F7D",
+      working: "\u5904\u7406\u4E2D\u2026",
+      refresh: "\u5237\u65B0",
+      share: "\u5206\u4EAB",
+      shared: "\u5DF2\u590D\u5236\u5206\u4EAB\u4FE1\u606F",
+      contribute: "\u8D21\u732E Skill",
+      results: "\u4E2A\u7ED3\u679C",
+      loading: "\u6B63\u5728\u52A0\u8F7D Skill \u76EE\u5F55\u2026",
+      installedBadge: "\u5DF2\u5B89\u88C5",
+      disabledBadge: "\u5DF2\u7981\u7528",
+      updateBadge: "\u53EF\u66F4\u65B0",
+      missingBadge: "\u6587\u4EF6\u7F3A\u5931",
+      unlistedBadge: "\u76EE\u5F55\u672A\u6536\u5F55",
+      empty: "\u6CA1\u6709\u7B26\u5408\u6761\u4EF6\u7684 Skill",
+      failed: "\u64CD\u4F5C\u5931\u8D25",
+      success: "\u64CD\u4F5C\u5B8C\u6210",
+      offlineTitle: "\u65E0\u6CD5\u8FDE\u63A5 BoostKit Skill npm \u76EE\u5F55",
+      offlineBody: "\u4ECD\u53EF\u67E5\u770B\u3001\u542F\u505C\u6216\u5378\u8F7D\u5DF2\u7ECF\u5B89\u88C5\u7684 Skill\uFF1B\u5B89\u88C5\u548C\u66F4\u65B0\u6682\u4E0D\u53EF\u7528\u3002",
+      catalog: "\u76EE\u5F55\u5305",
+      release: "\u76EE\u5F55\u7248\u672C",
+      source: "\u6E90\u7801",
+      version: "\u7248\u672C",
+      confirmInstall: "\u786E\u8BA4\u5C06\u6B64 Skill \u5B89\u88C5\u5230\u5F53\u524D\u9879\u76EE\uFF1F",
+      confirmUpdate: "\u786E\u8BA4\u66F4\u65B0\u6B64 Skill\uFF1F\u672C\u5730\u76EE\u5F55\u5C06\u66FF\u6362\u4E3A catalog \u7248\u672C\u3002",
+      confirmRemove: "\u786E\u8BA4\u5378\u8F7D\u6B64 Skill\uFF1F\u53EA\u4F1A\u5220\u9664\u7531\u672C\u5E02\u573A\u7BA1\u7406\u7684\u76EE\u5F55\u3002",
+      agentBusy: "\u6709 Agent \u6B63\u5728\u8FD0\u884C\uFF0C\u8BF7\u7B49\u5F85\u5F53\u524D\u4EFB\u52A1\u7ED3\u675F\u540E\u518D\u4FEE\u6539 Skill\u3002",
+      availableImmediately: "\u5B89\u88C5\u3001\u542F\u7528\u6216\u7981\u7528\u540E\uFF0CDSH \u6587\u4EF6\u7CFB\u7EDF Skill Provider \u4F1A\u81EA\u52A8\u53D1\u73B0\u53D8\u66F4\u3002",
+      openDetails: "\u67E5\u770B\u5B8C\u6574 SKILL.md",
+      skillDetails: "Skill \u8BE6\u60C5",
+      skillFile: "SKILL.md",
+      close: "\u5173\u95ED",
+      enable: "\u542F\u7528",
+      disable: "\u7981\u7528",
+      enabled: "\u5DF2\u542F\u7528",
+      disabled: "\u5DF2\u7981\u7528",
+      detailLoading: "\u6B63\u5728\u8BFB\u53D6 SKILL.md\u2026",
+      detailUnavailable: "\u65E0\u6CD5\u8BFB\u53D6 SKILL.md",
+      copyCode: "\u590D\u5236",
+      copiedCode: "\u5DF2\u590D\u5236",
+      footnotes: "\u811A\u6CE8",
+      toggleSkill: "\u542F\u7528\u6B64 Skill",
+      skillMetadata: "Skill \u5143\u6570\u636E",
+      targetWorkspace: "\u5B89\u88C5\u5230\u5DE5\u4F5C\u533A",
+      noWorkspace: "\u8BF7\u5148\u5728\u5DE6\u4FA7\u6DFB\u52A0\u4E00\u4E2A DSH \u5DE5\u4F5C\u533A\uFF0C\u518D\u5B89\u88C5\u9879\u76EE\u7EA7 Skill\u3002"
+    },
+    en: {
+      nav: "BoostKit Skill Market",
+      subtitle: "Project Skills \xB7 verified npm distribution",
+      all: "All",
+      installed: "Installed",
+      search: "Search Skill name, description, category, or tag\u2026",
+      allCategories: "All categories",
+      install: "Install",
+      update: "Update",
+      uninstall: "Uninstall",
+      working: "Working\u2026",
+      refresh: "Refresh",
+      share: "Share",
+      shared: "Share information copied",
+      contribute: "Contribute Skill",
+      results: "results",
+      loading: "Loading Skill catalog\u2026",
+      installedBadge: "Installed",
+      disabledBadge: "Disabled",
+      updateBadge: "Update available",
+      missingBadge: "Files missing",
+      unlistedBadge: "Not listed",
+      empty: "No matching Skills",
+      failed: "Operation failed",
+      success: "Operation complete",
+      offlineTitle: "Cannot reach the BoostKit Skill npm catalog",
+      offlineBody: "Installed Skills remain readable, toggleable, and removable; install and update are unavailable.",
+      catalog: "Catalog",
+      release: "Catalog release",
+      source: "Source",
+      version: "Version",
+      confirmInstall: "Install this Skill into the current project?",
+      confirmUpdate: "Update this Skill? The managed local directory will be replaced.",
+      confirmRemove: "Remove this Skill? Only the market-managed directory will be deleted.",
+      agentBusy: "An Agent is running. Wait for the current task to finish before changing Skills.",
+      availableImmediately: "The DSH filesystem Skill provider discovers installs and enablement changes automatically.",
+      openDetails: "View the complete SKILL.md",
+      skillDetails: "Skill details",
+      skillFile: "SKILL.md",
+      close: "Close",
+      enable: "Enable",
+      disable: "Disable",
+      enabled: "Enabled",
+      disabled: "Disabled",
+      detailLoading: "Loading SKILL.md\u2026",
+      detailUnavailable: "Could not read SKILL.md",
+      copyCode: "Copy",
+      copiedCode: "Copied",
+      footnotes: "Footnotes",
+      toggleSkill: "Enable this Skill",
+      skillMetadata: "Skill metadata",
+      targetWorkspace: "Install to workspace",
+      noWorkspace: "Add a DSH workspace in the sidebar before installing project Skills."
+    }
+  };
+  const styles = {
+    page: { flex: 1, minHeight: 0, overflow: "auto", boxSizing: "border-box", padding: "24px clamp(18px,4vw,48px)", background: "var(--dsw-alias-bg-base)" },
+    content: { width: "100%", maxWidth: 1240, margin: "0 auto", display: "flex", flexDirection: "column", gap: 14 },
+    row: { display: "flex", alignItems: "center", gap: 10, flexWrap: "wrap" },
+    grow: { flex: 1 },
+    title: { margin: 0, fontSize: 20, fontWeight: 700, color: "var(--dsw-alias-label-primary)" },
+    muted: { fontSize: 12, color: "var(--dsw-alias-label-tertiary)", wordBreak: "break-word" },
+    catalogLine: { display: "flex", gap: 8, alignItems: "center", fontSize: 12, color: "var(--dsw-alias-label-tertiary)" },
+    workspacePicker: { display: "inline-flex", alignItems: "center", gap: 8, fontSize: 13, color: "var(--dsw-alias-label-secondary)" },
+    tabs: { display: "flex", alignItems: "center", gap: 4, borderBottom: "1px solid var(--dsw-alias-border-l1)" },
+    tab: { padding: "7px 12px", border: 0, borderBottom: "2px solid transparent", background: "none", color: "var(--dsw-alias-label-secondary)", cursor: "pointer" },
+    tabOn: { color: "var(--dsw-alias-label-primary)", borderBottomColor: "var(--dsw-alias-state-business-primary)" },
+    search: { minWidth: 260, flex: "0 1 390px", padding: "7px 10px", borderRadius: 7, border: "1px solid var(--dsw-alias-border-l2)", color: "var(--dsw-alias-label-primary)", background: "var(--dsw-alias-bg-layer-1)" },
+    select: { minWidth: 150, padding: "7px 10px", borderRadius: 7, border: "1px solid var(--dsw-alias-border-l2)", color: "var(--dsw-alias-label-primary)", background: "var(--dsw-alias-bg-layer-1)" },
+    grid: { display: "grid", gridTemplateColumns: "repeat(auto-fill,minmax(300px,1fr))", gap: 12 },
+    card: { display: "flex", flexDirection: "column", gap: 9, minHeight: 174, padding: 14, borderRadius: 10, border: "1px solid var(--dsw-alias-border-l1)", background: "var(--dsw-alias-bg-layer-1)" },
+    cardClickable: { cursor: "pointer" },
+    cardTitle: { margin: 0, fontSize: 15, fontWeight: 700, color: "var(--dsw-alias-label-primary)" },
+    cardTitleButton: { margin: 0, padding: 0, border: 0, background: "none", color: "inherit", font: "inherit", cursor: "pointer", textAlign: "left" },
+    description: { margin: 0, fontSize: 13, lineHeight: 1.55, color: "var(--dsw-alias-label-secondary)", display: "-webkit-box", WebkitBoxOrient: "vertical", WebkitLineClamp: 2, overflow: "hidden" },
+    badge: { padding: "1px 7px", borderRadius: 999, border: "1px solid var(--dsw-alias-border-l2)", fontSize: 11, color: "var(--dsw-alias-label-secondary)" },
+    successBadge: { padding: "1px 7px", borderRadius: 999, border: "1px solid var(--dsw-alias-state-success-primary)", fontSize: 11, color: "var(--dsw-alias-state-success-primary)" },
+    warningBadge: { padding: "1px 7px", borderRadius: 999, border: "1px solid #c58a18", fontSize: 11, color: "#c58a18" },
+    button: { padding: "6px 12px", borderRadius: 7, border: "1px solid var(--dsw-alias-border-l2)", background: "var(--dsw-alias-bg-layer-1)", color: "var(--dsw-alias-label-primary)", cursor: "pointer" },
+    primary: { padding: "6px 12px", borderRadius: 7, border: "1px solid var(--dsw-alias-state-business-primary)", background: "var(--dsw-alias-state-business-primary)", color: "#fff", cursor: "pointer" },
+    danger: { padding: "6px 12px", borderRadius: 7, border: "1px solid var(--dsw-alias-state-error-primary)", background: "transparent", color: "var(--dsw-alias-state-error-primary)", cursor: "pointer" },
+    error: { padding: 12, borderRadius: 9, border: "1px solid var(--dsw-alias-state-error-primary)", color: "var(--dsw-alias-state-error-primary)" },
+    notice: { padding: 12, borderRadius: 9, border: "1px solid var(--dsw-alias-state-success-primary)", color: "var(--dsw-alias-label-primary)" },
+    link: { color: "var(--dsw-alias-state-business-primary)", textDecoration: "none" },
+    overlay: { position: "fixed", inset: 0, zIndex: 1e4, display: "grid", placeItems: "center", padding: 20, background: "rgba(0,0,0,.48)" },
+    modal: { width: 860, maxWidth: "calc(100vw - 40px)", height: "min(760px,calc(100vh - 48px))", display: "flex", flexDirection: "column", borderRadius: 14, border: "1px solid var(--dsw-alias-border-l2)", background: "var(--dsw-alias-bg-layer-1)", boxShadow: "0 22px 64px rgba(0,0,0,.3)", overflow: "hidden", color: "var(--dsw-alias-label-primary)" },
+    modalHeader: { display: "flex", alignItems: "center", gap: 12, padding: "16px 18px", borderBottom: "1px solid var(--dsw-alias-border-l1)" },
+    modalTitle: { margin: 0, fontSize: 17, fontWeight: 700 },
+    skillBody: { flex: 1, minHeight: 0, overflow: "auto", margin: 0, padding: "20px 24px 28px", color: "var(--dsw-alias-label-primary)", background: "var(--dsw-alias-bg-layer-2)" },
+    metadata: { marginBottom: 18, border: "1px solid var(--dsw-alias-border-l2)", borderRadius: 8, padding: "8px 10px", color: "var(--dsw-alias-label-secondary)", background: "var(--dsw-alias-bg-layer-1)" },
+    metadataSummary: { cursor: "pointer", fontSize: 13, fontWeight: 600, color: "var(--dsw-alias-label-secondary)" },
+    metadataBody: { margin: "10px 0 0", padding: 10, overflow: "auto", whiteSpace: "pre-wrap", overflowWrap: "anywhere", borderRadius: 6, font: "12px/1.55 var(--ds-font-family-code)", color: "var(--dsw-alias-label-secondary)", background: "var(--dsw-alias-bg-module-platform)" },
+    modalFooter: { display: "flex", alignItems: "center", gap: 10, padding: "14px 18px", borderTop: "1px solid var(--dsw-alias-border-l1)" }
+  };
+  function disabled(style, value) {
+    return value ? { ...style, opacity: 0.55, cursor: "not-allowed" } : style;
+  }
+  async function responseJson(response) {
+    const value = await response.json();
+    const code = value?.error?.code;
+    if (code === "AUTH_REQUIRED") window.dispatchEvent(new CustomEvent("kunpeng-auth-required"));
+    if (!response.ok || value?.ok === false) throw Object.assign(new Error(value?.error?.message ?? value?.error ?? `HTTP ${response.status}`), { ...value, code });
+    return value;
+  }
+  function stop(event) {
+    event.stopPropagation();
+  }
+  function splitSkillDocument(content) {
+    const text = typeof content === "string" ? content : "";
+    const match = /^---\r?\n([\s\S]*?)\r?\n---(?:\r?\n|$)/.exec(text);
+    return match ? { metadata: match[1], markdown: text.slice(match[0].length) } : { metadata: "", markdown: text };
+  }
+  function MarketIcon({ size, active }) {
+    const color = active ? "var(--dsw-alias-state-business-primary)" : "currentColor";
+    return h(
+      "svg",
+      { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true" },
+      h("path", { d: "M4 7.5 12 3l8 4.5-8 4.5-8-4.5Zm0 4.5 8 4.5 8-4.5M4 16.5l8 4.5 8-4.5", stroke: color, strokeWidth: 1.7, strokeLinecap: "round", strokeLinejoin: "round" })
+    );
+  }
+  function SkillCard({ entry, t, language, busy, connected, run, share, openDetail }) {
+    const displayName = entry.displayName?.[language] ?? entry.displayName?.zh ?? entry.name;
+    const canUpdate = entry.installed && entry.listed !== false && (entry.updateAvailable || !entry.present);
+    const clickable = entry.installed;
+    const actionProps = { onClick: stop, onMouseDown: stop };
+    return h(
+      "article",
+      {
+        style: clickable ? { ...styles.card, ...styles.cardClickable } : styles.card,
+        title: clickable ? t("openDetails") : void 0,
+        onClick: clickable ? () => openDetail(entry) : void 0
+      },
+      h(
+        "div",
+        { style: styles.row },
+        h("h3", { style: styles.cardTitle }, clickable ? h("button", { type: "button", style: styles.cardTitleButton, onClick: (event) => {
+          stop(event);
+          openDetail(entry);
+        } }, displayName) : displayName),
+        entry.installed ? h("span", { style: styles.successBadge }, t("installedBadge")) : null,
+        entry.installed && entry.enabled === false ? h("span", { style: styles.warningBadge }, t("disabledBadge")) : null,
+        entry.updateAvailable ? h("span", { style: styles.warningBadge }, t("updateBadge")) : null,
+        entry.installed && !entry.present ? h("span", { style: styles.warningBadge }, t("missingBadge")) : null,
+        entry.listed === false ? h("span", { style: styles.warningBadge }, t("unlistedBadge")) : null
+      ),
+      h("p", { style: styles.description }, entry.description),
+      h("div", { style: styles.row }, h("span", { style: styles.badge }, entry.category), ...(entry.tags ?? []).slice(0, 3).map((tag) => h("span", { key: tag, style: styles.badge }, tag))),
+      h("div", { style: styles.muted }, `${t("version")} ${entry.installed ? entry.currentVersion : entry.version}`),
+      h(
+        "div",
+        { style: { ...styles.row, marginTop: "auto" } },
+        entry.sourceUrl ? h("a", { ...actionProps, href: entry.sourceUrl, target: "_blank", rel: "noreferrer", style: styles.link }, t("source")) : null,
+        entry.sourceUrl ? h("button", { ...actionProps, type: "button", disabled: busy !== null, style: disabled(styles.button, busy !== null), onClick: (event) => {
+          stop(event);
+          void share(entry, displayName);
+        } }, t("share")) : null,
+        h("span", { style: styles.grow }),
+        canUpdate ? h("button", { ...actionProps, type: "button", disabled: busy !== null || !connected, style: disabled(styles.primary, busy !== null || !connected), onClick: (event) => {
+          stop(event);
+          void run("update", entry);
+        } }, busy === `update:${entry.name}` ? t("working") : t("update")) : null,
+        !entry.installed ? h("button", { ...actionProps, type: "button", disabled: busy !== null || !connected, style: disabled(styles.primary, busy !== null || !connected), onClick: (event) => {
+          stop(event);
+          void run("install", entry);
+        } }, busy === `install:${entry.name}` ? t("working") : t("install")) : null
+      )
+    );
+  }
+  function SkillDetail({ detail, t, busy, close, toggle, remove }) {
+    if (!detail) return null;
+    const entry = detail.entry;
+    const isEnabled = detail.enabled !== false;
+    const markdownLabels = { code: { copyLabel: t("copyCode"), copiedLabel: t("copiedCode") }, footnotes: t("footnotes") };
+    const skillDocument = splitSkillDocument(detail.content);
+    return h(
+      "div",
+      { style: styles.overlay, role: "presentation", onMouseDown: (event) => {
+        if (event.target === event.currentTarget && busy === null) close();
+      } },
+      h(
+        "section",
+        { role: "dialog", "aria-modal": "true", "aria-label": t("skillDetails"), style: styles.modal },
+        h(
+          "header",
+          { style: styles.modalHeader },
+          h("div", null, h("h3", { style: styles.modalTitle }, entry.displayName ?? entry.name), h("div", { style: styles.muted }, `${entry.name} \xB7 ${t("skillFile")}`)),
+          h("span", { style: styles.grow }),
+          h("span", { style: styles.muted }, isEnabled ? t("enabled") : t("disabled")),
+          h(Switch, {
+            checked: isEnabled,
+            label: t("toggleSkill"),
+            disabled: busy !== null || !entry.present,
+            onChange: () => void toggle()
+          })
+        ),
+        detail.loading ? h("div", { style: styles.skillBody }, t("detailLoading")) : detail.error ? h("div", { style: { ...styles.skillBody, color: "var(--dsw-alias-state-error-primary)" } }, `${t("detailUnavailable")}\uFF1A${detail.error}`) : h(
+          "div",
+          { style: styles.skillBody },
+          skillDocument.metadata ? h(
+            "details",
+            { style: styles.metadata },
+            h("summary", { style: styles.metadataSummary }, t("skillMetadata")),
+            h("pre", { style: styles.metadataBody }, skillDocument.metadata)
+          ) : null,
+          h(MarkdownText, { text: skillDocument.markdown, streaming: false, labels: markdownLabels })
+        ),
+        h(
+          "footer",
+          { style: styles.modalFooter },
+          h("button", { type: "button", disabled: busy !== null, style: disabled(styles.danger, busy !== null), onClick: () => void remove() }, busy === `remove:${entry.name}` ? t("working") : t("uninstall")),
+          h("span", { style: styles.grow }),
+          entry.sourceUrl ? h("a", { href: entry.sourceUrl, target: "_blank", rel: "noreferrer", style: styles.link }, t("source")) : null,
+          h("button", { type: "button", disabled: busy !== null, style: disabled(styles.button, busy !== null), onClick: close }, t("close"))
+        )
+      )
+    );
+  }
+  function MarketPage({ t, list, workspaceSource }) {
+    const [catalog, setCatalog] = useState(null);
+    const [query, setQuery] = useState("");
+    const [category, setCategory] = useState("all");
+    const [tab, setTab] = useState("all");
+    const [busy, setBusy] = useState(null);
+    const [message, setMessage] = useState(null);
+    const [detail, setDetail] = useState(null);
+    const [selectedWorkspaceId, setSelectedWorkspaceId] = useState(null);
+    const subscribeWorkspaces = useCallback((listener) => workspaceSource.subscribe(listener), [workspaceSource]);
+    const readWorkspaces = useCallback(() => workspaceSource.getSnapshot(), [workspaceSource]);
+    const workspaceSnapshot = useSyncExternalStore(subscribeWorkspaces, readWorkspaces);
+    const workspaces = workspaceSnapshot.items ?? [];
+    const selectedWorkspace = workspaces.find((workspace) => workspace.workspaceId === selectedWorkspaceId) ?? workspaces[0] ?? null;
+    const workspaceId = selectedWorkspace?.workspaceId ?? null;
+    const load = useCallback(async (refresh = false) => {
+      setMessage(null);
+      if (workspaceId === null) {
+        setCatalog(null);
+        setMessage({ ok: false, error: t("noWorkspace") });
+        return;
+      }
+      try {
+        setCatalog(await list(refresh, workspaceId));
+      } catch (error) {
+        setMessage({ ok: false, error: error?.message ?? String(error) });
+      }
+    }, [list, t, workspaceId]);
+    useEffect(() => {
+      void load(false);
+    }, [load]);
+    useEffect(() => {
+      if (!detail) return;
+      const onKeyDown = (event) => {
+        if (event.key === "Escape" && busy === null) setDetail(null);
+      };
+      window.addEventListener("keydown", onKeyDown);
+      return () => window.removeEventListener("keydown", onKeyDown);
+    }, [busy, detail]);
+    const language = t("nav") === dictionaries.en.nav ? "en" : "zh";
+    const categories = useMemo(() => [...new Set((catalog?.skills ?? []).map((entry) => entry.category).filter(Boolean))].sort(), [catalog]);
+    const entries = useMemo(() => {
+      const needle = query.trim().toLowerCase();
+      return (catalog?.skills ?? []).filter((entry) => {
+        if (tab === "installed" && !entry.installed) return false;
+        if (category !== "all" && entry.category !== category) return false;
+        if (needle === "") return true;
+        return [entry.name, entry.package, entry.description, entry.category, ...entry.tags ?? [], entry.displayName?.zh, entry.displayName?.en].filter(Boolean).join(" ").toLowerCase().includes(needle);
+      });
+    }, [catalog, category, query, tab]);
+    const installedCount = (catalog?.skills ?? []).filter((entry) => entry.installed).length;
+    const share = useCallback(async (entry, displayName) => {
+      try {
+        if (!navigator.clipboard?.writeText) throw new Error("Clipboard API unavailable");
+        await navigator.clipboard.writeText(`${displayName}
+${entry.package}@${entry.version}
+${entry.sourceUrl}`);
+        setMessage({ ok: true, text: `${t("shared")}\uFF1A${entry.name}` });
+      } catch (error) {
+        setMessage({ ok: false, error: error?.message ?? String(error) });
+      }
+    }, [t]);
+    const updateLocalCatalog = useCallback((action, name, skill) => {
+      setCatalog((current) => {
+        if (!current) return current;
+        const skills = (current.skills ?? []).flatMap((candidate) => {
+          if (candidate.name !== name) return [candidate];
+          if (action === "remove") {
+            if (candidate.listed === false) return [];
+            return [{ ...candidate, installed: false, present: false, enabled: true, currentVersion: "", updateAvailable: false, managed: false }];
+          }
+          return [{ ...candidate, ...skill, installed: true, present: true, enabled: action === "enable" }];
+        });
+        return { ...current, skills };
+      });
+    }, []);
+    const run = useCallback(async (action, entry) => {
+      if (workspaceId === null) return false;
+      const prompt = action === "install" ? t("confirmInstall") : action === "update" ? t("confirmUpdate") : action === "remove" ? t("confirmRemove") : null;
+      if (prompt && !window.confirm(`${entry.displayName?.[language] ?? entry.name}
+
+${prompt}`)) return false;
+      setBusy(`${action}:${entry.name}`);
+      setMessage(null);
+      try {
+        const result = await responseJson(await fetch(`/boostkit-skill-market/${action}`, {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ name: entry.name, workspaceId })
+        }));
+        if (action === "enable" || action === "disable" || action === "remove") updateLocalCatalog(action, entry.name, result.skill);
+        else setCatalog(await list(false));
+        setMessage({ ok: true, text: `${t("success")}\uFF1A${result.skill.name}@${result.skill.version}` });
+        return true;
+      } catch (error) {
+        setMessage({ ok: false, error: error?.agentsBusy ? t("agentBusy") : error?.message ?? String(error) });
+        return false;
+      } finally {
+        setBusy(null);
+      }
+    }, [language, list, t, updateLocalCatalog, workspaceId]);
+    const openDetail = useCallback(async (entry) => {
+      if (workspaceId === null) return;
+      const displayName = entry.displayName?.[language] ?? entry.displayName?.zh ?? entry.name;
+      setDetail({ entry: { ...entry, displayName }, enabled: entry.enabled !== false, loading: true });
+      try {
+        const value = await responseJson(await fetch(`/boostkit-skill-market/detail?name=${encodeURIComponent(entry.name)}&workspaceId=${encodeURIComponent(workspaceId)}`, { cache: "no-store" }));
+        setDetail((current) => current?.entry.name === entry.name ? { ...current, enabled: value.enabled, loading: false, content: value.content } : current);
+      } catch (error) {
+        setDetail((current) => current?.entry.name === entry.name ? { ...current, loading: false, error: error?.message ?? String(error) } : current);
+      }
+    }, [language, workspaceId]);
+    const toggleDetail = useCallback(async () => {
+      if (!detail) return;
+      const action = detail.enabled === false ? "enable" : "disable";
+      if (await run(action, detail.entry)) setDetail((current) => current ? { ...current, enabled: action === "enable" } : current);
+    }, [detail, run]);
+    const removeDetail = useCallback(async () => {
+      if (detail && await run("remove", detail.entry)) setDetail(null);
+    }, [detail, run]);
+    return h("main", { style: styles.page }, h(
+      "div",
+      { style: styles.content },
+      h(
+        "div",
+        { style: styles.row },
+        h("div", null, h("h2", { style: styles.title }, t("nav")), h("div", { style: styles.muted }, t("subtitle"))),
+        h("span", { style: styles.grow }),
+        h("label", { style: styles.workspacePicker }, h("span", null, t("targetWorkspace")), h("select", {
+          value: workspaceId ?? "",
+          disabled: busy !== null || workspaces.length === 0,
+          style: disabled(styles.select, busy !== null || workspaces.length === 0),
+          onChange: (event) => {
+            setSelectedWorkspaceId(event.target.value);
+            setDetail(null);
+          }
+        }, ...workspaces.map((workspace) => h("option", { key: workspace.workspaceId, value: workspace.workspaceId }, workspace.title)))),
+        catalog?.repositoryUrl ? h("a", { href: catalog.repositoryUrl, target: "_blank", rel: "noreferrer", style: styles.link }, t("contribute")) : null,
+        h("button", { type: "button", disabled: busy !== null || workspaceId === null, style: disabled(styles.button, busy !== null || workspaceId === null), onClick: () => void load(true) }, t("refresh"))
+      ),
+      catalog ? h("div", { style: styles.catalogLine }, h("span", null, `${t("catalog")}\uFF1A${catalog.catalogPackage}`), h("span", null, "\xB7"), h("span", null, `${t("release")}\uFF1A${catalog.release || "\u2014"}`)) : null,
+      catalog && !catalog.connected ? h("div", { style: styles.error }, h("strong", null, t("offlineTitle")), h("div", null, t("offlineBody")), h("div", { style: styles.muted }, catalog.error)) : null,
+      message ? h("div", { style: message.ok ? styles.notice : styles.error }, h("strong", null, message.ok ? t("success") : t("failed")), h("div", null, message.text ?? message.error)) : null,
+      h(
+        "div",
+        { style: styles.tabs },
+        h("button", { type: "button", style: tab === "all" ? { ...styles.tab, ...styles.tabOn } : styles.tab, onClick: () => setTab("all") }, t("all")),
+        h("button", { type: "button", style: tab === "installed" ? { ...styles.tab, ...styles.tabOn } : styles.tab, onClick: () => setTab("installed") }, `${t("installed")} (${installedCount})`),
+        h("span", { style: styles.grow }),
+        h("span", { style: styles.muted }, `${entries.length} ${t("results")}`),
+        h("select", { value: category, style: styles.select, onChange: (event) => setCategory(event.target.value) }, h("option", { value: "all" }, t("allCategories")), ...categories.map((value) => h("option", { key: value, value }, value))),
+        h("input", { value: query, placeholder: t("search"), style: styles.search, onChange: (event) => setQuery(event.target.value) })
+      ),
+      h("div", { style: styles.grid }, entries.length ? entries.map((entry) => h(SkillCard, { key: entry.name, entry, t, language, busy, connected: catalog?.connected === true, run, share, openDetail })) : h("div", { style: styles.muted }, catalog ? t("empty") : t("loading"))),
+      h("div", { style: styles.muted }, t("availableImmediately")),
+      h(SkillDetail, { detail, t, busy, close: () => setDetail(null), toggle: toggleDetail, remove: removeDetail })
+    ));
+  }
+  function apply(ctx) {
+    ctx.effect(() => ctx.locale.register(NS, dictionaries), "boostkit-skill-market: dictionaries");
+    const t = ctx.locale.bind(NS);
+    const inject = () => ({
+      t,
+      workspaceSource: ctx.workspaces.list,
+      list: (refresh = false, workspaceId = "") => {
+        const params = new URLSearchParams({ workspaceId });
+        if (refresh) params.set("refresh", "1");
+        return fetch(`/boostkit-skill-market/catalog?${params.toString()}`, { cache: "no-store" }).then(responseJson);
+      }
+    });
+    ctx.slots.inject("main", () => ctx.slots.register({ name: "main", key: PANEL_ID, locale: NS, inject }, MarketPage));
+    ctx.slots.inject("sidebar.panellist", () => ctx.slots.register({
+      name: "sidebar.panellist",
+      id: PANEL_ID,
+      order: 42,
+      label: () => t("nav"),
+      locale: NS
+    }, MarketIcon));
+  }
+  exports.name = "boostkit-skill-market-client";
+  exports.inject = ["slots", "locale", "workspaces", "authManagementClient"];
+  exports.apply = apply;
+  return module.exports;
+} });

package/cordis.patch.yml

@@ -0,0 +1,4 @@
+# BoostKit Skill 市场
+- insert:
+    - id: boostkit-skill-market
+      name: '@boostkit-dsh/skill-market'