@xrxs-ai/dsh-xrxs-plugins-store 0.2.5 → 0.2.7

package/lib/client.js

@@ -30,10 +30,10 @@ __export(index_exports, {
   inject: () => inject
 });
 module.exports = __toCommonJS(index_exports);
-var import_react12 = require("react");
+var import_react13 = require("react");
 
 // src/client/MarketplaceApp.tsx
-var import_react9 = require("react");
+var import_react10 = require("react");
 
 // src/client/pages/DeveloperPage.tsx
 var import_react4 = require("react");
@@ -462,6 +462,13 @@ function formatDate(text) {
   if (d === null) return text;
   return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
 }
+function formatShortDate(text) {
+  const d = parseTime(text);
+  if (d === null) return text;
+  const now = /* @__PURE__ */ new Date();
+  const yearPrefix = d.getFullYear() === now.getFullYear() ? "" : `${String(d.getFullYear() % 100).padStart(2, "0")}-`;
+  return `${yearPrefix}${pad(d.getMonth() + 1)}-${pad(d.getDate())}`;
+}
 function formatRelative(text) {
   const parsed = parseTime(text);
   if (parsed === null) return text;
@@ -926,14 +933,27 @@ var MARKET_CSS = `
   font-size: 13px; line-height: 18px; color: var(--dsw-alias-label-tertiary, #8f959e);
   overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
+/* \u884C\u5C3E\u5143\u4FE1\u606F\u6309\u56FA\u5B9A\u56DB\u5217\u6392(\u7248\u672C / \u4E0B\u8F7D\u91CF / \u517C\u5BB9\u6027 / \u64CD\u4F5C),\u9010\u5217\u4E0E\u4E0A\u4E0B\u884C\u5BF9\u9F50:
+   \u82E5\u7528\u53F3\u5BF9\u9F50 flex,\u672B\u5217(\u6309\u94AE\u6216\u300C\u5DF2\u5B89\u88C5\u300D\u5FBD\u6807)\u5BBD\u5EA6\u4E0D\u540C\u4F1A\u628A\u5DE6\u8FB9\u6240\u6709\u5217\u4E00\u8D77\u63A8\u7740\u5DE6\u53F3\u6D6E\u52A8 */
 .xps-mk-row-meta {
-  flex: none; display: flex; align-items: center; gap: 10px;
+  flex: none;
+  display: grid;
+  grid-template-columns: 140px 56px 124px 74px;
+  align-items: center;
+  justify-items: end;
+  column-gap: 8px;
   font-size: 12px; line-height: 18px; color: var(--dsw-alias-label-tertiary, #8f959e);
 }
+.xps-mk-row-meta > * { min-width: 0; }
 .xps-mk-row-version {
   font-variant-numeric: tabular-nums;
   font-family: var(--dsw-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
+  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 }
+.xps-mk-row-downloads { font-variant-numeric: tabular-nums; white-space: nowrap; }
+/* \u517C\u5BB9\u6027\u5FBD\u6807\u5217\u5BBD\u56FA\u5B9A:\u8D85\u957F compatRange \u7684\u4E0D\u6362\u884C\u5FBD\u6807\u5217\u5185\u53F3\u5BF9\u9F50,\u6EA2\u51FA\u65F6\u5411\u5DE6\u8BA9\u4F4D(\u4E0D\u628A\u5217\u6491\u5BBD) */
+.xps-mk-row-compat { display: inline-flex; justify-content: flex-end; }
+.xps-mk-row-action { display: inline-flex; justify-content: flex-end; }
 /* \u56FE\u6807:r11;\u5F69\u8272\u6E10\u53D8\u7531 PluginIcon \u5185\u8054 gradient,\u65E0 hairline */
 /* \u56FE\u6807:r10(\u4E0E\u5DF2\u88C5\u9875 .xps-row-icon \u7684 40px \u5706\u89D2\u4E00\u81F4) */
 .xps-mk-icon {
@@ -1042,30 +1062,8 @@ var MARKET_CSS = `
   font-size: 13px; line-height: 20px; color: var(--dsw-alias-label-primary, #1f2329);
   text-align: right; word-break: break-all;
 }
-.xps-mk-version {
-  display: flex; justify-content: space-between; align-items: center; gap: 8px;
-  width: 100%; box-sizing: border-box; padding: 4px 8px;
-  border: none; border-radius: 8px; background: transparent; cursor: pointer;
-  color: var(--dsw-alias-label-primary, #1f2329);
-  font-family: var(--dsw-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
-  font-size: 12px; line-height: 18px; text-align: left;
-  transition: background-color 0.15s ease;
-}
-.xps-mk-version:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(31, 35, 41, 0.06)); }
-.xps-mk-version:active { background: var(--dsw-alias-interactive-bg-active, rgba(38, 49, 72, 0.1)); }
-.xps-mk-version:focus-visible {
-  outline: 2px solid var(--dsw-alias-brand-primary, #3370ff);
-  outline-offset: -2px;
-}
-.xps-mk-version-active, .xps-mk-version-active:hover {
-  background: var(--dsw-alias-interactive-bg-active, rgba(38, 49, 72, 0.1));
-  color: var(--dsw-alias-label-primary, #1f2329);
-}
-.xps-mk-version-date {
-  flex: none; font-size: 11px; line-height: 17px;
-  font-family: inherit;
-  color: var(--dsw-alias-label-tertiary, #8f959e);
-}
+/* \u8BE6\u60C5\u9875\u7248\u672C\u5386\u53F2\u4E0B\u62C9:\u5360\u6EE1\u5361\u7247\u5BBD(.xps-mk-select \u9ED8\u8BA4 flex:none \u53EA\u9002\u914D\u5DE5\u5177\u680F) */
+.xps-mk-version-select { display: block; width: 100%; margin-top: 8px; }
 
 /* README markdown \u767D\u540D\u5355\u6E32\u67D3 */
 .xps-md {
@@ -1094,6 +1092,17 @@ var MARKET_CSS = `
   cursor: pointer; text-decoration: none;
 }
 .xps-md-link:hover { text-decoration: underline; }
+/* README \u56FE\u7247:\u4E0D\u8D85\u51FA\u6B63\u6587\u5BBD(\u5FBD\u6807\u7C7B\u5C0F\u56FE\u4FDD\u6301\u539F\u59CB\u5C3A\u5BF8);\u52A0\u8F7D\u5931\u8D25\u964D\u7EA7\u4E3A\u7070\u8272\u6587\u672C */
+.xps-md-img {
+  max-width: 100%; height: auto;
+  border-radius: 6px; vertical-align: middle;
+}
+.xps-md-img-fallback {
+  display: inline-block; padding: 0 4px;
+  font-size: 12px; color: var(--dsw-alias-label-tertiary, #8f959e);
+  background: var(--dsw-alias-bg-layer-2, #f5f6f7);
+  border-radius: 4px;
+}
 .xps-md-table-wrap { margin: 8px 0; overflow-x: auto; }
 .xps-md-table {
   border-collapse: collapse; width: 100%; font-size: 12px; line-height: 1.6;
@@ -1125,8 +1134,7 @@ var MARKET_CSS = `
   .xps-mk-chip,
   .xps-mk-row,
   .xps-mk-page,
-  .xps-mk-select,
-  .xps-mk-version {
+  .xps-mk-select {
     transition: none;
   }
   .xps-mk-page:active:not(:disabled) {
@@ -1807,7 +1815,7 @@ function UploadForm(props) {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("li", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("b", { children: "README \u8BF7\u5C3D\u91CF\u5199\u6E05\u695A:" }),
-          "README \u662F\u5E02\u573A\u8BE6\u60C5\u9875\u7684\u5168\u90E8\u5C55\u793A\u5185\u5BB9,\u652F\u6301\u6807\u51C6 markdown(\u6807\u9898\u3001\u5217\u8868\u3001\u8868\u683C\u3001\u4EE3\u7801\u5757\u3001\u94FE\u63A5)\u3002\u5EFA\u8BAE\u5305\u542B:\u63D2\u4EF6\u89E3\u51B3\u4EC0\u4E48\u95EE\u9898\u3001\u5982\u4F55\u5B89\u88C5\u542F\u7528\u3001\u5404\u529F\u80FD\u600E\u4E48\u7528\u3001\u6709\u54EA\u4E9B\u914D\u7F6E\u9879\u4E0E\u6CE8\u610F\u4E8B\u9879 \u2014\u2014 \u8BF4\u660E\u8D8A\u5B8C\u6574,\u8D8A\u5BB9\u6613\u901A\u8FC7\u5BA1\u6838,\u4E5F\u8D8A\u5BB9\u6613\u88AB\u4F7F\u7528\u3002"
+          "README \u662F\u5E02\u573A\u8BE6\u60C5\u9875\u7684\u5168\u90E8\u5C55\u793A\u5185\u5BB9,\u652F\u6301\u6807\u51C6 markdown(\u6807\u9898\u3001\u5217\u8868\u3001\u8868\u683C\u3001\u4EE3\u7801\u5757\u3001\u94FE\u63A5\u3001\u56FE\u7247 \u2014\u2014 \u56FE\u7247\u4EC5\u652F\u6301 http/https \u5916\u94FE,\u4E0D\u652F\u6301\u76F8\u5BF9\u8DEF\u5F84)\u3002\u5EFA\u8BAE\u5305\u542B:\u63D2\u4EF6\u89E3\u51B3\u4EC0\u4E48\u95EE\u9898\u3001\u5982\u4F55\u5B89\u88C5\u542F\u7528\u3001\u5404\u529F\u80FD\u600E\u4E48\u7528\u3001\u6709\u54EA\u4E9B\u914D\u7F6E\u9879\u4E0E\u6CE8\u610F\u4E8B\u9879 \u2014\u2014 \u8BF4\u660E\u8D8A\u5B8C\u6574,\u8D8A\u5BB9\u6613\u901A\u8FC7\u5BA1\u6838,\u4E5F\u8D8A\u5BB9\u6613\u88AB\u4F7F\u7528\u3002"
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("li", { children: [
           /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("b", { children: "\u4EA7\u7269\u5305(*.tgz):" }),
@@ -2267,6 +2275,12 @@ function ConfirmDialog3(props) {
     ] })
   ] }) });
 }
+function byInstalledAtDesc(a, b) {
+  const ta = a.installedAt ?? "";
+  const tb = b.installedAt ?? "";
+  if (ta !== tb) return ta < tb ? 1 : -1;
+  return a.name.localeCompare(b.name);
+}
 function InstalledPage() {
   ensureMarketStyles();
   const { items, push, dismiss } = useToasts();
@@ -2280,7 +2294,7 @@ function InstalledPage() {
   const load = (0, import_react5.useCallback)(() => {
     setList(null);
     setError(false);
-    void getInstalled().then((installed) => setList(installed)).catch(() => {
+    void getInstalled().then((installed) => setList([...installed].sort(byInstalledAtDesc))).catch(() => {
       setList([]);
       setError(true);
     });
@@ -2549,6 +2563,24 @@ function satisfies(version, range) {
 
 // src/client/pages/market/InstallButton.tsx
 var import_react6 = require("react");
+
+// src/client/pages/market/version.ts
+function compareVersions(a, b) {
+  const parse = (text) => text.trim().replace(/^v/, "").split(".").map((part) => {
+    const numeric = /^\d+/.exec(part);
+    return numeric === null ? 0 : Number(numeric[0]);
+  });
+  const left = parse(a);
+  const right = parse(b);
+  const length = Math.max(left.length, right.length);
+  for (let index = 0; index < length; index += 1) {
+    const diff = (left[index] ?? 0) - (right[index] ?? 0);
+    if (diff !== 0) return diff > 0 ? 1 : -1;
+  }
+  return 0;
+}
+
+// src/client/pages/market/InstallButton.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function InstallButton(props) {
   const [phase, setPhase] = (0, import_react6.useState)("idle");
@@ -2556,10 +2588,11 @@ function InstallButton(props) {
   const [buildConfirm, setBuildConfirm] = (0, import_react6.useState)(null);
   const [approving, setApproving] = (0, import_react6.useState)(false);
   const compat = checkCompat(props.compatRange, props.dshVersion);
-  const verb = props.installed?.updateAvailable === true ? "\u66F4\u65B0" : "\u5B89\u88C5";
-  const variant = verb === "\u66F4\u65B0" ? "update" : "primary";
-  if (props.installed !== void 0 && !props.installed.updateAvailable) {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "xps-mk-install", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { size: props.size ?? "medium", variant: "primary", disabled: true, title: "\u5DF2\u5B89\u88C5\u6700\u65B0\u7248\u672C,\u91CD\u88C5\u540C\u7248\u672C\u4E0D\u4F1A\u5237\u65B0", children: "\u5DF2\u5B89\u88C5" }) });
+  const sameAsInstalled = props.installed !== void 0 && props.installed.version === props.version;
+  const verb = props.installed === void 0 || sameAsInstalled ? "\u5B89\u88C5" : compareVersions(props.version, props.installed.version) >= 0 ? "\u66F4\u65B0" : "\u964D\u7EA7";
+  const variant = verb === "\u5B89\u88C5" ? "primary" : "update";
+  if (sameAsInstalled) {
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "xps-mk-install", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { size: props.size ?? "medium", variant: "primary", disabled: true, title: "\u5DF2\u5B89\u88C5\u6B64\u7248\u672C,\u91CD\u88C5\u540C\u7248\u672C\u4E0D\u4F1A\u5237\u65B0", children: "\u5DF2\u5B89\u88C5" }) });
   }
   if (compat.ok === false) {
     return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "xps-mk-install", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
@@ -2692,6 +2725,8 @@ function PluginRow(props) {
   const compat = checkCompat(p.compatRange, props.dshVersion);
   const installed = props.installed;
   const upToDate = installed !== void 0 && !installed.updateAvailable;
+  const versionLabel = installed !== void 0 && installed.updateAvailable ? `v${installed.version} \u2192 v${p.version}` : `v${p.version}`;
+  const versionTitle = installed !== void 0 && installed.updateAvailable ? `\u672C\u673A\u5DF2\u5B89\u88C5 v${installed.version},\u53EF\u66F4\u65B0\u5230\u5E02\u573A\u6700\u65B0 v${p.version}` : `\u5E02\u573A\u6700\u65B0\u7248\u672C v${p.version}`;
   const open = () => props.onOpen?.(p.id);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
     "div",
@@ -2715,23 +2750,16 @@ function PluginRow(props) {
           /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "xps-mk-row-summary", children: p.summary })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "xps-mk-row-meta", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "xps-mk-row-version", children: [
-            "v",
-            p.version
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { title: `\u4E0B\u8F7D\u91CF ${p.downloads}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "xps-mk-row-version", title: versionTitle, children: versionLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "xps-mk-row-downloads", title: `\u4E0B\u8F7D\u91CF ${p.downloads}`, children: [
             "\u2B07 ",
             formatDownloads(p.downloads)
           ] }),
-          compat.ok === null ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge, { children: "? \u517C\u5BB9\u6027\u672A\u77E5" }) : compat.ok ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge, { tone: "success", children: "\u2714 \u517C\u5BB9\u672C\u673A" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Badge, { tone: "warning", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "xps-mk-row-compat", children: compat.ok === null ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge, { children: "? \u517C\u5BB9\u6027\u672A\u77E5" }) : compat.ok ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge, { tone: "success", children: "\u2714 \u517C\u5BB9\u672C\u673A" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Badge, { tone: "warning", children: [
             "\u26A0 \u9700 dsh ",
             p.compatRange
-          ] }),
-          installed !== void 0 && (installed.updateAvailable ? /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Badge, { tone: "warning", children: [
-            "\u2191 \u53EF\u66F4\u65B0 v",
-            installed.version
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge, { tone: "success", children: "\u2713 \u5DF2\u5B89\u88C5" })),
-          !upToDate && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "xps-mk-row-action", children: upToDate ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Badge, { tone: "success", children: "\u2713 \u5DF2\u5B89\u88C5" }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
             InstallButton,
             {
               pluginName: p.name,
@@ -2744,7 +2772,7 @@ function PluginRow(props) {
               size: "small",
               onToast: props.onToast
             }
-          )
+          ) })
         ] })
       ]
     }
@@ -3002,9 +3030,10 @@ function MarketPage(props) {
 }
 
 // src/client/pages/PluginDetailPage.tsx
-var import_react8 = require("react");
+var import_react9 = require("react");
 
 // src/client/pages/market/Markdown.tsx
+var import_react8 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function Markdown(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "xps-md", children: renderBlocks(props.text) });
@@ -3142,16 +3171,80 @@ function renderBlocks(text, depth = 0) {
   }
   return blocks;
 }
+function MarkdownImage(props) {
+  const [failed, setFailed] = (0, import_react8.useState)(false);
+  (0, import_react8.useEffect)(() => setFailed(false), [props.src]);
+  if (failed) {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "xps-md-img-fallback", title: props.alt, children: props.alt === "" ? "[\u56FE\u7247\u52A0\u8F7D\u5931\u8D25]" : `[\u56FE\u7247\u52A0\u8F7D\u5931\u8D25:${props.alt}]` });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "img",
+    {
+      className: "xps-md-img",
+      src: props.src,
+      alt: props.alt,
+      loading: "lazy",
+      referrerPolicy: "no-referrer",
+      onError: () => setFailed(true)
+    }
+  );
+}
+function renderLink(url, content, key) {
+  if (!/^https?:\/\//.test(url)) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "span",
+    {
+      className: "xps-md-link",
+      role: "link",
+      tabIndex: 0,
+      onClick: () => void window.open(url, "_blank", "noopener,noreferrer"),
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          void window.open(url, "_blank", "noopener,noreferrer");
+        }
+      },
+      children: content
+    },
+    key
+  );
+}
 function renderInline(text, keyPrefix) {
   const nodes = [];
-  const pattern = /(\*\*[^*]+\*\*|~~[^~]+~~|`[^`]+`|\[[^\]]*\]\([^)\s]*(?:\([^)\s]*\)[^)\s]*)?\))/g;
+  const pattern = /(\[!\[[^\]]*\]\(\s*[^()\s]*(?:\([^()\s]*\)[^()\s]*)?\s*\)\]\(\s*[^()\s]*(?:\([^()\s]*\)[^()\s]*)?\s*\)|!\[[^\]]*\]\(\s*[^()\s]*(?:\([^()\s]*\)[^()\s]*)?\s*\)|\*\*[^*]+\*\*|~~[^~]+~~|`[^`]+`|\[[^\]]*\]\(\s*[^()\s]*(?:\([^()\s]*\)[^()\s]*)?\s*\))/g;
   let last = 0;
   let seq = 0;
   let m;
   while ((m = pattern.exec(text)) !== null) {
     if (m.index > last) nodes.push(text.slice(last, m.index));
     const token = m[0];
-    if (token.startsWith("**")) {
+    if (token.startsWith("[![")) {
+      const split = token.lastIndexOf("](");
+      const inner = token.slice(1, split);
+      const href = token.slice(split + 2, -1).trim();
+      const image = /^!\[([^\]]*)\]\(([\s\S]*)\)$/.exec(inner);
+      if (image === null) {
+        nodes.push(token);
+      } else {
+        const [, alt = "", rawSrc = ""] = image;
+        const src = rawSrc.trim();
+        const picture = /^https?:\/\//.test(src) ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MarkdownImage, { src, alt }, `${keyPrefix}-nimg${seq}`) : alt === "" ? token : alt;
+        nodes.push(renderLink(href, picture, `${keyPrefix}-na${seq}`) ?? picture);
+      }
+    } else if (token.startsWith("![")) {
+      const image = /^!\[([^\]]*)\]\((.+)\)$/.exec(token);
+      if (image === null) {
+        nodes.push(token);
+      } else {
+        const [, alt = "", rawSrc = ""] = image;
+        const src = rawSrc.trim();
+        if (/^https?:\/\//.test(src)) {
+          nodes.push(/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(MarkdownImage, { src, alt }, `${keyPrefix}-img${seq}`));
+        } else {
+          nodes.push(token);
+        }
+      }
+    } else if (token.startsWith("**")) {
       nodes.push(
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("strong", { children: renderInline(token.slice(2, -2), `${keyPrefix}-b${seq}`) }, `${keyPrefix}-b${seq}`)
       );
@@ -3169,32 +3262,8 @@ function renderInline(text, keyPrefix) {
         nodes.push(token);
       } else {
         const [, label = "", rawUrl = ""] = link;
-        const isImage = label.startsWith("!");
-        const text2 = isImage ? label.slice(1) : label;
         const url = rawUrl.trim();
-        if (/^https?:\/\//.test(url)) {
-          nodes.push(
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-              "span",
-              {
-                className: "xps-md-link",
-                role: "link",
-                tabIndex: 0,
-                onClick: () => void window.open(url, "_blank", "noopener,noreferrer"),
-                onKeyDown: (event) => {
-                  if (event.key === "Enter" || event.key === " ") {
-                    event.preventDefault();
-                    void window.open(url, "_blank", "noopener,noreferrer");
-                  }
-                },
-                children: text2 === "" ? url : text2
-              },
-              `${keyPrefix}-a${seq}`
-            )
-          );
-        } else {
-          nodes.push(isImage ? label : token);
-        }
+        nodes.push(renderLink(url, label === "" ? url : label, `${keyPrefix}-a${seq}`) ?? token);
       }
     }
     last = m.index + token.length;
@@ -3226,20 +3295,40 @@ var import_jsx_runtime19 = require("react/jsx-runtime");
 function PluginDetailPage(props) {
   ensureMarketStyles();
   const pluginId = props.pluginId ?? "";
-  const [detail, setDetail] = (0, import_react8.useState)(null);
-  const [status, setStatus] = (0, import_react8.useState)("loading");
-  const [selectedVersion, setSelectedVersion] = (0, import_react8.useState)(null);
-  const [reloadFlag, setReloadFlag] = (0, import_react8.useState)(0);
-  const [dshVersion, setDshVersion] = (0, import_react8.useState)(null);
-  const [installed, setInstalled] = (0, import_react8.useState)(null);
+  const [detail, setDetail] = (0, import_react9.useState)(null);
+  const [status, setStatus] = (0, import_react9.useState)("loading");
+  const [selectedVersion, setSelectedVersion] = (0, import_react9.useState)(null);
+  const [reloadFlag, setReloadFlag] = (0, import_react9.useState)(0);
+  const [dshVersion, setDshVersion] = (0, import_react9.useState)(null);
+  const [installed, setInstalled] = (0, import_react9.useState)(null);
   const toasts = useToasts();
-  const loadInstalled = (0, import_react8.useCallback)(
-    (name) => {
-      getInstalled().then((list) => setInstalled(list.find((item) => item.name === name) ?? null)).catch(() => setInstalled(null));
+  const installedSeq = (0, import_react9.useRef)(0);
+  const loadInstalled = (0, import_react9.useCallback)(
+    (...names) => {
+      const seq = ++installedSeq.current;
+      getInstalled().then((list) => {
+        if (seq === installedSeq.current) {
+          setInstalled(list.find((item) => names.includes(item.name)) ?? null);
+        }
+      }).catch(() => {
+        if (seq === installedSeq.current) setInstalled(null);
+      });
     },
     []
   );
-  (0, import_react8.useEffect)(() => {
+  const selectVersion = (version) => {
+    setSelectedVersion(version);
+    if (detail !== null) loadInstalled(pluginId, detail.name);
+  };
+  (0, import_react9.useEffect)(() => {
+    if (detail === null) return;
+    const onVisible = () => {
+      if (document.visibilityState === "visible") loadInstalled(pluginId, detail.name);
+    };
+    document.addEventListener("visibilitychange", onVisible);
+    return () => document.removeEventListener("visibilitychange", onVisible);
+  }, [detail, pluginId, loadInstalled]);
+  (0, import_react9.useEffect)(() => {
     let alive = true;
     getHostInfo().then((info) => {
       if (alive) setDshVersion(info.dshVersion);
@@ -3249,13 +3338,12 @@ function PluginDetailPage(props) {
       alive = false;
     };
   }, []);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     let alive = true;
     setStatus("loading");
     setDetail(null);
     setSelectedVersion(null);
     setInstalled(null);
-    if (pluginId !== "") loadInstalled(pluginId);
     getPluginDetail(pluginId).then((d) => {
       if (!alive) return;
       if (d === null) {
@@ -3264,6 +3352,7 @@ function PluginDetailPage(props) {
         setDetail(d);
         setSelectedVersion(d.version);
         setStatus("ready");
+        loadInstalled(pluginId, d.name);
       }
     }).catch(() => {
       if (alive) setStatus("error");
@@ -3351,7 +3440,7 @@ function PluginDetailPage(props) {
           sourceType: detail.sourceType,
           dshVersion,
           installed: installed ?? void 0,
-          onInstalled: () => loadInstalled(detail.name),
+          onInstalled: () => loadInstalled(pluginId, detail.name),
           onToast: toasts.push
         }
       )
@@ -3380,24 +3469,22 @@ function PluginDetailPage(props) {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "xps-mk-card", children: [
           /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "xps-mk-card-title", children: "\u7248\u672C\u5386\u53F2" }),
-          detail.versions.map((v) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-            "button",
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            "select",
             {
-              type: "button",
-              className: `xps-mk-version${v.version === displayVersion ? " xps-mk-version-active" : ""}`,
-              title: `\u5207\u6362\u5230 v${v.version}`,
-              onClick: () => setSelectedVersion(v.version),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { children: [
-                  "v",
-                  v.version,
-                  v.version === detail.version ? " \xB7 \u6700\u65B0" : ""
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "xps-mk-version-date", children: formatDate(v.publishedAt) })
-              ]
-            },
-            v.version
-          ))
+              className: "xps-mk-select xps-mk-version-select",
+              value: displayVersion,
+              title: "\u5207\u6362\u7248\u672C",
+              onChange: (e) => selectVersion(e.target.value),
+              children: [...detail.versions].sort((a, b) => compareVersions(b.version, a.version)).map((v) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("option", { value: v.version, children: [
+                "v",
+                v.version,
+                " \xB7 ",
+                formatShortDate(v.publishedAt),
+                v.version === detail.version ? " \xB7 \u6700\u65B0" : ""
+              ] }, v.version))
+            }
+          )
         ] })
       ] })
     ] })
@@ -3443,8 +3530,8 @@ var NAV_ITEMS = [
   { key: "developer", label: "\u6211\u7684" }
 ];
 function MarketplaceApp() {
-  const [nav, setNav] = (0, import_react9.useState)("market");
-  const [detailId, setDetailId] = (0, import_react9.useState)(null);
+  const [nav, setNav] = (0, import_react10.useState)("market");
+  const [detailId, setDetailId] = (0, import_react10.useState)(null);
   ensureThemeStyles();
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "xps-app", children: [
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("nav", { className: "xps-nav", children: NAV_ITEMS.map((item) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
@@ -3472,7 +3559,7 @@ function MarketplaceApp() {
 }
 
 // src/client/settings/GeneralTokenRow.tsx
-var import_react10 = require("react");
+var import_react11 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var rowStyle = {
   display: "flex",
@@ -3529,12 +3616,12 @@ function messageOf2(error, fallback) {
   return error instanceof Error && error.message !== "" ? error.message : fallback;
 }
 function GeneralTokenRow() {
-  const [loading, setLoading] = (0, import_react10.useState)(true);
-  const [auth, setAuth] = (0, import_react10.useState)(null);
-  const [token, setToken] = (0, import_react10.useState)("");
-  const [pending, setPending] = (0, import_react10.useState)(false);
-  const [error, setError] = (0, import_react10.useState)("");
-  (0, import_react10.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react11.useState)(true);
+  const [auth, setAuth] = (0, import_react11.useState)(null);
+  const [token, setToken] = (0, import_react11.useState)("");
+  const [pending, setPending] = (0, import_react11.useState)(false);
+  const [error, setError] = (0, import_react11.useState)("");
+  (0, import_react11.useEffect)(() => {
     let alive = true;
     void getAuthState().then((state) => {
       if (alive) setAuth(state);
@@ -3608,7 +3695,7 @@ function GeneralTokenRow() {
 }
 
 // src/client/settings/GeneralUpdateRow.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var rowStyle2 = {
   display: "flex",
@@ -3693,11 +3780,11 @@ function versionAtLeast(current, target) {
   return true;
 }
 function GeneralUpdateRow() {
-  const [phase, setPhase] = (0, import_react11.useState)(() => {
+  const [phase, setPhase] = (0, import_react12.useState)(() => {
     const pending = readPendingUpdate();
     return pending !== null ? { kind: "updated", version: pending } : { kind: "checking" };
   });
-  const [error, setError] = (0, import_react11.useState)("");
+  const [error, setError] = (0, import_react12.useState)("");
   const check = () => {
     setPhase({ kind: "checking" });
     setError("");
@@ -3714,7 +3801,7 @@ function GeneralUpdateRow() {
       setError(messageOf3(err, "\u68C0\u67E5\u66F4\u65B0\u5931\u8D25"));
     });
   };
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (readPendingUpdate() !== null) {
       void checkSelfUpdate().then((result) => {
         const pending = readPendingUpdate();
@@ -3801,7 +3888,7 @@ function injectTheme() {
 function StoreIcon(props) {
   const active = props.active === true;
   const size = typeof props.size === "number" ? props.size : 20;
-  return (0, import_react12.createElement)(
+  return (0, import_react13.createElement)(
     "svg",
     {
       width: size,
@@ -3812,13 +3899,13 @@ function StoreIcon(props) {
         color: active ? "var(--dsw-alias-brand-primary, #3861fb)" : "var(--dsw-alias-label-secondary, #646a73)"
       }
     },
-    (0, import_react12.createElement)("path", {
+    (0, import_react13.createElement)("path", {
       d: "M4 7h16l-1.2-3.2A1 1 0 0 0 17.85 3H6.15a1 1 0 0 0-.95.8L4 7Zm0 0v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V7",
       stroke: "currentColor",
       strokeWidth: 1.6,
       strokeLinejoin: "round"
     }),
-    (0, import_react12.createElement)("path", {
+    (0, import_react13.createElement)("path", {
       d: "M9 11a3 3 0 0 0 6 0",
       stroke: "currentColor",
       strokeWidth: 1.6,
@@ -3828,13 +3915,13 @@ function StoreIcon(props) {
 }
 function BundleConfigSeat(props) {
   if (props.view === "page") {
-    return (0, import_react12.createElement)(
+    return (0, import_react13.createElement)(
       "div",
       { className: "xps-page-placeholder" },
       "\u85AA\u4EBA\u85AA\u4E8B\u5E02\u573A\u914D\u7F6E(\u5360\u4F4D):serviceBaseUrl / cacheDir / requestTimeout / cachePolicy"
     );
   }
-  return (0, import_react12.createElement)("div", null, "\u85AA\u4EBA\u85AA\u4E8B\u5E02\u573A:\u79C1\u6709\u63D2\u4EF6\u6D4F\u89C8\u3001\u5B89\u88C5\u4E0E\u5F00\u53D1\u8005\u4E0A\u4F20");
+  return (0, import_react13.createElement)("div", null, "\u85AA\u4EBA\u85AA\u4E8B\u5E02\u573A:\u79C1\u6709\u63D2\u4EF6\u6D4F\u89C8\u3001\u5B89\u88C5\u4E0E\u5F00\u53D1\u8005\u4E0A\u4F20");
 }
 function apply(ctx) {
   const slots = ctx.get("slots");
@@ -3867,7 +3954,7 @@ function apply(ctx) {
       "main",
       () => safe(
         "main",
-        () => slots.register({ name: "main", key: "xrxs-plugins-store" }, () => (0, import_react12.createElement)(MarketplaceApp))
+        () => slots.register({ name: "main", key: "xrxs-plugins-store" }, () => (0, import_react13.createElement)(MarketplaceApp))
       )
     ),
     "xrxs-plugins-store.main"
@@ -3879,7 +3966,7 @@ function apply(ctx) {
         "settings.general.item",
         () => slots.register(
           { name: "settings.general.item", id: "xrxs-plugins-store-token", order: 50 },
-          () => (0, import_react12.createElement)(GeneralTokenRow)
+          () => (0, import_react13.createElement)(GeneralTokenRow)
         )
       )
     ),
@@ -3892,7 +3979,7 @@ function apply(ctx) {
         "settings.general.item",
         () => slots.register(
           { name: "settings.general.item", id: "xrxs-plugins-store-update", order: 51 },
-          () => (0, import_react12.createElement)(GeneralUpdateRow)
+          () => (0, import_react13.createElement)(GeneralUpdateRow)
         )
       )
     ),
@@ -3905,7 +3992,7 @@ function apply(ctx) {
         "plugins.bundle.config",
         () => slots.register(
           { name: "plugins.bundle.config", key: "@xrxs-ai/dsh-xrxs-plugins-store" },
-          (props) => (0, import_react12.createElement)(BundleConfigSeat, props)
+          (props) => (0, import_react13.createElement)(BundleConfigSeat, props)
         )
       )
     ),

package/lib/host/installer.d.ts

@@ -88,6 +88,9 @@ export interface InstalledEntry {
     managed: boolean;
     /** 已装包自身 package.json 的 description(file: 本地装的包不在市场里,简介只能从这里来);读不到为 null。 */
     description: string | null;
+    /** 安装时间(ISO 8601);取 node_modules/<name> 的创建时间(pnpm 装包时建立,更新重装会刷新)。
+     *  目录缺失/文件系统不支持 birthtime 时为 null,页面把它排在最后。 */
+    installedAt: string | null;
 }
 /** 已装列表:读 <DSH_HOME>/profiles/<profile>/package.json 依赖 + dsh.profile.bundles 层栈
  *  (desktop profile 被 CLI 独占时读文件不受影响;设计文档 §3.3)。

package/lib/host/installer.js

@@ -1,7 +1,7 @@
 import { createHash } from 'node:crypto';
 import { spawn } from 'node:child_process';
 import { existsSync, readdirSync, statSync } from 'node:fs';
-import { mkdir, readFile, rename, writeFile } from 'node:fs/promises';
+import { lstat, mkdir, readFile, rename, writeFile } from 'node:fs/promises';
 import { homedir } from 'node:os';
 import { basename, delimiter, dirname, join } from 'node:path';
 import { ApiError } from "./api-client.js";
@@ -437,7 +437,18 @@ export async function listInstalledFromProfile(host) {
         }
         if (version === '')
             version = versionFromFileSpec(spec) ?? '';
-        return { name, version, managed: bundles.has(name), description };
+        // 安装时间:lstat 链接本身(pnpm 的 node_modules 项是指向 .pnpm 的符号链接,
+        // 链接创建时间 = 装包时间);birthtime 不可用(≤0/非法)退 mtime,再不行置 null
+        let installedAt = null;
+        try {
+            const link = await lstat(join(profileDir, 'node_modules', ...name.split('/')));
+            const time = link.birthtimeMs > 0 ? link.birthtime : link.mtime;
+            installedAt = Number.isNaN(time.getTime()) || time.getTime() <= 0 ? null : time.toISOString();
+        }
+        catch {
+            // 路径不存在:installedAt 保持 null
+        }
+        return { name, version, managed: bundles.has(name), description, installedAt };
     }));
 }
 const OUTPUT_CAP = 512 * 1024;

package/lib/host/routes.js

@@ -301,7 +301,11 @@ async function fetchLatestVersionMap(deps) {
             const version = optionalString(item.version);
             if (name === undefined || version === undefined)
                 continue;
-            map.set(name, { version, summary: optionalString(item.summary) ?? null });
+            map.set(name, {
+                version,
+                displayName: optionalString(item.displayName) ?? null,
+                summary: optionalString(item.summary) ?? null,
+            });
         }
     }
     catch (error) {
@@ -321,6 +325,9 @@ async function handleInstalled(rc) {
             latestVersion,
             updateAvailable: latestVersion !== null && latestVersion !== entry.version,
             managed: entry.managed,
+            installedAt: entry.installedAt,
+            // 展示名来自市场;本机手装/离线的包没有,client 半自行回退包名
+            displayName: meta?.displayName ?? null,
             // 市场简介优先;file: 本地装的包不在市场里,回退该包自己 package.json 的 description
             summary: meta?.summary ?? entry.description,
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xrxs-ai/dsh-xrxs-plugins-store",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "description": "DSH 私有插件市场插件(静态持久 bundle,双 face)",
   "type": "module",
   "license": "MIT",