dsh-m 0.1.0 → 0.1.1

package/lib/client.js

@@ -10,38 +10,283 @@ var h = React.createElement;
 var { useState, useEffect, useCallback, useMemo } = React;
 var PLUGIN_ID = "dsh-m";
 var API = "/dshm";
-var CATEGORIES = [
-  ["market", "\u5E02\u573A"],
-  ["tools", "\u5DE5\u5177"],
-  ["ui", "\u754C\u9762"],
-  ["search", "\u641C\u7D22"],
-  ["media", "\u591A\u5A92\u4F53"],
-  ["other", "\u5176\u4ED6"]
-];
+var 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-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-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-tab{border:1px solid transparent;background:transparent;color:var(--dsw-alias-label-secondary,#4b5563);border-radius:8px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer}
-.dshm-tab:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(38,49,72,.06))}
-.dshm-tab.on{background:var(--dsw-alias-bg-layer-4,#eef2ff);color:var(--dsw-alias-label-primary,inherit);border-color:var(--dsw-alias-border-l2,#e5e7eb);font-weight:600}
+.dshm-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-danger-primary,#dc2626);font-size:12px;line-height:18px}
+.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-danger-primary,#dc2626);border-color:var(--dsw-alias-state-danger-primary,#dc2626)}
+.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.on{background:var(--dsw-alias-bg-layer-4,#eef2ff);color:var(--dsw-alias-label-primary,inherit);border-color:var(--dsw-alias-interactive-bg-selected,#4f46e5)}
+.dshm-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}
@@ -51,20 +296,31 @@ var CSS = `
 .dshm-top{display:flex;align-items:center;gap:8px;min-width:0}
 .dshm-name{flex:1;min-width:0;font-weight:600;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .dshm-badge{flex:none;font-size:11px;line-height:16px;padding:0 6px;border-radius:999px;background:var(--dsw-alias-state-success-tertiary,#ecfdf5);color:var(--dsw-alias-state-success-primary,#047857)}
-.dshm-badge.warn{background:var(--dsw-alias-state-warning-tertiary,#fffbeb);color:var(--dsw-alias-state-warning-primary,#b45309)}
-.dshm-badge.info{background:var(--dsw-alias-bg-layer-4,#eef2ff);color:var(--dsw-alias-label-secondary,#4b5563)}
-.dshm-badge.err{background:var(--dsw-alias-state-danger-tertiary,#fef2f2);color:var(--dsw-alias-state-danger-primary,#dc2626)}
+.dshm-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-warning-tertiary,#fffbeb);color:var(--dsw-alias-state-warning-primary,#b45309);font-size:12px}
+.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() {
@@ -156,7 +412,7 @@ function RestartBanner({ note, onDone }) {
       const deadline = Date.now() + 9e4;
       for (; ; ) {
         await new Promise((r) => setTimeout(r, 2e3));
-        if (Date.now() > deadline) throw new Error("\u91CD\u542F\u8D85\u65F6\uFF0C\u8BF7\u624B\u52A8\u68C0\u67E5 dsh web \u670D\u52A1\u72B6\u6001");
+        if (Date.now() > deadline) throw new Error(lookup("restart.timeout"));
         try {
           const ping = await api("ping");
           if (ping.boot !== ping0.boot) break;
@@ -176,15 +432,15 @@ function RestartBanner({ note, onDone }) {
     h(
       "span",
       { className: "dshm-banner-text" },
-      phase === "restarting" ? "\u6B63\u5728\u8BF7\u6C42\u91CD\u542F\u2026" : phase === "waiting" ? "\u5DF2\u8BF7\u6C42\u91CD\u542F\uFF0C\u7B49\u5F85 DSH Web \u6062\u590D\u2026" : err ? `\u91CD\u542F\u5931\u8D25\uFF1A${err}` : note || "\u672C\u6B21\u53D8\u66F4\u9700\u8981\u91CD\u542F DSH Web \u540E\u751F\u6548\u3002"
+      phase === "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 }, "\u26A1 \u4E00\u952E\u91CD\u542F") : null,
+    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) }, "\u77E5\u9053\u4E86") : null,
-    phase === "idle" && !err ? h("button", { className: "dshm-btn sm", onClick: () => onDone(false) }, "\u7A0D\u540E") : 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 }) {
+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);
@@ -206,11 +462,11 @@ function MarketTab({ notify }) {
       const res = await api("install", { id: it.id, ...version ? { version } : {} });
       notify({
         kind: "ok",
-        text: `\u5DF2\u5B89\u88C5 ${res.pkg}${res.version ? ` v${res.version}` : ""}` + (res.usedAllowAllBuilds ? "\uFF08\u6CE8\u610F\uFF1A\u8BE5\u63D2\u4EF6\u6267\u884C\u4E86\u6784\u5EFA\u811A\u672C\uFF0C\u5DF2\u6309\u7B56\u7565\u653E\u884C\uFF09" : "")
+        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: `\u5B89\u88C5\u5931\u8D25\uFF1A${e && e.message || e}` });
+      notify({ kind: "err", text: lookup("failed.install", { err: e && e.message || e }) });
     } finally {
       setBusyId(null);
     }
@@ -223,26 +479,27 @@ function MarketTab({ notify }) {
       { className: "dshm-row" },
       h("input", {
         className: "dshm-input",
-        placeholder: "\u641C\u7D22\u540D\u79F0 / \u63CF\u8FF0 / \u6807\u7B7E\u2026",
+        placeholder: lookup("search.ph"),
         value: q,
         onChange: (e) => setQ(e.target.value)
       }),
-      h("button", { className: "dshm-btn", onClick: () => reload(true), title: "\u5F3A\u5236\u5237\u65B0\uFF08\u8DF3\u8FC7\u7F13\u5B58\uFF09" }, loading ? Spin() : "\u21BB \u5237\u65B0")
+      h("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) }, "\u5168\u90E8"),
-      CATEGORIES.map(([key, label]) => {
+      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) },
-          `${label}${n ? ` ${n}` : ""}`
+          `${lookup("cat." + key)}${n ? ` ${n}` : ""}`
         );
       })
     ),
-    loading && !data ? h("div", { className: "dshm-empty" }, "\u52A0\u8F7D\u6536\u5F55\u6E05\u5355\u4E2D\u2026 ", Spin()) : error ? h("div", { className: "dshm-err" }, `\u52A0\u8F7D\u5931\u8D25\uFF1A${error}`) : items.length === 0 ? h("div", { className: "dshm-empty" }, "\u6CA1\u6709\u5339\u914D\u7684\u6536\u5F55\u6761\u76EE") : h(
+    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({
@@ -250,28 +507,28 @@ function MarketTab({ notify }) {
         icon: h(Icon, { entry: it }),
         name: it.name,
         badges: [
-          it.outdated ? h("span", { className: "dshm-badge warn", key: "u" }, "\u53EF\u5347\u7EA7") : null,
-          it.installed ? h("span", { className: "dshm-badge", key: "i" }, "\u5DF2\u5B89\u88C5") : null,
+          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 ? `\u6700\u65B0 v${it.latestVersion}` : it.latestSha ? `HEAD ${it.latestSha.slice(0, 7)}` : null,
-          it.installedVersion ? `\u5DF2\u88C5 v${it.installedVersion}` : null,
-          it.latestError ? `\u7248\u672C\u67E5\u8BE2\u5931\u8D25` : null
+          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([
-          ["\u6536\u5F55 id", it.id],
-          ["\u6765\u6E90", it.source === "npm" ? `npm \xB7 ${it.npm}` : `GitHub \xB7 ${it.github}`],
-          ["\u6700\u65B0", it.latestVersion ? `v${it.latestVersion}` : it.latestSha ? it.latestSha : it.latestError || "\u2014"],
-          ["\u5DF2\u88C5", it.installedPkg ? `${it.installedPkg} v${it.installedVersion || "?"}` : "\u672A\u5B89\u88C5"],
-          ["\u6807\u7B7E", (it.tags || []).join("\u3001") || "\u2014"],
-          it.latestError ? ["\u63D0\u793A", `\u7248\u672C\u67E5\u8BE2\u5931\u8D25\uFF1A${it.latestError}`] : null
+          [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" }, "\u5DF2\u5B89\u88C5\uFF0C\u53EF\u5728\u300C\u5DF2\u88C5\u300D\u9875\u7BA1\u7406") : h(
+          it.installed ? h("span", { className: "dshm-hint", key: "hint" }, lookup("manage.hint")) : h(
             "button",
             {
               key: "install",
@@ -282,16 +539,74 @@ function MarketTab({ notify }) {
                 doInstall(it);
               }
             },
-            busyId === it.id ? h(Spin) : "\u5B89\u88C5"
+            busyId === it.id ? h(Spin) : lookup("action.install")
           )
         ]
       }))
     )
   );
 }
-function InstalledTab({ notify }) {
-  const { loading, data, error, reload } = useAsync(() => api("installed"), []);
+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);
@@ -299,11 +614,11 @@ function InstalledTab({ notify }) {
       const res = await api("uninstall", { pkg: it.pkg });
       notify({
         kind: "ok",
-        text: `\u5DF2\u5378\u8F7D ${res.pkg}${res.liveDisabled ? "\uFF08\u5DF2\u5148\u4E0B\u7EBF\u8FD0\u884C\u4E2D\u7684\u754C\u9762\uFF09" : ""}` + (res.leftovers && res.leftovers.length ? `\uFF1B\u68C0\u6D4B\u5230\u7591\u4F3C\u6B8B\u7559\u6570\u636E\uFF1A${res.leftovers.join("\u3001")}` : "")
+        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: `\u5378\u8F7D\u5931\u8D25\uFF1A${e && e.message || e}` });
+      notify({ kind: "err", text: lookup("failed.uninstall", { err: e && e.message || e }) });
     } finally {
       setBusyPkg(null);
     }
@@ -314,72 +629,90 @@ function InstalledTab({ notify }) {
       const res = await api("upgrade", { pkg: it.pkg });
       notify({
         kind: "ok",
-        text: `\u5DF2\u5347\u7EA7 ${res.pkg}${res.fromVersion ? `\uFF08v${res.fromVersion} \u2192 ${res.version ? `v${res.version}` : res.sha ? res.sha.slice(0, 7) : "\u6700\u65B0"}\uFF09` : ""}` + (res.usedAllowAllBuilds ? "\uFF08\u6CE8\u610F\uFF1A\u8BE5\u63D2\u4EF6\u6267\u884C\u4E86\u6784\u5EFA\u811A\u672C\uFF09" : "")
+        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: `\u5347\u7EA7\u5931\u8D25\uFF1A${e && e.message || 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" }, "\u8BFB\u53D6 web profile \u4E2D\u2026 ", Spin());
-  if (error) return h("div", { className: "dshm-err" }, `\u8BFB\u53D6\u5931\u8D25\uFF1A${error}`);
+  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" }, `web profile \u5C1A\u672A\u5B89\u88C5\u4EFB\u4F55 dsh \u63D2\u4EF6\uFF08${data.profileDir}\uFF09`);
+  if (!items.length) return h("div", { className: "dshm-empty" }, `${lookup("installed.empty")} (${data.profileDir})`);
   return h(
     React.Fragment,
     null,
-    h("div", { className: "dshm-hint" }, `web profile\uFF1A${data.profileDir}${data.others ? ` \xB7 \u53E6\u6709 ${data.others} \u4E2A\u975E dsh \u4F9D\u8D56\u672A\u5217\u51FA` : ""}`),
+    h("div", { className: "dshm-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) => Card({
-        key: it.pkg,
-        icon: h(Icon, { entry: { name: it.name, github: it.spec.startsWith("github:") ? it.spec.slice(7).split("#")[0] : null, icon: null } }),
-        name: it.name,
-        badges: [
-          it.outdated ? h("span", { className: "dshm-badge warn", key: "u" }, `\u53EF\u5347\u7EA7${it.latestVersion ? ` \u2192 v${it.latestVersion}` : ""}`) : null,
-          it.registryId ? h("span", { className: "dshm-badge", key: "r" }, "\u5E02\u573A\u5B89\u88C5") : h("span", { className: "dshm-badge info", key: "r" }, "\u975E\u5E02\u573A\u5B89\u88C5")
-        ],
-        desc: it.description || "\uFF08\u65E0\u63CF\u8FF0\uFF09",
-        sub: [
-          `v${it.version || "?"}`,
-          { npm: "npm", github: "github", link: "\u672C\u5730 link", file: "\u672C\u5730 file", unknown: "\u672A\u77E5" }[it.source] || it.source
-        ].join(" \xB7 "),
-        open: openPkg === it.pkg,
-        onToggle: () => setOpenPkg(openPkg === it.pkg ? null : it.pkg),
-        detail: DetailRows([
-          ["\u5305\u540D", it.pkg],
-          ["\u5B89\u88C5 spec", it.spec],
-          ["\u6700\u65B0", it.latestVersion ? `v${it.latestVersion}` : "\u2014"],
-          ["\u6536\u5F55", it.registryId || "\u4E0D\u5728\u6536\u5F55\u6E05\u5355\u4E2D"],
-          ["\u8DEF\u5F84", it.path]
-        ]),
-        actions: [
-          it.outdated ? h(
-            "button",
-            {
-              key: "up",
-              className: "dshm-btn primary sm",
-              disabled: busyPkg === it.pkg,
+      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();
-                doUpgrade(it);
+                setReadmePkg(readmePkg === it.pkg ? null : it.pkg);
               }
-            },
-            busyPkg === it.pkg ? h(Spin) : "\u5347\u7EA7"
-          ) : null,
-          it.registryId || it.source === "npm" ? h(TwoStepButton, {
-            key: "un",
-            label: "\u5378\u8F7D",
-            confirmLabel: "\u786E\u8BA4\u5378\u8F7D\uFF1F",
-            className: "dshm-btn sm",
-            disabled: busyPkg === it.pkg,
-            onConfirm: () => doUninstall(it)
-          }) : null
-        ]
-      }))
+            }, 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)
+            })
+          ]
+        });
+      })
     )
   );
 }
