dsh-m 0.0.3 → 0.1.1

package/lib/client.js

@@ -0,0 +1,1159 @@
+window.__ModuleLoader__.load({
+  id: "dsh-m",
+  factory: (require) => {
+"use strict";
+
+// src/client/main.jsx
+var React = require("react");
+var rd = require("react-dom");
+var h = React.createElement;
+var { useState, useEffect, useCallback, useMemo } = React;
+var PLUGIN_ID = "dsh-m";
+var API = "/dshm";
+var ZH = {
+  "market.title": "\u63D2\u4EF6\u5E02\u573A",
+  "tab.market": "\u5E02\u573A",
+  "tab.installed": "\u5DF2\u88C5",
+  "tab.settings": "\u8BBE\u7F6E",
+  "cat.all": "\u5168\u90E8",
+  "cat.market": "\u5E02\u573A",
+  "cat.tools": "\u5DE5\u5177",
+  "cat.ui": "\u754C\u9762",
+  "cat.search": "\u641C\u7D22",
+  "cat.media": "\u591A\u5A92\u4F53",
+  "cat.other": "\u5176\u4ED6",
+  "search.ph": "\u641C\u7D22\u540D\u79F0 / \u63CF\u8FF0 / \u6807\u7B7E\u2026",
+  "common.refresh": "\u5237\u65B0",
+  "common.close": "\u5173\u95ED",
+  "common.later": "\u7A0D\u540E",
+  "common.ok": "\u77E5\u9053\u4E86",
+  "common.none": "\u2014",
+  "market.loading": "\u52A0\u8F7D\u6536\u5F55\u6E05\u5355\u4E2D\u2026 ",
+  "market.empty": "\u6CA1\u6709\u5339\u914D\u7684\u6536\u5F55\u6761\u76EE",
+  "installed.loading": "\u8BFB\u53D6 web profile \u4E2D\u2026 ",
+  "installed.empty": "web profile \u5C1A\u672A\u5B89\u88C5\u4EFB\u4F55 dsh \u63D2\u4EF6",
+  "installed.none": "\u672A\u5B89\u88C5",
+  "installed.others": "\u53E6\u6709 {n} \u4E2A\u975E dsh \u4F9D\u8D56\uFF08\u672A\u8BC6\u522B\u4E3A\u63D2\u4EF6\uFF09\uFF0C\u5DF2\u9ED8\u8BA4\u6298\u53E0\u3002",
+  "badge.installed": "\u5DF2\u5B89\u88C5",
+  "badge.update": "\u53EF\u5347\u7EA7",
+  "badge.market": "\u5E02\u573A\u5B89\u88C5",
+  "badge.nonmarket": "\u975E\u5E02\u573A\u5B89\u88C5",
+  "action.install": "\u5B89\u88C5",
+  "action.upgrade": "\u5347\u7EA7",
+  "action.uninstall": "\u5378\u8F7D",
+  "confirm.uninstall": "\u786E\u8BA4\u5378\u8F7D\uFF1F",
+  "confirm.unlink": "\u786E\u8BA4\u79FB\u9664\u672C\u5730\u5F15\u7528\uFF1F",
+  "confirm.core": "\u26A0\uFE0F \u786E\u8BA4\u5378\u8F7D\u6838\u5FC3\u5305\uFF1F",
+  "detail.id": "\u6536\u5F55 id",
+  "detail.source": "\u6765\u6E90",
+  "detail.latest": "\u6700\u65B0",
+  "detail.installed": "\u5DF2\u88C5",
+  "detail.tags": "\u6807\u7B7E",
+  "detail.pkg": "\u5305\u540D",
+  "detail.spec": "\u5B89\u88C5 spec",
+  "detail.listed": "\u6536\u5F55",
+  "detail.listed.no": "\u4E0D\u5728\u6536\u5F55\u6E05\u5355\u4E2D",
+  "detail.path": "\u8DEF\u5F84",
+  "detail.note": "\u6CE8\u610F",
+  "manage.hint": "\u5DF2\u5B89\u88C5\uFF0C\u53EF\u5728\u300C\u5DF2\u88C5\u300D\u9875\u7BA1\u7406",
+  "version.failed": "\u7248\u672C\u67E5\u8BE2\u5931\u8D25",
+  "src.npm": "npm",
+  "src.github": "github",
+  "src.link": "\u672C\u5730 link",
+  "src.file": "\u672C\u5730 file",
+  "src.unknown": "\u672A\u77E5",
+  "sub.latest": "\u6700\u65B0 v{v}",
+  "sub.head": "HEAD {sha}",
+  "sub.installed": "\u5DF2\u88C5 v{v}",
+  "settings.registry": "\u6536\u5F55\u6E05\u5355\uFF08registry\uFF09",
+  "settings.source": "\u5F53\u524D\u6765\u6E90",
+  "settings.updated": "\u66F4\u65B0\u65F6\u95F4",
+  "settings.count": "\u6761\u76EE\u6570",
+  "settings.count.v": "{n} \u6761",
+  "settings.policy": "\u7F13\u5B58\u7B56\u7565",
+  "settings.policy.v": "TTL 60 \u5206\u949F\uFF1B\u8BBE\u7F6E registryUrl \u53EF\u8986\u76D6\u6E90",
+  "settings.remotehint": "\u8FDC\u7AEF\u63D0\u793A",
+  "settings.force": "\u5F3A\u5236\u5237\u65B0",
+  "settings.self": "dsh-m \u81EA\u8EAB",
+  "settings.current": "\u5F53\u524D\u7248\u672C",
+  "settings.npmlatest": "npm \u6700\u65B0",
+  "settings.lookupfailed": "\u67E5\u8BE2\u5931\u8D25\uFF1A{err}",
+  "settings.upgradeself": "\u5347\u7EA7 dsh-m",
+  "settings.upgradehint": "\u5347\u7EA7\u540E\u540C\u6837\u9700\u8981\u91CD\u542F\u751F\u6548",
+  "settings.about": "\u5173\u4E8E",
+  "settings.about.text": "DSH Marketplace\uFF08dsh-m\uFF09\u2014 \u4E2A\u4EBA\u81EA\u7528\u7684 DeepSeek Harness \u63D2\u4EF6\u5E02\u573A\u3002\u6536\u5F55\u3001\u5B89\u88C5\u3001\u5378\u8F7D\u3001\u5347\u7EA7\uFF0C\u5168\u90E8\u672C\u673A\u5B8C\u6210\u3002",
+  "src.override": "\u81EA\u5B9A\u4E49\u6E90",
+  "src.jsdelivr": "jsDelivr\uFF08@main\uFF09",
+  "src.raw": "raw.githubusercontent\uFF08@main\uFF09",
+  "src.cache": "\u672C\u5730\u7F13\u5B58",
+  "src.bundled": "\u5305\u5185\u5FEB\u7167\uFF08\u515C\u5E95\uFF09",
+  "self.upgraded": "dsh-m \u5DF2\u66F4\u65B0\u5230 v{v}\uFF0C\u91CD\u542F\u540E\u751F\u6548",
+  "self.failed": "\u81EA\u66F4\u65B0\u5931\u8D25\uFF1A{err}",
+  "registry.refreshed": "\u6536\u5F55\u6E05\u5355\u5DF2\u5F3A\u5236\u5237\u65B0",
+  "notify.installed": "\u5DF2\u5B89\u88C5 {pkg}{version}",
+  "notify.allowbuilds": "\uFF08\u6CE8\u610F\uFF1A\u8BE5\u63D2\u4EF6\u6267\u884C\u4E86\u6784\u5EFA\u811A\u672C\uFF0C\u5DF2\u6309\u7B56\u7565\u653E\u884C\uFF09",
+  "notify.uninstalled": "\u5DF2\u5378\u8F7D {pkg}",
+  "notify.livedisabled": "\uFF08\u5DF2\u5148\u4E0B\u7EBF\u8FD0\u884C\u4E2D\u7684\u754C\u9762\uFF09",
+  "notify.leftovers": "\uFF1B\u68C0\u6D4B\u5230\u7591\u4F3C\u6B8B\u7559\u6570\u636E\uFF1A{paths}",
+  "notify.upgraded": "\u5DF2\u5347\u7EA7 {pkg}\uFF08{from} \u2192 {to}\uFF09",
+  "notify.upgradehint": "\uFF08\u6CE8\u610F\uFF1A\u8BE5\u63D2\u4EF6\u6267\u884C\u4E86\u6784\u5EFA\u811A\u672C\uFF09",
+  "failed.install": "\u5B89\u88C5\u5931\u8D25\uFF1A{err}",
+  "failed.uninstall": "\u5378\u8F7D\u5931\u8D25\uFF1A{err}",
+  "failed.upgrade": "\u5347\u7EA7\u5931\u8D25\uFF1A{err}",
+  "failed.selfupdate": "\u81EA\u66F4\u65B0\u5931\u8D25\uFF1A{err}",
+  "failed.load": "\u52A0\u8F7D\u5931\u8D25\uFF1A{err}",
+  "failed.read": "\u8BFB\u53D6\u5931\u8D25\uFF1A{err}",
+  "failed.open": "\u6253\u5F00\u5E02\u573A\u9762\u677F\u5931\u8D25:",
+  "banner.done": "\u53D8\u66F4\u5B8C\u6210\uFF0C\u9700\u8981\u91CD\u542F DSH Web \u540E\u751F\u6548\u3002",
+  "restart.doing": "\u6B63\u5728\u8BF7\u6C42\u91CD\u542F\u2026",
+  "restart.waiting": "\u5DF2\u8BF7\u6C42\u91CD\u542F\uFF0C\u7B49\u5F85 DSH Web \u6062\u590D\u2026",
+  "restart.now": "\u26A1 \u4E00\u952E\u91CD\u542F",
+  "restart.failed": "\u91CD\u542F\u5931\u8D25\uFF1A{err}",
+  "restart.timeout": "\u91CD\u542F\u8D85\u65F6\uFF0C\u8BF7\u624B\u52A8\u68C0\u67E5 dsh web \u670D\u52A1\u72B6\u6001",
+  "restart.hint.done": "\u5DF2\u8BF7\u6C42\u91CD\u542F DSH web\uFF08via {via}\uFF09\u3002\u670D\u52A1\u51E0\u79D2\u5185\u6062\u590D\uFF0C\u4E4B\u540E\u8BA9\u7528\u6237\u5237\u65B0\u9875\u9762\u5373\u53EF\u3002",
+  "phase.resolving": "\u89E3\u6790\u4F9D\u8D56",
+  "phase.downloading": "\u4E0B\u8F7D",
+  "phase.linking": "\u94FE\u63A5\u5B89\u88C5",
+  "phase.building": "\u6784\u5EFA\u811A\u672C",
+  "phase.ready": "\u51C6\u5907\u4E2D",
+  "readme.show": "\u{1F4D6} README",
+  "readme.hide": "\u6536\u8D77 README",
+  "readme.loading": "\u52A0\u8F7D README\u2026 ",
+  "readme.none": "\uFF08\u8BE5\u63D2\u4EF6\u6CA1\u6709 README\uFF09",
+  "readme.truncated": "\n\n\u2026\uFF08\u8D85\u8FC7 64KB \u5DF2\u622A\u65AD\uFF0C\u5B8C\u6574\u5185\u5BB9\u89C1\u63D2\u4EF6\u76EE\u5F55\uFF09",
+  "warn.unlink": "\u5378\u8F7D\u53EA\u79FB\u9664 profile \u5BF9\u672C\u5730\u76EE\u5F55\u7684\u5F15\u7528\uFF08{path}\uFF09\uFF0C\u4E0D\u4F1A\u5220\u9664\u76EE\u5F55\u672C\u8EAB\u3002",
+  "warn.core": "\u8FD9\u662F file: \u5B89\u88C5\u7684\u6838\u5FC3/\u5F52\u6863\u5305\uFF0C\u5378\u8F7D\u53EF\u80FD\u5F71\u54CD DSH \u529F\u80FD\uFF0C\u4E14\u9700\u8981\u624B\u52A8\u6062\u590D\u3002",
+  "profile.hint": "web profile\uFF1A{path}",
+  "title.panel": "\u63D2\u4EF6\u5E02\u573A",
+  "title.full": "DeepSeek Harness \u63D2\u4EF6\u5E02\u573A"
+};
+var EN = {
+  "market.title": "Plugin Marketplace",
+  "title.panel": "Plugin Marketplace",
+  "title.full": "DeepSeek Harness Plugin Marketplace",
+  "tab.market": "Market",
+  "tab.installed": "Installed",
+  "tab.settings": "Settings",
+  "cat.all": "All",
+  "cat.market": "Market",
+  "cat.tools": "Tools",
+  "cat.ui": "UI",
+  "cat.search": "Search",
+  "cat.media": "Media",
+  "cat.other": "Other",
+  "search.ph": "Search name, description, tags\u2026",
+  "common.refresh": "Refresh",
+  "common.close": "Close",
+  "common.later": "Later",
+  "common.ok": "OK",
+  "common.none": "\u2014",
+  "market.loading": "Loading listings\u2026 ",
+  "market.empty": "No matching listings",
+  "installed.loading": "Reading web profile\u2026 ",
+  "installed.empty": "No DSH plugins installed in this web profile",
+  "installed.none": "Not installed",
+  "installed.others": "{n} non-DSH dependencies (not recognized as plugins) are collapsed.",
+  "badge.installed": "Installed",
+  "badge.update": "Update",
+  "badge.market": "Via market",
+  "badge.nonmarket": "Non-market",
+  "action.install": "Install",
+  "action.upgrade": "Upgrade",
+  "action.uninstall": "Uninstall",
+  "confirm.uninstall": "Confirm uninstall?",
+  "confirm.unlink": "Confirm remove link?",
+  "confirm.core": "\u26A0\uFE0F Remove core package?",
+  "detail.id": "Listing id",
+  "detail.source": "Source",
+  "detail.latest": "Latest",
+  "detail.installed": "Installed",
+  "detail.tags": "Tags",
+  "detail.pkg": "Package",
+  "detail.spec": "Spec",
+  "detail.listed": "Listed",
+  "detail.listed.no": "Not in the registry",
+  "detail.path": "Path",
+  "detail.note": "Note",
+  "manage.hint": "Installed \u2014 manage it on the Installed tab",
+  "version.failed": "version lookup failed",
+  "src.npm": "npm",
+  "src.github": "github",
+  "src.link": "local link",
+  "src.file": "local file",
+  "src.unknown": "unknown",
+  "sub.latest": "Latest v{v}",
+  "sub.head": "HEAD {sha}",
+  "sub.installed": "Installed v{v}",
+  "settings.registry": "Registry",
+  "settings.source": "Source",
+  "settings.updated": "Updated",
+  "settings.count": "Listings",
+  "settings.count.v": "{n} listings",
+  "settings.policy": "Caching",
+  "settings.policy.v": "60 min TTL; override via registryUrl",
+  "settings.remotehint": "Remote notice",
+  "settings.force": "Force refresh",
+  "settings.self": "dsh-m itself",
+  "settings.current": "Current version",
+  "settings.npmlatest": "npm latest",
+  "settings.lookupfailed": "lookup failed: {err}",
+  "settings.upgradeself": "Upgrade dsh-m",
+  "settings.upgradehint": "A restart is required after upgrading",
+  "settings.about": "About",
+  "settings.about.text": "DSH Marketplace (dsh-m) \u2014 your personal DeepSeek Harness plugin marketplace. Browse, install, uninstall and upgrade, all local.",
+  "src.override": "Custom source",
+  "src.jsdelivr": "jsDelivr (@main)",
+  "src.raw": "raw.githubusercontent (@main)",
+  "src.cache": "Local cache",
+  "src.bundled": "Bundled snapshot (fallback)",
+  "self.upgraded": "dsh-m updated to v{v} \u2014 restart to take effect",
+  "self.failed": "Self-update failed: {err}",
+  "registry.refreshed": "Registry force-refreshed",
+  "notify.installed": "Installed {pkg}{version}",
+  "notify.allowbuilds": " (note: this plugin ran build scripts, allowed by policy)",
+  "notify.uninstalled": "Uninstalled {pkg}",
+  "notify.livedisabled": " (live UI disabled first)",
+  "notify.leftovers": "; possible leftover data: {paths}",
+  "notify.upgraded": "Upgraded {pkg} ({from} \u2192 {to})",
+  "notify.upgradehint": " (note: this plugin ran build scripts)",
+  "failed.install": "Install failed: {err}",
+  "failed.uninstall": "Uninstall failed: {err}",
+  "failed.upgrade": "Upgrade failed: {err}",
+  "failed.selfupdate": "Self-update failed: {err}",
+  "failed.load": "Load failed: {err}",
+  "failed.read": "Read failed: {err}",
+  "failed.open": "Failed to open the marketplace panel:",
+  "banner.done": "Changes applied. Restart DSH Web to take effect.",
+  "restart.doing": "Requesting restart\u2026",
+  "restart.waiting": "Restart requested, waiting for DSH Web\u2026",
+  "restart.now": "\u26A1 Restart",
+  "restart.failed": "Restart failed: {err}",
+  "restart.timeout": "Restart timed out \u2014 check the dsh web service manually",
+  "restart.hint.done": "Restart requested (via {via}). The service will be back in seconds; ask the user to refresh afterwards.",
+  "phase.resolving": "Resolving",
+  "phase.downloading": "Downloading",
+  "phase.linking": "Linking",
+  "phase.building": "Building",
+  "phase.ready": "Preparing",
+  "readme.show": "\u{1F4D6} README",
+  "readme.hide": "Hide README",
+  "readme.loading": "Loading README\u2026 ",
+  "readme.none": "(No README)",
+  "readme.truncated": "\n\n\u2026(truncated at 64KB \u2014 see the plugin directory for full content)",
+  "warn.unlink": "Uninstalling only removes the profile's reference to the local directory ({path}); the directory itself is kept.",
+  "warn.core": "This is a core/archive package installed via file:. Uninstalling may affect DSH features and requires manual restore.",
+  "profile.hint": "web profile: {path}",
+  "title.panel": "Plugin Marketplace",
+  "title.full": "DeepSeek Harness Plugin Marketplace"
+};
+function browserLang() {
+  const lang = typeof document !== "undefined" && document.documentElement.lang || typeof navigator !== "undefined" && navigator.language || "zh";
+  return /^en\b/i.test(String(lang)) ? "en" : "zh";
+}
+function interpolate(tpl, params) {
+  if (!params) return String(tpl);
+  return String(tpl).replace(/\{(\w+)\}/g, (_, k) => params[k] != null ? String(params[k]) : `{${k}}`);
+}
+function lookup(key, params) {
+  const dict = browserLang() === "en" ? EN : ZH;
+  return interpolate(dict[key] ?? ZH[key] ?? key, params);
+}
+var CATEGORIES = ["market", "tools", "ui", "search", "media", "other"];
+var CSS = `
+.dshm-overlay{position:fixed;inset:0;z-index:2147483000;background:var(--dsw-alias-bg-mask-3,rgba(15,23,42,.48));display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box}
+.dshm-panel{width:min(920px,100%);height:min(680px,86vh);display:flex;flex-direction:column;background:var(--dsw-alias-bg-overlay,var(--dsw-alias-bg-layer-3,#fff));border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:14px;box-shadow:0 18px 48px rgba(2,6,23,.25);overflow:hidden;font-family:inherit;color:var(--dsw-alias-label-primary,inherit)}
+.dshm-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--dsw-alias-border-l2,#e5e7eb)}
+.dshm-title{font-weight:700;font-size:15px;margin-right:6px}
+.dshm-seg{display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--dsw-alias-border-l2,#e2e4e8);border-radius:9px;background:var(--dsw-alias-bg-layer-1,#f5f6f8)}
+.dshm-seg button{appearance:none;border:0;background:transparent;height:28px;padding:0 14px;border-radius:7px;font:inherit;font-size:12px;color:var(--dsw-alias-label-tertiary,#7b8088);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s,color .15s,box-shadow .15s}
+.dshm-seg button:hover{color:var(--dsw-alias-label-secondary,#4b5058)}
+.dshm-seg button.on{background:var(--dsw-alias-bg-layer-3,#fff);color:var(--dsw-alias-label-primary,#17191c);font-weight:600;box-shadow:var(--dsw-shadow-lv1,0 2px 8px rgb(20 24 32 / 8%))}
+.dshm-seg .dshm-count{font-size:11px;font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-caption,#9ca3af);margin:0}
+.dshm-seg button.on .dshm-count{color:var(--dsw-alias-state-business-primary,#4d6bfe)}
+.dshm-spacer{flex:1}
+.dshm-body{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:12px}
+.dshm-hint{color:var(--dsw-alias-label-caption,#6b7280);font-size:12px;line-height:18px;margin:0}
+.dshm-err{color:var(--dsw-alias-state-error-primary,#b91c1c);font-size:12px;line-height:18px}
+.dshm-btn{border:1px solid var(--dsw-alias-border-l2,#e5e7eb);background:var(--dsw-alias-bg-layer-3,#fff);color:var(--dsw-alias-label-primary,inherit);border-radius:8px;padding:5px 12px;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
+.dshm-btn:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}
+.dshm-btn:disabled{opacity:.5;cursor:default}
+.dshm-btn.primary{background:var(--dsw-alias-interactive-bg-selected,#4f46e5);border-color:var(--dsw-alias-interactive-bg-selected,#4f46e5);color:#fff}
+.dshm-btn.primary:hover{filter:brightness(1.08)}
+.dshm-btn.danger{color:var(--dsw-alias-state-error-primary,#b91c1c);border-color:var(--dsw-alias-state-error-primary,#b91c1c)}
+.dshm-btn.sm{padding:3px 9px;font-size:11px}
+.dshm-input{flex:1;min-width:120px;border:1px solid var(--dsw-alias-border-l2,#c7d2fe);background:var(--dsw-alias-bg-layer-2,transparent);color:var(--dsw-alias-label-primary,inherit);border-radius:8px;padding:6px 10px;font:inherit;font-size:13px;outline:none}
+.dshm-input:focus{border-color:var(--dsw-alias-interactive-bg-selected,#4f46e5)}
+.dshm-chips{display:flex;flex-wrap:wrap;gap:6px}
+.dshm-chip{border:1px solid var(--dsw-alias-border-l2,#e5e7eb);background:transparent;color:var(--dsw-alias-label-secondary,#4b5563);border-radius:999px;padding:2px 10px;font:inherit;font-size:11px;cursor:pointer}
+.dshm-chip:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}
+.dshm-chip.on{background:var(--dsw-specific-sidebar-nav-item-active,rgba(38,49,72,.08));border-color:transparent;color:var(--dsw-alias-label-primary,inherit);font-weight:500}
+.dshm-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
+@media (max-width:680px){.dshm-cards{grid-template-columns:1fr}}
+.dshm-card{display:flex;gap:12px;align-items:flex-start;background:var(--dsw-alias-bg-layer-2,rgba(38,49,72,.04));border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:12px;padding:12px;cursor:pointer;text-align:left;width:100%;box-sizing:border-box;min-width:0;font:inherit;color:var(--dsw-alias-label-primary,inherit);transition:border-color .16s,background .16s}
+.dshm-card:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06));border-color:var(--dsw-alias-label-dimmed,#c7d2fe)}
+.dshm-icon{width:40px;height:40px;border-radius:10px;object-fit:cover;border:1px solid var(--dsw-alias-border-l2,#e5e7eb);flex-shrink:0;background:linear-gradient(135deg,#c7d2fe,#fbcfe8);display:grid;place-items:center;font-weight:700;font-size:16px;color:#374151}
+.dshm-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
+.dshm-top{display:flex;align-items:center;gap:8px;min-width:0}
+.dshm-name{flex:1;min-width:0;font-weight:600;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.dshm-badge{flex:none;font-size:11px;line-height:16px;padding:0 6px;border-radius:999px;background:var(--dsw-alias-state-success-tertiary,#ecfdf5);color:var(--dsw-alias-state-success-primary,#047857)}
+.dshm-badge.warn{background:var(--dsw-alias-state-warn-tertiary,#fffbeb);color:var(--dsw-alias-state-warn-primary,#b45309)}
+.dshm-badge.info{background:var(--dsw-alias-state-business-tertiary,#eef2ff);color:var(--dsw-alias-state-business-primary,#4338ca)}
+.dshm-badge.err{background:var(--dsw-alias-state-error-secondary,#fee2e2);color:var(--dsw-alias-state-error-primary,#b91c1c)}
+.dshm-desc{color:var(--dsw-alias-label-tertiary,#6b7280);font-size:12px;line-height:18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
+.dshm-sub{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--dsw-alias-label-caption,#6b7280)}
+.dshm-detail{margin-top:8px;border-top:1px dashed var(--dsw-alias-border-l2,#e5e7eb);padding-top:8px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--dsw-alias-label-secondary,#4b5563)}
+.dshm-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
+.dshm-banner{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--dsw-alias-border-l2,#e5e7eb);background:var(--dsw-alias-state-warn-tertiary,#fffbeb);color:var(--dsw-alias-state-warn-primary,#b45309);font-size:12px}
+.dshm-banner .dshm-banner-text{flex:1}
+.dshm-row{display:flex;align-items:center;gap:8px}
+.dshm-kv{display:grid;grid-template-columns:110px 1fr;gap:4px 10px;font-size:12px}
+.dshm-kv .k{color:var(--dsw-alias-label-caption,#6b7280)}
+.dshm-spin{display:inline-block;width:12px;height:12px;border:2px solid var(--dsw-alias-border-l2,#c7d2fe);border-top-color:var(--dsw-alias-interactive-bg-selected,#4f46e5);border-radius:50%;animation:dshm-rot .8s linear infinite;vertical-align:-2px}
+@keyframes dshm-rot{to{transform:rotate(360deg)}}
+.dshm-others{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px dashed var(--dsw-alias-border-l2,#e2e4e8);border-radius:10px;color:var(--dsw-alias-label-caption,#9ca3af);font-size:12px;line-height:18px}
+.dshm-readme{max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:var(--dsw-alias-bg-layer-2,rgba(38,49,72,.04));border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:8px;padding:10px;font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary,#4b5563);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
+.dshm-prog{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--dsw-alias-border-l2,#e5e7eb);border-radius:8px;font-size:12px;color:var(--dsw-alias-label-secondary,#4b5563)}
+.dshm-prog .bar{flex:1;height:6px;border-radius:3px;background:var(--dsw-alias-bg-layer-2,rgba(38,49,72,.08));overflow:hidden;min-width:80px}
+.dshm-prog .bar i{display:block;height:100%;background:var(--dsw-alias-interactive-bg-selected,#4f46e5);transition:width .3s}
+.dshm-entry{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:calc(100% + 4px);height:42px;margin:4px -2px;padding:0 10px 0 8px;border:0;border-radius:12px;background:transparent;color:var(--dsw-alias-label-primary,inherit);font:inherit;font-size:14px;line-height:22px;cursor:pointer;overflow:hidden}
+.dshm-entry:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}
+.dshm-entry svg{flex:none;width:16px;height:16px}
+.dshm-entry span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+[data-slot="sidebar.footer.action"]{display:flex!important;flex-direction:column;width:100%;min-width:0}
+[data-slot="sidebar.footer.action"]>*{flex:none;min-width:0}
+.dshm-empty{text-align:center;color:var(--dsw-alias-label-caption,#6b7280);font-size:13px;padding:32px 0}
+`;
+function ensureCss() {
+  if (typeof document === "undefined" || document.getElementById("dshm-css")) return;
+  const el = document.createElement("style");
+  el.id = "dshm-css";
+  el.textContent = CSS;
+  document.head.appendChild(el);
+}
+async function api(method, params) {
+  const res = await fetch(API, {
+    method: "POST",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify({ method, ...params || {} })
+  });
+  const data = await res.json().catch(() => ({}));
+  if (!res.ok || data.ok === false) throw new Error(data.error || `API ${res.status}`);
+  return data;
+}
+function fmtDate(iso) {
+  if (!iso) return "\u2014";
+  const d = new Date(iso);
+  return Number.isFinite(d.getTime()) ? d.toLocaleString("zh-CN", { hour12: false }) : "\u2014";
+}
+function useAsync(fn, deps) {
+  const [state, setState] = useState({ loading: true, data: null, error: null });
+  const run = useCallback((force) => {
+    setState((s) => ({ ...s, loading: true, error: null }));
+    return fn(force).then((data) => setState({ loading: false, data, error: null })).catch((err) => setState({ loading: false, data: null, error: String(err && err.message || err) }));
+  }, deps);
+  useEffect(() => {
+    run(false);
+  }, [run]);
+  return { ...state, reload: run };
+}
+function Icon({ entry }) {
+  const [broken, setBroken] = useState(false);
+  const letter = String(entry.name || entry.id || "?").charAt(0).toUpperCase();
+  const url = entry.icon || (entry.github ? `https://github.com/${entry.github.split("/")[0]}.png?size=64` : null);
+  if (!url || broken) {
+    return h("div", { className: "dshm-icon", "aria-hidden": "true" }, letter);
+  }
+  return h("img", {
+    className: "dshm-icon",
+    src: url,
+    alt: "",
+    onError: () => setBroken(true),
+    referrerPolicy: "no-referrer"
+  });
+}
+function Spin() {
+  return h("span", { className: "dshm-spin" });
+}
+function TwoStepButton({ label, confirmLabel, className, onConfirm, disabled }) {
+  const [arm, setArm] = useState(false);
+  useEffect(() => {
+    if (!arm) return;
+    const t = setTimeout(() => setArm(false), 4e3);
+    return () => clearTimeout(t);
+  }, [arm]);
+  return h(
+    "button",
+    {
+      className: `${className || "dshm-btn"} ${arm ? "danger" : ""}`.trim(),
+      disabled,
+      onClick: (e) => {
+        e.stopPropagation();
+        if (!arm) {
+          setArm(true);
+        } else {
+          setArm(false);
+          onConfirm();
+        }
+      }
+    },
+    arm ? confirmLabel : label
+  );
+}
+function RestartBanner({ note, onDone }) {
+  const [phase, setPhase] = useState("idle");
+  const [err, setErr] = useState(null);
+  const restart = useCallback(async () => {
+    setErr(null);
+    setPhase("restarting");
+    try {
+      const ping0 = await api("ping");
+      await api("restart");
+      setPhase("waiting");
+      const deadline = Date.now() + 9e4;
+      for (; ; ) {
+        await new Promise((r) => setTimeout(r, 2e3));
+        if (Date.now() > deadline) throw new Error(lookup("restart.timeout"));
+        try {
+          const ping = await api("ping");
+          if (ping.boot !== ping0.boot) break;
+        } catch {
+        }
+      }
+      setPhase("idle");
+      onDone(true);
+    } catch (e) {
+      setPhase("idle");
+      setErr(String(e && e.message || e));
+    }
+  }, [onDone]);
+  return h(
+    "div",
+    { className: "dshm-banner" },
+    h(
+      "span",
+      { className: "dshm-banner-text" },
+      phase === "restarting" ? lookup("restart.doing") : phase === "waiting" ? lookup("restart.waiting") : err ? lookup("restart.failed", { err }) : note || lookup("banner.done")
+    ),
+    phase === "idle" && !err ? h("button", { className: "dshm-btn primary sm", onClick: restart }, lookup("restart.now")) : null,
+    phase === "restarting" || phase === "waiting" ? Spin() : null,
+    phase === "idle" && err ? h("button", { className: "dshm-btn sm", onClick: () => onDone(false) }, lookup("common.ok")) : null,
+    phase === "idle" && !err ? h("button", { className: "dshm-btn sm", onClick: () => onDone(false) }, lookup("common.later")) : null
+  );
+}
+function MarketTab({ notify, onCount }) {
+  const { loading, data, error, reload } = useAsync((force) => api("market", force ? { force: true } : {}), []);
+  const [q, setQ] = useState("");
+  const [cat, setCat] = useState(null);
+  const [openId, setOpenId] = useState(null);
+  const [busyId, setBusyId] = useState(null);
+  const items = useMemo(() => {
+    const list = data && data.items || [];
+    const kw = q.trim().toLowerCase();
+    return list.filter((it) => {
+      if (cat && it.category !== cat) return false;
+      if (!kw) return true;
+      const hay = `${it.id} ${it.name} ${it.description} ${(it.tags || []).join(" ")}`.toLowerCase();
+      return hay.includes(kw);
+    });
+  }, [data, q, cat]);
+  const doInstall = async (it, version) => {
+    setBusyId(it.id);
+    try {
+      const res = await api("install", { id: it.id, ...version ? { version } : {} });
+      notify({
+        kind: "ok",
+        text: lookup("notify.installed", { pkg: res.pkg, version: res.version ? ` v${res.version}` : "" }) + (res.usedAllowAllBuilds ? lookup("notify.allowbuilds") : "")
+      });
+      await reload(false);
+    } catch (e) {
+      notify({ kind: "err", text: lookup("failed.install", { err: e && e.message || e }) });
+    } finally {
+      setBusyId(null);
+    }
+  };
+  return h(
+    React.Fragment,
+    null,
+    h(
+      "div",
+      { className: "dshm-row" },
+      h("input", {
+        className: "dshm-input",
+        placeholder: lookup("search.ph"),
+        value: q,
+        onChange: (e) => setQ(e.target.value)
+      }),
+      h("button", { className: "dshm-btn", onClick: () => reload(true), title: lookup("settings.policy.v") }, loading ? Spin() : `\u21BB ${lookup("common.refresh")}`)
+    ),
+    h(
+      "div",
+      { className: "dshm-chips" },
+      h("button", { className: `dshm-chip${cat === null ? " on" : ""}`, onClick: () => setCat(null) }, lookup("cat.all")),
+      CATEGORIES.map((key) => {
+        const n = (data && data.items || []).filter((it) => it.category === key).length;
+        return h(
+          "button",
+          { key, className: `dshm-chip${cat === key ? " on" : ""}`, onClick: () => setCat(cat === key ? null : key) },
+          `${lookup("cat." + key)}${n ? ` ${n}` : ""}`
+        );
+      })
+    ),
+    busyId ? h(ProgressLine, { key: "prog" }) : null,
+    loading && !data ? h("div", { className: "dshm-empty" }, lookup("market.loading"), Spin()) : error ? h("div", { className: "dshm-err" }, lookup("failed.load", { err: error })) : items.length === 0 ? h("div", { className: "dshm-empty" }, lookup("market.empty")) : h(
+      "div",
+      { className: "dshm-cards" },
+      items.map((it) => Card({
+        key: it.id,
+        icon: h(Icon, { entry: it }),
+        name: it.name,
+        badges: [
+          it.outdated ? h("span", { className: "dshm-badge warn", key: "u" }, lookup("badge.update")) : null,
+          it.installed ? h("span", { className: "dshm-badge", key: "i" }, lookup("badge.installed")) : null,
+          h("span", { className: "dshm-badge info", key: "s" }, it.source === "npm" ? "npm" : "github")
+        ],
+        desc: it.description,
+        sub: [
+          it.latestVersion ? lookup("sub.latest", { v: it.latestVersion }) : it.latestTag ? it.latestTag : it.latestSha ? lookup("sub.head", { sha: it.latestSha.slice(0, 7) }) : null,
+          it.installedVersion ? lookup("sub.installed", { v: it.installedVersion }) : null,
+          it.latestError ? lookup("version.failed") : null
+        ].filter(Boolean).join(" \xB7 "),
+        open: openId === it.id,
+        onToggle: () => setOpenId(openId === it.id ? null : it.id),
+        detail: DetailRows([
+          [lookup("detail.id"), it.id],
+          [lookup("detail.source"), it.source === "npm" ? `npm \xB7 ${it.npm}` : `GitHub \xB7 ${it.github}`],
+          [lookup("detail.latest"), it.latestVersion ? `v${it.latestVersion}` : it.latestTag ? it.latestTag : it.latestSha ? it.latestSha : it.latestError || "\u2014"],
+          [lookup("detail.installed"), it.installedPkg ? `${it.installedPkg} v${it.installedVersion || "?"}` : lookup("installed.none")],
+          [lookup("detail.tags"), (it.tags || []).join(", ") || "\u2014"],
+          it.latestError ? [lookup("version.failed"), it.latestError] : null
+        ]),
+        actions: [
+          it.installed ? h("span", { className: "dshm-hint", key: "hint" }, lookup("manage.hint")) : h(
+            "button",
+            {
+              key: "install",
+              className: "dshm-btn primary sm",
+              disabled: busyId === it.id,
+              onClick: (e) => {
+                e.stopPropagation();
+                doInstall(it);
+              }
+            },
+            busyId === it.id ? h(Spin) : lookup("action.install")
+          )
+        ]
+      }))
+    )
+  );
+}
+var PHASE_LABEL = { resolving: "phase.resolving", downloading: "phase.downloading", linking: "phase.linking", building: "phase.building" };
+function ProgressLine() {
+  const [st, setSt] = useState(null);
+  useEffect(() => {
+    let live = true;
+    const tick = async () => {
+      try {
+        const d = await api("status");
+        if (live) setSt(d);
+      } catch {
+      }
+    };
+    tick();
+    const iv = setInterval(tick, 1e3);
+    return () => {
+      live = false;
+      clearInterval(iv);
+    };
+  }, []);
+  if (!st) return null;
+  const pct = st.total ? Math.min(100, Math.round(st.done / st.total * 100)) : null;
+  const phaseLabel = lookup(PHASE_LABEL[st.phase] || "phase.ready");
+  return h(
+    "div",
+    { className: "dshm-prog" },
+    Spin(),
+    h("span", null, `${st.target} \xB7 ${phaseLabel}${st.done ? ` ${st.done}${st.total ? "/" + st.total : ""}` : ""}`),
+    pct !== null ? h("span", { className: "bar" }, h("i", { style: { width: pct + "%" } })) : null,
+    st.currentPackage ? h("span", { className: "dshm-hint" }, String(st.currentPackage).slice(0, 44)) : null
+  );
+}
+function ReadmeBlock({ pkg }) {
+  const [state, setState] = useState({ loading: true, text: "", err: "", truncated: false });
+  useEffect(() => {
+    let live = true;
+    api("readme", { pkg }).then((d) => live && setState({ loading: false, text: d.readme, err: "", truncated: d.truncated })).catch((e) => live && setState({ loading: false, text: "", err: String(e && e.message || e) }));
+    return () => {
+      live = false;
+    };
+  }, [pkg]);
+  if (state.loading) return h("div", { className: "dshm-hint" }, "\u52A0\u8F7D README\u2026 ", Spin());
+  if (state.err) return h("div", { className: "dshm-err" }, state.err);
+  if (!state.text) return h("div", { className: "dshm-hint" }, "\uFF08\u8BE5\u63D2\u4EF6\u6CA1\u6709 README\uFF09");
+  return h("pre", { className: "dshm-readme" }, state.text + (state.truncated ? "\n\n\u2026\uFF08\u8D85\u8FC7 64KB \u5DF2\u622A\u65AD\uFF0C\u5B8C\u6574\u5185\u5BB9\u89C1\u63D2\u4EF6\u76EE\u5F55\uFF09" : ""));
+}
+function uninstallGuard(it) {
+  if (it.source === "link") {
+    return {
+      confirm: lookup("confirm.unlink"),
+      warn: lookup("warn.unlink", { path: it.path })
+    };
+  }
+  if (it.source === "file") {
+    return { confirm: lookup("confirm.core"), warn: lookup("warn.core") };
+  }
+  return { confirm: lookup("confirm.uninstall"), warn: null };
+}
+function InstalledTab({ notify, installed }) {
+  const { loading, data, error, reload } = installed;
+  const [openPkg, setOpenPkg] = useState(null);
+  const [readmePkg, setReadmePkg] = useState(null);
+  const [busyPkg, setBusyPkg] = useState(null);
+  const doUninstall = async (it) => {
+    setBusyPkg(it.pkg);
+    try {
+      const res = await api("uninstall", { pkg: it.pkg });
+      notify({
+        kind: "ok",
+        text: lookup("notify.uninstalled", { pkg: res.pkg }) + (res.liveDisabled ? lookup("notify.livedisabled") : "") + (res.leftovers && res.leftovers.length ? lookup("notify.leftovers", { paths: res.leftovers.join(", ") }) : "")
+      });
+      await reload();
+    } catch (e) {
+      notify({ kind: "err", text: lookup("failed.uninstall", { err: e && e.message || e }) });
+    } finally {
+      setBusyPkg(null);
+    }
+  };
+  const doUpgrade = async (it) => {
+    setBusyPkg(it.pkg);
+    try {
+      const res = await api("upgrade", { pkg: it.pkg });
+      notify({
+        kind: "ok",
+        text: lookup("notify.upgraded", {
+          pkg: res.pkg,
+          from: res.fromVersion ? `v${res.fromVersion}` : "\u2014",
+          to: res.version ? `v${res.version}` : res.sha ? res.sha.slice(0, 7) : "latest"
+        }) + (res.usedAllowAllBuilds ? lookup("notify.upgradehint") : "")
+      });
+      await reload();
+    } catch (e) {
+      notify({ kind: "err", text: lookup("failed.upgrade", { err: e && e.message || e }) });
+    } finally {
+      setBusyPkg(null);
+    }
+  };
+  if (loading && !data) return h("div", { className: "dshm-empty" }, lookup("installed.loading"), Spin());
+  if (error) return h("div", { className: "dshm-err" }, lookup("failed.read", { err: error }));
+  const items = data && data.items || [];
+  if (!items.length) return h("div", { className: "dshm-empty" }, `${lookup("installed.empty")} (${data.profileDir})`);
+  return h(
+    React.Fragment,
+    null,
+    h("div", { className: "dshm-hint" }, lookup("profile.hint", { path: data.profileDir })),
+    data.others > 0 ? h("div", { className: "dshm-others" }, lookup("installed.others", { n: data.others })) : null,
+    busyPkg ? h(ProgressLine, { key: "prog" }) : null,
+    h(
+      "div",
+      { className: "dshm-cards" },
+      items.map((it) => {
+        const guard = uninstallGuard(it);
+        return Card({
+          key: it.pkg,
+          icon: h(Icon, { entry: { name: it.name, github: it.registryGithub || it.githubRepo || (it.spec.startsWith("github:") ? it.spec.slice(7).split("#")[0] : null), icon: null } }),
+          name: it.name,
+          badges: [
+            it.outdated ? h("span", { className: "dshm-badge warn", key: "u" }, `\u2B06 ${it.latestTag || (it.latestVersion ? `v${it.latestVersion}` : "")}`.trim()) : null,
+            it.registryId ? h("span", { className: "dshm-badge", key: "r" }, lookup("badge.market")) : h("span", { className: "dshm-badge info", key: "r" }, lookup("badge.nonmarket"))
+          ],
+          desc: it.description || "\uFF08\u65E0\u63CF\u8FF0\uFF09",
+          sub: [
+            `v${it.version || "?"}`,
+            { npm: lookup("src.npm"), github: lookup("src.github"), link: lookup("src.link"), file: lookup("src.file"), unknown: lookup("src.unknown") }[it.source] || it.source
+          ].join(" \xB7 "),
+          open: openPkg === it.pkg,
+          onToggle: () => setOpenPkg(openPkg === it.pkg ? null : it.pkg),
+          detail: readmePkg === it.pkg ? h(ReadmeBlock, { pkg: it.pkg }) : DetailRows([
+            [lookup("detail.pkg"), it.pkg],
+            [lookup("detail.spec"), it.spec],
+            [lookup("detail.latest"), it.latestTag || (it.latestVersion ? `v${it.latestVersion}` : "\u2014")],
+            [lookup("detail.listed"), it.registryId || lookup("detail.listed.no")],
+            [lookup("detail.path"), it.path],
+            guard.warn ? [lookup("detail.note"), guard.warn] : null
+          ]),
+          actions: [
+            h("button", {
+              key: "rd",
+              className: "dshm-btn sm",
+              onClick: (e) => {
+                e.stopPropagation();
+                setReadmePkg(readmePkg === it.pkg ? null : it.pkg);
+              }
+            }, readmePkg === it.pkg ? lookup("readme.hide") : lookup("readme.show")),
+            it.outdated ? h(
+              "button",
+              {
+                key: "up",
+                className: "dshm-btn primary sm",
+                disabled: busyPkg === it.pkg,
+                onClick: (e) => {
+                  e.stopPropagation();
+                  doUpgrade(it);
+                }
+              },
+              busyPkg === it.pkg ? h(Spin) : lookup("action.upgrade")
+            ) : null,
+            h(TwoStepButton, {
+              key: "un",
+              label: lookup("action.uninstall"),
+              confirmLabel: guard.confirm,
+              className: "dshm-btn sm",
+              disabled: busyPkg === it.pkg,
+              onConfirm: () => doUninstall(it)
+            })
+          ]
+        });
+      })
+    )
+  );
+}
+function SettingsTab({ notify }) {
+  const reg = useAsync((force) => api("registry", force ? { force: true } : {}), []);
+  const self = useAsync(() => api("self-check"), []);
+  const [busy, setBusy] = useState(false);
+  const [upgrading, setUpgrading] = useState(false);
+  const refresh = async () => {
+    setBusy(true);
+    try {
+      await reg.reload(true);
+      notify({ kind: "ok", text: lookup("registry.refreshed") });
+    } finally {
+      setBusy(false);
+    }
+  };
+  const upgradeSelf = async () => {
+    setUpgrading(true);
+    try {
+      const res = await api("self-upgrade");
+      notify({ kind: "ok", text: lookup("self.upgraded", { v: res.version }) });
+      await self.reload();
+    } catch (e) {
+      notify({ kind: "err", text: lookup("failed.selfupdate", { err: e && e.message || e }) });
+    } finally {
+      setUpgrading(false);
+    }
+  };
+  return h(
+    React.Fragment,
+    null,
+    Section(
+      lookup("settings.registry"),
+      h(
+        "div",
+        { className: "dshm-kv" },
+        h("span", { className: "k" }, lookup("settings.source")),
+        h("span", null, regSourceLabel(reg.data)),
+        h("span", { className: "k" }, lookup("settings.updated")),
+        h("span", null, fmtDate(reg.data && reg.data.fetchedAt)),
+        h("span", { className: "k" }, lookup("settings.count")),
+        h("span", null, reg.data ? lookup("settings.count.v", { n: reg.data.plugins.length }) : "\u2014"),
+        h("span", { className: "k" }, lookup("settings.policy")),
+        h("span", null, lookup("settings.policy.v"))
+      ),
+      reg.data && reg.data.errors && reg.data.errors.length ? h("div", { className: "dshm-err" }, `${lookup("settings.remotehint")}\uFF1A${reg.data.errors.join("\uFF1B")}`) : null,
+      h(
+        "div",
+        { className: "dshm-actions" },
+        h("button", { className: "dshm-btn sm", disabled: busy || reg.loading, onClick: refresh }, busy || reg.loading ? h(Spin) : lookup("settings.force"))
+      )
+    ),
+    Section(
+      lookup("settings.self"),
+      h(
+        "div",
+        { className: "dshm-kv" },
+        h("span", { className: "k" }, lookup("settings.current")),
+        h("span", null, self.data ? `v${self.data.current}` : "\u2014"),
+        h("span", { className: "k" }, lookup("settings.npmlatest")),
+        h("span", null, self.data ? self.data.latest ? `v${self.data.latest}` : lookup("settings.lookupfailed", { err: self.data.error || "" }) : "\u2026")
+      ),
+      self.data && self.data.outdated ? h(
+        "div",
+        { className: "dshm-actions" },
+        h("button", { className: "dshm-btn primary sm", disabled: upgrading, onClick: upgradeSelf }, upgrading ? h(Spin) : lookup("settings.upgradeself")),
+        h("span", { className: "dshm-hint" }, lookup("settings.upgradehint"))
+      ) : null
+    ),
+    Section(
+      lookup("settings.about"),
+      h("div", { className: "dshm-hint" }, lookup("settings.about.text"))
+    )
+  );
+}
+function regSourceLabel(data) {
+  if (!data) return "\u2014";
+  const map = { override: "src.override", jsdelivr: "src.jsdelivr", raw: "src.raw", cache: "src.cache", bundled: "src.bundled" };
+  return lookup(map[data.source] || data.source);
+}
+function Section(title, ...children) {
+  return h(
+    "div",
+    { style: { display: "flex", flexDirection: "column", gap: "8px" } },
+    h("div", { style: { fontWeight: 600, fontSize: "13px" } }, title),
+    ...children
+  );
+}
+function DetailRows(rows) {
+  const list = rows.filter(Boolean);
+  return h(
+    "div",
+    { className: "dshm-kv" },
+    list.flatMap(([k, v]) => [
+      h("span", { className: "k", key: `${k}-k` }, k),
+      h("span", { key: `${k}-v`, style: { wordBreak: "break-all" } }, String(v))
+    ])
+  );
+}
+function Card({ icon, name, badges, desc, sub, open, onToggle, detail, actions }) {
+  return h(
+    "div",
+    {
+      className: "dshm-card",
+      role: "button",
+      tabIndex: 0,
+      onClick: onToggle,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") onToggle();
+      }
+    },
+    icon,
+    h(
+      "div",
+      { className: "dshm-meta" },
+      h("div", { className: "dshm-top" }, h("span", { className: "dshm-name" }, name), ...badges.filter(Boolean)),
+      h("div", { className: "dshm-desc", style: open ? { WebkitLineClamp: "unset" } : null }, desc),
+      sub ? h("div", { className: "dshm-sub" }, sub) : null,
+      open ? h("div", { className: "dshm-detail" }, detail) : null,
+      open && actions && actions.length ? h("div", { className: "dshm-actions" }, ...actions) : null
+    )
+  );
+}
+var TABS = [
+  ["market", "tab.market", "market"],
+  ["installed", "tab.installed", "installed"],
+  ["settings", "tab.settings", null]
+];
+function MarketPanel({ onClose }) {
+  const [tab, setTab] = useState("market");
+  const market = useAsync((force) => api("market", force ? { force: true } : {}), []);
+  const installed = useAsync(() => api("installed"), []);
+  const counts = {
+    market: market.data ? market.data.items.length : null,
+    installed: installed.data ? installed.data.items.length : null
+  };
+  const [banner, setBanner] = useState(null);
+  const [toast, setToast] = useState(null);
+  useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape" && onClose) onClose();
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  useEffect(() => {
+    if (!toast) return;
+    const t = setTimeout(() => setToast(null), 6e3);
+    return () => clearTimeout(t);
+  }, [toast]);
+  const notify = useCallback(({ kind, text }) => {
+    setToast({ kind, text });
+    if (kind === "ok") setBanner({ text: lookup("banner.done") });
+  }, []);
+  return h(
+    "div",
+    { className: "dshm-overlay", onClick: onClose },
+    h(
+      "div",
+      { className: "dshm-panel", onClick: (e) => e.stopPropagation() },
+      h(
+        "div",
+        { className: "dshm-head" },
+        h("span", { className: "dshm-title" }, lookup("title.full")),
+        h(
+          "div",
+          { className: "dshm-seg", role: "tablist" },
+          TABS.map(
+            ([key, labelKey, countKey]) => h(
+              "button",
+              {
+                key,
+                type: "button",
+                role: "tab",
+                "aria-selected": tab === key,
+                className: tab === key ? "on" : "",
+                onClick: () => setTab(key)
+              },
+              lookup(labelKey),
+              countKey && counts[countKey] != null ? h("span", { className: "dshm-count" }, String(counts[countKey])) : null
+            )
+          )
+        ),
+        h("span", { className: "dshm-spacer" }),
+        h("button", { className: "dshm-btn", onClick: onClose }, lookup("common.close"))
+      ),
+      h(
+        "div",
+        { className: "dshm-body" },
+        tab === "market" ? h(MarketTab, { notify, market }) : null,
+        tab === "installed" ? h(InstalledTab, { notify, installed }) : null,
+        tab === "settings" ? h(SettingsTab, { notify }) : null
+      ),
+      toast ? h(
+        "div",
+        { className: `dshm-banner`, style: toast.kind === "err" ? { background: "var(--dsw-alias-state-error-secondary,#fee2e2)", color: "var(--dsw-alias-state-error-primary,#b91c1c)" } : null },
+        h("span", { className: "dshm-banner-text" }, toast.text)
+      ) : null,
+      banner ? h(RestartBanner, { note: banner.text, onDone: () => setBanner(null) }) : null
+    )
+  );
+}
+function mountPanel() {
+  if (typeof document === "undefined") return;
+  ensureCss();
+  if (document.getElementById("dshm-panel-root")) return;
+  const container = document.createElement("div");
+  container.id = "dshm-panel-root";
+  document.body.appendChild(container);
+  const rdom = rd && rd.default && (rd.default.createRoot || rd.default.render) ? rd.default : rd;
+  let root = null;
+  const close = () => {
+    try {
+      if (root && typeof root.unmount === "function") root.unmount();
+      else if (rdom && typeof rdom.unmountComponentAtNode === "function") rdom.unmountComponentAtNode(container);
+    } catch {
+    }
+    container.remove();
+  };
+  if (rdom && typeof rdom.createRoot === "function") {
+    root = rdom.createRoot(container);
+    root.render(h(MarketPanel, { onClose: close }));
+  } else if (rdom && typeof rdom.render === "function") {
+    rdom.render(h(MarketPanel, { onClose: close }), container);
+  } else {
+    container.remove();
+  }
+}
+function MarketIcon() {
+  return h(
+    "svg",
+    { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true" },
+    h("rect", { x: "1.75", y: "1.75", width: "5.5", height: "5.5", rx: "1.2", stroke: "currentColor", strokeWidth: "1.4" }),
+    h("rect", { x: "8.75", y: "1.75", width: "5.5", height: "5.5", rx: "1.2", stroke: "currentColor", strokeWidth: "1.4" }),
+    h("rect", { x: "1.75", y: "8.75", width: "5.5", height: "5.5", rx: "1.2", stroke: "currentColor", strokeWidth: "1.4" }),
+    // 右下：放大镜（收一点，光学尺寸与其他宫格图标一致）
+    h("circle", { cx: "10.5", cy: "10.5", r: "2.9", stroke: "currentColor", strokeWidth: "1.4" }),
+    h("path", { d: "M12.6 12.6 14.3 14.3", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round" })
+  );
+}
+function MarketEntry(props) {
+  useEffect(() => ensureCss(), []);
+  return h(
+    "button",
+    {
+      className: "dshm-entry",
+      onClick: () => {
+        try {
+          mountPanel();
+        } catch (e) {
+          console.error("[dsh-m] \u6253\u5F00\u5E02\u573A\u9762\u677F\u5931\u8D25:", e);
+        }
+      },
+      title: "\u63D2\u4EF6\u5E02\u573A"
+    },
+    h(MarketIcon),
+    props && props.wide ? h("span", null, lookup("market.title")) : null
+  );
+}
+function registerSlot(slots, options, component) {
+  const next = { ...options };
+  if (next.id == null && next.key != null) next.id = String(next.key);
+  if (next.key == null && next.id != null) next.key = next.id;
+  return slots.register(next, component);
+}
+function pickPayload(props) {
+  const found = [];
+  const visit = (node, depth) => {
+    if (!node || depth > 6) return;
+    if (typeof node === "string") {
+      const t = node.trim();
+      if ((t.startsWith("{") || t.startsWith("[")) && t.length > 8) {
+        try {
+          visit(JSON.parse(t), depth + 1);
+        } catch {
+        }
+      }
+      return;
+    }
+    if (typeof node !== "object") return;
+    if (Array.isArray(node)) {
+      for (const x of node) visit(x, depth + 1);
+      return;
+    }
+    if (Array.isArray(node.items)) found.push(node);
+    for (const key of ["block", "meta", "result", "resultView", "view", "data", "value", "payload", "content", "message"]) {
+      if (node[key] != null) visit(node[key], depth + 1);
+    }
+  };
+  visit(props, 0);
+  return found.find((x) => x && Array.isArray(x.items)) || null;
+}
+function parseToolArgs(props) {
+  const block = props?.block;
+  const raw = (block && "kind" in block ? block.call?.argsRaw : block?.argsRaw) || "";
+  if (!raw || typeof raw !== "string") return {};
+  try {
+    return JSON.parse(raw);
+  } catch {
+    return {};
+  }
+}
+function ToolCardRow({ it, onInstalled }) {
+  const [busy, setBusy] = useState(false);
+  const install = async (e) => {
+    e.stopPropagation();
+    setBusy(true);
+    try {
+      const res = await api("install", { id: it.id });
+      onInstalled({ ...it, installed: true, installedPkg: res.pkg, installedVersion: res.version });
+    } catch {
+    } finally {
+      setBusy(false);
+    }
+  };
+  return h(
+    "div",
+    { className: "dshm-card", style: { cursor: "default" } },
+    h(Icon, { entry: it }),
+    h(
+      "div",
+      { className: "dshm-meta" },
+      h(
+        "div",
+        { className: "dshm-top" },
+        h("span", { className: "dshm-name" }, it.name),
+        h("span", { className: "dshm-badge info" }, it.source === "npm" ? "npm" : "github"),
+        it.installed ? h("span", { className: "dshm-badge" }, "\u5DF2\u5B89\u88C5") : null
+      ),
+      h("div", { className: "dshm-desc" }, it.description),
+      h("div", { className: "dshm-sub" }, `${it.id} \xB7 ${(it.tags || []).join("\u3001") || it.category}`),
+      h(
+        "div",
+        { className: "dshm-actions" },
+        !it.installed ? h("button", { className: "dshm-btn primary sm", disabled: busy, onClick: install }, busy ? h(Spin) : "\u5B89\u88C5") : null
+      )
+    )
+  );
+}
+function SearchToolView(props) {
+  useEffect(() => ensureCss(), []);
+  const payload = pickPayload(props);
+  const args = parseToolArgs(props);
+  const query = String(payload?.query || args.query || "").trim();
+  const fromTool = Array.isArray(payload?.items) && payload.items.length ? payload.items : null;
+  const running = !!(props?.block && !("kind" in props.block));
+  const [items, setItems] = useState(fromTool || []);
+  const [err, setErr] = useState("");
+  useEffect(() => {
+    if (fromTool) setItems(fromTool);
+  }, [fromTool]);
+  useEffect(() => {
+    if (fromTool || running) return;
+    let live = true;
+    api("search", { query, category: args.category, limit: args.limit }).then((d) => {
+      if (live) setItems(d.items || []);
+    }).catch((e) => {
+      if (live) {
+        setItems([]);
+        setErr(e && e.message || String(e));
+      }
+    });
+    return () => {
+      live = false;
+    };
+  }, [query, running, !!fromTool]);
+  if (running) return null;
+  if (!items.length) return err ? h("div", { className: "dshm-err" }, err) : null;
+  return h(
+    "div",
+    { style: { display: "flex", flexDirection: "column", gap: "8px" } },
+    items.map(
+      (it) => h(ToolCardRow, {
+        key: it.id,
+        it,
+        onInstalled: (next) => setItems((cur) => cur.map((x) => x.id === next.id ? next : x))
+      })
+    )
+  );
+}
+function ListToolView(props) {
+  useEffect(() => ensureCss(), []);
+  const payload = pickPayload(props);
+  const items = Array.isArray(payload?.items) ? payload.items : [];
+  if (!items.length) return null;
+  return h(
+    "div",
+    { style: { display: "flex", flexDirection: "column", gap: "4px", fontSize: "12px" } },
+    items.map(
+      (it) => h(
+        "div",
+        { key: it.pkg, className: "dshm-row" },
+        h("span", { style: { fontWeight: 600 } }, it.name),
+        h("span", { className: "dshm-hint" }, `(${it.pkg})`),
+        h("span", { className: "dshm-hint" }, `v${it.version || "?"}`),
+        it.registryId ? h("span", { className: "dshm-badge" }, "\u5E02\u573A") : h("span", { className: "dshm-badge info" }, "\u975E\u5E02\u573A"),
+        it.outdated ? h("span", { className: "dshm-badge warn" }, `\u53EF\u5347\u7EA7${it.latestVersion ? ` \u2192 v${it.latestVersion}` : ""}`) : null
+      )
+    )
+  );
+}
+var inject = ["slots"];
+function apply(ctx) {
+  const slots = ctx.slots;
+  if (!slots) return;
+  ctx.effect(() => ensureCss(), "dshm-style");
+  ctx.inject(["locale"], (c) => {
+    if (!c.locale || typeof c.locale.register !== "function") return;
+    c.effect(() => {
+      try {
+        return c.locale.register("dshm", { zh: ZH, en: EN });
+      } catch {
+        return () => {
+        };
+      }
+    }, "dshm-locale");
+  });
+  slots.inject(
+    "sidebar.footer.action",
+    () => slots.register(
+      { name: "sidebar.footer.action", id: "dshm-market", key: "dshm-market", order: 9, locale: "dshm", label: () => lookup("market.title") },
+      function DshmMarketEntry(actionProps) {
+        return h(MarketEntry, actionProps);
+      }
+    )
+  );
+  slots.inject(
+    "tool.call.toolview",
+    () => registerSlot(slots, { name: "tool.call.toolview", key: "dshm_search" }, SearchToolView)
+  );
+  slots.inject(
+    "tool.call.toolview",
+    () => registerSlot(slots, { name: "tool.call.toolview", key: "dshm_list" }, ListToolView)
+  );
+  slots.inject(
+    "tool.call.toolview",
+    () => registerSlot(slots, { name: "tool.call.toolview", key: "dshm_outdated" }, ListToolView)
+  );
+}
+    return { inject, apply };
+  },
+});
+