@@ -392,7 +725,7 @@ function SettingsTab({ notify }) {
     setBusy(true);
     try {
       await reg.reload(true);
-      notify({ kind: "ok", text: "\u6536\u5F55\u6E05\u5355\u5DF2\u5F3A\u5236\u5237\u65B0" });
+      notify({ kind: "ok", text: lookup("registry.refreshed") });
     } finally {
       setBusy(false);
     }
@@ -401,10 +734,10 @@ function SettingsTab({ notify }) {
     setUpgrading(true);
     try {
       const res = await api("self-upgrade");
-      notify({ kind: "ok", text: `dsh-m \u5DF2\u66F4\u65B0\u5230 v${res.version}\uFF0C\u91CD\u542F\u540E\u751F\u6548` });
+      notify({ kind: "ok", text: lookup("self.upgraded", { v: res.version }) });
       await self.reload();
     } catch (e) {
-      notify({ kind: "err", text: `\u81EA\u66F4\u65B0\u5931\u8D25\uFF1A${e && e.message || e}` });
+      notify({ kind: "err", text: lookup("failed.selfupdate", { err: e && e.message || e }) });
     } finally {
       setUpgrading(false);
     }
@@ -413,57 +746,53 @@ function SettingsTab({ notify }) {
     React.Fragment,
     null,
     Section(
-      "\u6536\u5F55\u6E05\u5355\uFF08registry\uFF09",
+      lookup("settings.registry"),
       h(
         "div",
         { className: "dshm-kv" },
-        h("span", { className: "k" }, "\u5F53\u524D\u6765\u6E90"),
+        h("span", { className: "k" }, lookup("settings.source")),
         h("span", null, regSourceLabel(reg.data)),
-        h("span", { className: "k" }, "\u66F4\u65B0\u65F6\u95F4"),
+        h("span", { className: "k" }, lookup("settings.updated")),
         h("span", null, fmtDate(reg.data && reg.data.fetchedAt)),
-        h("span", { className: "k" }, "\u6761\u76EE\u6570"),
-        h("span", null, reg.data ? `${reg.data.plugins.length} \u6761` : "\u2014"),
-        h("span", { className: "k" }, "\u7F13\u5B58\u7B56\u7565"),
-        h("span", null, "TTL 60 \u5206\u949F\uFF1B\u8BBE\u7F6E registryUrl \u53EF\u8986\u76D6\u6E90")
+        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" }, `\u8FDC\u7AEF\u63D0\u793A\uFF1A${reg.data.errors.join("\uFF1B")}`) : null,
+      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) : "\u5F3A\u5236\u5237\u65B0")
+        h("button", { className: "dshm-btn sm", disabled: busy || reg.loading, onClick: refresh }, busy || reg.loading ? h(Spin) : lookup("settings.force"))
       )
     ),
     Section(
-      "dsh-m \u81EA\u8EAB",
+      lookup("settings.self"),
       h(
         "div",
         { className: "dshm-kv" },
-        h("span", { className: "k" }, "\u5F53\u524D\u7248\u672C"),
+        h("span", { className: "k" }, lookup("settings.current")),
         h("span", null, self.data ? `v${self.data.current}` : "\u2014"),
-        h("span", { className: "k" }, "npm \u6700\u65B0"),
-        h("span", null, self.data ? self.data.latest ? `v${self.data.latest}` : `\u67E5\u8BE2\u5931\u8D25${self.data.error ? `\uFF1A${self.data.error}` : ""}` : "\u2026")
+        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) : "\u5347\u7EA7 dsh-m"),
-        h("span", { className: "dshm-hint" }, "\u5347\u7EA7\u540E\u540C\u6837\u9700\u8981\u91CD\u542F\u751F\u6548")
+        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(
-      "\u5173\u4E8E",
-      h(
-        "div",
-        { className: "dshm-hint" },
-        "DSH Marketplace\uFF08dsh-m\uFF09\u2014 \u4E2A\u4EBA\u81EA\u7528\u7684 DeepSeek Harness \u63D2\u4EF6\u5E02\u573A\u3002\u6536\u5F55\u3001\u5B89\u88C5\u3001\u5378\u8F7D\u3001\u5347\u7EA7\uFF0C\u5168\u90E8\u672C\u673A\u5B8C\u6210\u3002"
-      )
+      lookup("settings.about"),
+      h("div", { className: "dshm-hint" }, lookup("settings.about.text"))
     )
   );
 }
 function regSourceLabel(data) {
   if (!data) return "\u2014";
-  const map = { override: "\u81EA\u5B9A\u4E49\u6E90", jsdelivr: "jsDelivr\uFF08@main\uFF09", raw: "raw.githubusercontent\uFF08@main\uFF09", cache: "\u672C\u5730\u7F13\u5B58", bundled: "\u5305\u5185\u5FEB\u7167\uFF08\u515C\u5E95\uFF09" };
-  return map[data.source] || data.source;
+  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(
@@ -509,12 +838,18 @@ function Card({ icon, name, badges, desc, sub, open, onToggle, detail, actions }
   );
 }
 var TABS = [
-  ["market", "\u5E02\u573A"],
-  ["installed", "\u5DF2\u88C5"],
-  ["settings", "\u8BBE\u7F6E"]
+  ["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(() => {
@@ -531,7 +866,7 @@ function MarketPanel({ onClose }) {
   }, [toast]);
   const notify = useCallback(({ kind, text }) => {
     setToast({ kind, text });
-    if (kind === "ok") setBanner({ text: "\u53D8\u66F4\u5B8C\u6210\uFF0C\u9700\u8981\u91CD\u542F DSH Web \u540E\u751F\u6548\u3002" });
+    if (kind === "ok") setBanner({ text: lookup("banner.done") });
   }, []);
   return h(
     "div",
@@ -542,23 +877,39 @@ function MarketPanel({ onClose }) {
       h(
         "div",
         { className: "dshm-head" },
-        h("span", { className: "dshm-title" }, "\u{1F6CD} DSH \u5E02\u573A"),
-        TABS.map(
-          ([key, label]) => h("button", { key, className: `dshm-tab${tab === key ? " on" : ""}`, onClick: () => setTab(key) }, label)
+        h("span", { className: "dshm-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 }, "\u5173\u95ED")
+        h("button", { className: "dshm-btn", onClick: onClose }, lookup("common.close"))
       ),
       h(
         "div",
         { className: "dshm-body" },
-        tab === "market" ? h(MarketTab, { notify }) : null,
-        tab === "installed" ? h(InstalledTab, { notify }) : null,
+        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-danger-tertiary,#fef2f2)", color: "var(--dsw-alias-state-danger-primary,#dc2626)" } : null },
+        { 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
@@ -591,12 +942,24 @@ function mountPanel() {
     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-btn dshm-entry",
+      className: "dshm-entry",
       onClick: () => {
         try {
           mountPanel();
@@ -604,11 +967,10 @@ function MarketEntry(props) {
           console.error("[dsh-m] \u6253\u5F00\u5E02\u573A\u9762\u677F\u5931\u8D25:", e);
         }
       },
-      title: "DSH Marketplace",
-      style: { margin: "4px" }
+      title: "\u63D2\u4EF6\u5E02\u573A"
     },
-    "\u{1F6CD}",
-    props && props.wide ? " DSH \u5E02\u573A" : null
+    h(MarketIcon),
+    props && props.wide ? h("span", null, lookup("market.title")) : null
   );
 }
 function registerSlot(slots, options, component) {
@@ -758,10 +1120,21 @@ 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, label: () => "DSH \u5E02\u573A" },
+      { 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);
       }