dsh-armory 2.3.0 → 2.3.2

package/lib/client.js

@@ -33,7 +33,7 @@ var __injectCss = function(text) {
   return () => tag.remove();
 };
 const React2 = React;
-const { useState, useEffect, useCallback, useMemo, useRef } = React2;
+const { useState, useEffect, useLayoutEffect, useCallback, useMemo, useRef } = React2;
 
 // ── OPT-11：i18n 骨架（gettext 模型，键 = 中文原文） ────────────────────────
 // zh-CN 是源语言：字典为空时 t() 恒等返回原文，缺键永远不会让界面出现 key 名。
@@ -137,7 +137,6 @@ const EN_US_MESSAGES = {
  "MCP 工具按 server 生效：选择后点名 mcp__服务__* 工具": "MCP tools apply per server: picking this names mcp__server__* tools",
  "MCP 市场服务未连接（面板仍可用）": "MCP market service not connected (panel still usable)",
  "MCP 市场面板": "MCP Market panel",
- "MCP 目录暂时是空的": "The MCP catalog is empty for now",
  "Memory · 知识图谱记忆": "Memory · knowledge-graph memory",
  "Schema 税": "Schema tax",
  "Sequential Thinking · 分步推理": "Sequential Thinking · step-by-step reasoning",
@@ -239,7 +238,6 @@ const EN_US_MESSAGES = {
  "保存": "Save",
  "保存中…": "Saving…",
  "保存失败": "Save failed",
- "免密钥": "Keyless",
  "入口": "Entries",
  "入口显示：": "Entry display:",
  "全局": "Global",
@@ -250,14 +248,12 @@ const EN_US_MESSAGES = {
  "全局面板 + 悬浮按钮（推荐）": "Global panel + floating button (recommended)",
  "全部": "All",
  "全部传输": "All transports",
- "全部分类": "All categories",
  "全部状态": "All states",
  "共 {0} 个": "Total {0}",
  "关闭": "Close",
  "关闭更新提示": "Dismiss update notice",
  "其他 bundle / Agent（只读）": "Other bundles / agents (read-only)",
  "其余分类仍可正常使用；完整堆栈已打印到控制台。": "Other categories keep working; the full stack trace is printed to the console.",
- "内置 MCP": "Built-in MCPs",
  "再看看这些（目录前 {0} 位未召唤）": "Also consider these (first {0} in catalog, not yet summoned)",
  "出现过的工具（含已卸载 MCP 的历史调用）": "Tools ever seen (including historical calls of uninstalled MCPs)",
  "列表（最多显示 6 行，滚动查看更多）": "List (shows up to 6 rows; scroll for more)",
@@ -296,7 +292,6 @@ const EN_US_MESSAGES = {
  "只看窗口内零调用的工具（默认关闭：默认显示全部工具与真实调用次数）": "Show only zero-call tools in the window (off by default: all tools with real call counts are shown)",
  "只看零调用": "Zero-call only",
  "只看零调用（{0}）": "Zero-call only ({0})",
- "只要免密钥": "Keyless only",
  "召唤": "Summon",
  "召唤 = 往 profile 补丁写入一条独立 Agent 预设（人设全程接管该预设的会话，标准工具原样保留）；": "Summon = write an independent agent preset into the profile patch (the persona takes over that preset's sessions; standard tools are kept); ",
  "召唤专家团": "Summon expert team",
@@ -346,22 +341,10 @@ const EN_US_MESSAGES = {
  "正在安装插件 {0}…": "Installing plugin {0}…",
  "正在安装 {0} 个插件…": "Installing {0} plugin(s)…",
  "宿主未提供插件管理器（pluginManager），无法安装插件": "The host does not expose a plugin manager (pluginManager); cannot install plugins",
- "该插件未提供可推导的安装来源（repository），暂不能安装": "This plugin declares no derivable install source (repository); display only for now",
  "插件 {0} 安装成功，需重启 DSH 宿主后生效。": "Plugin {0} installed. Restart the DSH host for it to take effect.",
- "正在读取插件目录…": "Loading the plugin catalog…",
- "插件目录暂时是空的": "The plugin catalog is empty for now",
- "没有匹配的插件": "No plugins match",
- "插件详情": "Plugin details",
- "依赖 {0}": "{0} deps",
- "依赖": "Dependencies",
- "本插件声明了 {0} 个 LSP 服务，安装后由宿主按声明启动（此处仅展示）。": "This plugin declares {0} LSP services; the host starts them per declaration after install (display only here).",
- "来源：": "Source: ",
- "主页：": "Homepage: ",
- "安装 = 通过宿主 pluginManager 拉取并落盘；安装成功后需重启 DSH 宿主才会生效。": "Install fetches and lands the plugin through the host's pluginManager; restart the DSH host afterwards for it to take effect.",
  "知道了": "Got it",
  "调用失败": "Call failed",
  "（{0}）": " ({0})",
- "目录来自 codebuddy 官方市场 ZIP 分发，可能还没同步下来；重读一次通常就好。": "The catalog comes from the official codebuddy marketplace ZIP; it may not have synced yet. Re-reading usually fixes it.",
  "含技能": "With skills",
  "含需掩码字段：": "Contains fields needing masking: ",
  "启动失败策略": "Start-failure policy",
@@ -371,6 +354,7 @@ const EN_US_MESSAGES = {
  "命令面板": "Command palette",
  "团队型走 DSH 桥接：主理人人设接管会话，": "Team-type experts bridge through DSH: the lead's persona takes over the session, ",
  "团队编制（{0} 人 · 召唤后成员人设落盘，由主理人调度）": "Team roster ({0} members · personas land on disk after summoning; dispatched by the lead)",
+ "在 GitHub 打开 dsh-armory 仓库，点右上角的 Star": "Open the dsh-armory repo on GitHub and click Star in its top-right corner",
  "在 Skill 页查看 {0}": "View {0} on the Skill page",
  "在 profile 里找不到这个插件，未升级。": "Plugin not found in the profile; not upgraded.",
  "在不离开会话的情况下查看 MCP": "Inspect MCPs without leaving the session",
@@ -388,13 +372,13 @@ const EN_US_MESSAGES = {
  "安装": "Install",
  "安装 = 逐文件下载并 sha256 校验后写入 ~/.agents/skills/，即刻被 DSH 发现（无需重启）。已装版本重装即更新。": "Install = download file by file with sha256 verification into ~/.agents/skills/; DSH picks it up immediately (no restart). Reinstalling an installed version updates it.",
  "安装中…": "Installing…",
+ "该技能正在安装中，请等当前任务结束": "This skill is already installing; wait for the current task to finish.",
  "安装到全局": "Install globally",
  "安装失败": "Install failed",
  "安装任务已结束": "Install finished",
  "大肥鱼军械库": "Big Fish Armory",
  "宿主正在停止，未升级；请重启后再试。": "Host is shutting down; not upgraded. Restart and try again.",
  "宿主没有挂载 skill 注册表（@deepseek-ai/dsh-skill），本看板不可用": "Host has no skill registry mounted (@deepseek-ai/dsh-skill); this board is unavailable",
- "密钥：": "Key: ",
  "导入 MCP": "Import MCPs",
  "导入 MCP（": "Import MCPs (",
  "导入中…": "Importing…",
@@ -441,11 +425,7 @@ const EN_US_MESSAGES = {
  "目录默认顺序": "Catalog order",
  "技能数由多到少": "Most skills first",
  "名称 A→Z": "Name A→Z",
- "插件市场有新版本可更新（本地缓存 {0}）。点「重新加载」可拉取最新目录。": "A newer plugin market catalog is available (local cache {0}). Click Reload to fetch the latest catalog.",
- "本地还没有插件市场缓存，点「重新加载」可首次拉取目录。": "No local plugin market cache yet. Click Reload to fetch the catalog for the first time.",
  "重新加载": "Reload",
- "插件市场更新探测失败（不影响已安装插件）。": "Plugin market update check failed (installed plugins are unaffected).",
- "重新探测": "Recheck",
  "已导入 MCP": "MCPs imported",
  "已屏蔽": "Blocked",
  "已屏蔽 ": "Blocked ",
@@ -462,12 +442,11 @@ const EN_US_MESSAGES = {
  "已连接": "Connected",
  "已连接 · ": "Connected · ",
  "已连接 · 当前无会话使用（连接保留，下次直接用）": "Connected · no session using it right now (connection kept for next time)",
- "已配置": "Configured",
  "已重连 ": "Reconnected ",
  "已隐藏 {0} 个不兼容条目": "Hidden {0} incompatible entries",
  "市场": "Market",
  "市场数据加载失败；其余分类仍可正常使用。": "Failed to load market data; other categories keep working.",
- "市场：连接器、内置 MCP、SkillHub 技能与专家召唤。": "Market: connectors, built-in MCPs, SkillHub skills and expert summoning.",
+ "市场：连接器、SkillHub 技能与专家召唤。": "Market: connectors, SkillHub skills and expert summoning.",
  "归属存疑": "Ownership uncertain",
  "当前": "Current",
  "当前 Web profile": "Current web profile",
@@ -479,7 +458,6 @@ const EN_US_MESSAGES = {
  "当前有 {0} 个 skill，但都被筛选条挡住了。": "{0} skills exist, but all are filtered out.",
  "当前生效专家（人设接管本会话；可在输入框工具行的专家菜单随时换/摘）": "Active expert (persona runs this session; swap/detach anytime from the expert menu on the input toolbar)",
  "当前筛选下没有可安装的连接器": "No installable connectors under the current filter",
- "当前筛选下没有服务": "No servers under the current filter",
  "当前运行在 Node {0}，请升级到 22.15 以上后重启宿主。": "Running Node {0}; upgrade to 22.15+ and restart the host.",
  "必填": "Required",
  "快速调用": "Quick invoke",
@@ -489,7 +467,6 @@ const EN_US_MESSAGES = {
  "或粘贴 JSON：支持 Claude/Cursor/Cline/Roo 的 mcpServers、VS Code 的 servers，以及单个 MCP 对象": "or paste JSON: supports mcpServers from Claude/Cursor/Cline/Roo, servers from VS Code, and a single MCP object",
  "手动添加": "Add manually",
  "打开": "Open",
- "打开官方文档": "Open official docs",
  "打开悬浮管理面板": "Open the floating panel",
  "打开技能 · MCP · 专家看板": "Open the Skills · MCPs · Experts board",
  "打开技能、MCP、专家快速调用菜单": "Open the skills/MCPs/experts quick-invoke menu",
@@ -537,7 +514,6 @@ const EN_US_MESSAGES = {
  "搜索全局 MCP…": "Search global MCPs…",
  "搜索工具名或描述…": "Search tool name or description…",
  "搜索时自动在全库匹配（忽略分类）": "Search matches across all libraries (ignores category)",
- "搜索服务、用途或提供方…": "Search services, purpose or provider…",
  "搜索连接器（名称 / 说明 / ID）": "Search connectors (name / description / ID)",
  "摘掉专家": "Detach expert",
  "摘掉专家（切回默认预设）": "Detach expert (back to default preset)",
@@ -545,7 +521,6 @@ const EN_US_MESSAGES = {
  "收起原始 JSON": "Collapse raw JSON",
  "收起参数": "Collapse parameters",
  "收起工具清单": "Collapse tool list",
- "文档": "Docs",
  "断开后自动重连": "Auto-reconnect after disconnect",
  "新增：": "New: ",
  "新建会话时选择「WorkBuddy 专家 · ": "When creating a session, pick \"WorkBuddy Expert · ",
@@ -608,7 +583,6 @@ const EN_US_MESSAGES = {
  "正在安装 {0}…": "Installing {0}…",
  "正在扫描本机客户端配置…": "Scanning local client configs…",
  "正在挂载专家…": "Attaching expert…",
- "正在读取 MCP 目录…": "Reading MCP catalog…",
  "正在读取…": "Reading…",
  "正在读取专家目录…": "Reading expert catalog…",
  "正在读取已召唤专家…": "Reading summoned experts…",
@@ -645,6 +619,7 @@ const EN_US_MESSAGES = {
  "清空搜索": "Clear search",
  "清除全部筛选": "Clear all filters",
  "清除来源筛选": "Clear source filter",
+ "点 Star": "Star it",
  "点击切换到此分类": "Click to switch to this category",
  "版本号不合法，未升级。": "Invalid version; not upgraded.",
  "状态未知": "State unknown",
@@ -657,8 +632,6 @@ const EN_US_MESSAGES = {
  "用户可调用": "User-invocable",
  "用法示例": "Usage example",
  "目录来自 WorkBuddy 官方分发，可能还没同步下来；重读一次通常就好。": "The catalog comes from official WorkBuddy distribution and may not have synced; re-reading usually fixes it.",
- "目录由宿主侧维护，可能还没同步下来；重读一次通常就好。": "The catalog is maintained host-side and may not have synced; re-reading usually fixes it.",
- "目录里有 {0} 个服务，都被关键词、分类或「只要免密钥」筛掉了。": "The catalog has {0} servers, all filtered out by keyword, category or 'Keyless only'.",
  "目录里有 {0} 个条目，「只看可直接安装」把不具备传输类型的挡掉了。": "The catalog has {0} entries; 'Directly installable only' hides the ones without a transport type.",
  "看板分类": "Board categories",
  "看这次改了什么": "See what changed",
@@ -675,7 +648,8 @@ const EN_US_MESSAGES = {
  "第 {0} / {1} 页 · 共 {2} 个技能": "Page {0} / {1} · {2} skills",
  "第三方接口的字段可能随上游改版变化，安装前请在详情里核对传输类型与凭据要求。": "Third-party API fields may change upstream; verify transport type and credential requirements in details before installing.",
  "筛选": "Filters",
- "管理": "Manage",
+ "管理{0}…": "Manage {0}…",
+ "给 dsh-armory 点 Star（新标签页打开 GitHub 仓库）": "Star dsh-armory on GitHub (opens the repo in a new tab)",
  "综合评分": "Overall score",
  "编辑": "Edit",
  "编辑 MCP": "Edit MCP",
@@ -696,13 +670,11 @@ const EN_US_MESSAGES = {
  "详情": "Details",
  "请使用 {0} 的 MCP 工具（mcp__{1}__*）处理接下来的任务": "Use {0}'s MCP tools (mcp__{1}__*) for the tasks ahead",
  "请填写 MCP 名称": "Please fill in the MCP name",
- "读取 MCP 目录失败": "Failed to read the MCP catalog",
  "读取 skill 内容…": "Reading skill content…",
  "读取 skill 内容失败": "Failed to read skill content",
  "读取 skill 列表失败": "Failed to read the skill list",
  "读取专家目录失败": "Failed to read the expert catalog",
  "读取中…": "Reading…",
- "读取内置 MCP 目录": "Read the built-in MCP catalog",
  "读取已召唤专家失败": "Failed to read summoned experts",
  "读取技能目录失败": "Failed to read the skill catalog",
  "读取本机客户端配置失败": "Failed to read local client configs",
@@ -744,7 +716,6 @@ const EN_US_MESSAGES = {
  "连接器详情": "Connector details",
  "连接失败": "Connection failed",
  "连接状态": "Connection status",
- "连接：": "Connection: ",
  "送还": "Return",
  "送还后此人设从所有会话移除，确认送还？": "Returning removes this persona from all sessions. Confirm return?",
  "送还失败": "Return failed",
@@ -773,10 +744,7 @@ const EN_US_MESSAGES = {
  "零调用的 MCP 工具 · 点击下钻": "Zero-call MCP tools · click to drill down",
  "零调用的 MCP 工具（已筛选）": "Zero-call MCP tools (filtered)",
  "需上游提供传输类型": "Needs upstream transport type",
- "需填参数": "Needs arguments",
- "需密钥": "Needs a key",
  "需更新 · 点击更新": "Update available · click to update",
- "需连接信息": "Needs connection info",
  "项目 .agents/skills": "Project .agents/skills",
  "项目 .dsh/skills": "Project .dsh/skills",
  "项目级": "Project-level",
@@ -875,7 +843,6 @@ const EN_US_MESSAGES = {
   "页": "page",
   "跳转到指定页": "Jump to a specific page",
   "共 {0} 条": "{0} total",
-  "免认证": "No auth",
   "宿主只提供 skill 的读取接口；这里可以卸载用户级/项目级目录里的 skill（永久删除，不可撤销）。随 DSH 分发、运行时注册、自定义目录的 skill 不可卸载——要改内容请直接编辑 SKILL.md。": "The host only exposes read endpoints for skills. Skills in user-level/project-level directories can be uninstalled here (permanent deletion, no undo). Skills shipped with DSH, registered at runtime, or living in custom directories cannot be uninstalled — edit SKILL.md directly to change them.",
   "将从磁盘永久删除 {0}（不可撤销），确认卸载？": "This permanently deletes {0} from disk (no undo). Uninstall?",
   "确认卸载": "Uninstall",
@@ -969,6 +936,10 @@ const EN_US_MESSAGES = {
   "正在启动授权…": "Starting authorization…",
   "无法启动授权流程": "Unable to start the authorization flow",
   "没能自动唤起浏览器，请复制下方链接手动打开。": "The browser could not be opened automatically — copy the link below and open it manually.",
+  // 服务器不做 OAuth 发现（如腾讯 ima）时授权页根本开不出来，这里把手填令牌那条
+  // 兜底路的弹层文案补齐——只报一句「启动失败」等于把用户堵死在门外。
+  "该服务器无法自动打开授权页。": "This server can't have an authorization page opened automatically.",
+  "该服务器没有提供标准 OAuth 授权发现，无法自动打开授权页。如果你已经从服务方拿到访问令牌，粘贴在下面即可安装。": "This server publishes no standard OAuth authorization-server metadata, so an authorization page can't be opened automatically. If you already have an access token from the provider, paste it below to install.",
   "授权链接": "Authorization link",
   "重新打开浏览器": "Reopen browser",
   "该服务器只接受自定义协议回调，浏览器跳转后页面会打不开。请把地址栏里的完整地址复制到下面。": "This server only accepts a custom-scheme callback, so the redirect page will not load. Copy the full address from the browser's address bar into the field below.",
@@ -1006,10 +977,120 @@ const EN_US_MESSAGES = {
   "{0} README 预览": "{0} · README preview",
   "正在读取 README…": "Loading README…",
   "README 过长，已截断显示。": "README is long; showing a truncated version.",
+  "跳到末尾": "Jump to end",
+  "滑动到 README 末尾": "Scroll to the end of README",
   "重新读取": "Reload",
   "读取 README 失败：未知错误": "Failed to read README: unknown error",
   "预览服务尚未加载，请完全退出 DSH 后重新打开再试": "The preview service is not loaded yet. Fully quit DSH, reopen it, then try again.",
 
+  "目录维护方：{0}": "Catalog maintained by: {0}",
+  "目录更新于 {0}": "Catalog updated {0}",
+  "查看来源": "View source",
+  "更新于 {0}": "Updated {0}",
+  "专家人设": "Expert persona",
+  "加入时间 {0}": "Added {0}",
+  "人设更新于 {0}": "Persona updated {0}",
+  "已归档": "Archived",
+  "近 30 天有提交": "Committed in the last 30 days",
+  "最近更新 {0}": "Last updated {0}",
+  "超过半年未更新": "No updates for over 6 months",
+  "打开维护者主页": "Open maintainer profile",
+  "来源未标注": "Source not listed",
+  "读取维护动态…": "Loading maintenance activity…",
+  "最近提交 {0}": "Last commit {0}",
+  "{0} 个开放 issue": "{0} open issues",
+  "维护动态读取失败：{0}": "Couldn't load maintenance activity: {0}",
+  "维护动态读取中…": "Loading maintenance activity…",
+  "这个条目没有公开仓库": "This entry has no public repository",
+  "条目": "Item",
+  "未命名条目": "Unnamed item",
+  "条目：{0}": "Item: {0}",
+  "类型：{0}": "Type: {0}",
+  "来源：{0}": "Source: {0}",
+  "版本：{0}": "Version: {0}",
+  "发生了什么": "What happened",
+  "环境": "Environment",
+  "系统：{0}": "System: {0}",
+  "{0} · {1} 的反馈": "{0} · feedback on {1}",
+  "找到真实的人": "Reach the real people",
+  "去仓库": "Repository",
+  "看讨论 / 提 Issue": "Discussions / Issues",
+  "来源主页": "Source page",
+  "向军械库反馈": "Report to Armory",
+  "已复制模板": "Template copied",
+  "复制反馈模板": "Copy feedback template",
+  "反馈会打开 GitHub 新标签页；内容先由你过目，确认后才提交。": "Feedback opens a new GitHub tab; you review the text before submitting it.",
+  "专家中心": "Expert Center",
+  "连接器市场": "Connector market",
+  "最近动静": "Recent activity",
+  "暂无新变化 · 上次对比 {0} · 只在本机对比快照": "No new changes · last compared {0} · local snapshot comparison only",
+  "已开始记录市场动态；下次打开时这里会列出真实变化": "Started tracking market activity; real changes will appear here next time",
+  "自上次打开市场以来，目录里真实发生的变化（本机快照对比）": "Real catalog changes since you last opened the market (local snapshot comparison)",
+  "清除": "Clear",
+  "{0} 新增 {1} 条": "{0}: {1} added",
+  "{0} 移除 {1} 条": "{0}: {1} removed",
+  "{0} 更新 {1} 条": "{0}: {1} updated",
+  " 等": " and more",
+  "跳到对应市场": "Jump to the matching market",
+  "核验 {0}": "Verified {0}",
+  "已验证 · dsh {0}": "Verified · dsh {0}",
+  // 底栏两枚 tooltip：口径是要命的信息，不能省。「↓」是近 30 天（技能卡那枚是累计），
+  // 「核验」是目录批次核验时间（不是插件自己的更新时间），英文必须把这两点讲全。
+  "npm 近 30 天下载量": "npm downloads in the last 30 days",
+  "核验日期来自目录批次核验，不是插件自身的更新时间": "The verification date is when the catalog batch was checked, not when this plugin was updated",
+  "查看 {0} 的 README": "View the README for {0}",
+  "来源：WorkBuddy 官方分发": "Source: official WorkBuddy distribution",
+
+  "装备清单": "Loadout",
+  "导出": "Export",
+  "导入对比": "Compare import",
+  "把本机的 MCP、技能、专家与插件导出成一份可分享的清单；导入只做对比，不会自动安装。": "Export your local MCP servers, skills, experts, and plugins as a shareable list. Import only compares — nothing is installed automatically.",
+  "清单名称": "Loadout name",
+  "我的 DSH 装备清单": "My DSH loadout",
+  "读取本机配置…": "Reading local setup…",
+  "重新生成": "Regenerate",
+  "超过 200 条，只导出前 200 条。": "More than 200 items; only the first 200 are exported.",
+  "复制 JSON": "Copy JSON",
+  "已复制 JSON": "JSON copied",
+  "下载 .json": "Download .json",
+  "已开始下载": "Download started",
+  "浏览器不允许下载，请改用复制 JSON": "The browser blocked the download; use Copy JSON instead",
+  "还没有生成清单。": "No loadout generated yet.",
+  "这份清单只含名称、类型、来源与版本；不会写入密钥、header 或环境变量的值。": "This loadout only includes names, types, sources, and versions; it never contains keys, headers, or environment variable values.",
+  "把朋友发来的清单贴在这里，或选择文件。导入只做对比，不会自动安装。": "Paste a loadout a friend sent you, or choose a file. Import only compares — nothing is installed automatically.",
+  "粘贴清单 JSON…": "Paste loadout JSON…",
+  "选择 .json 文件": "Choose a .json file",
+  "文件过大（上限 256KB）": "File too large (256KB max)",
+  "文件读取失败：{0}": "Couldn't read the file: {0}",
+  "先粘贴一份清单，或选择 .json 文件。": "Paste a loadout or choose a .json file first.",
+  "不是有效的 JSON：{0}": "Not valid JSON: {0}",
+  "对比失败": "Comparison failed",
+  "对比中…": "Comparing…",
+  "对比本机": "Compare with this device",
+  "清单为空。": "The loadout is empty.",
+  "共 {0} 项 · 已安装 {1} · 可更新 {2} · 本机没有 {3}": "{0} items · {1} installed · {2} updates · {3} missing",
+  "清单来自 {0}": "Loadout from {0}",
+  "本机：{0}": "Local: {0}",
+  "可更新": "Update available",
+  "本机没有": "Not installed",
+  "去市场": "Find in market",
+  "复制名称": "Copy name",
+  "已复制名称": "Name copied",
+  "导入只做对比；点「去市场」逐项安装，不会自动写入任何配置。": "Import only compares; use Find in market to install each item. Nothing is written automatically.",
+  "内置 · {0}": "Built-in · {0}",
+  "连接器 · {0}": "Connector · {0}",
+  "手动配置": "Manual config",
+  "WorkBuddy 专家中心": "WorkBuddy Expert Center",
+  "本机 / 自带": "Local / bundled",
+  "导出失败": "Export failed",
+  "生成失败：{0}": "Couldn't generate: {0}",
+  "已定位到连接器市场：{0}": "Opened the connector market: {0}",
+  "这是手动配置的 MCP，名称已复制；可到 MCP 页自行添加。": "This MCP was configured manually; its name is copied. Add it on the MCP page.",
+  "已定位到技能市场：{0}": "Opened the skill market: {0}",
+  "已定位到专家市场：{0}": "Opened the expert market: {0}",
+  "已定位到插件市场：{0}": "Opened the plugin market: {0}",
+  "导出本机配置，或导入朋友的清单做差异对比": "Export your local setup, or import a friend's loadout to see the differences",
+
   "：": ": ",
 };
 // 模块加载时先用 ①/③ 判定的 locale 装载一次；apply() 拿到宿主 locale 后会再按
@@ -1042,13 +1123,13 @@ const useI18nRevision = () => {
   useEffect(() => onI18nChange(() => setRevision((value) => value + 1)), []);
 };
 
-// ── P1：数据型英文覆盖（更新日志 / 内置 MCP 目录）───────────────────────────
-// 这两类文案不是 UI 字面量，而是宿主随 RPC 送来的数据：更新日志在 whats-new.js，
-// 目录在生成的 mcp-catalog.js。它们不能走 t() 字典（键集合由那两个文件决定，硬抄
-// 进字典会让 i18n-coverage 的「死键」断言永久变红），所以由宿主同时送中文与英文
-// 字段，客户端按当前 locale 选择。英文缺失时逐条回落中文，绝不渲染 undefined。
+// ── P1：数据型英文覆盖（更新日志）───────────────────────────────────────────
+// 这类文案不是 UI 字面量，而是宿主随 RPC 送来的数据：更新日志在 whats-new.js。
+// 它不能走 t() 字典（键集合由那个文件决定，硬抄进字典会让 i18n-coverage 的「死键」
+// 断言永久变红），所以由宿主同时送中文与英文字段，客户端按当前 locale 选择。
+// 英文缺失时逐条回落中文，绝不渲染 undefined。
 //
-// 两个 helper 的 `english` 参数只用于测试时显式指定；运行时用当前 locale 判定。
+// helper 的 `english` 参数只用于测试时显式指定；运行时用当前 locale 判定。
 const localizeWhatsNewEntries = (entries, english = usesEnglish()) => {
   if (!english || !Array.isArray(entries)) return entries;
   return entries.map((entry) => ({
@@ -1062,20 +1143,6 @@ const localizeWhatsNewEntries = (entries, english = usesEnglish()) => {
       : [],
   }));
 };
-const localizeBuiltinItem = (item, english = usesEnglish()) => {
-  if (!english || !item) return item;
-  const authNote = item.authNoteEn || item.authNote;
-  // 只在英文字段真的存在时才覆盖：缺译文时保留原键（连 undefined 键都不新增），
-  // 面板据此区分「没有说明」与「说明是空的」。
-  return {
-    ...item,
-    ...(item.labelEn ? { label: item.labelEn } : {}),
-    ...(item.summaryEn ? { summary: item.summaryEn } : {}),
-    ...(item.accessEn ? { access: item.accessEn } : {}),
-    ...(authNote ? { authNote } : {}),
-    ...(item.categoryLabelEn ? { categoryLabel: item.categoryLabelEn } : {}),
-  };
-};
 
 // ── 旧插件名 → 新插件名的 localStorage 键迁移 ──────────────────────────────
 // 1.9.0 起本插件由 dsh-skill-mcp-board 更名为 dsh-armory（package.json 与
@@ -1144,7 +1211,6 @@ function writeAwesomeSnapshot(payload) {
     localStorage.setItem(AWESOME_SNAPSHOT_KEY, text);
   } catch { /* 配额溢出 / 隐私模式：快照只是加速，失败不致命 */ }
 }
-
 // ── 更新探测节流：把「每次进面板都 HEAD 一发」压到 6 小时一次 ────────────────
 // 目录本身已有服务端 stale-while-revalidate 在后台自动换新，这个 ETag 探测只是
 // 锦上添花；没必要每开一次面板就多打一次网络、多一次误报机会。
@@ -1294,6 +1360,12 @@ function ensureReadmeStyle() {
     '.dsh-mcp-readme-modal{width:min(880px,94vw);max-width:94vw;max-height:86vh}',
     '.dsh-mcp-readme-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:12px;opacity:.75}',
     '.dsh-mcp-readme-body{margin-top:12px;overflow-wrap:anywhere}',
+    // 长 README 的右下角「跳到末尾」：sticky 让它不随正文滚走，又留在弹层内部，
+    // 焦点陷阱、Esc 关闭与「点遮罩关闭」都不受影响。外层不拦鼠标，只有按钮可点。
+    '.dsh-mcp-readme-jump-wrap{position:sticky;bottom:12px;z-index:2;display:flex;justify-content:flex-end;margin-top:12px;pointer-events:none}',
+    '.dsh-mcp-readme-jump{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--mcp-line);background:var(--mcp-bg-2);color:var(--dsw-alias-label-primary);font:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;pointer-events:auto;box-shadow:var(--dsw-elevation-prominent);transition:border-color .12s,background .12s}',
+    '.dsh-mcp-readme-jump:hover{border-color:var(--mcp-accent);background:var(--dsw-alias-interactive-bg-hover)}',
+    '.dsh-mcp-readme-jump:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:2px}',
     '.dsh-mcp-md-h{margin:20px 0 8px;font-weight:600;line-height:1.35;letter-spacing:0}',
     '.dsh-mcp-md-h:first-child{margin-top:0}',
     '.dsh-mcp-md-p{margin:8px 0;line-height:1.72}',
@@ -1857,6 +1929,10 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
 .dsh-mcp-wb-search-input:hover:not(:disabled){border-color:var(--dsw-alias-border-l3)}
 .dsh-mcp-wb-search-input:focus{border-color:var(--mcp-accent);background:var(--mcp-bg-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--mcp-accent) 16%,transparent)}
 .dsh-mcp-wb-search-input:disabled{opacity:.5;cursor:not-allowed}
+/* busy＝服务端搜索在飞：输入框保持可用（disabled 会收走焦点，见 WbSearchBox 注释），
+   只让放大镜呼吸提示「在加载」，光标与选区都不受影响。 */
+.dsh-mcp-wb-search.busy .dsh-mcp-wb-search-ico{color:var(--mcp-accent);animation:dsh-wb-search-busy 1.1s ease-in-out infinite}
+@keyframes dsh-wb-search-busy{0%,100%{opacity:1}50%{opacity:.3}}
 .dsh-mcp-wb-search-input::-webkit-search-cancel-button{display:none}
 .dsh-mcp-wb-search-clear{position:absolute;right:7px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:0;border-radius:999px;background:var(--dsw-alias-interactive-bg-hover);color:var(--mcp-mut);cursor:pointer;padding:0;transition:color .12s,background .12s}
 .dsh-mcp-wb-search-clear:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-active)}
@@ -1870,6 +1946,55 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
 .dsh-mcp-card.wb.off{opacity:.82}
 .dsh-mcp-card.wb .dsh-mcp-card-summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11.5px;color:var(--mcp-mut);line-height:1.5;min-height:2.9em}
 .dsh-mcp-wb-card-actions{display:flex;align-items:center;gap:8px;margin-top:auto;flex-wrap:wrap}
+/* ── DSH 社区插件卡片：五条固定水平线（头部 34 / 摘要 38 / 标签 18 / 页脚 38）──
+   只作用于 .dsh-mcp-pcard，连接器 / 技能 / 专家卡片不受影响。
+   卡片固定 176px：标题永远一行，标签最多三个，按钮落在同一水平线。 */
+.dsh-mcp-pcard{display:flex;flex-direction:column;gap:7px;min-width:0;min-height:176px;padding:12px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-1);cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
+.dsh-mcp-pcard:hover{border-color:var(--mcp-accent);background:var(--dsw-alias-interactive-bg-hover);box-shadow:0 10px 28px color-mix(in srgb,var(--mcp-accent) 12%,transparent)}
+.dsh-mcp-pcard:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:2px}
+.dsh-mcp-pcard.off{opacity:.82}
+.dsh-mcp-phead{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:34px}
+.dsh-mcp-pavatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;overflow:hidden;border:1px solid var(--mcp-line);border-radius:50%;corner-shape:round;background:var(--dsw-alias-interactive-bg-hover-accent);color:var(--mcp-accent);font-size:12px;font-weight:650}
+.dsh-mcp-pavatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
+.dsh-mcp-piden{display:flex;flex-direction:column;gap:1px;min-width:0}
+.dsh-mcp-pname{margin:0;font-size:14px;line-height:1.3;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
+.dsh-mcp-pmeta{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;font-size:10.5px;line-height:1.4;color:var(--mcp-mut);white-space:nowrap}
+.dsh-mcp-pmeta .official{display:inline-flex;align-items:center;gap:4px;flex:none;color:var(--dsw-alias-label-primary);font-weight:600}
+.dsh-mcp-pmeta .odot{width:5px;height:5px;flex:none;border-radius:50%;background:var(--mcp-accent)}
+.dsh-mcp-pmeta .pdot{flex:none;opacity:.55}
+.dsh-mcp-prepo{min-width:0;overflow:hidden;text-overflow:ellipsis}
+.dsh-mcp-pverified{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex:none;justify-self:end;color:var(--dsw-alias-state-success-primary)}
+.dsh-mcp-pdesc{margin:0;height:38px;overflow:hidden;font-size:12px;line-height:1.55;color:var(--mcp-mut);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
+.dsh-mcp-pchips{display:flex;align-items:center;gap:5px;height:18px;min-width:0;overflow:hidden;white-space:nowrap}
+.dsh-mcp-pchip{display:inline-flex;align-items:center;flex:none;padding:0 7px;border:1px solid var(--mcp-line);border-radius:999px;background:var(--mcp-bg-2);font-size:10.5px;line-height:16px;color:var(--mcp-mut)}
+.dsh-mcp-pchip.more{border-style:dashed}
+/* 包名芯片是标签行里唯一允许收缩的一枚（其余 flex:none）：放不下时它自己省略号截断，
+   分类/标签不会被挤成半截。行高仍由 .dsh-mcp-pchip 的 line-height:16px 决定 → 18px 不漂。*/
+.dsh-mcp-pchip.mono{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--mcp-mono);font-size:10px;letter-spacing:.2px;background:var(--mcp-bg-3)}
+.dsh-mcp-pfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:38px;margin-top:auto;padding-top:8px;border-top:1px solid var(--mcp-line)}
+/* 底栏事实行（2.3.x 起 3 枚：↓近30天下载 / ★星数 / 核验日期）：
+   · 字号 10.5→11.5px。实测卡高由 .dsh-mcp-pfoot 的 min-height:38 决定（footH 恒 47），
+     这行字变大不动卡片一 px——用户明确要求「信息更丰富但卡不再变大」。
+   · 去掉两枚「·」分隔点（每枚连 gap ≈12.7px），改成纯 gap:7px 间距，把省下的宽度
+     付给新出现的「↓」，而不是让它去挤日期。
+   · flex:1 1 0 + position:relative：这一行的盒子宽度**恒等于可用宽**（不随内容伸缩），
+     JS 量到的 clientWidth 就是真可用宽；同时它独吞全部收缩，右侧按钮（.dsh-mcp-pbtn
+     flex:none）永不被挤到换行——换行会把卡撑高。
+   · .probe 是离流探针（width:max-content 才不会被可用宽夹住，否则永远量不出溢出），
+     与真行同构，用来判断「三枚全画要多宽」；放不下时整枚收起日期，不裁半截字。 */
+.dsh-mcp-pfacts{position:relative;flex:1 1 0;display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;font-size:11.5px;line-height:1.4;color:var(--mcp-mut);white-space:nowrap;font-variant-numeric:tabular-nums}
+.dsh-mcp-pfacts .dl{display:inline-flex;align-items:center;flex:none;color:var(--dsw-alias-label-primary);opacity:.72}
+.dsh-mcp-pfacts .star{display:inline-flex;align-items:center;gap:3px;flex:none;color:var(--dsw-alias-label-primary);opacity:.72}
+.dsh-mcp-pfacts .when{flex:none;opacity:.85}
+.dsh-mcp-pfacts-probe{position:absolute;left:0;top:0;width:max-content;display:flex;align-items:center;gap:7px;white-space:nowrap;visibility:hidden;pointer-events:none}
+.dsh-mcp-pbtn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 12px;flex:none;border:1px solid var(--mcp-accent);border-radius:8px;background:var(--mcp-accent);color:#fff;font:inherit;font-size:12px;font-weight:600;line-height:1;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s}
+.dsh-mcp-pbtn:hover:not(:disabled){border-color:var(--mcp-accent);background:color-mix(in srgb,var(--mcp-accent) 86%,#000)}
+.dsh-mcp-pbtn:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:2px}
+.dsh-mcp-pbtn:disabled{opacity:.55;cursor:not-allowed}
+.dsh-mcp-pbtn.installed{border-color:var(--dsw-alias-state-success-primary);background:var(--dsw-alias-state-success-tertiary);color:var(--dsw-alias-label-primary)}
+.dsh-mcp-pbtn.installed:hover:not(:disabled){border-color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 14%,transparent)}
+.dsh-mcp-phost{display:inline-flex;align-items:center;gap:4px;flex:none;min-width:0;font-size:10.5px;line-height:1.4;color:var(--mcp-mut);white-space:nowrap}
+.dsh-mcp-phost .ico{flex:none;color:var(--mcp-warn)}
 .dsh-mcp-wb-blocked{font-size:10.5px;color:var(--mcp-warn);line-height:1.4;min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .dsh-mcp-wb-pager{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 0 2px}
 .dsh-mcp-page-jump{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--mcp-mut)}
@@ -1878,6 +2003,8 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
 .dsh-mcp-readonly-note{display:flex;align-items:flex-start;gap:5px;font-size:10.5px;line-height:1.5;color:var(--mcp-mut);padding:5px 7px;border-radius:var(--mcp-r-sm);background:var(--mcp-bg-3)}
 .dsh-mcp-readonly-note>svg{flex:none;margin-top:1px;opacity:.75}
 .dsh-mcp-wb-modal{width:640px;max-width:92vw}
+.dsh-mcp-wb-modal-head{display:flex;align-items:center;gap:10px;min-width:0}
+.dsh-mcp-wb-modal-head h3{margin:0;min-width:0;overflow-wrap:anywhere}
 .dsh-mcp-wb-modal-desc{font-size:12.5px;line-height:1.6;color:var(--dsw-alias-label-primary);white-space:pre-wrap;overflow-wrap:anywhere}
 .dsh-mcp-wb-modal-note{font-size:11.5px;line-height:1.6;color:var(--mcp-mut)}
 .dsh-mcp-wb-examples{font-size:12px;line-height:1.6;color:var(--dsw-alias-label-secondary);background:var(--mcp-bg-2);border-radius:var(--mcp-r-sm);padding:8px 12px;margin:10px 0}
@@ -1895,7 +2022,7 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
 .dsh-mcp-wb-roster-prof{font-size:11px;color:var(--mcp-mut);flex:none}
 .dsh-mcp-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;flex-wrap:wrap}
 .dsh-mcp-advanced{margin-top:14px}.dsh-mcp-check{display:flex!important;align-items:center;gap:8px;margin:9px 0!important;color:var(--dsw-alias-label-primary)!important}.dsh-mcp-check input{width:auto!important}.dsh-mcp-number-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dsh-mcp-number-grid .dsh-mcp-field{margin-bottom:0}.dsh-mcp-import-preview{font-size:12px;line-height:1.6;color:var(--mcp-mut);white-space:pre-wrap}.dsh-mcp-import-json{min-height:220px;resize:vertical;font-family:var(--mcp-mono)!important}
-.dsh-mcp-builtin-modal{box-sizing:border-box;width:700px;height:min(760px,84vh);display:flex;flex-direction:column;overflow:hidden}.dsh-mcp-builtin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;flex:none}.dsh-mcp-builtin-toolbar .dsh-mcp-check{margin:0!important;font-size:12px}.dsh-mcp-builtin-count{font-size:11.5px;color:var(--mcp-mut)}.dsh-mcp-builtin-list{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding-right:2px}.dsh-mcp-builtin-modal>.dsh-mcp-modal-actions{flex:none}.dsh-mcp-builtin-row{display:grid;grid-template-columns:18px minmax(0,1fr) minmax(74px,auto);gap:11px;align-items:start;padding:11px 12px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-1);cursor:pointer;transition:border-color .12s,background .12s;flex:none}.dsh-mcp-builtin-row:hover{border-color:var(--dsw-alias-border-l3);background:var(--dsw-alias-interactive-bg-hover)}.dsh-mcp-builtin-row.installed{cursor:default;background:var(--mcp-bg-2)}.dsh-mcp-builtin-row.installed:hover{border-color:var(--mcp-line);background:var(--mcp-bg-2)}.dsh-mcp-builtin-select{box-sizing:border-box;width:16px!important;height:16px!important;margin:2px 0 0!important;accent-color:var(--mcp-accent);cursor:pointer}.dsh-mcp-builtin-select:disabled{cursor:default}.dsh-mcp-builtin-main{min-width:0;display:flex;flex-direction:column;gap:5px}.dsh-mcp-builtin-name{font-size:13px;font-weight:650;overflow-wrap:anywhere}.dsh-mcp-builtin-summary{font-size:11.5px;color:var(--mcp-mut);line-height:1.45}.dsh-mcp-builtin-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dsh-mcp-builtin-access{font-size:10.5px;color:var(--mcp-mut)}.dsh-mcp-builtin-config{font-family:var(--mcp-mono);font-size:10.5px;line-height:1.45;color:var(--dsw-alias-brand-text);overflow-wrap:anywhere;white-space:normal}.dsh-mcp-builtin-status{min-width:0;text-align:right;font-size:11px;color:var(--mcp-mut);line-height:1.45;overflow-wrap:anywhere}.dsh-mcp-builtin-status.ready{color:var(--dsw-alias-state-success-primary)}.dsh-mcp-builtin-loading{padding:30px 12px;text-align:center;color:var(--mcp-mut);font-size:12px}
+.dsh-mcp-builtin-count{font-size:11.5px;color:var(--mcp-mut)}
 .dsh-mcp-source-box{margin:0 0 14px;flex:none}.dsh-mcp-source-list{display:flex;flex-direction:column;gap:6px;max-height:186px;overflow-y:auto;margin-top:7px}.dsh-mcp-source-row{box-sizing:border-box;display:flex;flex-direction:column;gap:3px;width:100%;padding:8px 10px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-1);color:var(--dsw-alias-label-primary);font-family:inherit;font-size:12px;line-height:1.45;text-align:left;cursor:pointer;transition:border-color .12s,background .12s}.dsh-mcp-source-row:hover:not(:disabled){border-color:var(--dsw-alias-border-l3);background:var(--dsw-alias-interactive-bg-hover)}.dsh-mcp-source-row.sel{border-color:var(--mcp-accent);background:var(--mcp-bg-2)}.dsh-mcp-source-row:disabled{cursor:default;opacity:.7}.dsh-mcp-source-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.dsh-mcp-source-name{font-weight:600}.dsh-mcp-source-path{font-family:var(--mcp-mono);font-size:10.5px;color:var(--dsw-alias-brand-text);overflow-wrap:anywhere}.dsh-mcp-source-detail{font-size:11px;color:var(--mcp-mut);overflow-wrap:anywhere}.dsh-mcp-source-note{font-size:10.5px;color:var(--mcp-mut)}.dsh-mcp-source-warn{font-size:10.5px;color:var(--mcp-warn)}
 /* OPT-17 · 2.5：不支持分组的呈现（复用 source-row 的排版，只补两处色语与分组间距） */
 .dsh-mcp-source-unsupported{font-size:11px;line-height:1.5;color:var(--mcp-warn);overflow-wrap:anywhere}
@@ -2006,7 +2133,8 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
    「整块突现→重绘」残影。定位 position:fixed（由 JS 实测 trigger 视口坐标后
    内联写入）：absolute 锚定会让菜单变高时伸展祖先滚动容器，整个会话页跟着
    跳动；fixed 脱离滚动容器，菜单再高页面也零位移。left/top/bottom 全部内联。 */
-.dsh-mcp-quick-menu{position:fixed;z-index:950;min-width:148px;padding:5px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-lg);background:var(--mcp-bg-1);box-shadow:var(--dsw-elevation-overlay,0 8px 28px rgba(0,0,0,.14));transform-origin:left bottom;animation:dshMcpMenuIn .12s ease-out}
+/* max-width：窄窗下菜单本身也不许顶出视口（width 是内容盒，+10 padding +2 border 仍留 8px 余量）。 */
+.dsh-mcp-quick-menu{position:fixed;z-index:950;min-width:128px;max-width:calc(100vw - 20px);padding:5px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-lg);background:var(--mcp-bg-1);box-shadow:var(--dsw-elevation-overlay,0 8px 28px rgba(0,0,0,.14));transform-origin:left bottom;animation:dshMcpMenuIn .12s ease-out}
 @keyframes dshMcpMenuIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
 @media (prefers-reduced-motion: reduce){.dsh-mcp-quick-menu{animation:none}.dsh-mcp-quick-sub{animation:none}}
 .dsh-mcp-quick-row{position:relative}
@@ -2019,7 +2147,8 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
    出场动画只动 opacity/transform（动效克制），替代上一版「整块突现」的残影来源。
    面板本体 max-height 由「6 行列表 + 底部固定管理按钮」精确算出（6×28 + 5×2 padding
    + 30 按钮 + 4 间距 + 边框），列表自身滚动，管理按钮永远贴底可见。 */
-.dsh-mcp-quick-sub{position:absolute;top:50%;left:calc(100% + 6px);z-index:951;display:flex;flex-direction:column;width:232px;max-height:min(216px,40vh);padding:5px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-lg);background:var(--mcp-bg-1);box-shadow:var(--dsw-elevation-overlay,0 8px 28px rgba(0,0,0,.14));transform:translateY(-50%);transform-origin:left center;animation:dshMcpQuickIn .13s ease-out}
+/* 232px 是常用的展开宽度；max-width 保证极窄窗下也不横出视口。 */
+.dsh-mcp-quick-sub{position:absolute;top:50%;left:calc(100% + 4px);z-index:951;display:flex;flex-direction:column;width:232px;max-width:calc(100vw - 28px);max-height:min(216px,40vh);padding:5px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-lg);background:var(--mcp-bg-1);box-shadow:var(--dsw-elevation-overlay,0 8px 28px rgba(0,0,0,.14));transform:translateY(-50%);transform-origin:left center;animation:dshMcpQuickIn .13s ease-out}
 /* 可滚动列表：最多 6 行（6 × 28px），溢出即滚动；隐藏水平溢出防止拖宽面板 */
 .dsh-mcp-quick-list{min-height:0;max-height:168px;overflow-y:auto;overflow-x:hidden;border-radius:var(--mcp-r-sm)}
 /* 细滚动条（跟随主题 token，悬停加深；hover 之外 6px 宽半透明，几乎不占视觉） */
@@ -2030,10 +2159,18 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
 .dsh-mcp-quick-list:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--dsw-alias-label-tertiary) 45%,transparent)}
 .dsh-mcp-quick-list:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:-1px}
 /* 视口下缘不够时 JS 加 flip：子菜单改为向锚点行上方展开 */
-.dsh-mcp-quick-row.flip .dsh-mcp-quick-sub{top:auto;bottom:50%;transform:translateY(50%)}
+/* 向上展开 = 子菜单底边贴锚点行底边、向上生长。旧写法 bottom:50% + translateY(50%)
+   与默认的 top:50% + translateY(-50%) 数学上等价，等于没翻，子菜单照样越过视口下缘。 */
+.dsh-mcp-quick-row.flip .dsh-mcp-quick-sub{top:auto;bottom:0;transform:none}
 .dsh-mcp-quick-row.flip .dsh-mcp-quick-sub{animation-name:dshMcpQuickInFlip}
+/* 视口右缘不够时 JS 加 hflip：子菜单改到锚点行左侧展开，出场动画镜像。
+   菜单本体贴屏幕右边时，这一侧才是「向内开」，否则 232px 的第二级会整块伸出视口。 */
+.dsh-mcp-quick-row.hflip .dsh-mcp-quick-sub{left:auto;right:calc(100% + 4px);transform-origin:right center;animation-name:dshMcpQuickInLeft}
+.dsh-mcp-quick-row.hflip.flip .dsh-mcp-quick-sub{animation-name:dshMcpQuickInFlipLeft}
 @keyframes dshMcpQuickIn{from{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%)}}
-@keyframes dshMcpQuickInFlip{from{opacity:0;transform:translateY(50%) translateX(-4px)}to{opacity:1;transform:translateY(50%)}}
+@keyframes dshMcpQuickInFlip{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
+@keyframes dshMcpQuickInLeft{from{opacity:0;transform:translateY(-50%) translateX(4px)}to{opacity:1;transform:translateY(-50%)}}
+@keyframes dshMcpQuickInFlipLeft{from{opacity:0;transform:translateX(4px)}to{opacity:1;transform:none}}
 @media (prefers-reduced-motion: reduce){.dsh-mcp-quick-sub{animation:none}}
 .dsh-mcp-quick-sub.empty{display:block;padding:9px 11px;color:var(--mcp-mut);font-size:12px}
 .dsh-mcp-quick-sub-note{padding:6px 9px;color:var(--mcp-mut);font-size:11px;white-space:normal}
@@ -2092,6 +2229,39 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
 .dsh-mcp-cat-count{color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums}
 .dsh-mcp-cat[aria-pressed="true"] .dsh-mcp-cat-count{color:var(--dsw-alias-label-secondary)}
 
+/* ── 顶栏右端「点 Star」──────────────────────────────────────────────
+   分类栏本身是 flex-wrap 的（窄屏换行），所以外面套一行：chip 们占剩余宽度自由换行，
+   star 贴右上不参与换行。它挂在 role=tablist 容器**之外**——tablist 里只该有 tab。 */
+.dsh-mcp-cats-row{display:flex;align-items:flex-start;gap:10px}
+.dsh-mcp-cats-row>.dsh-mcp-cats{flex:1 1 auto;min-width:0}
+.dsh-mcp-star{position:relative;display:inline-flex;align-items:center;gap:6px;flex:none;box-sizing:border-box;padding:5px 11px 5px 9px;border:1px solid var(--mcp-line);border-radius:999px;corner-shape:round;background:var(--mcp-bg-1);color:var(--mcp-mut);font:inherit;font-size:12px;line-height:18px;white-space:nowrap;text-decoration:none;cursor:pointer;transition:border-color .14s,color .14s,background .14s}
+.dsh-mcp-star:hover{border-color:var(--mcp-cat-auto);background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.dsh-mcp-star:focus-visible{outline:2px solid var(--dsw-focus-ring-color,var(--mcp-accent));outline-offset:1px}
+.dsh-mcp-star-label{font-weight:600}
+.dsh-mcp-star-count{font-variant-numeric:tabular-nums;color:var(--dsw-alias-label-tertiary)}
+.dsh-mcp-star:hover .dsh-mcp-star-count{color:var(--mcp-cat-auto)}
+/* 星形：平时淡灰描边感（低不透明度实心），hover 转实心琥珀并轻转——「这里可以点」的线索 */
+.dsh-mcp-star-svg{width:15px;height:15px;flex:none;color:var(--dsw-alias-label-tertiary);transition:color .14s,transform .2s}
+.dsh-mcp-star:hover .dsh-mcp-star-svg{color:var(--mcp-cat-auto);transform:rotate(18deg) scale(1.12)}
+.dsh-mcp-star-svg path{fill:currentColor;stroke:none;opacity:.3;transition:opacity .14s}
+.dsh-mcp-star:hover .dsh-mcp-star-svg path{opacity:1}
+/* 小交互图案：两颗四角星屑，平时不显示，hover / 点下去才闪出来（不占布局） */
+.dsh-mcp-star-spark{position:absolute;width:5px;height:5px;border-radius:1px;background:var(--mcp-cat-auto);opacity:0;pointer-events:none;transform:scale(.3)}
+.dsh-mcp-star-spark.a{left:3px;top:3px}
+.dsh-mcp-star-spark.b{right:4px;bottom:4px;width:4px;height:4px}
+.dsh-mcp-star:hover .dsh-mcp-star-spark{animation:dshMcpStarTwinkle .9s ease-out}
+.dsh-mcp-star:hover .dsh-mcp-star-spark.b{animation-delay:.16s}
+/* 点下去：星形放大回弹 + 星屑迸一下，明确「已经跳去 GitHub 了」 */
+.dsh-mcp-star.burst{border-color:var(--mcp-cat-auto)}
+.dsh-mcp-star.burst .dsh-mcp-star-svg{animation:dshMcpStarPop .55s cubic-bezier(.22,1.4,.36,1)}
+.dsh-mcp-star.burst .dsh-mcp-star-spark{animation:dshMcpStarTwinkle .55s ease-out}
+@keyframes dshMcpStarTwinkle{0%{opacity:0;transform:scale(.3) rotate(0)}45%{opacity:1;transform:scale(1) rotate(35deg)}100%{opacity:0;transform:scale(.5) rotate(70deg)}}
+@keyframes dshMcpStarPop{0%{transform:scale(1) rotate(0)}35%{transform:scale(1.5) rotate(24deg)}70%{transform:scale(.92) rotate(-6deg)}100%{transform:scale(1.12) rotate(18deg)}}
+/* 窄屏只留图案与数字，文字标签让位给分类 chip 的换行 */
+@media (max-width:760px){.dsh-mcp-star{padding:5px 9px}.dsh-mcp-star-label{display:none}}
+/* 减弱动效：星形不再转、不再迸，但 hover 的配色反馈与静态星屑都留着——信息量不打折 */
+@media (prefers-reduced-motion: reduce){.dsh-mcp-star,.dsh-mcp-star-svg,.dsh-mcp-star-svg path{transition:none}.dsh-mcp-star:hover .dsh-mcp-star-svg{transform:none}.dsh-mcp-star.burst .dsh-mcp-star-svg{animation:none;transform:none}.dsh-mcp-star:hover .dsh-mcp-star-spark,.dsh-mcp-star.burst .dsh-mcp-star-spark{animation:none;opacity:.9}}
+
 /* ── Skill 看板 ─────────────────────────────────────────────────── */
 .dsh-mcp-skill-view{display:flex;flex-direction:column;gap:12px;min-height:0}
 .dsh-mcp-skill-body{display:flex;gap:14px;min-height:0;align-items:stretch}
@@ -2124,7 +2294,21 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
 /* Skill 看板升级：分类轨道 + 网格/列表双视图 + 详情操作区。
    全部走宿主主题令牌（决策 2/10），分类色只出现在色点与徽标，且永远伴随文字标签。 */
 .dsh-mcp-skill-toolbar{display:flex;align-items:center;gap:10px;flex:none}
-.dsh-mcp-skill-search{flex:1 1 auto;min-width:0}
+/* 看板搜索框自带完整样式（此前只有 flex 尺寸，放大镜裸排在输入框外、输入框吃浏览器默认态）。
+   观感对齐 .suite-search：图标内嵌居中、统一 30px 高。聚焦圈只能用 inset 内描边：
+   搜索框贴着 .dsh-mcp-skill-content（overflow 滚动容器）的边缘，向外的 shadow 光环
+   会被裁出残缺口（.dsh-mcp-search 聚焦因此直接 box-shadow:none，同理）。
+   输入非空时容器挂 querying 类，input 的右 padding 给「清空」按钮让位。 */
+.dsh-mcp-skill-search{position:relative;display:flex;align-items:center;flex:1 1 auto;min-width:0;height:30px}
+.dsh-mcp-skill-search>svg{position:absolute;top:50%;left:9px;transform:translateY(-50%);pointer-events:none;color:var(--mcp-mut)}
+.dsh-mcp-skill-search input{box-sizing:border-box;width:100%;height:30px;padding:0 10px 0 28px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-md);corner-shape:round;background:var(--mcp-bg-1);color:var(--dsw-alias-label-primary);font-family:inherit;font-size:12px;outline:0;transition:border-color .15s,box-shadow .15s}
+.dsh-mcp-skill-search input:hover{border-color:var(--dsw-alias-border-l3)}
+.dsh-mcp-skill-search input::placeholder{color:var(--mcp-mut)}
+.dsh-mcp-skill-search input:focus{border-color:var(--mcp-accent);box-shadow:inset 0 0 0 1px var(--mcp-accent)}
+.dsh-mcp-skill-search.querying input{padding-right:28px}
+.dsh-mcp-skill-search .clear{position:absolute;top:50%;right:5px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;border-radius:var(--mcp-r-xs);corner-shape:round;background:0 0;color:var(--mcp-mut);cursor:pointer;transition:background .12s,color .12s}
+.dsh-mcp-skill-search .clear:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.dsh-mcp-skill-search .clear:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:1px}
 .dsh-mcp-skill-seg{display:inline-flex;flex:none;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-md);corner-shape:round;background:var(--mcp-bg-2);padding:2px;gap:2px}
 .dsh-mcp-skill-seg-btn{display:inline-flex;align-items:center;gap:5px;border:0;border-radius:var(--mcp-r-sm);corner-shape:round;background:0 0;color:var(--dsw-alias-label-secondary);font:inherit;font-size:11.5px;line-height:20px;padding:2px 9px;cursor:pointer;transition:background .12s,color .12s}
 .dsh-mcp-skill-seg-btn:hover{color:var(--dsw-alias-label-primary)}
@@ -2149,6 +2333,20 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
 .dsh-mcp-skill-card:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:2px}
 .dsh-mcp-skill-card-top{display:flex;align-items:center;gap:8px;min-width:0}
 .dsh-mcp-skill-cat-tile{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}
+/* Skill 头像：真图与生成头像同一几何，直径对齐市场（网格 30 / 列表 22 / 详情 42）。
+   生成版渐变底色由组件按名字哈希内联，颜色这里只管字形与描边——白字在深浅两主题的
+   饱和底上都可读；真图版与 .dsh-mcp-card-avatar 同规格，探活失败同样回落字母。 */
+.dsh-mcp-skill-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;corner-shape:round;flex:none;font-size:13px;font-weight:650;line-height:1;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 22%);border:1px solid var(--mcp-line);box-shadow:inset 0 0 0 1px rgb(255 255 255 / 18%)}
+.dsh-mcp-skill-avatar.sm{width:22px;height:22px;font-size:11px}
+.dsh-mcp-skill-avatar.lg{width:42px;height:42px;font-size:17px}
+.dsh-mcp-skill-avatar-img{width:30px;height:30px;border-radius:50%;corner-shape:round;object-fit:cover;flex:none;border:1px solid var(--mcp-line);background:var(--mcp-bg-1)}
+.dsh-mcp-skill-avatar-img.sm{width:22px;height:22px}
+.dsh-mcp-skill-avatar-img.lg{width:42px;height:42px}
+.dsh-mcp-skill-avatar-img.fallback{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:650;color:var(--mcp-accent);background:var(--dsw-alias-interactive-bg-hover-accent)}
+.dsh-mcp-skill-d-id{display:flex;align-items:flex-start;gap:10px;min-width:0}
+.dsh-mcp-skill-d-id .dsh-mcp-skill-avatar.lg,.dsh-mcp-skill-d-id .dsh-mcp-skill-avatar-img.lg{margin-top:2px}
+.dsh-mcp-onsite-avatar{width:24px;height:24px;border-radius:50%;corner-shape:round;object-fit:cover;flex:none;border:1px solid var(--mcp-line);font-size:11px}
+.dsh-mcp-onsite-avatar.fallback{display:inline-flex;align-items:center;justify-content:center;font-weight:650;color:var(--mcp-accent);background:var(--dsw-alias-interactive-bg-hover-accent)}
 .dsh-mcp-skill-card-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:13px;line-height:18px;color:var(--dsw-alias-label-primary)}
 .dsh-mcp-skill-desc-none{color:var(--dsw-alias-label-tertiary)}
 .dsh-mcp-skill-cat-tag{color:var(--dsw-alias-label-secondary);font-size:10.5px;line-height:16px;white-space:nowrap}
@@ -2238,8 +2436,8 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
 .suite-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(320px,44%) 1fr}
 /* ── 左：技能库选择器 ──────────────────────────────────────────────── */
 .suite-left{display:flex;flex-direction:column;gap:9px;min-height:0;padding:13px 14px;border-right:1px solid var(--mcp-line);background:var(--mcp-bg-2)}
-/* 搜索框不复用 .dsh-mcp-skill-search：那条在本仓库只有 flex 尺寸、没有图标定位，
-   看板里的放大镜其实是裸排的（既有小瑕疵，不在本次范围）。这里自带一份完整的。 */
+/* 搜索框不复用 .dsh-mcp-skill-search：看板那条已补齐自己的完整样式（图标内嵌 + 清空按钮），
+   但它是工具条场景的尺寸与交互；弹窗这边保留独立一份，两处后续调整互不牵连。 */
 .suite-search{position:relative;display:flex;align-items:center;flex:none;height:30px}
 .suite-search svg{position:absolute;top:50%;left:9px;transform:translateY(-50%);pointer-events:none;color:var(--mcp-mut)}
 .suite-search input{box-sizing:border-box;width:100%;height:30px;padding:0 10px 0 28px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-1);color:var(--dsw-alias-label-primary);font-family:inherit;font-size:12px;outline:0;transition:border-color .15s,box-shadow .15s}
@@ -2587,7 +2785,8 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
 .dsh-mcp-rowmenu-sep{height:1px;background:var(--mcp-line);margin:3px 2px}
 
 /* ── §4.1 专家「当前在场」区：绿顶条 + 更大的卡，与普通罗列拉开权重 ───────────── */
-.dsh-mcp-onsite{display:flex;flex-direction:column;gap:9px;flex:none;border:1px solid color-mix(in srgb,var(--mcp-ok) 34%,transparent);border-radius:var(--mcp-r-lg);background:var(--mcp-bg-2);padding:12px 14px}
+/* margin-bottom：与下方专家卡网格留一口气（两者原本紧贴，卡片像从提示框里溢出来）。 */
+.dsh-mcp-onsite{display:flex;flex-direction:column;gap:9px;flex:none;margin-bottom:12px;border:1px solid color-mix(in srgb,var(--mcp-ok) 34%,transparent);border-radius:var(--mcp-r-lg);background:var(--mcp-bg-2);padding:12px 14px}
 .dsh-mcp-onsite-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
 .dsh-mcp-onsite-head>b{font-size:11px;font-weight:650;letter-spacing:.5px;text-transform:uppercase;color:var(--dsw-alias-state-success-primary);display:inline-flex;align-items:center;gap:6px}
 .dsh-mcp-onsite-head>b::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mcp-ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--mcp-ok) 22%,transparent);corner-shape:round}
@@ -2604,6 +2803,10 @@ body[data-ds-dark-theme]{--mcp-cat-dev:var(--dsw-static-deepseek-400);--mcp-cat-
 .dsh-mcp-onsite-chips>button.dsh-mcp-chip-s:hover{border-color:var(--mcp-accent);color:var(--dsw-alias-brand-text)}
 /* 推荐位与在场区之间留一口气，否则两块卡片网格会连成一片。 */
 .dsh-mcp-wb-grid+.dsh-mcp-item-sub{margin-top:14px}
+/* 推荐位整块（提示行 + 推荐卡网格）：上方与已召唤网格隔 18px，提示行与推荐卡之间
+   隔 10px——此前提示行与推荐卡之间是 0 间距，小字提示直接贴在卡片圆角上。 */
+.dsh-mcp-wb-reco{margin-top:18px}
+.dsh-mcp-wb-reco>.dsh-mcp-item-sub{margin-bottom:10px}
 /* 送还内联二次确认：把「点一下就没了」改成「点一下先问一句」 */
 .dsh-mcp-confirm{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 8px;border:1px solid color-mix(in srgb,var(--mcp-err) 40%,transparent);border-radius:var(--mcp-r-sm);background:var(--dsw-alias-interactive-bg-hover-danger);font-size:11.5px;color:var(--dsw-alias-label-primary)}
 .dsh-mcp-confirm>span{color:var(--mcp-err);font-weight:600}
@@ -2629,10 +2832,43 @@ button.dsh-mcp-chip-s.on .dsh-mcp-chip-s-count{color:var(--mcp-accent)}
 .dsh-mcp-skill-src-badge{display:inline-flex;align-items:center;padding:0 6px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-xs);background:var(--mcp-bg-2);color:var(--dsw-alias-label-tertiary);font-size:10px;line-height:15px;font-family:var(--mcp-mono);white-space:nowrap}
 
 /* ── §6 市场：面包屑 + 子页签（下划线式）+ 兼容性前置 + 密度 + 分类条 + 免责折叠 ── */
-.dsh-mcp-mk-crumb{display:flex;align-items:center;gap:6px;flex:none;font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary);min-height:17px}
+/* 面包屑不再独占一行：作为子页签行的最后一个元素靠右贴齐（margin-left:auto），
+   与页签同一基线、正好坐在分割线上方。 */
+.dsh-mcp-mk-crumb{display:flex;align-items:center;gap:6px;flex:none;margin-left:auto;padding-left:12px;font-size:11px;line-height:17px;color:var(--dsw-alias-label-tertiary);min-height:17px;white-space:nowrap}
 .dsh-mcp-mk-crumb-root{color:var(--dsw-alias-label-secondary)}
 .dsh-mcp-mk-crumb-sep{opacity:.55}
 .dsh-mcp-mk-crumb>b{font-weight:600;color:var(--dsw-alias-label-primary);font-size:11.5px}
+.dsh-mcp-mk-topright{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto}
+.dsh-mcp-mk-topright .dsh-mcp-mk-crumb{margin-left:0;padding-left:0}
+.dsh-mcp-loadout-open{border:1px solid var(--mcp-line);background:transparent;color:var(--mcp-mut);border-radius:999px;padding:4px 10px;font-size:11px;line-height:17px;cursor:pointer;white-space:nowrap}
+.dsh-mcp-loadout-open:hover{border-color:var(--mcp-accent);color:var(--dsw-alias-label-primary)}
+.dsh-mcp-loadout-modal{width:min(780px,94vw);height:min(720px,88vh);max-height:88vh;display:flex;flex-direction:column;padding:18px 20px;overflow:hidden}
+.dsh-mcp-loadout-tabs{display:flex;gap:2px;flex:none;border-bottom:1px solid var(--mcp-line);margin:-4px 0 12px}
+.dsh-mcp-loadout-tab{border:0;background:transparent;color:var(--mcp-mut);font:inherit;font-size:12px;padding:7px 11px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
+.dsh-mcp-loadout-tab[aria-selected="true"]{color:var(--dsw-alias-label-primary);border-bottom-color:var(--mcp-accent);font-weight:600}
+.dsh-mcp-loadout-pane{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:2px}
+.dsh-mcp-loadout-hint,.dsh-mcp-loadout-note{margin:0;font-size:11.5px;line-height:1.55;color:var(--mcp-mut)}
+.dsh-mcp-loadout-note{flex:none;border-top:1px dashed var(--mcp-line);padding-top:8px}
+.dsh-mcp-loadout-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--mcp-mut);flex:none}
+.dsh-mcp-loadout-name input{flex:1;min-width:180px;box-sizing:border-box;padding:7px 9px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-1);color:var(--dsw-alias-label-primary);font:inherit}
+.dsh-mcp-loadout-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none}
+.dsh-mcp-loadout-result{display:flex;flex-direction:column;gap:8px;min-height:0}
+.dsh-mcp-loadout-summary{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11.5px;color:var(--mcp-mut);flex:none}
+.dsh-mcp-loadout-warn{color:var(--dsw-alias-state-warning-primary)}
+.dsh-mcp-loadout-from{color:var(--dsw-alias-label-tertiary)}
+.dsh-mcp-loadout-json{margin:0;min-height:160px;max-height:320px;overflow:auto;padding:10px 12px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-1);font-family:var(--mcp-mono);font-size:11px;line-height:1.5;white-space:pre;color:var(--dsw-alias-label-secondary)}
+.dsh-mcp-loadout-input{width:100%;box-sizing:border-box;resize:vertical;min-height:150px;padding:10px 12px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-1);color:var(--dsw-alias-label-primary);font-family:var(--mcp-mono);font-size:11.5px;line-height:1.5}
+.dsh-mcp-loadout-file{cursor:pointer}
+.dsh-mcp-loadout-rows{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0;padding-right:2px}
+.dsh-mcp-loadout-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-1)}
+.dsh-mcp-loadout-row-main{min-width:0;display:flex;flex-direction:column;gap:3px}
+.dsh-mcp-loadout-row-title{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;overflow-wrap:anywhere}
+.dsh-mcp-loadout-kind{font-size:10px;color:var(--mcp-mut);border:1px solid var(--mcp-line);border-radius:999px;padding:0 6px}
+.dsh-mcp-loadout-row-meta{display:flex;gap:4px 10px;flex-wrap:wrap;font-size:10.5px;color:var(--mcp-mut)}
+.dsh-mcp-loadout-row-actions{display:flex;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}
+@media (max-width:480px){.dsh-mcp-loadout-modal{width:100%;height:calc(100vh - 24px);max-height:none;padding:14px}.dsh-mcp-loadout-row{flex-direction:column}.dsh-mcp-loadout-row-actions{width:100%;justify-content:flex-start}}
+/* 窄屏页签行放不下 5 个页签 + 面包屑：页签优先，面包屑让位（页签本身已标明当前位置）。 */
+@media (max-width:480px){.dsh-mcp-mk-crumb{display:none}}
 .dsh-mcp-mk-subtabs-idle{flex:none;padding:7px 10px 8px;border:0;background:transparent;color:var(--dsw-alias-label-tertiary);font:inherit;font-size:12px;line-height:19px;white-space:nowrap;cursor:pointer;opacity:.8;transition:color .13s,opacity .13s}
 .dsh-mcp-mk-subtabs-idle:hover{opacity:1;color:var(--dsw-alias-label-secondary);text-decoration:underline;text-underline-offset:2px}
 .dsh-mcp-mk-subtabs-idle:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:-2px}
@@ -2678,9 +2914,70 @@ button.dsh-mcp-chip-s.on .dsh-mcp-chip-s-count{color:var(--mcp-accent)}
 @keyframes mcpSkeletonShimmer{100%{transform:translateX(100%)}}
 @media (prefers-reduced-motion: reduce){.dsh-mcp-skeleton-bar::after{animation:none;opacity:0}}
 
+/* ── 社区「人味」：作者头像 / 维护状态 / 最近动静 / 真实反馈出口 ────────
+   全部使用既有主题令牌；头像只是 <img>，加载失败就隐藏，不留破图占位。 */
+.dsh-mcp-card-person{display:flex;align-items:flex-start;gap:8px;min-width:0}
+.dsh-mcp-card-person>div{min-width:0}
+.dsh-mcp-card-avatar{width:30px;height:30px;border-radius:50%;corner-shape:round;object-fit:cover;flex:none;border:1px solid var(--mcp-line);background:var(--mcp-bg-1)}
+.dsh-mcp-card-avatar.fallback{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:650;color:var(--mcp-accent);background:var(--dsw-alias-interactive-bg-hover-accent)}
+.dsh-mcp-detail-person{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}
+.dsh-mcp-detail-person>div{min-width:0}
+.dsh-mcp-detail-person h3{margin:0}
+.dsh-mcp-detail-avatar{width:42px;height:42px;border-radius:50%;corner-shape:round;object-fit:cover;flex:none;border:1px solid var(--mcp-line);background:var(--mcp-bg-1)}
+.dsh-mcp-detail-avatar.fallback{display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:650;color:var(--mcp-accent);background:var(--dsw-alias-interactive-bg-hover-accent)}
+.dsh-mcp-presence{display:flex;align-items:flex-start;gap:9px;padding:8px 10px;margin:7px 0 10px;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-2)}
+.dsh-mcp-presence.compact{padding:6px 8px;margin:6px 0 8px}
+.dsh-mcp-presence-avatar{width:32px;height:32px;border-radius:50%;corner-shape:round;object-fit:cover;flex:none;border:1px solid var(--mcp-line)}
+.dsh-mcp-presence-avatar.fallback{display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:650;color:var(--mcp-accent);background:var(--dsw-alias-interactive-bg-hover-accent)}
+.dsh-mcp-presence-body{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:3px}
+.dsh-mcp-presence-line{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;min-width:0}
+.dsh-mcp-presence-owner{font-weight:650;color:var(--dsw-alias-label-primary);text-decoration:none;overflow-wrap:anywhere}
+a.dsh-mcp-presence-owner:hover{color:var(--mcp-accent);text-decoration:underline}
+.dsh-mcp-presence-loading{font-size:10.5px;color:var(--mcp-mut)}
+.dsh-mcp-presence-meta{display:flex;align-items:center;gap:5px 10px;flex-wrap:wrap;font-size:10.5px;line-height:1.45;color:var(--mcp-mut)}
+.dsh-mcp-presence-inline{display:flex;align-items:center;gap:6px;font-size:10.5px;line-height:1.4;color:var(--mcp-mut);min-width:0;flex-wrap:wrap}
+.dsh-mcp-presence-inline-avatar{width:18px;height:18px;border-radius:50%;corner-shape:round;object-fit:cover;flex:none;border:1px solid var(--mcp-line)}
+.dsh-mcp-presence-inline-avatar.fallback{display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:650;color:var(--mcp-accent);background:var(--dsw-alias-interactive-bg-hover-accent)}
+.dsh-mcp-presence-inline-owner{color:var(--dsw-alias-label-secondary);font-weight:600;overflow-wrap:anywhere}
+.dsh-mcp-presence-inline-owner a{color:inherit;text-decoration:none}
+.dsh-mcp-presence-inline-owner a:hover{color:var(--mcp-accent);text-decoration:underline}
+.dsh-mcp-presence-inline-note{color:var(--mcp-mut);font-variant-numeric:tabular-nums}
+.dsh-mcp-presence-card{margin-top:-3px}
+.dsh-mcp-presence-detail{background:transparent;border:0;padding:0;margin:0 0 8px}
+.dsh-mcp-catalog-meta{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap;font-size:11px;color:var(--mcp-mut);padding:0 1px;margin:-4px 0 9px}
+.dsh-mcp-catalog-meta a{color:var(--mcp-accent);text-decoration:none}
+.dsh-mcp-catalog-meta a:hover{text-decoration:underline}
+.dsh-mcp-feedback{margin:10px 0 4px;padding:9px 10px;border:1px dashed var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-2)}
+.dsh-mcp-feedback-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:7px;font-size:11.5px;color:var(--dsw-alias-label-primary)}
+.dsh-mcp-feedback-source{font-size:10.5px;color:var(--mcp-mut);font-weight:400}
+.dsh-mcp-feedback-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
+.dsh-mcp-feedback-actions .dsh-mcp-btn{font-size:11px;padding:5px 9px;text-decoration:none}
+.dsh-mcp-feedback-note{margin:7px 0 0;font-size:10.5px;line-height:1.5;color:var(--mcp-mut)}
+/* 与下方工具的间距交给 .dsh-mcp-wb 的 gap：再加 margin 会叠成 20px，显得空 */
+.dsh-mcp-pulse{flex:none;margin:0;border:1px solid var(--mcp-line);border-radius:var(--mcp-r-md);background:var(--mcp-bg-2);padding:8px 10px}
+/* 首个内容块再上提 4px：上侧留白才与下侧（工具条贴分类条）接近 */
+.dsh-mcp-pulse + *{margin-top:-4px}
+.dsh-mcp-pulse.quiet{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 10px;border-style:dashed;background:transparent}
+.dsh-mcp-pulse-title{font-size:11.5px;font-weight:700;color:var(--dsw-alias-label-primary);letter-spacing:.01em}
+.dsh-mcp-pulse-quiet{font-size:10.5px;color:var(--mcp-mut)}
+.dsh-mcp-pulse-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:5px}
+.dsh-mcp-pulse-note{font-size:10.5px;color:var(--mcp-mut);flex:1 1 auto}
+.dsh-mcp-pulse-clear{border:0;background:transparent;color:var(--mcp-mut);font:inherit;font-size:10.5px;cursor:pointer;padding:2px 4px;border-radius:var(--mcp-r-sm)}
+.dsh-mcp-pulse-clear:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}
+.dsh-mcp-pulse-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
+.dsh-mcp-pulse-list>li{display:flex;align-items:center;gap:8px;min-width:0}
+.dsh-mcp-pulse-item{display:flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto;border:0;background:transparent;font:inherit;font-size:11px;color:var(--dsw-alias-label-secondary);text-align:left;padding:3px 4px;border-radius:var(--mcp-r-sm);cursor:pointer}
+.dsh-mcp-pulse-item:hover{background:var(--dsw-alias-interactive-bg-hover);color:var(--dsw-alias-label-primary)}
+.dsh-mcp-pulse-kind{font-weight:600;white-space:nowrap}
+.dsh-mcp-pulse-kind.added{color:var(--dsw-alias-state-success-primary)}
+.dsh-mcp-pulse-kind.removed{color:var(--dsw-alias-state-warn-primary)}
+.dsh-mcp-pulse-kind.updated{color:var(--mcp-accent)}
+.dsh-mcp-pulse-sample{color:var(--mcp-mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
+.dsh-mcp-pulse-time{flex:none;font-size:10px;color:var(--mcp-mut);font-variant-numeric:tabular-nums}
+
 /* 响应式覆盖必须位于全部基础规则之后：同特异性下后出现者胜出。 */
 @media (max-width:760px){.dsh-mcp-panel-overlay{padding:10px}.dsh-mcp-panel{max-width:none;width:100%;height:calc(100dvh - 20px);border-radius:var(--mcp-r-panel)}.dsh-mcp-panel .dsh-mcp-wrap{padding:12px}.dsh-mcp-head{align-items:flex-start}.dsh-mcp-body{flex-direction:column;overflow-y:auto;overflow-x:hidden}.dsh-mcp-side,.dsh-mcp-ws-body{width:auto;min-width:0;max-height:none;flex:none}.dsh-mcp-side:not(.embedded) .dsh-mcp-list{max-height:38vh}.dsh-mcp-section.local,.dsh-mcp-section.global{flex:none;min-height:0;max-height:none}.dsh-mcp-section.local .dsh-mcp-list{max-height:30vh}.dsh-mcp-global-list{max-height:30vh}.dsh-mcp-detail{padding:12px;flex:none}.dsh-mcp-d-head{flex-direction:column}.dsh-mcp-kv-edit{grid-template-columns:minmax(90px,35%) minmax(0,1fr) auto}.dsh-mcp-page{padding:10px 12px 20px}[data-platform=darwin] .dsh-mcp-page{padding-top:calc(var(--dsh-frame-top-clearance,0px) + 10px)}.dsh-mcp-page>.dsh-mcp-wrap{flex:0 0 auto;width:100%;min-height:0;height:auto}.dsh-mcp-skill-body{flex-direction:column;overflow:visible}.dsh-mcp-skill-side{width:auto;flex:none}.dsh-mcp-skill-list{max-height:34vh}.dsh-mcp-skill-detail{flex:none;max-height:none}.dsh-mcp-skill-d-md{max-height:38vh}}
-@media (max-width:480px){.dsh-mcp-head{flex-direction:column}.dsh-mcp-head-actions{width:100%;justify-content:flex-start}.dsh-mcp-btn{padding:7px 9px}.dsh-mcp-radio-row,.dsh-mcp-number-grid{grid-template-columns:1fr}.dsh-mcp-modal{max-width:none;width:100%;padding:14px}.dsh-mcp-kv{grid-template-columns:1fr;gap:4px}.dsh-mcp-kv>b{margin-top:4px}.dsh-mcp-secret-row{grid-template-columns:1fr;gap:4px}.dsh-mcp-secret{width:100%}.dsh-mcp-kv-edit{grid-template-columns:1fr auto}.dsh-mcp-kv-edit input:first-child{grid-column:1 / -1}.dsh-mcp-tool{flex-direction:column}.dsh-mcp-tool-name{max-width:100%}.dsh-mcp-tool-desc{white-space:normal}.dsh-mcp-builtin-toolbar{align-items:flex-start;flex-direction:column}.dsh-mcp-builtin-row{grid-template-columns:18px minmax(0,1fr)}.dsh-mcp-builtin-status{grid-column:2;text-align:left}}
+@media (max-width:480px){.dsh-mcp-head{flex-direction:column}.dsh-mcp-head-actions{width:100%;justify-content:flex-start}.dsh-mcp-btn{padding:7px 9px}.dsh-mcp-radio-row,.dsh-mcp-number-grid{grid-template-columns:1fr}.dsh-mcp-modal{max-width:none;width:100%;padding:14px}.dsh-mcp-kv{grid-template-columns:1fr;gap:4px}.dsh-mcp-kv>b{margin-top:4px}.dsh-mcp-secret-row{grid-template-columns:1fr;gap:4px}.dsh-mcp-secret{width:100%}.dsh-mcp-kv-edit{grid-template-columns:1fr auto}.dsh-mcp-kv-edit input:first-child{grid-column:1 / -1}.dsh-mcp-tool{flex-direction:column}.dsh-mcp-tool-name{max-width:100%}.dsh-mcp-tool-desc{white-space:normal}}
 `;
 
 // ── DOM 基础件：createElement 绑定、值遮蔽、通用小控件与图标表 ──────────────────────
@@ -2801,6 +3098,14 @@ const Badge = ({ cls, children, ...rest }) => h('span', { ...rest, className: 'd
 const Icon = ({ d, size, className }) =>
   h('svg', { className, width: size || 13, height: size || 13, viewBox: '0 0 16 16', fill: 'none', stroke: 'currentColor', strokeWidth: 1.6, strokeLinecap: 'round', strokeLinejoin: 'round' }, h('path', { d }));
 
+// 星标用实心小星；验证用「印章 + 白色对勾」。两者都不吃主题文字色，只在卡片里当状态图标。
+const StarIcon = ({ size }) =>
+  h('svg', { width: size || 10, height: size || 10, viewBox: '0 0 16 16', 'aria-hidden': 'true', focusable: 'false' }, h('path', { fill: 'currentColor', d: 'M8 1.7l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.5l-3.8 2 .7-4.3-3.1-3 4.3-.6z' }));
+const VerifiedSeal = ({ size }) =>
+  h('svg', { width: size || 15, height: size || 15, viewBox: '0 0 16 16', 'aria-hidden': 'true', focusable: 'false' },
+    h('path', { fill: 'currentColor', d: 'M8 .9l1.8 1.4 2.3-.3 1 2.1 2 1.2-.5 2.3.5 2.3-2 1.2-1 2.1-2.3-.3L8 15.1l-1.8-1.4-2.3.3-1-2.1-2-1.2.5-2.3-.5-2.3 2-1.2 1-2.1 2.3.3z' }),
+    h('path', { fill: 'none', stroke: '#fff', strokeWidth: 1.7, strokeLinecap: 'round', strokeLinejoin: 'round', d: 'M5.1 8.2l1.9 1.9 3.9-4' }));
+
 const ICONS = {
   search: 'M7 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zM13.5 13.5L11 11',
   plus: 'M8 3v10M3 8h10',
@@ -2831,6 +3136,10 @@ const ICONS = {
   // 用 .2 长的短线段而不是零长路径——零长路径在部分渲染器里画不出圆点）。
   layers: 'M8 2l6 3.3-6 3.4-6-3.4zM2.4 8.4L8 11.5l5.6-3.1M2.4 11.1L8 14.2l5.6-3.1',
   grip: 'M6 3.4v.2M10 3.4v.2M6 7.9v.2M10 7.9v.2M6 12.4v.2M10 12.4v.2',
+  // down：向下箭头，README 弹层「跳到末尾」用
+  down: 'M8 3v9.4M4 8.6l4 4 4-4',
+  // info：信息圆圈，宿主组件 / 不可安装的说明图标
+  info: 'M8 7.2v4.3M8 4.7v.2M8 14.2A6.2 6.2 0 1 0 8 1.8a6.2 6.2 0 0 0 0 12.4z',
 };
 
 // ── 常用 MCP 预设模板（主流管理器常见的“浏览即添加”能力）────────────
@@ -3342,18 +3651,6 @@ const Pager = ({ page, pageCount, total, onPage, disabled }) => {
   );
 };
 
-// ── 内置目录的 auth 枚举（OPT-24 · 2.3）──────────────────────────────────────────
-// 宿主 lib/mcp-config.js 的 builtinMcpCatalog 透出 auth（枚举 none/apiKey/oauth/
-// oauth-or-pat）+ 有则挂 authNote。**这与市场连接器 tab 的 authMode 不是一回事**：
-// authMode 是上游 connectors 清单里的自由文本，只能原样显示；auth 是枚举，可以映射
-// 成人能读的标签。未知枚举值原样显示，绝不猜。
-const AUTH_KIND_LABELS = { apiKey: 'API Key', oauth: 'OAuth', 'oauth-or-pat': 'OAuth / PAT' };
-// 惰性求值：模块加载时宿主 locale 还没接进来，只有 none 需要翻译。
-const authKindLabel = (kind) => (kind === 'none' ? t('免认证') : AUTH_KIND_LABELS[kind] || kind);
-// 色语沿用 §1.3：oauth 系装完还得去浏览器授权，属「还需注意」→ 橙；apiKey 有既有
-// 「需密钥」徽章兜住，这里只作信息性标注，用默认灰。
-const authBadgeCls = (kind) => (kind === 'oauth' || kind === 'oauth-or-pat' ? 's-warn' : '');
-
 // ── 服务器列表：按传输 / 状态筛选，选中与启停 ──────────────────────────────────
 const ServerList = ({ servers, total, selected, query, onQuery, onSelect, onToggle, busy, transportFilter, statusFilter, onTransportFilter, onStatusFilter, embedded, workspace, emptyHint, loading }) => {
   const count = total === undefined ? servers.length : total;
@@ -5553,7 +5850,7 @@ const CATEGORY_BLURB = {
   get skill() { return t('本地 Skill 清单：来源、是否启用、是否可被模型调用。'); },
   get expert() { return t('已召唤的专家：人设、捆绑技能、当前在场状态，可送还。'); },
   get tailor() { return t('工具使用账本：谁在被调用、谁在白缴上下文税。'); },
-  get wb() { return t('市场：连接器、内置 MCP、SkillHub 技能与专家召唤。'); },
+  get wb() { return t('市场：连接器、SkillHub 技能与专家召唤。'); },
 };
 // §1.1 分类 hover 摘要。定位由父层算好（left），这里只负责内容与外观。
 // 只用 pointer-events:none 的只读浮层：不承载交互，因此不需要焦点陷阱，
@@ -6101,6 +6398,265 @@ const onSkillChange = (listener) => {
   return () => { skillChangeListeners.delete(listener); };
 };
 
+// ── Skill 头像：确定性生成 ───────────────────────────────────────────
+// 本地 skill 的数据里没有任何图标字段（宿主注册表只给能力位与来源目录），而市场页
+// 每张卡都有一个圆形头像位。为了同一观感，这里从 skill 名哈希出固定色相，画
+// 「渐变圆 + 首字母」的生成头像：零网络、同一名永远同色、不同 skill 之间色相可辨。
+// 只做渲染期纯计算，不发请求也不登记 avatarRegistry —— 那条链是给真图片探活用的。
+const skillAvatarHue = (name) => {
+  const text = String(name || '');
+  let hash = 5381;
+  for (let i = 0; i < text.length; i += 1) hash = ((hash << 5) + hash + text.charCodeAt(i)) >>> 0;
+  return hash % 360;
+};
+const SkillAvatar = ({ name, size, title }) => {
+  const hue = skillAvatarHue(name);
+  const letter = String(name || '?').slice(0, 1).toUpperCase() || '?';
+  return h('span', {
+    className: `dsh-mcp-skill-avatar${size ? ` ${size}` : ''}`,
+    style: {
+      background: `linear-gradient(135deg, hsl(${hue} 64% 56%), hsl(${(hue + 38) % 360} 64% 42%))`,
+    },
+    title,
+    'aria-hidden': true,
+  }, letter);
+};
+
+// ── Skill 真图标：目录名反推 + SkillHub 精确补全 ────────────────────────────
+// 市场卡有真图标，本地 skill 的行数据里没有。真图标的来源有两层，按可信度取用：
+//   ① wbexpert 捆绑技能：安装目录名 `wbexpert__<plugin>__<skill>` 里的 plugin 能在
+//      专家目录里查到头像（与已召唤页同源）。listSkills 行带 path，这里从 path 尾段解析。
+//   ② 其余技能（SkillHub / clawhub 装的）：真图标只在 SkillHub 目录里有——按名字做一次
+//      keyword 查询，**slug 精确相等**才采纳（绝不按模糊命中张冠李戴）。纪律与头像探活
+//      同一套：模块级缓存（同一名本次会话只查一次）、失败粘住（''）、同时在途 ≤3、
+//      按登记顺序排队。查询是宿主侧 keyword GET（自带 15s 超时），47 个技能 ≈ 市场翻两页。
+// 两层都没有 → SkillAvatar 生成头像兜底，永不空圈。
+const SKILL_DIR_EXPERT_RE = /^wbexpert__([a-z0-9_-]+?)__/i;
+/** path 尾段目录名解析出真图标；解析不出或目录里查不到该 plugin → ''（交给下一层）。 */
+const skillIconFromDir = (path, expertByPlugin) => {
+  const base = String(path || '').trim().replace(/[\\/]+$/, '');
+  const dir = base.split(/[\\/]/).pop() || '';
+  const match = dir.match(SKILL_DIR_EXPERT_RE);
+  return (match && expertByPlugin.get(match[1])) || '';
+};
+
+const skillIconCache = new Map();          // name → url（'' = 查过、没有）
+const skillIconQueued = new Set();         // 已入队（含在途）
+const skillIconQueue = [];                 // FIFO，与头像闸门同一口径
+let skillIconInflight = 0;
+const skillIconWaiters = new Set();        // (name) => void：结果落地后通知组件重绘
+const SKILL_ICON_INFLIGHT_MAX = 3;
+
+const skillIconFinish = (name, url) => {
+  skillIconCache.set(name, String(url || ''));
+  skillIconQueued.delete(name);
+  for (const notify of [...skillIconWaiters]) {
+    try { notify(name); } catch { /* 单个订阅者失败不影响其它 */ }
+  }
+};
+
+const skillIconDrain = (call) => {
+  while (skillIconInflight < SKILL_ICON_INFLIGHT_MAX && skillIconQueue.length) {
+    const name = skillIconQueue.shift();
+    skillIconInflight += 1;
+    call('wbSkillCatalog', { keyword: name, pageSize: 5 })
+      .then((res) => {
+        const rows = res && res.ok && Array.isArray(res.skills) ? res.skills : [];
+        const hit = rows.find((row) => row && (row.slug === name || row.canonical === name) && row.iconUrl);
+        skillIconFinish(name, hit ? hit.iconUrl : '');
+      })
+      .catch(() => skillIconFinish(name, ''))
+      .finally(() => {
+        skillIconInflight -= 1;
+        skillIconDrain(call);
+      });
+  }
+};
+
+const skillIconEnqueue = (call, name) => {
+  const key = String(name || '').trim();
+  if (!key || skillIconCache.has(key) || skillIconQueued.has(key)) return;
+  skillIconQueued.add(key);
+  skillIconQueue.push(key);
+  skillIconDrain(call);
+};
+
+/** 渲染期取真图标：目录反推优先（分组可辨），回落 SkillHub 补全缓存，都没有 → ''。 */
+const skillIconFor = (s, expertByPlugin) =>
+  skillIconFromDir(s && s.path, expertByPlugin) || skillIconCache.get(String((s && s.name) || '').trim()) || '';
+
+// 组件侧接线：订阅结果 + 把还没有真图的技能名入队。version 只是重绘信号，
+// 渲染一律以 skillIconCache 的现值为准（迟到的成功也会被下一帧采纳）。
+// items = [{ name, path }]：path 在这里就地判定，不经模块级中转（同名技能可能来自
+// 不同专家，按名字反查 path 会张冠李戴）。
+const useSkillIcons = (call, items, expertByPlugin) => {
+  const [, setVersion] = useState(0);
+  useEffect(() => {
+    const notify = () => setVersion((v) => v + 1);
+    skillIconWaiters.add(notify);
+    return () => { skillIconWaiters.delete(notify); };
+  }, []);
+  const list = (Array.isArray(items) ? items : [])
+    .map((it) => `${(it && it.name) || ''}\u0001${(it && it.path) || ''}`)
+    .join('\u0000');
+  useEffect(() => {
+    for (const entry of list.split('\u0000')) {
+      if (!entry) continue;
+      const sep = entry.indexOf('\u0001');
+      const name = entry.slice(0, sep);
+      const path = entry.slice(sep + 1);
+      // 目录反推已经拿到的不再查询（wbexpert 捆绑技能不该为它多花一次请求）。
+      if (skillIconFromDir(path, expertByPlugin)) continue;
+      skillIconEnqueue(call, name);
+    }
+    // list 由 items 逐项拼接而来，items 在渲染期重建，这里只关心集合内容变化。
+  }, [call, list, expertByPlugin]);
+};
+
+// ── 插件卡片下载量：npm 近 30 天统计，按当前页批量懒取 ──────────────────────
+// 技能卡的 ↓ 是 SkillHub 目录自带的；社区插件目录（slim.json 的 11 个字段）里没有下载量，
+// 只能在卡片渲染时按 npm 包名去公开统计接口补。取数在宿主侧（lib/npm-downloads.js：7 天
+// 落盘缓存、单请求 ≤12 包、429/5xx 冷却 10 分钟），这一层只管「渲染期不联网 + 结果落地后
+// 重绘」，纪律与 skillIcon* 同一套：
+//   · 模块级缓存，同一个包整个会话只问一次；值为 null = 问过了但没有（下架 / 未被统计 /
+//     接口挂了）→ 卡片上那枚「↓」干脆不出现。宁缺不假：绝不显示 0 冒充「没人下载」。
+//   · 当前页 50 张卡按卡片顺序入队，同一提交内的入队合并成批（≤12 包/请求）、**在途只 1 批**，
+//     所以翻一页最多 5 个请求，首屏靠前的先出数；翻页或换筛选只补新出现的包。
+//   · 口径与技能卡不同（那是累计、这是近 30 天），所以 title 里写明窗口。
+const npmDownloadsCache = new Map();      // pkg → number | null（null = 问过、没有）
+const npmDownloadsQueued = new Set();     // 已入队（含在途与已定值）
+const npmDownloadsWaiters = new Set();    // () => void：结果落地后通知组件重绘
+let npmDownloadsBuffer = [];              // 待发送包名，FIFO（= 卡片顺序）
+let npmDownloadsTimer = null;
+let npmDownloadsInflight = 0;
+const NPM_DOWNLOADS_BATCH = 12;           // 与宿主侧 MAX_PACKAGES 同口径
+// 在途必须 ≤1：宿主侧那道节流（并发 2 + 起手间隔 220ms，实测出来的数）是**全局**的，
+// 面板同时压两个批次就等于把速率翻倍 —— 实测 12 个请求并发打过去 429 占一半以上。
+const NPM_DOWNLOADS_INFLIGHT_MAX = 1;
+
+const npmDownloadsSettle = (values, retryable = []) => {
+  for (const pkg of Object.keys(values || {})) {
+    npmDownloadsCache.set(pkg, values[pkg]);
+    npmDownloadsQueued.add(pkg);
+  }
+  // 限流 / 网络抖动 ≠「这个包没有下载量」：把它从已入队集合放出来，下次翻页、换筛选或
+  // 重载面板会再试一次（真确认没有的 missing 才粘住，不反复白打公开接口）。
+  for (const pkg of retryable) npmDownloadsQueued.delete(pkg);
+  for (const notify of [...npmDownloadsWaiters]) {
+    try { notify(); } catch { /* 单个订阅者失败不影响其它 */ }
+  }
+};
+
+const npmDownloadsFlush = (call) => {
+  while (npmDownloadsInflight < NPM_DOWNLOADS_INFLIGHT_MAX && npmDownloadsBuffer.length) {
+    const batch = npmDownloadsBuffer.splice(0, NPM_DOWNLOADS_BATCH);
+    npmDownloadsInflight += 1;
+    call('wbNpmDownloads', { packages: batch })
+      .then((res) => {
+        const rows = res && res.packages ? res.packages : {};
+        const values = {};
+        const retryable = [];
+        for (const pkg of batch) {
+          const row = rows[pkg];
+          const n = row && row.ok ? Number(row.downloads) : Number.NaN;
+          if (Number.isFinite(n)) { values[pkg] = n; continue; }
+          // 分两种「没有」：missing = 上游确认这个包没有统计（下架/未收录），粘住不再问；
+          // 其它（限流、超时、接口挂了）本轮画不出来，但允许下次翻页/重载再试一次。
+          values[pkg] = null;
+          if (!(row && row.missing)) retryable.push(pkg);
+        }
+        npmDownloadsSettle(values, retryable);
+      })
+      .catch(() => npmDownloadsSettle(Object.fromEntries(batch.map((pkg) => [pkg, null])), batch))
+      .finally(() => {
+        npmDownloadsInflight -= 1;
+        npmDownloadsFlush(call);
+      });
+  }
+};
+
+const npmDownloadsEnqueue = (call, packages) => {
+  let added = 0;
+  for (const raw of Array.isArray(packages) ? packages : []) {
+    const pkg = String(raw || '').trim();
+    if (!pkg || npmDownloadsQueued.has(pkg)) continue;
+    npmDownloadsQueued.add(pkg);
+    npmDownloadsBuffer.push(pkg);
+    added += 1;
+  }
+  if (!added || npmDownloadsTimer !== null) return;
+  // 宏任务合并：一页 50 个 effect 各自入队，到这儿并成批再发，50 个请求就成 5 个。
+  npmDownloadsTimer = setTimeout(() => { npmDownloadsTimer = null; npmDownloadsFlush(call); }, 0);
+};
+
+/** 渲染期取下载量：还没问到 / 问过但没有 → null（这一枚不画）。 */
+const npmDownloadsFor = (pkg) => {
+  const value = npmDownloadsCache.get(String(pkg || '').trim());
+  return typeof value === 'number' && Number.isFinite(value) ? value : null;
+};
+
+// 组件侧接线：订阅结果 + 把当前页还没有值的包入队。与 useSkillIcons 一样，返回值只是重绘
+// 信号，渲染一律以 npmDownloadsCache 现值为准（迟到的成功会被下一帧采纳）。
+const useNpmDownloads = (call, items) => {
+  const [, setVersion] = useState(0);
+  useEffect(() => {
+    const notify = () => setVersion((v) => v + 1);
+    npmDownloadsWaiters.add(notify);
+    return () => { npmDownloadsWaiters.delete(notify); };
+  }, []);
+  const list = (Array.isArray(items) ? items : [])
+    .map((it) => String((it && it.npm) || '').trim())
+    .join('\u0000');
+  useEffect(() => {
+    npmDownloadsEnqueue(call, list.split('\u0000'));
+    // list 是当前页包名拼出来的字符串：只有集合内容变了才重新入队，
+    // 同一页反复重绘（滚动/装完一个）不会多打一次请求。
+  }, [call, list]);
+};
+
+// ── 插件卡片底栏那一行事实 ────────────────────────────────────────────────
+// 三枚（↓近 30 天下载 / ★星数 / 核验日期）在 250px 列下可用宽只有 153–174px，英文又比
+// 中文长，装不下时以前靠 overflow:hidden 裁掉尾字，读起来像界面坏了。这里改成「整枚收起」：
+// 离流探针 .dsh-mcp-pfacts-probe 与真行同构、量的是「三枚全画要多宽」，真行（flex:1 1 0）
+// 的宽度恒等于可用宽，两者一比就知道放不放得下——放不下收起日期那枚（信息量最低、字最长），
+// 列变宽了再放回来。结论只由「探针宽 vs 行宽」两个几何量决定，不依赖上一次的结论，所以
+// 不会「收起→行变窄→又放下→又溢出」地抖；面板切走（宽度 0）时直接不下结论。
+const PluginCardFacts = ({ downloadsText, downloadsTitle, starText, starTitle, dateText, dateTitle }) => {
+  const rowRef = useRef(null);
+  const probeRef = useRef(null);
+  const [dropDate, setDropDate] = useState(false);
+  const chips = (withDate) => {
+    const out = [];
+    if (downloadsText) out.push(h('span', { key: 'dl', className: 'dl', title: downloadsTitle }, '↓' + downloadsText));
+    if (starText) out.push(h('span', { key: 'star', className: 'star', title: starTitle }, h(StarIcon, { size: 10 }), starText));
+    if (withDate && dateText) out.push(h('span', { key: 'when', className: 'when', title: dateTitle }, dateText));
+    return out;
+  };
+  useEffect(() => {
+    const measure = () => {
+      const row = rowRef.current;
+      const probe = probeRef.current;
+      if (!row || !probe) return;
+      const have = row.getBoundingClientRect().width;
+      if (have < 8) return;
+      setDropDate(probe.getBoundingClientRect().width > have + 1);
+    };
+    measure();
+    if (typeof ResizeObserver !== 'function') return undefined;
+    let observer = null;
+    try {
+      observer = new ResizeObserver(measure);
+      if (rowRef.current) observer.observe(rowRef.current);
+    } catch {
+      return undefined;
+    }
+    return () => { if (observer) observer.disconnect(); };
+  }, [downloadsText, starText, dateText]);
+  return h('div', { ref: rowRef, className: 'dsh-mcp-pfacts' },
+    chips(!dropDate),
+    dateText ? h('div', { ref: probeRef, className: 'dsh-mcp-pfacts-probe', 'aria-hidden': true }, chips(true)) : null);
+};
+
 // ── Skill 看板：列表 + 详情 ──────────────────────────────────────────
 // 数据来自宿主新增的 listSkills / skillDetail（走同一个 mcpManager Remote 命名空间，
 // 复用既有的 call 信封 {ok, ...}），不引入第二条 Remote 通道。
@@ -6139,6 +6695,8 @@ const SkillBoard = ({ call, scope, timer }) => {
   const detailSeq = useRef(0);
   const toastCancel = useRef(null);
   const noticeCancel = useRef(null);
+  // 工具条搜索框：清空按钮点下去自己随即卸载，焦点会掉到 body——clear 后把焦点送回 input。
+  const searchRef = useRef(null);
   // 作用域切换检测（skillpick 只在真换作用域时清）+ skillpick 恢复只做一次的哨兵。
   const mountedScope = useRef(null);
   const seededPick = useRef(false);
@@ -6200,6 +6758,22 @@ const SkillBoard = ({ call, scope, timer }) => {
   // 不挂着时不用补——上面的挂载 effect 每次都会 load(false)，切回本页天然是新数据。
   useEffect(() => onSkillChange(() => { load(true); }), [load]);
 
+  // 真图标数据源①：专家目录（模块级缓存，与市场/已召唤页同一条）——wbexpert 捆绑技能
+  // 用安装目录名里的 plugin 反查专家头像。拉不到静默降级：这部分技能走生成头像。
+  const [expertByPlugin, setExpertByPlugin] = useState(() => new Map());
+  useEffect(() => {
+    let alive = true;
+    loadExpertCatalogShared(call).then((data) => {
+      if (!alive) return;
+      const map = new Map();
+      for (const item of (data.experts || [])) {
+        if (item && item.plugin) map.set(item.plugin, item.avatarUrl || '');
+      }
+      setExpertByPlugin(map);
+    }).catch(() => {});
+    return () => { alive = false; };
+  }, [call]);
+
   const queryKey = (query || '').toLowerCase();
   // 分类判定只依赖 name+description、与筛选无关 → 一次 memo 全量映射；
   // 分类轨道计数固定全量（决策 9），不随来源/权限/搜索联动。
@@ -6255,6 +6829,10 @@ const SkillBoard = ({ call, scope, timer }) => {
     }
     return map;
   }, [skills]);
+
+  // 真图标补全（数据源②）：把还没有①目录反推的技能名交给 SkillHub 精确匹配。
+  // 必须无条件调用（hook 规矩）；入队侧自行跳过已有真图与已缓存/在途的名字。
+  useSkillIcons(call, filtered, expertByPlugin);
   
 
   const openDetail = useCallback(async (name) => {
@@ -6443,9 +7021,20 @@ const SkillBoard = ({ call, scope, timer }) => {
       h('div', { className: 'dsh-mcp-skill-content' },
         // 顶部工具条：搜索 + 网格/列表分段控件（决策 5：不加 Hero，直奔工作区）。
         h('div', { className: 'dsh-mcp-skill-toolbar' },
-          h('div', { className: 'dsh-mcp-skill-search' },
+          h('div', { className: 'dsh-mcp-skill-search' + (query ? ' querying' : '') },
             h(Icon, { d: ICONS.search }),
-            h('input', { placeholder: t('搜索 skill…'), value: query, onChange: (e) => setQuery(e.target.value), 'aria-label': t('搜索 skill') }),
+            h('input', {
+              ref: searchRef,
+              placeholder: t('搜索 skill…'), value: query,
+              onChange: (e) => setQuery(e.target.value), 'aria-label': t('搜索 skill'),
+              // Escape 清词时吃掉事件（别让上层把弹窗/浮层一起关了）；没有词时放行。
+              onKeyDown: (e) => { if (e.key === 'Escape' && query) { e.stopPropagation(); setQuery(''); } },
+            }),
+            query ? h('button', {
+              type: 'button', className: 'clear',
+              title: t('清空搜索'), 'aria-label': t('清空搜索'),
+              onClick: () => { setQuery(''); searchRef.current?.focus(); },
+            }, h(Icon, { d: ICONS.x, size: 10 })) : null,
           ),
           h('div', { className: 'dsh-mcp-skill-seg', role: 'group', 'aria-label': t('视图切换') },
             h('button', {
@@ -6548,6 +7137,11 @@ const SkillBoard = ({ call, scope, timer }) => {
                         className: 'dsh-mcp-skill' + (selected === s.name ? ' on' : ''),
                         onClick: () => openDetail(s.name),
                       },
+                        // 列表行行首也给头像：有真图用真图（与市场同源），没有用生成头像，
+                        // 两种视图观感一致。
+                        skillIconFor(s, expertByPlugin)
+                          ? h(Avatar, { url: skillIconFor(s, expertByPlugin), name: s.name, className: 'dsh-mcp-skill-avatar-img sm' })
+                          : h(SkillAvatar, { name: s.name, size: 'sm' }),
                         h('div', { className: 'dsh-mcp-skill-main' },
                           h('div', { className: 'dsh-mcp-skill-name' }, s.name),
                           h('div', { className: 'dsh-mcp-skill-sub' },
@@ -6580,7 +7174,12 @@ const SkillBoard = ({ call, scope, timer }) => {
                         },
                           h('div', { className: 'dsh-mcp-skill-card-inner' },
                             h('div', { className: 'dsh-mcp-skill-card-top' },
-                              h('span', { className: 'dsh-mcp-skill-cat-tile', style: { background: sCat.color }, title: sCat.name }),
+                              // 市场同款头像位：wbexpert 捆绑技能反推专家真头像、其余按 SkillHub
+                              // slug 精确匹配补真图标（skillIconFor），取不到真图才用生成头像。
+                              // 分类语义保留：title 带分类名，foot 里有分类文字。
+                              skillIconFor(s, expertByPlugin)
+                                ? h(Avatar, { url: skillIconFor(s, expertByPlugin), name: s.name, className: 'dsh-mcp-skill-avatar-img', title: sCat.name })
+                                : h(SkillAvatar, { name: s.name, title: sCat.name }),
                               h('span', { className: 'dsh-mcp-skill-card-name' }, s.name),
                             ),
                             s.description
@@ -6635,15 +7234,21 @@ const SkillBoard = ({ call, scope, timer }) => {
           ? h('div', { className: 'dsh-mcp-skill-empty' }, t('从左侧选择一个 skill 查看详情'))
           : null,
         summary ? h('div', { className: 'dsh-mcp-skill-d-head' },
-          h('div', null,
-            h('h3', { className: 'dsh-mcp-skill-d-title' }, summary.name),
-            h('div', { className: 'dsh-mcp-skill-d-badges' },
-              summaryCat ? h(Badge, { cls: 't-stdio' }, summaryCat.name) : null,
-              summary.modelInvocable ? h(Badge, { cls: 't-http' }, t('模型可调用')) : null,
-              summary.userInvocable ? h(Badge, { cls: 't-stdio' }, t('用户可调用')) : null,
+          // 详情头与市场详情弹层同一构图：头像 + 标题块，打开目录按钮保持在最右。
+          h('div', { className: 'dsh-mcp-skill-d-id' },
+            skillIconFor(summary, expertByPlugin)
+              ? h(Avatar, { url: skillIconFor(summary, expertByPlugin), name: summary.name, className: 'dsh-mcp-skill-avatar-img lg' })
+              : h(SkillAvatar, { name: summary.name, size: 'lg' }),
+            h('div', null,
+              h('h3', { className: 'dsh-mcp-skill-d-title' }, summary.name),
+              h('div', { className: 'dsh-mcp-skill-d-badges' },
+                summaryCat ? h(Badge, { cls: 't-stdio' }, summaryCat.name) : null,
+                summary.modelInvocable ? h(Badge, { cls: 't-http' }, t('模型可调用')) : null,
+                summary.userInvocable ? h(Badge, { cls: 't-stdio' }, t('用户可调用')) : null,
+              ),
+              h('p', { className: 'dsh-mcp-skill-d-src' },
+                skillSourceLabel(summary.source) + (summary.provider ? ' · ' + summary.provider : '')),
             ),
-            h('p', { className: 'dsh-mcp-skill-d-src' },
-              skillSourceLabel(summary.source) + (summary.provider ? ' · ' + summary.provider : '')),
           ),
           summary.path ? h('button', {
             type: 'button',
@@ -6762,7 +7367,9 @@ const WB_CONNECTOR_SORTS = [
   { key: 'name', get label() { return t('名称 A→Z'); } },
 ];
 // T06/Awesome：DSH 社区目录排序（全量本地排序，不受分页影响）。
-// upstream 自带 stars 与 lastVerified，无下载量/评分字段，不臆造。
+// upstream 自带 stars 与 lastVerified，无评分字段，不臆造。
+// 下载量从 2.3.x 起有了（npm 公开统计），但它**只给当前页按可见卡片懒取**、且是
+// 近 30 天窗口：拿一份不完整、随页变化的数据做全量排序会排出个假名次，所以不加这档。
 const AWESOME_SORTS = [
   { key: 'stars', get label() { return t('最多星标'); } },
   { key: 'recent', get label() { return t('最新收录'); } },
@@ -6872,15 +7479,18 @@ const ExpertInstalledBoard = ({ call }) => {
     return () => { alive = false; off(); stopPoll(); };
   }, [call]);
 
-  // §4.1 召唤位推荐：只在架上为空时取目录（有专家时不需要，省一次请求）。
+  // §4.1 召唤位推荐 + 头像补全：无条件取共享目录（模块级 10 分钟缓存，与市场页同一条，
+  // 市场开过就是零网络）。为什么不能只在架上为空时取：预设行的 avatarUrl 依赖**宿主侧**
+  // expert-market.js 的新旧——宿主进程没重启时 wbExpertInstalled 不带 avatarUrl，卡面就
+  // 永远是字母。目录是稳定的旧 RPC，卡片头像一律先查目录（plugin → avatarUrl）再回落行字段。
   useEffect(() => {
-    if (loading || presets.length) return undefined;
+    if (loading) return undefined;
     let alive = true;
     loadExpertCatalogShared(call).then((data) => {
       if (alive) setCatalog(Array.isArray(data.experts) ? data.experts : []);
     }).catch(() => {});
     return () => { alive = false; };
-  }, [call, loading, presets.length]);
+  }, [call, loading]);
 
   // 召唤（推荐位点击）：与市场页同一条写链，成功后刷新本页 + 广播给会话头徽章。
   const summon = async (expert) => {
@@ -6942,6 +7552,14 @@ const ExpertInstalledBoard = ({ call }) => {
   // 推荐位：目录里还没召唤的，按目录序取前 6 —— 不排序、不评分，避免自造推荐逻辑。
   const summonedPlugins = new Set(presets.map((row) => row.plugin));
   const recommend = catalog.filter((item) => item && item.plugin && !summonedPlugins.has(item.plugin)).slice(0, 6);
+  // plugin → 头像：预设行字段优先？不——目录优先。预设行的 avatarUrl 依赖宿主侧模块
+  // 新旧（宿主没重启就不带），目录走的是稳定旧 RPC，两处都有时值也相同，取目录只为
+  // 在行字段缺席时仍能出图。查不到（目录没落盘）回落行字段，再回落空 → Avatar 出字母。
+  const catalogAvatar = new Map();
+  for (const item of catalog) {
+    if (item && item.plugin && item.avatarUrl) catalogAvatar.set(item.plugin, item.avatarUrl);
+  }
+  const presetAvatar = (plugin) => catalogAvatar.get(plugin) || '';
   return h('div', null,
     note ? h('div', { className: 'dsh-mcp-wb-note', role: 'status' }, note) : null,
     busyLabel ? h('div', { className: 'dsh-mcp-wb-note busy', 'aria-live': 'polite' }, busyLabel) : null,
@@ -6965,6 +7583,12 @@ const ExpertInstalledBoard = ({ call }) => {
                 const preset = presets.find((p) => p.plugin === plugin);
                 const bound = skillsByPlugin[plugin] || [];
                 return h('div', { key: plugin, className: 'dsh-mcp-onsite-body' },
+                  // 在场行也给头像：目录优先（稳定旧 RPC），回落预设行字段，与下方卡片一一对应。
+                  h(Avatar, {
+                    url: preset ? (presetAvatar(plugin) || preset.avatarUrl) : '',
+                    name: (rows[0] && rows[0].name) || (preset && preset.nameZh) || plugin,
+                    className: 'dsh-mcp-onsite-avatar',
+                  }),
                   h('div', { className: 'dsh-mcp-onsite-name' }, (rows[0] && rows[0].name) || (preset && preset.presetId) || plugin),
                   preset && preset.presetId ? h('div', { className: 'dsh-mcp-onsite-role' }, preset.presetId) : null,
                   bound.length
@@ -7002,11 +7626,20 @@ const ExpertInstalledBoard = ({ call }) => {
             const boundSkills = skillsByPlugin[row.plugin] || [];
             const activeList = activeByPlugin.get(row.plugin) || [];
             const confirming = confirmDismiss === row.plugin;
+            // 显示名与召唤菜单同一投影（跟宿主语言）：目录缓存名 → 预设行自带名 → plugin 标识名。
+            const presetLabel = usesEnglish()
+              ? (row.nameEn || row.nameZh || row.plugin)
+              : (row.nameZh || row.nameEn || row.plugin);
             return h('div', { key: row.presetId, className: 'dsh-mcp-card wb installed' },
               h('div', { className: 'dsh-mcp-card-top' },
-                h('div', null,
-                  h('div', { className: 'dsh-mcp-card-name' }, row.plugin),
-                  h('div', { className: 'dsh-mcp-card-vendor' }, row.presetId),
+                // 市场专家卡同款头像位：目录优先（稳定旧 RPC，宿主没重启也能出图），
+                // 回落 wbExpertInstalled 带出的行字段；取不到图时 Avatar 自动回落首字母。
+                h('div', { className: 'dsh-mcp-card-person' },
+                  h(Avatar, { url: presetAvatar(row.plugin) || row.avatarUrl, name: presetLabel, className: 'dsh-mcp-card-avatar' }),
+                  h('div', null,
+                    h('div', { className: 'dsh-mcp-card-name' }, presetLabel),
+                    h('div', { className: 'dsh-mcp-card-vendor' }, row.presetId),
+                  ),
                 ),
                 activeList.length
                   ? h(Badge, { cls: 's-on' }, t('在场 · {0} 会话', [activeList.length]))
@@ -7044,18 +7677,24 @@ const ExpertInstalledBoard = ({ call }) => {
         )
       : null,
     // §4.1 空白区：推荐位（原页面 80% 是空白，且没有任何「下一步」）。
+    // 排版走 .dsh-mcp-wb-reco：提示行与上方已召唤网格、下方推荐卡网格之间都要留白，
+    // 10.5px 的小字提示紧贴卡片会糊成一片（间距见 CSS 侧同名规则）。
     !loading && recommend.length
-      ? h('div', null,
-          h('div', { className: 'dsh-mcp-item-sub', style: { marginTop: '14px' } },
+      ? h('div', { className: 'dsh-mcp-wb-reco' },
+          h('div', { className: 'dsh-mcp-item-sub' },
             h('span', null, presets.length ? t('再看看这些（目录前 {0} 位未召唤）', [recommend.length]) : t('可以从这几位开始（目录前 {0} 位）', [recommend.length])),
             h('a', { href: '#', onClick: (e) => { e.preventDefault(); openBoardCategory('wb'); } }, t('去市场看全部')),
           ),
           h('div', { className: 'dsh-mcp-wb-grid' },
             recommend.map((item) => h('div', { key: item.plugin, className: 'dsh-mcp-card wb' },
               h('div', { className: 'dsh-mcp-card-top' },
-                h('div', null,
-                  h('div', { className: 'dsh-mcp-card-name' }, item.name || item.plugin),
-                  h('div', { className: 'dsh-mcp-card-vendor' }, item.profession || item.category || item.plugin),
+                // 推荐位与市场卡同构（card-person + Avatar），目录行自带 avatarUrl。
+                h('div', { className: 'dsh-mcp-card-person' },
+                  h(Avatar, { url: item.avatarUrl, name: item.name || item.plugin, className: 'dsh-mcp-card-avatar' }),
+                  h('div', null,
+                    h('div', { className: 'dsh-mcp-card-name' }, item.name || item.plugin),
+                    h('div', { className: 'dsh-mcp-card-vendor' }, item.profession || item.category || item.plugin),
+                  ),
                 ),
               ),
               item.description ? h('div', { className: 'dsh-mcp-card-summary' }, item.description) : null,
@@ -7070,7 +7709,11 @@ const ExpertInstalledBoard = ({ call }) => {
     detail
       ? h('div', { className: 'dsh-mcp-overlay', onClick: (e) => !busy && e.target === e.currentTarget && setDetail(null) },
           h('div', { ref: summonedRef, className: 'dsh-mcp-modal dsh-mcp-wb-modal', role: 'dialog', 'aria-modal': true, 'aria-label': t('已召唤专家详情'), tabIndex: -1, onKeyDown: (e) => { if (e.key === 'Escape' && !busy) { e.stopPropagation(); setDetail(null); } } },
-            h('h3', null, detail.name ? t('{0}（{1}）', [detail.name, detail.profession || '']) : detail.plugin),
+            // 详情头与市场专家详情同一构图：头像 + 标题行（wbExpertDetail 展开 catalog 行自带 avatarUrl）。
+            h('div', { className: 'dsh-mcp-wb-modal-head' },
+              h(Avatar, { url: detail.avatarUrl, name: detail.name || detail.plugin, className: 'dsh-mcp-detail-avatar' }),
+              h('h3', null, detail.name ? t('{0}（{1}）', [detail.name, detail.profession || '']) : detail.plugin),
+            ),
             h('div', null,
                   detail.detailError ? h('p', { className: 'dsh-mcp-wb-error' }, detail.detailError) : null,
                   detail.description ? h('p', { className: 'dsh-mcp-wb-modal-desc' }, detail.description) : null,
@@ -7101,6 +7744,15 @@ const ExpertInstalledBoard = ({ call }) => {
       : null,
   );
 };
+// 装备清单「去市场」需要把专家搜索词带进专家页；ExpertMarket 的签名被回归测试钉死，
+// 所以用一个一次性模块级种子，不新增 prop。
+let expertMarketSeedQuery = '';
+const seedExpertMarketQuery = (value) => { expertMarketSeedQuery = String(value || '').trim(); };
+const takeExpertMarketSeedQuery = () => {
+  const value = expertMarketSeedQuery;
+  expertMarketSeedQuery = '';
+  return value;
+};
 // 专家市场（市场页子标签）：浏览全量目录 + 召唤/送还。
 const ExpertMarket = ({ call }) => {
   const [loading, setLoading] = useState(true);
@@ -7110,8 +7762,9 @@ const ExpertMarket = ({ call }) => {
   const [note, setNote] = useState('');
   const [experts, setExperts] = useState([]);
   const [categories, setCategories] = useState([]);
+  const [meta, setMeta] = useState({});
   const [source, setSource] = useState('');
-  const [query, setQuery] = useState('');
+  const [query, setQuery] = useState(() => takeExpertMarketSeedQuery());
   const [category, setCategory] = useState('all');
   const [page, setPage] = useState(1);
   const [detail, setDetail] = useState(null);
@@ -7152,7 +7805,15 @@ const ExpertMarket = ({ call }) => {
       const data = await loadExpertCatalogShared(call, force);
       setExperts(data.experts);
       setCategories(data.categories);
+      setMeta(data.meta || {});
       setSource(data.loadedFrom);
+      if (recordMarketSnapshot('expert', data.experts.map((expert) => ({
+        key: expert.id || expert.plugin,
+        name: expert.name,
+        sig: String(expert.updatedAt || ''),
+      })))) {
+        emitMarketPulse();
+      }
     } catch (e) {
       setError(String(e?.message || e));
     } finally {
@@ -7250,12 +7911,22 @@ const ExpertMarket = ({ call }) => {
   return h('div', null,
     h('div', { className: 'dsh-mcp-wb-toolbar' },
       h(WbSearchBox, {
-        value: query, placeholder: t('搜索专家（花名 / 职业 / 描述 / 标签）'), disabled: loading,
+        value: query, placeholder: t('搜索专家（花名 / 职业 / 描述 / 标签）'), busy: loading,
         onChange: (value) => { setQuery(value); setPage(1); },
       }),
       h('span', { className: 'dsh-mcp-builtin-count' },
         t('显示 {0} / {1}', [filtered.length, experts.length]) + (searching ? t(' · 全库搜索（忽略分类）') : '') + (source === 'network' ? t(' · 已更新') : source === 'disk' ? t(' · 缓存') : '')),
     ),
+    (meta.authorName || meta.lastUpdated)
+      ? h('div', { className: 'dsh-mcp-catalog-meta' },
+          meta.authorName ? h('span', null, t('目录维护方：{0}', [meta.authorName])) : null,
+          meta.lastUpdated ? h('span', null, t('目录更新于 {0}', [relativeLabel(meta.lastUpdated)])) : null,
+          /^https?:\/\//i.test(String(meta.authorSource || ''))
+            ? h('a', { href: meta.authorSource, target: '_blank', rel: 'noreferrer' }, t('查看来源'))
+            : null,
+          meta.license ? h('span', null, meta.license) : null,
+        )
+      : null,
     // 搜索态置灰不隐藏：位置稳定，用户知道「分类还在，只是这次搜索没按它筛」。
     h('div', { className: 'dsh-mcp-market-chips' + (searching ? ' muted' : ''), title: searching ? t('搜索时自动在全库匹配（忽略分类）') : undefined },
       categoryChips.map((row) => h('button', {
@@ -7284,9 +7955,12 @@ const ExpertMarket = ({ call }) => {
             const staleTeam = actions.update;
             return h('div', { key: item.plugin, className: 'dsh-mcp-card wb' + (summoned ? ' installed' : '') },
               h('div', { className: 'dsh-mcp-card-top' },
-                h('div', null,
-                  h('div', { className: 'dsh-mcp-card-name' }, t('{0}（{1}）', [item.name, item.profession])),
-                  h('div', { className: 'dsh-mcp-card-vendor' }, item.categoryName || item.categoryId),
+                h('div', { className: 'dsh-mcp-card-person' },
+                  h(Avatar, { url: item.avatarUrl, name: item.name, className: 'dsh-mcp-card-avatar' }),
+                  h('div', null,
+                    h('div', { className: 'dsh-mcp-card-name' }, t('{0}（{1}）', [item.name, item.profession])),
+                    h('div', { className: 'dsh-mcp-card-vendor' }, item.categoryName || item.categoryId),
+                  ),
                 ),
                 staleTeam
                   ? h(Badge, {
@@ -7305,6 +7979,7 @@ const ExpertMarket = ({ call }) => {
                 h(Badge, null, item.expertType === 'team' ? t('专家团') : t('专家')),
                 item.tags.map((tag) => h(Badge, { key: tag }, tag)),
                 installedSkillPlugins.has(item.plugin) ? h(Badge, null, t('含技能')) : null,
+                item.updatedAt ? h(Badge, { title: wbFormatDate(timestampOf(item.updatedAt)) }, t('更新于 {0}', [relativeLabel(item.updatedAt)])) : null,
               ),
               h('div', { className: 'dsh-mcp-wb-card-actions' },
                 h('button', { type: 'button', className: 'dsh-mcp-btn', disabled: openingPlugin === item.plugin, 'aria-busy': openingPlugin === item.plugin || undefined, onClick: () => openDetail(item) }, openingPlugin === item.plugin ? t('读取中…') : t('详情')),
@@ -7341,11 +8016,35 @@ const ExpertMarket = ({ call }) => {
         });
         return h('div', { className: 'dsh-mcp-overlay', onClick: (e) => !busy && e.target === e.currentTarget && setDetail(null) },
           h('div', { ref: expertDetailRef, className: 'dsh-mcp-modal dsh-mcp-wb-modal', role: 'dialog', 'aria-modal': true, 'aria-label': t('专家详情'), tabIndex: -1, onKeyDown: (e) => { if (e.key === 'Escape' && !busy) { e.stopPropagation(); setDetail(null); } } },
-            h('h3', null, t('{0}（{1}）', [detail.name, detail.profession])),
-            h('div', { className: 'dsh-mcp-card-vendor' }, detail.categoryName || detail.categoryId || ''),
+            h('div', { className: 'dsh-mcp-detail-person' },
+              h(Avatar, { url: detail.avatarUrl, name: detail.name, className: 'dsh-mcp-detail-avatar' }),
+              h('div', null,
+                h('h3', null, t('{0}（{1}）', [detail.name, detail.profession])),
+                h('div', { className: 'dsh-mcp-card-vendor' }, detail.categoryName || detail.categoryId || ''),
+              ),
+            ),
+            h(PresenceLine, {
+              owner: meta.authorName,
+              updatedAt: detail.updatedAt,
+              note: detail.expertType === 'team' ? t('专家团') : t('专家人设'),
+              className: 'dsh-mcp-presence-detail',
+            }),
+            // 真实出口前置：详情再长也不必先滑到底才能去仓库 / 提 Issue。
+            h(FeedbackLinks, {
+              item: detail, kind: 'expert',
+              homepage: meta.authorSource,
+              sourceLabel: meta.authorName ? t('目录维护方：{0}', [meta.authorName]) : '',
+            }),
             h('div', null,
                   detail.detailError ? h('p', { className: 'dsh-mcp-wb-error' }, detail.detailError) : null,
                   detail.description ? h('p', { className: 'dsh-mcp-wb-modal-desc' }, detail.description) : null,
+                  (meta.version || detail.createdAt || detail.updatedAt)
+                    ? h('div', { className: 'dsh-mcp-card-tags' },
+                        meta.version ? h(Badge, null, 'v' + meta.version) : null,
+                        detail.createdAt ? h(Badge, null, t('加入时间 {0}', [wbFormatDate(timestampOf(detail.createdAt))])) : null,
+                        detail.updatedAt ? h(Badge, null, t('人设更新于 {0}', [relativeLabel(detail.updatedAt)])) : null,
+                      )
+                    : null,
                   detail.quickPrompts && detail.quickPrompts.length
                       ? (() => {
                         // OPT-26 · 3.3：quickPrompts 超过 3 条时默认折叠，按钮切换展开/收起。
@@ -7408,7 +8107,7 @@ const ExpertMarket = ({ call }) => {
                   // stale 团队行：详情弹层里给出直白解释 + 更新入口（同一条召唤链，upsert 整行重写）。
                   // 判定与卡片按钮同源（detailActions 在上方按 expertCardActions 算出）。
                   detailActions.update
-                    ? h('p', { className: 'dsh-mcp-wb-modal-note', style: 'color:var(--dsw-alias-state-warn-primary)' },
+                    ? h('p', { className: 'dsh-mcp-wb-modal-note', style: { color: 'var(--dsw-alias-state-warn-primary)' } },
                         t('⚠ 这条预设是旧版本召唤写入的：人设缺「DSH 运行时适配」桥接段，用它的新会话主理人只会调不存在的 TeamCreate/Agent，成员子智能体开不出来。点下方「更新预设」重跑召唤即可刷新。'))
                     : null,
                 ),
@@ -7496,6 +8195,20 @@ const quickMentionText = (kind, item) => {
   const token = String(item.name || '');
   return /^[\w-]+$/.test(token) ? `/${token} ` : t('{0}：', [token]);
 };
+// 二级菜单横向展开方向：输入框动作区贴右侧，主菜单常被视口夹到右缘；若第二级仍向右开，
+// 232px 会整块伸出屏幕。以锚点行为基准判断（不用子菜单当前所在侧，避免翻转后来回抖动）：
+// 右侧放不下且左侧更宽裕时向左开；两侧都放不下时也选更宽的一侧，把溢出减到最小。
+// width 传子菜单实测外宽（含 padding/border）；未挂载时按 232 + 12 估算。
+const quickSubmenuOpensLeft = (row, width = 244) => {
+  if (!row) return false;
+  const rect = row.getBoundingClientRect();
+  const viewportW = window.innerWidth || document.documentElement.clientWidth || 0;
+  const gap = 4 + 8; // 与主菜单的 4px 间距 + 视口 8px 留白
+  const roomRight = viewportW - rect.right - gap;
+  const roomLeft = rect.left - gap;
+  const outerWidth = Math.min(width, Math.max(0, viewportW - 16));
+  return roomRight < outerWidth && roomLeft >= roomRight;
+};
 const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
   useI18nRevision(); // 宿主切语言后重渲染，模块级 getter 文案即时更新
   const [open, setOpen] = useState(false);
@@ -7503,13 +8216,25 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
   const [recent, setRecent] = useState(null); // { skill: [], mcp: [], expert: [] }
   const [listError, setListError] = useState('');
   const [copied, setCopied] = useState('');
-  // 子菜单翻转：展开后实测子菜单底边是否越过视口下缘，越界则给该行加 flip（向上展开）。
+  // 子菜单翻转：展开后实测几何，纵向越界加 flip（向上展开），横向越界加 hflip（向左展开）。
   // 只在展开/hoverKind 变化时测一次（临时浮层，不监听滚动缩放）。
   const [flipKinds, setFlipKinds] = useState(() => new Set());
+  const [hflipKinds, setHflipKinds] = useState(() => new Set());
   const rowRefs = useRef(new Map());
   const rootRef = useRef(null);
   const closeTimer = useRef(null);
   const cancelClose = () => { if (closeTimer.current) { clearTimeout(closeTimer.current); closeTimer.current = null; } };
+  // 展开子菜单前先定横向方向：等挂载后再测会先按默认方向画一帧，而菜单贴右缘时
+  // 那一帧整块在屏幕外。实测宽度的精修仍由下面的 effect 负责。
+  const markSubmenuSide = (kindKey, row) => {
+    const opensLeft = quickSubmenuOpensLeft(row);
+    setHflipKinds((prev) => {
+      if (prev.has(kindKey) === opensLeft) return prev;
+      const next = new Set(prev);
+      if (opensLeft) next.add(kindKey); else next.delete(kindKey);
+      return next;
+    });
+  };
   // scheduleClose 在 JSX 前定义（rootHoverProps 用它）；此处不重复声明。
 
   // 菜单打开时拉一次各类清单。清单取全量（不做 6 条截断），交给子菜单自己
@@ -7534,7 +8259,14 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
     setRecent({
       skill: skillRows.map((row) => ({ name: row.name, description: row.description || row.whenToUse || '' })),
       mcp: mcpRows.map((row) => ({ name: row.serverName, description: row.url || row.command || row.transport || '' })),
-      expert: expertRows.map((row) => ({ plugin: row.plugin, name: row.plugin, presetId: row.presetId })),
+      // 专家显示名由宿主从目录缓存补上（nameZh/nameEn），两套都留在行里：
+      // 菜单开着时宿主切语言，itemLabel 直接按当前 locale 重选，不必重新拉取。
+      expert: expertRows.map((row) => ({
+        plugin: row.plugin,
+        name: row.nameZh || row.nameEn || row.plugin,
+        nameEn: row.nameEn || row.nameZh || row.plugin,
+        presetId: row.presetId,
+      })),
       // 数据层读侧已经滤掉「无名/无成员」的残缺条目，这里再兜一次手改文件的形状：
       // 空套件展开后什么都插不进草稿，留在菜单里只是个点了没反应的死条目。
       suite: suiteRows
@@ -7550,10 +8282,13 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
       recentExpert: Array.isArray(kinds.expert) ? kinds.expert : [],
     });
   }, [call]);
+  // 关闭时保留上次清单：再次打开先用缓存内容按最终高度出菜单，后台再刷新，
+  // 避免每次点击都先闪一版 loading 骨架再收缩。首次打开仍会短暂显示骨架，
+  // 但位置已在布局阶段定好，不会出现「高菜单栏闪一下」。
   useEffect(() => {
-    if (open && recent === null) loadRecent().catch((e) => setListError(String(e?.message || e)));
-    if (!open) setRecent(null);
-  }, [open, recent, loadRecent]);
+    if (!open) return;
+    loadRecent().catch((e) => setListError(String(e?.message || e)));
+  }, [open, loadRecent]);
 
   // ── 主菜单 fixed 定位（页面不动的根修）────────────────────────────────
   // 菜单原来 position:absolute 锚在图标上：attachNote/新建按钮让菜单变高时，
@@ -7562,15 +8297,20 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
   // 菜单再高也只是视口内的浮层，页面滚动零位移。翻转/关闭判定不受影响。
   const menuRef = useRef(null);
   const [menuPos, setMenuPos] = useState(null);
-  useEffect(() => {
+  // 必须用 useLayoutEffect：菜单首帧还没有定位（style 为空）时，position:fixed 会按
+  // 静态位置落在输入框行里，一帧后再跳到实测位置——用户看到的就是「很高的菜单栏闪现」。
+  // 布局阶段测量 + 定位，浏览器一次绘制就已经在正确位置；未定位前菜单保持 visibility:hidden。
+  useLayoutEffect(() => {
     if (!open) { setMenuPos(null); return; }
     const measure = () => {
       const trigger = rootRef.current?.querySelector('.dsh-mcp-quick-trigger');
       if (!trigger) return;
       const rect = trigger.getBoundingClientRect();
-      const width = menuRef.current?.offsetWidth || 148;
-      // 默认贴 trigger 左缘、向上弹出；右缘越界时右对齐，顶部空间不足时向下弹出。
-      const left = Math.min(rect.left, Math.max(4, window.innerWidth - width - 4));
+      const width = menuRef.current?.offsetWidth || 128;
+      // 一级菜单水平居中于引用图标：left = 图标中心 − 菜单半宽。
+      // 贴到视口右缘时夹回视口内，左侧不足 4px 时向右兜底。
+      const centered = rect.left + rect.width / 2 - width / 2;
+      const left = Math.max(4, Math.min(centered, window.innerWidth - width - 4));
       const style = { position: 'fixed', left: Math.round(left) + 'px' };
       const needsUp = rect.top > window.innerHeight / 2;
       if (needsUp) style.bottom = Math.round(window.innerHeight - rect.top + 6) + 'px';
@@ -7586,7 +8326,14 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
   // 子菜单翻转测量：hoverKind 变化且子菜单已挂载后，实测几何再决定 flip。
   // 布局在一帧内即可稳定（子菜单定位纯 CSS），rAF 双保险避免读到中间态。
   useEffect(() => {
-    if (!open || !hoverKind) return;
+    if (!open) {
+      // 关闭后清空翻转态：下次在别处打开时先按默认方向渲染，再由实测修正，
+      // 避免沿用上一次位置的 flip/hflip 闪一下。
+      setFlipKinds((prev) => (prev.size ? new Set() : prev));
+      setHflipKinds((prev) => (prev.size ? new Set() : prev));
+      return;
+    }
+    if (!hoverKind) return;
     let alive = true;
     requestAnimationFrame(() => requestAnimationFrame(() => {
       if (!alive) return;
@@ -7594,7 +8341,8 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
       const sub = row ? row.querySelector('.dsh-mcp-quick-sub') : null;
       if (!row || !sub) return;
       const rect = sub.getBoundingClientRect();
-      const overflowBottom = rect.bottom - (window.innerHeight || document.documentElement.clientHeight);
+      const viewportH = window.innerHeight || document.documentElement.clientHeight || 0;
+      const overflowBottom = rect.bottom - viewportH;
       setFlipKinds((prev) => {
         const shouldFlip = overflowBottom > 8;
         if (prev.has(hoverKind) === shouldFlip) return prev;
@@ -7602,6 +8350,15 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
         if (shouldFlip) next.add(hoverKind); else next.delete(hoverKind);
         return next;
       });
+      // 横向用子菜单实测外宽精修一次（CSS max-width 在窄窗下会收窄它）；
+      // 方向判据与悬停前那次一致，不会因当前所在侧而抖动。
+      const shouldHflip = quickSubmenuOpensLeft(row, sub.offsetWidth || 232);
+      setHflipKinds((prev) => {
+        if (prev.has(hoverKind) === shouldHflip) return prev;
+        const next = new Set(prev);
+        if (shouldHflip) next.add(hoverKind); else next.delete(hoverKind);
+        return next;
+      });
     }));
     return () => { alive = false; };
   }, [open, hoverKind, recent]);
@@ -7690,7 +8447,14 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
     if (kind === 'mcp') return orderSubItems(kind, recent.mcp);
     return orderSubItems(kind, recent.expert);
   };
-  const itemLabel = (kind, item) => (kind === 'expert' ? item.name || item.plugin : item.name);
+  // 专家名跟随宿主语言：两套名都已随行送到（见 loadRecent），这里只做投影；
+  // 由 useI18nRevision 驱动重渲染，切换语言当帧生效。缺译文时回落另一语言，最后才是 plugin。
+  const itemLabel = (kind, item) => {
+    if (kind !== 'expert') return item.name;
+    return usesEnglish()
+      ? (item.nameEn || item.name || item.plugin)
+      : (item.name || item.nameEn || item.plugin);
+  };
   const itemDesc = (kind, item) => (kind === 'mcp' ? (item.transport ? item.transport : '') : (item.description || '').slice(0, 48));
 
   // ── 挂专家（WorkBuddy 式：随时挂 / 换 / 摘）──────────────────────────────
@@ -7724,7 +8488,7 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
       if (res && res.ok) {
         setAttached({ plugin: item.plugin, name: res.name || item.name || item.plugin, mode: 'persona' });
         // 团队型说明只在 trigger 的 title（悬停）里出现，不进菜单气泡：
-        // 这句 60+ 字，菜单 min-width 只有 148px，塞进气泡会折成多行把菜单撑高。
+        // 这句 60+ 字，菜单 min-width 只有 128px，塞进气泡会折成多行把菜单撑高。
         // 成功态本来就有两处可见反馈——专家 chip（名字 + ×）与菜单项的「已挂」徽章。
         setAttachNote('');
         setTeamHint(res.expertType === 'team'
@@ -7820,7 +8584,7 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
       onClick: (e) => { e.stopPropagation(); setOpen((value) => !value); setHoverKind(null); },
     }, h(Icon, { d: ICONS.board, size: 15 })),
     open
-      ? h('div', { className: 'dsh-mcp-quick-menu', role: 'menu', 'aria-label': t('快速调用'), ref: menuRef, style: menuPos },
+      ? h('div', { className: 'dsh-mcp-quick-menu', role: 'menu', 'aria-label': t('快速调用'), ref: menuRef, style: menuPos || { position: 'fixed', visibility: 'hidden' } },
           // 只报「已复制」，不复述内容：MCP 那条 mention 有 60+ 字，拼进来会折行撑高菜单
           // （OPT-32）。内容已在剪贴板，用户直接粘贴即可；完整文本留作 title 悬停可查。
           copied ? h('div', { className: 'dsh-mcp-quick-note', title: copied }, t('已复制，粘贴到输入框')) : null,
@@ -7842,10 +8606,10 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
             const hasAny = skillRows.length > 0 || suites.length > 0;
             return h('div', {
               key: kind.key,
-              className: 'dsh-mcp-quick-row' + (expanded && flipKinds.has(kind.key) ? ' flip' : ''),
+              className: 'dsh-mcp-quick-row' + (expanded && flipKinds.has(kind.key) ? ' flip' : '') + (expanded && hflipKinds.has(kind.key) ? ' hflip' : ''),
               ref: (el) => { if (el && expanded) rowRefs.current.set(kind.key, el); else rowRefs.current.delete(kind.key); },
               // 悬停开合由根节点统一管理（见 rootHoverProps）：行内只负责展开子菜单。
-              onMouseEnter: () => { cancelClose(); setHoverKind(kind.key); },
+              onMouseEnter: (e) => { cancelClose(); markSubmenuSide(kind.key, e.currentTarget); setHoverKind(kind.key); },
             },
               h('button', {
                 type: 'button',
@@ -7856,7 +8620,13 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
                 // 分类行点击 = 只切换子菜单（绝不跳板）。跳页是上一版缺陷的根因：
                 // WorkBuddy 式交互里悬停已展开子菜单，点击再跳管理页属意外导航。
                 // 键盘/触屏路径：Enter/点按切换子菜单；管理入口在子菜单底部明确按钮。
-                onClick: (e) => { e.stopPropagation(); cancelClose(); setHoverKind((value) => (value === kind.key ? null : kind.key)); },
+                onClick: (e) => {
+                  e.stopPropagation(); cancelClose();
+                  const willOpen = hoverKind !== kind.key;
+                  // 点按 / 键盘路径也要先定方向：贴右缘时先向右画一帧会整块跑到屏幕外。
+                  if (willOpen) markSubmenuSide(kind.key, e.currentTarget.closest('.dsh-mcp-quick-row'));
+                  setHoverKind(willOpen ? kind.key : null);
+                },
                 title: kind.hint,
               },
                 h(Icon, { d: ICONS[kind.icon], size: 13 }),
@@ -7914,7 +8684,7 @@ const SummonQuickMenu = ({ call, inputActions, sessionId: sessionIdProp }) => {
                       title: t('打开看板的「') + kind.label + t('」分类管理'),
                       onClick: (e) => { e.stopPropagation(); openBoardCategory(kind.key === 'expert' ? 'expert' : kind.key); },
                     },
-                      h('span', { className: 'dsh-mcp-quick-item-name' }, t('管理') + kind.label + '…'),
+                      h('span', { className: 'dsh-mcp-quick-item-name' }, t('管理{0}…', [kind.label])),
                     ),
                     // 套件管理入口只在技能子菜单里给（套件就是技能的组合，放在别处会找不到语境）。
                     // 走 openSuiteManager()：它广播 + 切到 skill 看板，弹窗由 SkillBoard 那边挂出来——
@@ -8063,120 +8833,1172 @@ const wbFormatDate = (ms) => {
   if (!ms) return '';
   try { return new Date(Number(ms)).toISOString().slice(0, 10); } catch { return ''; }
 };
-// ── 市场面板：WorkBuddy 连接器 / 内置 MCP / SkillHub 技能三个子标签 ──────────────
-// 市场搜索框：左内置放大镜、圆角胶囊、聚焦高亮、右一键清空。
-// 三处复用（连接器 / 内置 MCP / 技能）：连接器与内置是纯本地过滤，输入即过滤；
-// 技能走服务端搜索，onCommit 由防抖或回车触发（见 WorkBuddyMarket 内注释）。
-const WbSearchBox = ({ value, onChange, placeholder, disabled, onCommit }) =>
-  h('div', { className: 'dsh-mcp-wb-search' },
-    h('span', { className: 'dsh-mcp-wb-search-ico', 'aria-hidden': true }, h(Icon, { d: ICONS.search, size: 14 })),
-    h('input', {
-      type: 'search', className: 'dsh-mcp-wb-search-input', placeholder,
-      value, disabled, spellCheck: false,
-      onChange: (e) => onChange(e.target.value),
-      onKeyDown: onCommit
-        ? (e) => { if (e.key === 'Enter') { e.preventDefault(); onCommit(); } }
-        : undefined,
-    }),
-    value && !disabled
-      ? h('button', {
-          type: 'button', className: 'dsh-mcp-wb-search-clear', title: t('清空'),
-          'aria-label': t('清空搜索'),
-          onClick: () => { onChange(''); if (onCommit) onCommit(); },
-        }, h(Icon, { d: ICONS.x, size: 12 }))
-      : null,
-  );
-const WorkBuddyMarket = ({ call, pluginManager }) => {
-  // ── 共享状态 ──
-  const [tab, setTab] = useState('connector');       // connector | skill
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState('');
-  const [busy, setBusy] = useState(false);
-  const [busyLabel, setBusyLabel] = useState('');
-  const [note, setNote] = useState('');
-  // ── 连接器 ──
-  const [connectorSource, setConnectorSource] = useState('');
-  const [connectors, setConnectors] = useState([]);
-  const [connectorQuery, setConnectorQuery] = useState('');
-  const [connectorOnlyReady, setConnectorOnlyReady] = useState(true);
-  // T04/R8：已安装筛选（全量本地筛选，不受分页影响——与技能侧「仅本页」不同）。
-  const [connectorOnlyInstalled, setConnectorOnlyInstalled] = useState(false);
-  // T05/R10：连接器排序键（全量本地排序）。
-  const [connectorSort, setConnectorSort] = useState('default');
-  const [connectorPage, setConnectorPage] = useState(1);
-  const [connectorDetail, setConnectorDetail] = useState(null);
-  // ── 技能 ──
-  const [skillPage, setSkillPage] = useState(1);
-  const [skillSort, setSkillSort] = useState('downloads');
-  const [skillKeyword, setSkillKeyword] = useState('');
-  const [skillKeywordInput, setSkillKeywordInput] = useState('');
-  const [skills, setSkills] = useState([]);
-  const [skillTotal, setSkillTotal] = useState(0);
-  // 技能侧自己的加载/错误态：此前与连接器共用 `loading`/`error`，两种请求谁先回来谁就
-  // 把对方的态改掉——连接器 1 秒读完就把 loading 置 false，技能还在飞，于是技能页先画
-  // 「技能目录暂时是空的 / 可能还没同步下来」；等技能真的超时，又把整页 banner 改成报错。
-  // 拆开之后，技能慢只影响技能页自己的 loading/error。
-  const [skillLoading, setSkillLoading] = useState(true);
-  const [skillError, setSkillError] = useState('');
-  const [skillDetail, setSkillDetail] = useState(null);
-  const [installedSkills, setInstalledSkills] = useState(new Set());
-  // §6.3 已安装筛选：SkillHub 每页 20 条远程分页，而「已装」是本地集合，
-  // 所以这层过滤只能作用于**当前页**——必须在标签上写清，否则会被误读成全库筛选。
-  // T04/R7：令牌弹窗。连接器 mcp.json 里带 ${...} 占位符时要先让用户填值——
-  // 面板只做「用户明确输入」的透传，绝不代填、绝不猜值（X9 边界）。
-  // tokenDialog = { item, values: Record<占位符名, string> } | null
-  const [tokenDialog, setTokenDialog] = useState(null);
-  // R8：OAuth 授权对话框。连接器探测到 401 不再报错，改为弹这里引导浏览器授权。
-  // authDialog = { item, serverName, sessionId, authorizeUrl, mode, redirectUri, hint,
-  //                status, error, callbackUrl, manualToken } | null
-  const [authDialog, setAuthDialog] = useState(null);
-  const authDialogRef = useRef(null);
-  authDialogRef.current = authDialog;
-  const authPollRef = useRef(null);
-  const authDialogRefNode = useRef(null);
-  useFocusTrap(authDialogRefNode, !!authDialog);
-  const [skillOnlyInstalled, setSkillOnlyInstalled] = useState(false);
-  // OPT-21：两个详情弹层此前都没有 ref（焦点陷阱需要容器节点）。
-  const connectorDetailRef = useRef(null);
-  const skillDetailRef = useRef(null);
-  useFocusTrap(connectorDetailRef, !!connectorDetail);
-  useFocusTrap(skillDetailRef, !!skillDetail);
-  const WB_PAGE_SIZE = 20;
 
-  const loadInstalled = useCallback(async () => {
-    const res = await call('wbSkillInstalled');
-    if (res?.ok) setInstalledSkills(new Set((res.installed || []).map((row) => row.slug)));
-  }, [call]);
+// ── 社区「人味」信号：真实的人、真实的维护节奏、真实的反馈出口 ────────────────
+// 市场目录里的条目不该只是「一个可安装的对象」：谁做的、最后一次动是什么时候、
+// 项目还活着吗、遇到问题该找谁。这些信号全部来自上游既有字段或 GitHub 公开 API，
+// 不生成任何虚构的作者 / 评价 / 在线人数。
+const ARMORY_REPO_URL = 'https://github.com/2026heshao/dsh-armory';
+const parseGithubRepoKey = (value) => {
+  const text = String(value || '').trim();
+  if (!text) return '';
+  const ssh = /^git@github\.com:([^/\s]+)\/([^/\s#]+?)(?:\.git)?$/i.exec(text);
+  if (ssh) return `${ssh[1]}/${ssh[2]}`;
+  const http = /^(?:git\+)?https?:\/\/(?:www\.)?github\.com\/([^/\s#?]+)\/([^/\s#?]+)/i.exec(text);
+  if (http) return `${http[1]}/${http[2].replace(/\.git$/i, '')}`;
+  const bare = /^([A-Za-z0-9_.-]+)\/([A-Za-z0-9_.-]+)$/.exec(text);
+  if (bare) return `${bare[1]}/${bare[2].replace(/\.git$/i, '')}`;
+  return '';
+};
+// ── 头像取图通道：GitHub 系一律走镜像代理 ───────────────────────────────────
+// 三条候选通道都在本机实测过（2026-10-24，真实 owner 名单取自 awesome 目录 4203 个）：
+//   · 直连 `avatars.githubusercontent.com/<login>`：单发 0.35s 很快，但 6 并发就有
+//     一半挂到 12 秒；更不能接受的是它对不存在的账号回 **200 + 一张占位图**，而且
+//     大小写敏感（`perrylink` 失败、`PERRYLINK` 成功）。目录里的 owner 写法五花八门，
+//     这条会把「头像取不到」变成「显示成别人的脸」，比字母更糟。
+//   · `api.github.com/users/<login>` 换 canonical `/u/<id>`：0.67s 能成，但未认证配额
+//     只有 60 次/小时（实测 X-RateLimit-Remaining 剩 38），而首页 50 张卡就有 41 个
+//     不同 owner —— 看完一页配额见底，后面几页全退回字母。
+//   · 镜像代理 `wsrv.nl` 去取 `https://github.com/<login>.png`（重定向由代理在服务端跟，
+//     本机的挂起路由根本不参与）：12 并发全部 200，0.56–2.83s、中位约 1.1s，
+//     单张 webp 0.3–2.7KB，响应头 `Cache-Control: public, max-age=31536000`
+//     （浏览器自己缓存一年），账号不存在干净回 404 → 落回字母，且**一次都不花配额**。
+// README 插图早就走同一条代理（`README_IMG_PROXY` / `readmeProxiedSrc`），头像沿用
+// 同一个取舍。代价说清楚：代理是第三方服务，它会知道面板这一屏渲染了哪些 GitHub
+// 用户名——面板已经把这批名字发给同一个代理处理 README 图，所以不是新增的暴露面。
+// 也**不做**「代理失败再回退直连 github.com」：直连那条源要 10 秒级（见下面 avatarRecord
+// 的实测注释），为一张头像把请求发回那条挂起的路上不值得。
+//
+// 但「首选代理挂了怎么办」要有答案。这里照 dshmarket 的 `githubRouteCandidates` /
+// `OwnerAvatar` 做成**有序路由**：第一条 onError/超时就直接换下一条，全部用完才落字母。
+//   · 首选 `wsrv.nl`，备胎 `images.weserv.nl` —— 实测两者是**同一个后端的不同域名**
+//     （同一份图、同样 200、同样一年强缓存），差别只在浏览器把它们当两个 host、
+//     各有约 6 条 HTTP/1.1 连接。所以备胎不只是「挂了再试」，也躲得开主域名被挤爆
+//     的那段时间（本机测过：12 并发走 wsrv 全部 200，但 images.weserv 单张更慢，
+//     所以它只配当第二条，不配当首选）。
+//   · 另两条常见加速域名对头像地址是坏的：`gh-proxy.com` 回 404、`ghfast.top` 回 403
+//     （都实测过），别再往表里加。
+const AVATAR_PROXY_BASES = ['https://wsrv.nl/?output=webp&q=80', 'https://images.weserv.nl/?output=webp&q=80'];
+const AVATAR_PROXY_HOSTS = ['github.com', 'avatars.githubusercontent.com', 'camo.githubusercontent.com'];
+
+/** 该不该交给代理取：只有 GitHub 系域名需要（本机跟不动它的重定向），别的域名原样。 */
+const avatarProxyHost = (text) => {
+  try {
+    return AVATAR_PROXY_HOSTS.indexOf(new URL(text).hostname.toLowerCase()) >= 0;
+  } catch {
+    return false;
+  }
+};
 
-  // T04/R8：安装状态账本（三类安装的统一登记，宿主 ~/.dsh/armory/install-state.json）。
-  // 与技能侧的 installedSkills 不同：这是**全量**集合，不受分页影响。
-  const [installRecords, setInstallRecords] = useState([]);
-  const loadInstallState = useCallback(async () => {
+/**
+ * 头像地址 → **有序候选路由**（数组长度就是允许的尝试次数）。
+ * · 已经是本代理族某条路由的地址：保留它自带的 `w`/`h`，只把域名依次换成族里每一条。
+ *   这样「卡片算出来的地址」和「这里再算一遍」永远是同一个字符串（合并的前提），
+ *   也不会套出第二层代理 —— 套两层就把图取坏了。
+ * · GitHub 系源地址：按 `size`（CSS 像素，夹在 32~192，按 2 倍图取）拼出每一条路由。
+ * · 其他域名 / 脏串：原样一条，交给浏览器自己取，取不到就是字母。
+ * · 空输入返回**空数组**，调用方靠它判「这一位压根没图」。
+ */
+const avatarRouteCandidates = (src, size = 64) => {
+  const text = String(src || '').trim();
+  if (!text) return [];
+  const wrapped = AVATAR_PROXY_BASES.findIndex((base) => text.startsWith(base));
+  if (wrapped >= 0) {
+    const tail = text.slice(AVATAR_PROXY_BASES[wrapped].length);
+    return AVATAR_PROXY_BASES.map((base) => `${base}${tail}`);
+  }
+  if (!avatarProxyHost(text)) return [text];
+  const side = Math.max(32, Math.min(192, Math.round(Number(size) || 64)));
+  return AVATAR_PROXY_BASES.map((base) => `${base}&w=${side}&h=${side}&url=${encodeURIComponent(text)}`);
+};
+/** 首选路由 = 登记表里的键 = 界面上最常见的那个 src；再过一道也不变（幂等）。 */
+const avatarProxyUrl = (src, size = 64) => avatarRouteCandidates(src, size)[0] || '';
+const githubAvatarUrl = (repo, size = 64) => {
+  const key = parseGithubRepoKey(repo);
+  return key ? avatarProxyUrl(`https://github.com/${key.split('/')[0]}.png`, size) : '';
+};
+// ── 头像：首帧字母，图片探到了再换 ───────────────────────────────────────────
+//
+// 为什么不能再把 src 直接交给 <img>（实测，2026-10-24）：
+//   · 全部卡片头像的**源**都是 `https://github.com/<login>.png`（awesome 的 slim.json 里
+//     根本没有 icon/avatar 字段，插件目录也一样）；现在这个源只作为代理的 `url=` 参数出现，
+//     面板自己不再直连 github.com（通道选型见上面 avatarProxyUrl）；
+//   · 首页 50 张卡 = 100 个 <img>（卡片一个、它下面那行 PresenceLine 又一个），
+//     而这 50 条只有 41 个不同 owner —— 一半请求是重复的；
+//   · 直连那条源时，github.com 的 302 回得很快（0.76s），慢在重定向落点：实测跟完整重定向链
+//     要 14.7 秒才拿到字节，单发 10.7 秒抛 "fetch failed"。浏览器在**报错之前**一直算
+//     「加载中」，Chromium 对单个 host 又只有约 6 条 HTTP/1.1 连接，100 个请求排队，于是
+//     整页都在等 10 秒级的挂起；这段时间 CSS 给 <img> 画的 background + border 就是用户
+//     看到的空灰圈，`onError` 里的 visibility:hidden 根本没机会触发。
+// 所以这里把「发请求」和「显示」拆开：
+//   1. 首帧永远渲染字母占位（.fallback），不留空圈 —— 慢的时候也得有内容；
+//   2. 后台用 new Image() 探一次，AVATAR_TIMEOUT_MS 内成功才换成 <img>
+//      （此时字节已在浏览器缓存里，绘制是即时的）；首选代理不成换下一条路由，
+//      全部用完才判死（见上面的 AVATAR_PROXY_BASES）；
+//   3. 超时或报错就**粘住**记进模块级登记表：同一个 URL 本次会话不再发第二次，
+//      再进市场这些头像一次请求都不发（粘住的是请求，不是显示——迟到的成功仍然采纳，
+//      因为「慢」不等于「坏」，而且不额外花一次网络）；
+//   4. 卡片行与 PresenceLine 传的是同一个 URL 字符串，共用同一条登记 →
+//      一次挂载发两遍同样的请求，自动合并成一遍；
+//   5. 探测只在「这个头像离视口 200px 以内」时才发起（useNearViewport，抄 dshmarket
+//      的卡片图口径）—— 视口外的那几十个 owner 根本进不了登记表。
+// 代价说清楚：每个 owner 至多 AVATAR_PROXY_BASES.length 次请求（一条代理 + 一条备胎），
+// 全挂之后归零，本次会话不再探；面板列表滚动时视口外的卡片根本进不了登记（见下面
+// useNearViewport），所以总量还能从 41 再往下压。
+//
+// 还要再加一层**并发闸门**（同样是本机实测，不是猜的）：wsrv.nl 在这台机上只给
+// HTTP/1.1（curl 实测 ver=1.1），Chromium 每域约 6 条连接，而代理单张串行
+// 0.58–2.46s、中位 1.7s；一屏就有 41~57 个不同 owner，浏览器里 57 并发实测
+// 「1.5 秒内只上屏 3 张、中位 4825ms、9 秒后仍有 30 张在途」—— 全并发打出去等于谁都要
+// 等 9 秒。更要紧的是：浏览器的 socket 队列排在**上网之前**，而 `new Image()` 的超时
+// 是从调用起算的，全并发时第 30 张其实还没发出就被我们的 4 秒判了死，而且是**粘住**的死
+// （本次会话不再重试）—— 把「慢」误杀成「坏」。所以：
+//   · 同时在途的头像请求不超过 AVATAR_INFLIGHT_MAX 条，其余排队（FIFO，入队顺序 =
+//     挂载顺序 = 文档顺序，也就是从上往下：用户先看到的那几张先拿到带宽）；
+//   · 超时从**真正发出请求**那一刻起算，不是从挂载起算 —— 排在队里等名额不算它慢；
+//   · 只取 3 条而不是把 6 条连接占满：README 插图走的是**同一个 wsrv.nl 域名**，
+//     打开 README 弹层时不能把它的额度挤死。
+const AVATAR_TIMEOUT_MS = 4000;
+const AVATAR_REGISTRY_MAX = 300;
+const AVATAR_INFLIGHT_MAX = 3;
+/** 首选路由地址 → { status, waiters, timer, dispatched, released, routes, route, resolved } */
+const avatarRegistry = new Map();
+/** 已登记、还没轮到发出的 URL（按挂载顺序） */
+const avatarQueue = [];
+let avatarInflight = 0;
+let avatarDraining = false;
+
+const avatarSettle = (rec, next) => {
+  if (rec.status === 'ok') return;
+  if (rec.status === 'fail' && next !== 'ok') return;
+  rec.status = next;
+  for (const notify of rec.waiters) notify();
+};
+
+const avatarClearTimer = (rec) => {
+  if (rec.timer) {
+    clearTimeout(rec.timer);
+    rec.timer = 0;
+  }
+};
+
+const avatarSucceeded = (rec, url) => {
+  avatarClearTimer(rec);
+  // resolved 记住**成功那条路由的地址**：备胎出图时界面上要画备胎那条，不能画回主那条。
+  rec.resolved = url;
+  avatarFinish(rec, 'ok');
+};
+
+/**
+ * 一条路由失败（onerror 或超时）：还有备胎就换下一条，**继续占着同一个在途名额**
+ * —— 名额代表「这个 owner 还没结算」，不是一次 HTTP；备胎用尽才判死并释放名额。
+ * 换路由后重新起表：主域名挂满 4 秒不该把备域名那 4 秒也吃掉。
+ */
+const avatarAttemptFailed = (rec) => {
+  avatarClearTimer(rec);
+  if (rec.route + 1 < rec.routes.length) {
+    rec.route += 1;
+    avatarDispatch(rec);
+    return;
+  }
+  avatarFinish(rec, 'fail');
+};
+
+const avatarDispatch = (rec) => {
+  if (!rec.dispatched) {
+    rec.dispatched = true;
+    avatarInflight += 1;
+  }
+  const url = rec.routes[rec.route];
+  // 计时起点在这里，不在 avatarRecord：排队时间不该计入超时（见上面的并发闸门说明）。
+  rec.timer = setTimeout(() => {
+    rec.timer = 0;
+    avatarAttemptFailed(rec);
+  }, AVATAR_TIMEOUT_MS);
+  try {
+    const image = new Image();
+    image.referrerPolicy = 'no-referrer';
+    image.onload = () => avatarSucceeded(rec, url);
+    image.onerror = () => avatarAttemptFailed(rec);
+    image.src = url;
+  } catch {
+    // 拿不到 Image 构造器（非浏览器宿主 / 内存受限）：走完尝试后判失败，界面停在字母上。
+    avatarAttemptFailed(rec);
+  }
+};
+
+/** 腾出一个在途名额并立刻补队。每条只允许释放一次，否则计数会跑负、闸门形同虚设。 */
+const avatarRelease = (rec) => {
+  if (!rec.dispatched || rec.released) return;
+  rec.released = true;
+  avatarInflight -= 1;
+  avatarDrain();
+};
+
+const avatarFinish = (rec, next) => {
+  avatarClearTimer(rec);
+  avatarSettle(rec, next);
+  avatarRelease(rec);
+};
+
+const avatarDrain = () => {
+  // 重入保护：同步判死那条路径（Image 构造抛异常）会在 dispatch 里再调一次 drain，
+  // 嵌套调用会绕开 while 的计数检查、把在途数打出上限。外层循环每轮都重读计数，
+  // 所以让嵌套那次直接返回、由外层收摊，不会漏发。
+  if (avatarDraining) return;
+  avatarDraining = true;
+  try {
+    while (avatarInflight < AVATAR_INFLIGHT_MAX && avatarQueue.length) {
+      const url = avatarQueue.shift();
+      const rec = avatarRegistry.get(url);
+      // 队头跳过：这条已被别的入口结算，或登记表已因溢出把它换掉了（绝不重复发）。
+      if (!rec || rec.status !== 'loading' || rec.dispatched) continue;
+      avatarDispatch(rec);
+    }
+  } finally {
+    avatarDraining = false;
+  }
+};
+
+/**
+ * 取某头像的加载登记，键是**首选路由地址**（卡片与 PresenceLine 算出同一个字符串，
+ * 所以自动共用同一条登记）。只有第一次建立时才入队发请求。
+ * 组件只在 useEffect 里、且只在「离视口够近」时调用，所以首帧一定先出字母。
+ */
+const avatarRecord = (routes) => {
+  const key = Array.isArray(routes) ? routes[0] : '';
+  if (!key) return { status: 'fail', waiters: new Set(), timer: 0, dispatched: false, released: true, route: 0, routes: [], resolved: '' };
+  const existing = avatarRegistry.get(key);
+  if (existing) return existing;
+  if (avatarRegistry.size >= AVATAR_REGISTRY_MAX) {
+    // 先按插入序腾出一条**已结算**的。绝不优先杀在途或还在排队的：它们的回调 / 队位还认着
+    // 这条记录，杀了之后同 URL 会被重建、再发一遍 —— 正好违反本层唯一的硬约束
+    // （每个 URL 至多一次）。若一条都腾不出来，宁可不再探，也不让登记表随刷过的页数无限长。
+    let freed = false;
+    for (const [registered, rec] of avatarRegistry) {
+      if (rec.status !== 'loading') {
+        avatarRegistry.delete(registered);
+        freed = true;
+        break;
+      }
+    }
+    // 溢出条：dispatched=false + released=true，让它永远不碰在途计数、也不入队。
+    if (!freed) return { status: 'fail', waiters: new Set(), timer: 0, dispatched: false, released: true, route: 0, routes, resolved: '', overflow: true };
+  }
+  const rec = { status: 'loading', waiters: new Set(), timer: 0, dispatched: false, released: false, routes, route: 0, resolved: '' };
+  avatarRegistry.set(key, rec);
+  avatarQueue.push(key);
+  avatarDrain();
+  return rec;
+};
+
+/**
+ * 「这一个头像离视口近不近」—— 照 dshmarket 的 `useNearViewport` / `CardShot` 的口径：
+ * **没靠近视口就不发请求**（`rootMargin` 提前 200px，滚到之前就备好）。这条比并发闸门
+ * 更根本：闸门只是排队，视口门是**根本不排队**——一屏十几张卡之外的那几十个 owner
+ * 一次都不请求；面板切走、容器隐藏时同样一次都不请求。
+ * 宿主没有 IntersectionObserver（老 Webview、非浏览器环境）时初值就是 `true`：
+ * 宁可退回「全都探」，也绝不能因为观察不到而让头像永远停在字母上。
+ * 节点走 `useRef` 而不是 `useState`：effect 在提交之后运行，那时 ref 已经挂上真实 DOM，
+ * 不必为了「拿到节点」再多渲染一次（dshmarket 用 state，代价是每个头像挂载都多一趟重绘）。
+ */
+const AVATAR_VIEWPORT_MARGIN = '200px';
+const useNearViewport = (rootMargin = AVATAR_VIEWPORT_MARGIN) => {
+  const [near, setNear] = useState(typeof IntersectionObserver === 'undefined');
+  const nodeRef = useRef(null);
+  useEffect(() => {
+    if (near || nodeRef.current === null) return undefined;
+    let observer = null;
     try {
-      const res = await call('wbInstallState');
-      if (res?.ok) setInstallRecords(Array.isArray(res.items) ? res.items : []);
+      observer = new IntersectionObserver((entries) => {
+        if (entries.some((entry) => entry && entry.isIntersecting)) setNear(true);
+      }, { rootMargin });
+      observer.observe(nodeRef.current);
     } catch {
-      // 安装状态是辅助信息，读失败不打断市场面板主流程。
-      setInstallRecords([]);
+      // 构造 / 挂载失败（老内核不认 rootMargin 这类参数）：当作已在视口，别把头像锁死。
+      setNear(true);
     }
-  }, [call]);
-  const installedKeySet = (kind) => new Set(
-    installRecords.filter((row) => row && row.kind === kind).map((row) => String(row.key || '')),
-  );
+    return () => {
+      if (observer) observer.disconnect();
+    };
+  }, [near, rootMargin]);
+  return [nodeRef, near];
+};
 
-  const loadConnectors = useCallback(async () => {
+/**
+ * 统一的头像位。`url` 空、还没进视口范围、或还没探到 → 字母；探到了 → <img>。
+ * 地址在这一层先过一道 `avatarRouteCandidates`：GitHub 系换成代理小图（包括 wbRepoMeta
+ * 给的 canonical `/u/<id>?v=4`，那是原图尺寸、直连又慢），别的域名原样透传。归一化收在
+ * 这层而不是散到各调用点，十个头像位才不会有人漏掉。默认尺寸：卡片和它下面那行
+ * PresenceLine 传的是同一个 owner，只有两边算出**同一个字符串**才合并成一次请求。
+ * 状态用 `ready = { key, src }` 而不是布尔：切换详情时 key 变了但布尔还留着 true，
+ * 会有一帧拿旧状态去绘新 src，这里靠「ready.key !== 当前 key 即回落字母」挡掉；
+ * src 单独记是因为出图的可能不是首选路由（备胎），要画就画真正成功的那条地址。
+ * hook 一律声明在组件顶层，条件只控制渲染、不控制声明（本仓库的 React #310 规矩）。
+ */
+const Avatar = ({ url, name, className }) => {
+  const [nodeRef, near] = useNearViewport();
+  const routes = avatarRouteCandidates(url);
+  const key = routes[0] || '';
+  const letter = String(name || '?').slice(0, 1).toUpperCase() || '?';
+  const [ready, setReady] = useState(null);
+  useEffect(() => {
+    if (!key || !near) return undefined;
+    const rec = avatarRecord(routes);
+    if (rec.status === 'ok') {
+      setReady({ key, src: rec.resolved || key });
+      return undefined;
+    }
+    const done = () => {
+      if (rec.status === 'ok') setReady({ key, src: rec.resolved || key });
+      else if (rec.status === 'fail') setReady(null);
+    };
+    rec.waiters.add(done);
+    return () => {
+      rec.waiters.delete(done);
+    };
+  }, [key, near]);
+  if (!key || !near || !ready || ready.key !== key) {
+    return h('span', { ref: nodeRef, className: `${className} fallback`, 'aria-hidden': true }, letter);
+  }
+  return h('img', {
+    ref: nodeRef,
+    className,
+    src: ready.src,
+    alt: '',
+    // 字节已经在浏览器缓存里（探到了才画这张图），所以**不写** `loading="lazy"`：
+    // 那等于对一张必定要画的图说「晚点再取」，是自相矛盾的写法。
+    // decoding / fetchPriority 是给少见情况兜底：缓存被挤掉、浏览器真要回源时，
+    // 别抢别的请求的优先级、也别同步解码卡住主线程（一次可能有好几张同时换成图）。
+    decoding: 'async',
+    fetchPriority: 'low',
+    referrerPolicy: 'no-referrer',
+    // 缓存被挤掉、图片中途失效这类少见情况：退回字母，不留破图。
+    onError: () => setReady(null),
+  });
+};
+const timestampOf = (value) => {
+  if (typeof value === 'number' && Number.isFinite(value) && value > 0) return value;
+  const parsed = Date.parse(String(value || ''));
+  return Number.isFinite(parsed) ? parsed : 0;
+};
+const relativeLabel = (value) => {
+  const at = timestampOf(value);
+  return at ? fmtLast(at) : '';
+};
+const communityStatus = (meta) => {
+  if (!meta) return null;
+  if (meta.archived === true) return { cls: 's-warn dot', label: t('已归档') };
+  const at = timestampOf(meta.pushedAt || meta.updatedAt);
+  if (!at) return null;
+  const days = Math.floor((Date.now() - at) / 86_400_000);
+  if (days <= 30) return { cls: 's-on dot', label: t('近 30 天有提交') };
+  if (days <= 180) return { cls: '', label: t('最近更新 {0}', [relativeLabel(at)]) };
+  return { cls: 's-warn dot', label: t('超过半年未更新') };
+};
+// 卡片级的轻量「人」行：不发网络请求，只用目录里已经带回来的发布方 / 头像 / 时间。
+const PresenceLine = ({ owner, avatar, updatedAt, href, note, className }) => {
+  const at = timestampOf(updatedAt);
+  const meta = at ? t('更新于 {0}', [relativeLabel(at)]) : (note || '');
+  const name = String(owner || '').trim();
+  if (!name && !meta) return null;
+  return h('div', { className: 'dsh-mcp-presence-inline' + (className ? ' ' + className : '') },
+    // 头像与发布方都没有时仍然什么都不画（这条分支是 PresenceLine 的既有契约）；
+    // 只要有其一，就交给 Avatar：url 为空它会直接出字母，和原来「没图就字母」一致，
+    // 而 url 非空时首帧也是字母，直到后台探到图片才换 —— 这正是合并请求后不重复发的那条路。
+    avatar || name
+      ? h(Avatar, { url: avatar, name, className: 'dsh-mcp-presence-inline-avatar' })
+      : null,
+    name
+      ? h('span', { className: 'dsh-mcp-presence-inline-owner' },
+          href ? h('a', { href, target: '_blank', rel: 'noreferrer' }, name) : name)
+      : null,
+    meta ? h('span', { className: 'dsh-mcp-presence-inline-note' }, meta) : null,
+  );
+};
+// ── 市场连接器卡片头像 ──────────────────────────────────────────────────
+// 连接器没有 GitHub 仓库可考，图标本体在官方分发包 ZIP 的 icons/<id>.<ext> 里，
+// 宿主按需出 data URL（wbConnectorIcon）。与 Avatar（远程 URL 探活）分开：
+// data URL 不走网络，占探活闸门的并发名额没有意义；但「进视口才取、取到就缓存」
+// 的纪律一致 —— 客户端按 id 缓存，卡片、详情弹层、翻页重挂载都只发一次 RPC；
+// 探过且没有的记 null，同样不再发。RPC 失败不记缓存，下次进视口还能重试。
+const connectorIconCache = new Map();
+const connectorIconPending = new Map();
+const ConnectorAvatar = ({ call, connectorId, name, className }) => {
+  const [nodeRef, near] = useNearViewport();
+  const key = String(connectorId || '').trim();
+  const letter = String(name || key || '?').slice(0, 1).toUpperCase() || '?';
+  const [src, setSrc] = useState(() => connectorIconCache.get(key) || '');
+  useEffect(() => {
+    setSrc(connectorIconCache.get(key) || '');
+    if (!key || !near || connectorIconCache.has(key)) return undefined;
+    let alive = true;
+    let pending = connectorIconPending.get(key);
+    if (!pending) {
+      pending = call('wbConnectorIcon', { connectorId: key })
+        .then((res) => {
+          // 两层 ok:false 语义不同，缓存策略也不同：
+          //   · 信封层的 ok:false 带 error（方法 404 / 宿主抛错 / 服务未连接）——是
+          //     **暂时**的（宿主还没重载等），不记缓存，下次进视口重试；
+          //   · 宿主业务层的 ok:false 不带 error（目录里就是没图标）——是**最终**的，
+          //     记 null，同一会话不再发。
+          if (res?.ok) {
+            const dataUrl = String(res.dataUrl || '');
+            connectorIconCache.set(key, dataUrl || null);
+            return dataUrl;
+          }
+          if (!res?.error) connectorIconCache.set(key, null);
+          return '';
+        })
+        .catch(() => '')
+        .finally(() => { connectorIconPending.delete(key); });
+      connectorIconPending.set(key, pending);
+    }
+    pending.then((dataUrl) => { if (alive && dataUrl) setSrc(dataUrl); });
+    return () => { alive = false; };
+  }, [call, key, near]);
+  if (!src) {
+    return h('span', { ref: nodeRef, className: `${className} fallback`, 'aria-hidden': true }, letter);
+  }
+  return h('img', {
+    ref: nodeRef,
+    className,
+    src,
+    alt: '',
+    decoding: 'async',
+    referrerPolicy: 'no-referrer',
+    // data URL 一般不会中途失效；真坏了退回字母，不留破图。
+    onError: () => setSrc(''),
+  });
+};
+// 详情级的维护信号：打开详情时按需查一次 GitHub（宿主侧 6 小时缓存）。
+// 单条仓库查不到不阻塞详情——只把这一行收掉，正文照常可看。
+const CommunityPresence = ({ call, repo, owner, avatar, updatedAt, compact }) => {
+  const key = parseGithubRepoKey(repo);
+  const [state, setState] = useState({ loading: Boolean(key), meta: null, error: '' });
+  useEffect(() => {
+    if (!key || typeof call !== 'function') {
+      setState({ loading: false, meta: null, error: '' });
+      return undefined;
+    }
+    let alive = true;
+    setState({ loading: true, meta: null, error: '' });
+    call('wbRepoMeta', { repos: [key] }).then((res) => {
+      if (!alive) return;
+      const row = res && res.repos ? res.repos[key] : null;
+      setState({
+        loading: false,
+        meta: row && row.ok === true ? row : null,
+        error: row && row.ok !== true ? String(row.error || '') : '',
+      });
+    }).catch((error) => {
+      if (alive) setState({ loading: false, meta: null, error: String(error?.message || error || '') });
+    });
+    return () => { alive = false; };
+  }, [call, key]);
+  const meta = state.meta;
+  const ownerName = String(meta?.owner || owner || (key ? key.split('/')[0] : '')).trim();
+  const ownerUrl = meta?.ownerUrl || (key ? `https://github.com/${key.split('/')[0]}` : '');
+  const avatarUrl = meta?.ownerAvatar || avatar || (key ? githubAvatarUrl(key) : '');
+  const status = communityStatus(meta);
+  const pushedAt = timestampOf(meta?.pushedAt);
+  const fromUpstream = (compact ? ' dsh-mcp-presence-compact' : '');
+  return h('div', { className: 'dsh-mcp-presence' + fromUpstream },
+    h(Avatar, { url: avatarUrl, name: ownerName, className: 'dsh-mcp-presence-avatar' }),
+    h('div', { className: 'dsh-mcp-presence-body' },
+      h('div', { className: 'dsh-mcp-presence-line' },
+        ownerName
+          ? (ownerUrl
+              ? h('a', { className: 'dsh-mcp-presence-owner', href: ownerUrl, target: '_blank', rel: 'noreferrer', title: t('打开维护者主页') }, ownerName)
+              : h('span', { className: 'dsh-mcp-presence-owner' }, ownerName))
+          : h('span', { className: 'dsh-mcp-presence-owner' }, t('来源未标注')),
+        status ? h(Badge, { cls: status.cls }, status.label) : null,
+        state.loading ? h('span', { className: 'dsh-mcp-presence-loading' }, t('读取维护动态…')) : null,
+      ),
+      h('div', { className: 'dsh-mcp-presence-meta' },
+        meta
+          ? [
+              pushedAt ? h('span', { key: 'pushed' }, t('最近提交 {0}', [relativeLabel(pushedAt)])) : null,
+              h('span', { key: 'issues' }, t('{0} 个开放 issue', [fmtInt(meta.openIssues)])),
+              h('span', { key: 'stars' }, '★ ' + wbFormatCount(meta.stars)),
+              meta.license ? h('span', { key: 'license' }, meta.license) : null,
+              meta.language ? h('span', { key: 'lang' }, meta.language) : null,
+            ]
+          : h('span', null,
+              updatedAt
+                ? t('更新于 {0}', [relativeLabel(updatedAt)])
+                : state.error
+                  ? t('维护动态读取失败：{0}', [state.error])
+                  : key
+                    ? t('维护动态读取中…')
+                    : t('这个条目没有公开仓库')),
+      ),
+    ),
+  );
+};
+const feedbackKindLabel = (kind) =>
+  kind === 'skill' ? t('技能') : kind === 'expert' ? t('专家') : kind === 'plugin' ? t('插件') : kind === 'connector' ? t('连接器') : t('条目');
+const feedbackTemplate = (item, kind, repo, homepage) => {
+  const name = String(item?.name || item?.id || item?.plugin || item?.slug || '').trim() || t('未命名条目');
+  const version = String(item?.version || '').trim();
+  const source = String(repo || item?.repo || item?.repository || homepage || item?.homepage || item?.upstreamUrl || '').trim();
+  const env = typeof navigator !== 'undefined' ? String(navigator.userAgent || '') : '';
+  return [
+    '### ' + t('条目：{0}', [name]),
+    '- ' + t('类型：{0}', [feedbackKindLabel(kind)]),
+    source ? '- ' + t('来源：{0}', [source]) : '',
+    version ? '- ' + t('版本：{0}', [version]) : '',
+    '',
+    '### ' + t('发生了什么'),
+    '',
+    '',
+    '### ' + t('环境'),
+    '- ' + t('系统：{0}', [env]),
+  ].filter(Boolean).join('\n');
+};
+// 真实社区出口：GitHub 仓库 / Issue / 复制模板 / 给军械库提建议。
+// 刻意不做站内论坛、不做点赞收藏——那些只会把「有没有人」变成一种布景。
+// 所有链接都在新标签页打开，正文先给用户看，点了才提交。
+const FeedbackLinks = ({ item, kind, repo, homepage, sourceLabel }) => {
+  const [copied, setCopied] = useState(false);
+  const name = String(item?.name || item?.id || item?.plugin || item?.slug || '').trim() || t('未命名条目');
+  const repoKey = parseGithubRepoKey(repo || item?.repo || item?.repository);
+  const repoUrl = repoKey ? `https://github.com/${repoKey}` : '';
+  const home = String(homepage || item?.homepage || item?.upstreamUrl || '').trim();
+  const homeUrl = /^https?:\/\//i.test(home) && home !== repoUrl ? home : '';
+  const template = feedbackTemplate(item, kind, repoUrl || homeUrl, homeUrl);
+  const title = t('{0} · {1} 的反馈', [feedbackKindLabel(kind), name]);
+  const issueUrl = ARMORY_REPO_URL + '/issues/new?title=' + encodeURIComponent(title) + '&body=' + encodeURIComponent(template);
+  return h('div', { className: 'dsh-mcp-feedback' },
+    h('div', { className: 'dsh-mcp-feedback-head' },
+      h('b', null, t('找到真实的人')),
+      sourceLabel ? h('span', { className: 'dsh-mcp-feedback-source' }, sourceLabel) : null,
+    ),
+    h('div', { className: 'dsh-mcp-feedback-actions' },
+      repoUrl ? h('a', { className: 'dsh-mcp-btn', href: repoUrl, target: '_blank', rel: 'noreferrer' }, t('去仓库')) : null,
+      repoUrl ? h('a', { className: 'dsh-mcp-btn', href: repoUrl + '/issues', target: '_blank', rel: 'noreferrer' }, t('看讨论 / 提 Issue')) : null,
+      homeUrl ? h('a', { className: 'dsh-mcp-btn', href: homeUrl, target: '_blank', rel: 'noreferrer' }, t('来源主页')) : null,
+      h('a', { className: 'dsh-mcp-btn', href: issueUrl, target: '_blank', rel: 'noreferrer' }, t('向军械库反馈')),
+      h('button', {
+        type: 'button', className: 'dsh-mcp-btn',
+        onClick: async () => { setCopied(await copyText(template)); },
+      }, copied ? t('已复制模板') : t('复制反馈模板')),
+    ),
+    h('p', { className: 'dsh-mcp-feedback-note' },
+      t('反馈会打开 GitHub 新标签页；内容先由你过目，确认后才提交。')),
+  );
+};
+
+// ── 顶栏「点 Star」：把用户送到 GitHub 那个真正的 Star 按钮前面 ─────────────
+// 为什么放在分类栏右端而不是市场页里：这是整个插件的门面位，五个页签都看得到。
+// 「给项目点个 Star」本来就不该藏在某一个子页的详情里。
+//
+// 边界（刻意的，别改成"真一键"）：GitHub 不支持匿名 star——PUT /user/starred 必须带
+// 用户自己的凭据。插件不做站内账号、不存 token（见 docs/design.md 的边界一节），
+// 所以这里只诚实做两件事：显示上游**真实**的 star 数，和一键打开仓库页让用户按
+// GitHub 自己的 Star。不写本地「已 star」状态：那是一条没人能验证的布景，
+// 而且会误导用户以为已经点过了。
+//
+// 数字走宿主侧 wbRepoMeta（6 小时缓存 + ETag + 限流回落），客户端不自己打 api.github.com。
+// 读不到就不显示数字，按钮本身照常可用——它不该因为一个计数失败而消失。
+const ARMORY_REPO_KEY = parseGithubRepoKey(ARMORY_REPO_URL);
+const RepoStarChip = ({ call }) => {
+  const [stars, setStars] = useState(null);
+  // 点击爆裂动画靠 class 开关驱动；burstKey 让「连点」也能重放（同 class 不会重启动画）。
+  const [burstKey, setBurstKey] = useState(0);
+  useEffect(() => {
+    if (typeof call !== 'function' || !ARMORY_REPO_KEY) return undefined;
+    let alive = true;
+    call('wbRepoMeta', { repos: [ARMORY_REPO_KEY] }).then((res) => {
+      const row = alive && res && res.repos ? res.repos[ARMORY_REPO_KEY] : null;
+      if (row && row.ok === true && typeof row.stars === 'number') setStars(row.stars);
+    }).catch(() => { /* 保留 null：宁可不显示数字，也不显示一个假的 */ });
+    return () => { alive = false; };
+  }, [call]);
+  useEffect(() => {
+    if (!burstKey) return undefined;
+    const timer = setTimeout(() => setBurstKey(0), 620);
+    return () => clearTimeout(timer);
+  }, [burstKey]);
+  return h('a', {
+    className: 'dsh-mcp-star' + (burstKey ? ' burst' : ''),
+    href: ARMORY_REPO_URL,
+    target: '_blank',
+    rel: 'noreferrer',
+    title: t('在 GitHub 打开 dsh-armory 仓库，点右上角的 Star'),
+    'aria-label': t('给 dsh-armory 点 Star（新标签页打开 GitHub 仓库）'),
+    onClick: () => setBurstKey((n) => n + 1),
+  },
+    h('span', { className: 'dsh-mcp-star-spark a', 'aria-hidden': true }),
+    h('span', { className: 'dsh-mcp-star-spark b', 'aria-hidden': true }),
+    h('svg', { className: 'dsh-mcp-star-svg', viewBox: '0 0 16 16', 'aria-hidden': true },
+      h('path', { d: 'M8 1l1.7 4.65 4.96.19-3.9 3.14 1.37 4.8L8 10.6l-4.13 3.18 1.37-4.8-3.9-3.14 4.96-.19z' })),
+    h('span', { className: 'dsh-mcp-star-label' }, t('点 Star')),
+    // 数字没读到就整段不出现：空位比「★ —」诚实。
+    stars === null ? null : h('span', { className: 'dsh-mcp-star-count' }, wbFormatCount(stars)),
+  );
+};
+
+// ── 装备清单：把本机配置导出成可分享的 JSON，导入只做差异对比 ──────────────
+// 与「最近动静」同一原则：不搭后端、不做账号、不自动装。清单只含身份字段，
+// 敏感值在宿主侧就被投影掉（lib/loadout.js 的白名单），客户端拿不到也不该存。
+const LOADOUT_KIND_ORDER = ['mcp', 'skill', 'expert', 'plugin'];
+const loadoutKindLabel = (kind) =>
+  kind === 'mcp' ? t('MCP') : kind === 'skill' ? t('技能') : kind === 'expert' ? t('专家') : kind === 'plugin' ? t('插件') : t('条目');
+const loadoutSourceLabel = (source) => {
+  const value = String(source || '').trim();
+  if (!value) return '';
+  if (value.startsWith('builtin:')) return t('内置 · {0}', [value.slice(8)]);
+  if (value.startsWith('connector:')) return t('连接器 · {0}', [value.slice(10)]);
+  if (value === 'manual') return t('手动配置');
+  if (value === 'workbuddy-expert') return t('WorkBuddy 专家中心');
+  if (value === 'skillhub' || value === 'workbuddy-skills') return t('SkillHub');
+  if (value === 'codebuddy-plugins-official') return t('CodeBuddy 官方');
+  if (value === 'awesome') return t('DSH 社区');
+  if (value === 'local') return t('本机 / 自带');
+  return value;
+};
+const loadoutStatusMeta = (status) =>
+  status === 'update'
+    ? { cls: 's-warn', label: t('可更新') }
+    : status === 'missing'
+      ? { cls: 's-warn', label: t('本机没有') }
+      : { cls: 's-on', label: t('已安装') };
+const loadoutCountText = (loadout) => {
+  const counts = loadout && loadout.counts ? loadout.counts : {};
+  const parts = LOADOUT_KIND_ORDER
+    .filter((kind) => Number(counts[kind]) > 0)
+    .map((kind) => `${loadoutKindLabel(kind)} ${counts[kind]}`);
+  return parts.length ? parts.join(' · ') : t('清单为空。');
+};
+const loadoutFileNameOf = (name) => {
+  const base = String(name || '').replace(/[\\/:*?"<>|\s]+/g, '-').replace(/^-+|-+$/g, '');
+  return `${base || 'dsh-loadout'}.json`;
+};
+const downloadLoadoutFile = (filename, text) => {
+  try {
+    const blob = new Blob([text], { type: 'application/json;charset=utf-8' });
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement('a');
+    anchor.href = url;
+    anchor.download = filename;
+    document.body.appendChild(anchor);
+    anchor.click();
+    anchor.remove();
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+    return true;
+  } catch {
+    return false;
+  }
+};
+
+const LoadoutModal = ({ call, onClose, onLocate }) => {
+  const dialogRef = useRef(null);
+  useFocusTrap(dialogRef, true);
+  const [mode, setMode] = useState('export');
+  const [name, setName] = useState('');
+  const [loadout, setLoadout] = useState(null);
+  const [text, setText] = useState('');
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState('');
+  const [note, setNote] = useState('');
+  const [copied, setCopied] = useState('');
+  const [importText, setImportText] = useState('');
+  const [diff, setDiff] = useState(null);
+
+  const generate = useCallback(async (customName) => {
+    setBusy(true); setError(''); setNote('');
+    try {
+      const res = await call('wbLoadoutExport', { name: String(customName ?? '').trim() });
+      if (!res?.ok || !res.loadout) throw new Error(res?.error || t('导出失败'));
+      setLoadout(res.loadout);
+      setText(JSON.stringify(res.loadout, null, 2));
+      if (!String(customName ?? name ?? '').trim()) setName(res.loadout.name || '');
+      return res.loadout;
+    } catch (e) {
+      setError(t('生成失败：{0}', [String(e?.message || e)]));
+      return null;
+    } finally {
+      setBusy(false);
+    }
+  }, [call, name]);
+
+  useEffect(() => { generate(''); }, []);
+
+  const markCopied = (tag) => {
+    setCopied(tag);
+    setTimeout(() => setCopied(''), 1600);
+  };
+  const copyJson = async () => {
+    if (!text) return;
+    if (await copyText(text)) {
+      setNote(t('已复制 JSON'));
+      markCopied('json');
+    }
+  };
+  const download = () => {
+    if (!text) return;
+    if (downloadLoadoutFile(loadoutFileNameOf(loadout?.name || name), text)) setNote(t('已开始下载'));
+    else setNote(t('浏览器不允许下载，请改用复制 JSON'));
+  };
+  const copyName = async (value) => {
+    if (await copyText(String(value || ''))) markCopied('name:' + String(value || ''));
+  };
+  const readFile = async (event) => {
+    const file = event.target.files && event.target.files[0];
+    event.target.value = '';
+    if (!file) return;
+    if (file.size > 256 * 1024) {
+      setError(t('文件过大（上限 256KB）'));
+      return;
+    }
+    try {
+      setImportText(await file.text());
+      setDiff(null);
+      setError('');
+    } catch (e) {
+      setError(t('文件读取失败：{0}', [String(e?.message || e)]));
+    }
+  };
+  const compare = async () => {
+    const raw = importText.trim();
+    if (!raw) {
+      setError(t('先粘贴一份清单，或选择 .json 文件。'));
+      return;
+    }
+    setBusy(true); setError(''); setNote(''); setDiff(null);
+    try {
+      let parsed;
+      try {
+        parsed = JSON.parse(raw);
+      } catch (e) {
+        throw new Error(t('不是有效的 JSON：{0}', [String(e?.message || e)]));
+      }
+      const res = await call('wbLoadoutDiff', { loadout: parsed });
+      if (!res?.ok) throw new Error(res?.error || t('对比失败'));
+      setDiff(res);
+    } catch (e) {
+      setError(String(e?.message || e));
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  return h('div', { className: 'dsh-mcp-overlay', onClick: (e) => !busy && e.target === e.currentTarget && onClose() },
+    h('div', {
+      ref: dialogRef, className: 'dsh-mcp-modal dsh-mcp-loadout-modal', role: 'dialog', 'aria-modal': true,
+      'aria-label': t('装备清单'), tabIndex: -1,
+      onKeyDown: (e) => { if (e.key === 'Escape' && !busy) { e.stopPropagation(); onClose(); } },
+    },
+    h('h3', null, t('装备清单')),
+    h('div', { className: 'dsh-mcp-loadout-tabs', role: 'tablist' },
+      h('button', {
+        type: 'button', role: 'tab', 'aria-selected': mode === 'export',
+        className: 'dsh-mcp-loadout-tab', onClick: () => setMode('export'),
+      }, t('导出')),
+      h('button', {
+        type: 'button', role: 'tab', 'aria-selected': mode === 'import',
+        className: 'dsh-mcp-loadout-tab', onClick: () => setMode('import'),
+      }, t('导入对比')),
+    ),
+    mode === 'export'
+      ? h('div', { className: 'dsh-mcp-loadout-pane' },
+          h('p', { className: 'dsh-mcp-loadout-hint' },
+            t('把本机的 MCP、技能、专家与插件导出成一份可分享的清单；导入只做对比，不会自动安装。')),
+          h('label', { className: 'dsh-mcp-loadout-name' },
+            h('span', null, t('清单名称')),
+            h('input', {
+              value: name, maxLength: 120, disabled: busy,
+              placeholder: t('我的 DSH 装备清单'),
+              onChange: (e) => setName(e.target.value),
+            }),
+            h(Btn, { onClick: () => generate(name), disabled: busy || !name.trim(), children: busy ? t('读取本机配置…') : t('重新生成') }),
+          ),
+          loadout
+            ? h('div', { className: 'dsh-mcp-loadout-result' },
+                h('div', { className: 'dsh-mcp-loadout-summary' },
+                  h('span', null, loadoutCountText(loadout)),
+                  loadout.truncated ? h('span', { className: 'dsh-mcp-loadout-warn' }, t('超过 200 条，只导出前 200 条。')) : null,
+                ),
+                h('pre', { className: 'dsh-mcp-loadout-json' }, text),
+                h('div', { className: 'dsh-mcp-loadout-actions' },
+                  h(Btn, { onClick: copyJson, disabled: !text, children: copied === 'json' ? t('已复制') : t('复制 JSON') }),
+                  h(Btn, { onClick: download, disabled: !text, children: t('下载 .json') }),
+                  h(Btn, { onClick: () => setMode('import'), children: t('导入对比') }),
+                ),
+              )
+            : h('div', { className: 'dsh-mcp-wb-empty' }, busy ? t('读取本机配置…') : t('还没有生成清单。')),
+          h('p', { className: 'dsh-mcp-loadout-note' },
+            t('这份清单只含名称、类型、来源与版本；不会写入密钥、header 或环境变量的值。')),
+        )
+      : h('div', { className: 'dsh-mcp-loadout-pane' },
+          h('p', { className: 'dsh-mcp-loadout-hint' },
+            t('把朋友发来的清单贴在这里，或选择文件。导入只做对比，不会自动安装。')),
+          h('textarea', {
+            className: 'dsh-mcp-loadout-input', value: importText, rows: 8, spellCheck: false,
+            placeholder: t('粘贴清单 JSON…'),
+            onChange: (e) => { setImportText(e.target.value); setDiff(null); setError(''); },
+          }),
+          h('div', { className: 'dsh-mcp-loadout-actions' },
+            h('label', { className: 'dsh-mcp-btn dsh-mcp-loadout-file' },
+              t('选择 .json 文件'),
+              h('input', { type: 'file', accept: '.json,application/json', hidden: true, onChange: readFile }),
+            ),
+            h(Btn, { onClick: compare, disabled: busy || !importText.trim(), children: busy ? t('对比中…') : t('对比本机') }),
+            importText ? h('button', {
+              type: 'button', className: 'dsh-mcp-btn',
+              onClick: () => { setImportText(''); setDiff(null); setError(''); },
+            }, t('清空')) : null,
+          ),
+          diff
+            ? h('div', { className: 'dsh-mcp-loadout-result' },
+                h('div', { className: 'dsh-mcp-loadout-summary' },
+                  h('span', null, t('共 {0} 项 · 已安装 {1} · 可更新 {2} · 本机没有 {3}', [
+                    diff.counts?.total || 0, diff.counts?.installed || 0, diff.counts?.update || 0, diff.counts?.missing || 0,
+                  ])),
+                  diff.loadout?.name ? h('span', { className: 'dsh-mcp-loadout-from' }, t('清单来自 {0}', [diff.loadout.name])) : null,
+                ),
+                h('div', { className: 'dsh-mcp-loadout-rows' },
+                  (diff.rows || []).map((row) => {
+                    const meta = loadoutStatusMeta(row.status);
+                    const nameKey = 'name:' + String(row.name || '');
+                    return h('div', { key: String(row.kind) + ':' + String(row.name), className: 'dsh-mcp-loadout-row' },
+                      h('div', { className: 'dsh-mcp-loadout-row-main' },
+                        h('div', { className: 'dsh-mcp-loadout-row-title' },
+                          h('span', { className: 'dsh-mcp-loadout-kind' }, loadoutKindLabel(row.kind)),
+                          h('b', null, row.name),
+                          h(Badge, { cls: meta.cls }, meta.label),
+                        ),
+                        h('div', { className: 'dsh-mcp-loadout-row-meta' },
+                          row.source ? h('span', null, t('来源：{0}', [loadoutSourceLabel(row.source)])) : null,
+                          row.version ? h('span', null, t('版本：{0}', [row.version])) : null,
+                          row.localVersion && row.localVersion !== row.version ? h('span', null, t('本机：{0}', [row.localVersion])) : null,
+                        ),
+                      ),
+                      h('div', { className: 'dsh-mcp-loadout-row-actions' },
+                        row.status !== 'installed' ? h('button', {
+                          type: 'button', className: 'dsh-mcp-btn',
+                          onClick: () => onLocate(row),
+                        }, t('去市场')) : null,
+                        h('button', {
+                          type: 'button', className: 'dsh-mcp-btn',
+                          onClick: () => copyName(row.name),
+                        }, copied === nameKey ? t('已复制名称') : t('复制名称')),
+                      ),
+                    );
+                  }),
+                ),
+              )
+            : null,
+          h('p', { className: 'dsh-mcp-loadout-note' },
+            t('导入只做对比；点「去市场」逐项安装，不会自动写入任何配置。')),
+        ),
+    error ? h('div', { className: 'dsh-mcp-wb-error', role: 'alert' }, error) : null,
+    note ? h('div', { className: 'dsh-mcp-wb-note', role: 'status' }, note) : null,
+    h('div', { className: 'dsh-mcp-modal-actions' },
+      h(Btn, { onClick: onClose, disabled: busy, children: t('关闭') }),
+    ),
+    ),
+  );
+};
+
+// ── 最近动静：本机快照对比，不联网、不统计、不伪造「在线人数」───────────────
+// 语义边界（必须诚实）：
+//   - 只对比「这台机器上次成功读取目录」与「这一次读取」的差异；
+//   - 只有**同一份清单**的两次读取才互为基线（basis，见 recordMarketSnapshot）：翻页切片、
+//     带搜索词的结果、不同排序的首页是三个不同的集合，拿来互比只会造出假动静；
+//   - 只记录新增 / 移除 / 版本或核验状态变化，不做消息流，也不假装实时；
+//   - 没有变化就直说没有；事件 7 天过期，用户可一键清除。
+const MARKET_PULSE_KEY = KEY_PREFIX + '.marketPulse.v2';
+// v2 的由来（2026-10-24 用户报「切换页面重新进入时重复读取」）：v1 的技能基线取的是
+// SkillHub「下载量（本页排序）」首页，而这一档根本不给上游发 sortBy（见 wb-market.js 的
+// SKILLHUB_REMOTE_SORTS）——无 ORDER BY 的 LIMIT 20 每次返回的是 19 万库里随机 20 条
+// （实测：同一请求隔 2.5 秒重合 0/20，而 sortBy=installs 重合 20/20）。于是每进一次市场
+// 就记一对「新增 20 / 移除 20」。旧键里攒下来的全是这种假动静，没有一条可信到值得挑出来
+// 保留，所以读到即整份丢弃、不搬值。
+const LEGACY_MARKET_PULSE_KEY = KEY_PREFIX + '.marketPulse.v1';
+// 两次读取的键重合度低于此值 ⇒ 读到的不是同一份清单（上游换了默认排序、目录整批改写、
+// 或一次被截断的部分响应）。这种差异报出来就是「全增全删」的噪音，闭嘴重新起底更诚实。
+const MARKET_PULSE_MIN_OVERLAP = 0.1;
+const MARKET_PULSE_TTL_MS = 7 * 24 * 60 * 60 * 1000;
+const MARKET_PULSE_MAX_EVENTS = 8;
+const MARKET_PULSE_SOURCES = {
+  awesome: { get label() { return t('DSH 社区'); }, tab: 'plugin' },
+  expert: { get label() { return t('专家中心'); }, tab: 'expert' },
+  skill: { get label() { return t('SkillHub'); }, tab: 'skill' },
+  connector: { get label() { return t('连接器市场'); }, tab: 'connector' },
+};
+const emptyMarketPulse = () => ({ version: 2, snapshots: {}, events: [] });
+const readMarketPulse = () => {
+  try {
+    // 旧键一次性丢弃（removeItem 幂等；隐私模式下和下面的 getItem 一起被同一个 catch 兜住）。
+    localStorage.removeItem(LEGACY_MARKET_PULSE_KEY);
+    const raw = JSON.parse(localStorage.getItem(MARKET_PULSE_KEY) || 'null');
+    if (!raw || raw.version !== 2 || typeof raw.snapshots !== 'object' || !Array.isArray(raw.events)) return emptyMarketPulse();
+    const now = Date.now();
+    // CodeBuddy 插件源已移除：旧快照与「最近动静」里 source='plugin' 的记录一并丢弃，
+    // 否则会留下一条点不进去、也没有市场对应的历史事件。
+    const snapshots = { ...raw.snapshots };
+    delete snapshots.plugin;
+    return {
+      version: 2,
+      snapshots,
+      events: raw.events.filter((event) => event && event.source !== 'plugin' && now - Number(event.at || 0) <= MARKET_PULSE_TTL_MS).slice(0, MARKET_PULSE_MAX_EVENTS),
+    };
+  } catch { return emptyMarketPulse(); }
+};
+const writeMarketPulse = (state) => {
+  try { localStorage.setItem(MARKET_PULSE_KEY, JSON.stringify(state)); } catch { /* 配额 / 隐私模式：静默降级 */ }
+};
+const pushPulseEvent = (state, source, kind, keys, current, previous) => {
+  const names = keys.map((key) => current[key]?.n || previous[key]?.n || key).slice(0, 3);
+  state.events.unshift({
+    id: source + ':' + kind + ':' + Date.now() + ':' + Math.random().toString(36).slice(2, 6),
+    source, kind, count: keys.length, names, at: Date.now(),
+  });
+  state.events = state.events.slice(0, MARKET_PULSE_MAX_EVENTS);
+};
+/**
+ * 记录一次目录快照并返回是否有变化。
+ * rows: [{ key, name, sig }]；sig 是「版本 + 核验状态」这类稳定签名，不用来比较热门度
+ * （星数每天波动，属于噪音，不当作「动静」）。
+ * options.basis: 这份清单的「可比身份」，默认 'full'（整份目录）。只有 basis 相同的两次
+ * 读取才互为基线；不同就静默换基线——不报错、也不造事件。局部视图必须把视图身份写进
+ * basis（技能侧传 'skill:installs' 这类，见 loadSkills）。
+ */
+const recordMarketSnapshot = (source, rows, options = {}) => {
+  if (!source || !Array.isArray(rows) || !rows.length) return false;
+  const basis = String(options.basis || 'full');
+  const state = readMarketPulse();
+  const current = {};
+  for (const row of rows) {
+    const key = String(row && row.key || '').trim();
+    if (!key) continue;
+    current[key] = { s: String(row.sig || ''), n: String(row.name || key) };
+  }
+  if (!Object.keys(current).length) return false;
+  const last = state.snapshots[source];
+  const previous = last && last.items ? last.items : null;
+  state.snapshots[source] = { at: Date.now(), basis, items: current };
+  // 三条「不比」的路径：没有基线、基线不是同一份清单、两份清单重合度过低。
+  // 都只写新基线、不产事件——宁可少报，也不报假的。
+  if (!previous || last.basis !== basis) {
+    writeMarketPulse(state);
+    return false;
+  }
+  const currentKeys = Object.keys(current);
+  const previousKeys = Object.keys(previous);
+  const shared = currentKeys.reduce((n, key) => n + (key in previous ? 1 : 0), 0);
+  if (shared / Math.max(currentKeys.length, previousKeys.length) < MARKET_PULSE_MIN_OVERLAP) {
+    writeMarketPulse(state);
+    return false;
+  }
+  const added = currentKeys.filter((key) => !(key in previous));
+  const removed = previousKeys.filter((key) => !(key in current));
+  const updated = currentKeys.filter((key) => key in previous && current[key].s !== previous[key].s);
+  if (!added.length && !removed.length && !updated.length) {
+    writeMarketPulse(state);
+    return false;
+  }
+  if (added.length) pushPulseEvent(state, source, 'added', added, current, previous);
+  if (removed.length) pushPulseEvent(state, source, 'removed', removed, current, previous);
+  if (updated.length) pushPulseEvent(state, source, 'updated', updated, current, previous);
+  writeMarketPulse(state);
+  return true;
+};
+const clearMarketPulse = () => {
+  try { localStorage.removeItem(MARKET_PULSE_KEY); } catch { /* 隐私模式 */ }
+};
+// 子组件（专家市场）写完备忘录后，通知面板重读一次；模块级单监听，组件卸载即摘除。
+let marketPulseListener = null;
+const setMarketPulseListener = (listener) => { marketPulseListener = typeof listener === 'function' ? listener : null; };
+const emitMarketPulse = () => { try { marketPulseListener?.(); } catch { /* 单个监听失败不影响业务 */ } };
+const MarketPulse = ({ state, onJump, onClear }) => {
+  const events = Array.isArray(state?.events) ? state.events : [];
+  const snapshotAts = Object.values(state?.snapshots || {}).map((row) => Number(row?.at || 0)).filter(Boolean);
+  const lastAt = snapshotAts.length ? Math.max(...snapshotAts) : 0;
+  if (!events.length) {
+    return h('div', { className: 'dsh-mcp-pulse quiet' },
+      h('span', { className: 'dsh-mcp-pulse-title' }, t('最近动静')),
+      h('span', { className: 'dsh-mcp-pulse-quiet' },
+        lastAt
+          ? t('暂无新变化 · 上次对比 {0} · 只在本机对比快照', [relativeLabel(lastAt)])
+          : t('已开始记录市场动态；下次打开时这里会列出真实变化')),
+    );
+  }
+  return h('div', { className: 'dsh-mcp-pulse' },
+    h('div', { className: 'dsh-mcp-pulse-head' },
+      h('b', { className: 'dsh-mcp-pulse-title' }, t('最近动静')),
+      h('span', { className: 'dsh-mcp-pulse-note' }, t('自上次打开市场以来，目录里真实发生的变化（本机快照对比）')),
+      h('button', { type: 'button', className: 'dsh-mcp-pulse-clear', onClick: onClear }, t('清除')),
+    ),
+    h('ul', { className: 'dsh-mcp-pulse-list' }, events.map((event) => {
+      const meta = MARKET_PULSE_SOURCES[event.source] || null;
+      const sourceLabel = meta ? meta.label : event.source;
+      const text = event.kind === 'added'
+        ? t('{0} 新增 {1} 条', [sourceLabel, event.count])
+        : event.kind === 'removed'
+          ? t('{0} 移除 {1} 条', [sourceLabel, event.count])
+          : t('{0} 更新 {1} 条', [sourceLabel, event.count]);
+      const sample = event.names && event.names.length ? ' · ' + event.names.join(', ') + (event.count > event.names.length ? t(' 等') : '') : '';
+      return h('li', { key: event.id },
+        h('button', {
+          type: 'button', className: 'dsh-mcp-pulse-item', title: t('跳到对应市场'),
+          onClick: () => { if (meta && typeof onJump === 'function') onJump(meta); },
+        },
+          h('span', { className: 'dsh-mcp-pulse-kind ' + event.kind }, text),
+          h('span', { className: 'dsh-mcp-pulse-sample' }, sample),
+        ),
+        h('span', { className: 'dsh-mcp-pulse-time' }, relativeLabel(event.at)),
+      );
+    })),
+  );
+};
+
+// ── 市场面板：WorkBuddy 连接器 / SkillHub 技能 / 插件 / 专家子标签 ──────────────
+// 市场搜索框：左内置放大镜、圆角胶囊、聚焦高亮、右一键清空。
+// 两处复用（连接器 / 插件）：两者都是纯本地过滤，输入即过滤；
+// 技能走服务端搜索，onCommit 由防抖或回车触发（见 WorkBuddyMarket 内注释）。
+// busy 只做视觉提示，**绝不 disabled 输入框**：disabled 会让浏览器立刻收走焦点，
+// 技能搜索防抖生效那一刻（含按 Delete 删字后的停顿）输入框被禁用 → 光标丢失，
+// 用户得重新点一次才能继续输入。加载态改由放大镜呼吸动画表达（见 .busy CSS）。
+const WbSearchBox = ({ value, onChange, placeholder, busy, onCommit }) =>
+  h('div', { className: 'dsh-mcp-wb-search' + (busy ? ' busy' : '') },
+    h('span', { className: 'dsh-mcp-wb-search-ico', 'aria-hidden': true }, h(Icon, { d: ICONS.search, size: 14 })),
+    h('input', {
+      type: 'search', className: 'dsh-mcp-wb-search-input', placeholder,
+      value, spellCheck: false, 'aria-busy': busy || undefined,
+      onChange: (e) => onChange(e.target.value),
+      onKeyDown: onCommit
+        ? (e) => { if (e.key === 'Enter') { e.preventDefault(); onCommit(); } }
+        : undefined,
+    }),
+    value
+      ? h('button', {
+          type: 'button', className: 'dsh-mcp-wb-search-clear', title: t('清空'),
+          'aria-label': t('清空搜索'),
+          onClick: () => { onChange(''); if (onCommit) onCommit(); },
+        }, h(Icon, { d: ICONS.x, size: 12 }))
+      : null,
+  );
+const WorkBuddyMarket = ({ call, pluginManager }) => {
+  // ── 共享状态 ──
+  const [tab, setTab] = useState('connector');       // connector | skill
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState('');
+  const [busy, setBusy] = useState(false);
+  const [busyLabel, setBusyLabel] = useState('');
+  const [note, setNote] = useState('');
+  // 「最近动静」只读本机快照：读写失败静默降级，绝不阻塞市场主流程。
+  const [pulse, setPulse] = useState(() => readMarketPulse());
+  // 装备清单：打开时现读本机，不在面板挂载时就做汇总（省一次 IPC 与目录读取）。
+  const [loadoutOpen, setLoadoutOpen] = useState(false);
+  // 专家页搜索种子的一次性 epoch：即使当前已停在专家页，也能用 key 重挂并带上搜索词。
+  const [expertEpoch, setExpertEpoch] = useState(0);
+  // 专家子页签徽标：市场挂载后延迟一拍预取专家目录，只取条数。目录读失败静默——
+  // 徽标先不显示，绝不拖垮市场主流程；用户进过一次专家页后磁盘缓存常驻，之后零网络。
+  const [expertTotal, setExpertTotal] = useState(null);
+  const refreshPulse = useCallback(() => setPulse(readMarketPulse()), []);
+  useEffect(() => {
+    setMarketPulseListener(refreshPulse);
+    return () => setMarketPulseListener(null);
+  }, [refreshPulse]);
+  const [connectorSource, setConnectorSource] = useState('');
+  const [connectors, setConnectors] = useState([]);
+  const [connectorQuery, setConnectorQuery] = useState('');
+  const [connectorOnlyReady, setConnectorOnlyReady] = useState(true);
+  // T04/R8：已安装筛选（全量本地筛选，不受分页影响——与技能侧「仅本页」不同）。
+  const [connectorOnlyInstalled, setConnectorOnlyInstalled] = useState(false);
+  // T05/R10：连接器排序键（全量本地排序）。
+  const [connectorSort, setConnectorSort] = useState('default');
+  const [connectorPage, setConnectorPage] = useState(1);
+  const [connectorDetail, setConnectorDetail] = useState(null);
+  // ── 技能 ──
+  const [skillPage, setSkillPage] = useState(1);
+  const [skillSort, setSkillSort] = useState('downloads');
+  const [skillKeyword, setSkillKeyword] = useState('');
+  const [skillKeywordInput, setSkillKeywordInput] = useState('');
+  const [skills, setSkills] = useState([]);
+  const [skillTotal, setSkillTotal] = useState(0);
+  // 子页签徽标用的「全库」总量：只在无关键词的响应里更新。搜索命中数不进来，
+  // 徽标与连接器 / 插件徽标同语义——市场规模，不随当前筛选变。
+  const [skillMarketTotal, setSkillMarketTotal] = useState(0);
+  // 技能侧自己的加载/错误态：此前与连接器共用 `loading`/`error`，两种请求谁先回来谁就
+  // 把对方的态改掉——连接器 1 秒读完就把 loading 置 false，技能还在飞，于是技能页先画
+  // 「技能目录暂时是空的 / 可能还没同步下来」；等技能真的超时，又把整页 banner 改成报错。
+  // 拆开之后，技能慢只影响技能页自己的 loading/error。
+  const [skillLoading, setSkillLoading] = useState(true);
+  const [skillError, setSkillError] = useState('');
+  const [skillDetail, setSkillDetail] = useState(null);
+  const [installedSkills, setInstalledSkills] = useState(new Set());
+  // §6.3 已安装筛选：SkillHub 每页 20 条远程分页，而「已装」是本地集合，
+  // 所以这层过滤只能作用于**当前页**——必须在标签上写清，否则会被误读成全库筛选。
+  // T04/R7：令牌弹窗。连接器 mcp.json 里带 ${...} 占位符时要先让用户填值——
+  // 面板只做「用户明确输入」的透传，绝不代填、绝不猜值（X9 边界）。
+  // tokenDialog = { item, values: Record<占位符名, string> } | null
+  const [tokenDialog, setTokenDialog] = useState(null);
+  // R8：OAuth 授权对话框。连接器探测到 401 不再报错，改为弹这里引导浏览器授权。
+  // authDialog = { item, serverName, sessionId, authorizeUrl, mode, redirectUri, hint,
+  //                status, error, callbackUrl, manualToken } | null
+  const [authDialog, setAuthDialog] = useState(null);
+  const authDialogRef = useRef(null);
+  authDialogRef.current = authDialog;
+  const authPollRef = useRef(null);
+  const authDialogRefNode = useRef(null);
+  useFocusTrap(authDialogRefNode, !!authDialog);
+  const [skillOnlyInstalled, setSkillOnlyInstalled] = useState(false);
+  // 「已安装」集合的键是 namespace/slug 双键，不是 slug 单键：SkillHub 上同 slug 不同
+  // namespace 的技能一大把（find-skills 实测三家在架）。单键会让没装过的同名卡片假显示
+  // 「已安装」，在假卡片上点卸载又必撞「本机没有这个市场技能的安装记录」——用户报的
+  // 「假安装」截图正是这一对症状。wbSkillInstalled 行的 namespace/slug 从目录名解析
+  // （与安装时同一套 sanitize 口径），与卡片两字段天然一一对应。
+  const skillInstalledKey = (row) => row.namespace + '/' + row.slug;
+  // OPT-21：两个详情弹层此前都没有 ref（焦点陷阱需要容器节点）。
+  const connectorDetailRef = useRef(null);
+  const skillDetailRef = useRef(null);
+  useFocusTrap(connectorDetailRef, !!connectorDetail);
+  useFocusTrap(skillDetailRef, !!skillDetail);
+  const WB_PAGE_SIZE = 20;
+
+  const loadInstalled = useCallback(async () => {
+    const res = await call('wbSkillInstalled');
+    if (res?.ok) setInstalledSkills(new Set((res.installed || []).map((row) => skillInstalledKey(row))));
+  }, [call]);
+
+  // T04/R8：安装状态账本（三类安装的统一登记，宿主 ~/.dsh/armory/install-state.json）。
+  // 与技能侧的 installedSkills 不同：这是**全量**集合，不受分页影响。
+  const [installRecords, setInstallRecords] = useState([]);
+  const loadInstallState = useCallback(async () => {
+    try {
+      const res = await call('wbInstallState');
+      if (res?.ok) setInstallRecords(Array.isArray(res.items) ? res.items : []);
+    } catch {
+      // 安装状态是辅助信息，读失败不打断市场面板主流程。
+      setInstallRecords([]);
+    }
+  }, [call]);
+  const installedKeySet = (kind) => new Set(
+    installRecords.filter((row) => row && row.kind === kind).map((row) => String(row.key || '')),
+  );
+
+  const loadConnectors = useCallback(async () => {
     setLoading(true); setError(''); setNote('');
     try {
       const res = await call('wbConnectorCatalog');
       if (!res?.ok) throw new Error(res?.error || t('读取连接器目录失败'));
-      setConnectors(res.connectors || []);
+      const rows = res.connectors || [];
+      setConnectors(rows);
       setConnectorSource(res.loadedFrom || '');
+      // 目录快照只记「版本 + 可装性」这种稳定签名：星数 / 下载量波动不是「动静」。
+      if (recordMarketSnapshot('connector', rows.map((row) => ({
+        key: row.id, name: row.name, sig: String(row.version || '') + '|' + (row.installable ? '1' : '0'),
+      })))) refreshPulse();
     } catch (e) {
       setError(String(e?.message || e));
     } finally {
       setLoading(false);
     }
-  }, [call]);
+  }, [call, refreshPulse]);
 
   // 技能列表请求序号：搜索防抖与翻页会连发多个请求，慢的那个回来时不能盖掉新的结果。
   const skillSeq = useRef(0);
@@ -8187,8 +10009,23 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
       const res = await call('wbSkillCatalog', { page, sort, keyword, pageSize: WB_PAGE_SIZE });
       if (seq !== skillSeq.current) return; // 过期响应，直接丢弃
       if (!res?.ok) throw new Error(res?.error || t('读取技能目录失败'));
-      setSkills(res.skills || []);
+      const rows = res.skills || [];
+      setSkills(rows);
       setSkillTotal(res.total || 0);
+      if (!String(keyword || '').trim()) setSkillMarketTotal(res.total || 0);
+      // 「最近动静」：技能是远程分页 + 服务端搜索，任何一次响应都只是 19 万库里的一个切片，
+      // 切片之间互比等于自欺。只有**服务端全局排序**（最多安装 / 最多星标 / 综合评分）的
+      // 无关键词首页才是稳定集合，才配当基线，并且基线按排序分档存（installs 的 Top20 和
+      // stars 的 Top20 是两个集合，互比又会造出「全增全删」）。
+      // 默认那档「下载量（本页排序）」不给上游发 sortBy，上游无 ORDER BY 的 LIMIT 20
+      // 每次返回随机 20 条（2026-10-24 实测重合 0/20）——v1 就是把它当基线，才每次进市场
+      // 刷出一对「新增 20 / 移除 20」，即用户报的「切换页面重新进入时重复读取」。
+      const skillPulseBasis = page === 1 && !String(keyword || '').trim() && sort !== 'downloads'
+        ? 'skill:' + sort
+        : '';
+      if (skillPulseBasis && recordMarketSnapshot('skill', rows.map((row) => ({
+        key: row.namespace + '/' + row.slug, name: row.name, sig: String(row.version || ''),
+      })), { basis: skillPulseBasis })) refreshPulse();
     } catch (e) {
       if (seq === skillSeq.current) setSkillError(String(e?.message || e));
     } finally {
@@ -8311,7 +10148,27 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
     setBusy(true); setBusyLabel(t('正在启动授权…'));
     try {
       const res = await call('wbOAuthBegin', { connectorId: item.id, serverName });
-      if (!res?.ok) throw new Error(res?.error || t('无法启动授权流程'));
+      if (!res?.ok) {
+        // 授权页这条路走不通（服务器不做 OAuth 发现、动态注册被拒、要求客户端认证）时，
+        // 不能只甩一行红字就把用户关在门外：手填令牌那条兜底路还在，把弹层开出来摊给他。
+        if (res?.manualTokenOnly) {
+          setAuthDialog({
+            item,
+            serverName: res.serverName || serverName || item.name,
+            sessionId: '',
+            authorizeUrl: '',
+            mode: 'manual-token',
+            redirectUri: '',
+            hint: '',
+            status: 'manual',
+            error: res.error || t('该服务器无法自动打开授权页。'),
+            callbackUrl: '',
+            manualToken: '',
+          });
+          return;
+        }
+        throw new Error(res?.error || t('无法启动授权流程'));
+      }
       setAuthDialog({
         item,
         serverName: res.serverName || serverName || item.name,
@@ -8325,6 +10182,16 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
         callbackUrl: '',
         manualToken: '',
       });
+      // 宿主第一条打开通路（shell / rundll32）失败时立即补一发 wbOAuthOpen 再试一次：
+      // 多数失败是瞬时抖动，同一 URL 重开往往就成功了；补开成功就撤掉"没能唤起浏览器"
+      // 的提示回到纯等待态，仍失败则弹层里的链接与「重新打开浏览器」按钮还在。
+      if (!res.opened && res.authorizeUrl) {
+        call('wbOAuthOpen', { url: res.authorizeUrl }).then((openRes) => {
+          if (openRes?.opened && authDialogRef.current?.sessionId === res.sessionId) {
+            setAuthDialog((cur) => (cur && cur.sessionId === res.sessionId ? { ...cur, error: '' } : cur));
+          }
+        }).catch(() => {});
+      }
       if (res.sessionId) {
         stopAuthPoll();
         authPollRef.current = setTimeout(() => { pollAuthOnce(res.sessionId); }, 1200);
@@ -8419,7 +10286,16 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
     }
     installConnector(item);
   };
+  const skillInstallInFlight = useRef(new Set());
   const installSkill = async (skill) => {
+    // 同一技能的上一次安装还在飞时直接挡回：宿主侧已有按目录的互斥锁兜底串行，
+    // 这里再挡一层是为了不给用户制造「点了两次、两次都报成功」的错觉。
+    const flightKey = skillInstalledKey(skill);
+    if (skillInstallInFlight.current.has(flightKey)) {
+      setNote(t('该技能正在安装中，请等当前任务结束'));
+      return;
+    }
+    skillInstallInFlight.current.add(flightKey);
     setBusy(true); setBusyLabel(t('正在下载并校验 {0}…', [skill.name])); setError('');
     try {
       const res = await call('wbSkillInstall', { slug: skill.slug, namespace: skill.namespace, name: skill.name });
@@ -8434,6 +10310,7 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
     } catch (e) {
       setError(String(e?.message || e));
     } finally {
+      skillInstallInFlight.current.delete(flightKey);
       setBusy(false); setBusyLabel('');
     }
   };
@@ -8465,105 +10342,12 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
     }
   };
 
-  // ── 内置 MCP 目录（第三 tab）：与全局 MCP 市场同一份目录，直接可装 ──
-  const [builtins, setBuiltins] = useState([]);
-  const [builtinQuery, setBuiltinQuery] = useState('');
-  const [builtinCategory, setBuiltinCategory] = useState('all');
-  const [builtinOnlyReady, setBuiltinOnlyReady] = useState(false);
-  const [builtinsLoading, setBuiltinsLoading] = useState(false);
-  const [builtinError, setBuiltinError] = useState('');
-  const loadBuiltins = useCallback(async () => {
-    setBuiltinsLoading(true); setBuiltinError('');
-    try {
-      const res = await call('builtins');
-      if (!res?.ok) throw new Error(res?.error || t('读取 MCP 目录失败'));
-      setBuiltins(res.builtins || []);
-    } catch (e) {
-      setBuiltinError(String(e?.message || e));
-    } finally {
-      setBuiltinsLoading(false);
-    }
-  }, [call]);
-  useEffect(() => {
-    if (tab === 'builtin' && !builtins.length && !builtinsLoading) loadBuiltins();
-  }, [tab, builtins.length, builtinsLoading, loadBuiltins]);
-  const builtinNeedsKey = (item) => Array.isArray(item.envKeys) && item.envKeys.length > 0;
-  const builtinNeedsConfig = (item) => Array.isArray(item.configKeys) && item.configKeys.length > 0;
-  const builtinNeedsArgs = (item) => Array.isArray(item.placeholders) && item.placeholders.length > 0;
-  const builtinReady = (item) => !builtinNeedsKey(item) && !builtinNeedsConfig(item) && !builtinNeedsArgs(item);
-  // P1：目录随 RPC 同时送中英字段，这里按当前 locale 投影一次。只在 47 条上跑，
-  // 不做 useMemo——locale 变化时 useI18nRevision 已强制重渲染，缓存反而会留下旧语言。
-  const localizedBuiltins = builtins.map((item) => localizeBuiltinItem(item));
-  const builtinCategories = (() => {
-    const counts = new Map();
-    for (const item of localizedBuiltins) {
-      const key = item.category || 'other';
-      const entry = counts.get(key) || { label: item.categoryLabel || key, count: 0 };
-      entry.count += 1;
-      counts.set(key, entry);
-    }
-    return [...counts.entries()].map(([key, entry]) => ({ key, ...entry }));
-  })();
-  const builtinQueryKey = builtinQuery.trim().toLowerCase();
-  // ── T03/R5：codebuddy 插件市场 ──
-  // 目录一次全量（官方 zip 里的 external_plugins 清单，无分页概念），本地过滤。
-  // 安装走官方 pluginManager.installBundle(spec, {}) 严格双参（少传第二个会被 wire 拒绝，
-  // 见本文件 runUpgrade 的踩坑注释）；装完宿主进程不热载新包，必须重启 DSH 才生效——
-  // 提示条 state 常驻（不写 localStorage，本次会话内不消失）。
-  const [plugins, setPlugins] = useState([]);
-  const [pluginsLoading, setPluginsLoading] = useState(false);
-  const [pluginsError, setPluginsError] = useState('');
-  const [pluginQuery, setPluginQuery] = useState('');
-  // T04/R8：插件「只看已安装」（全量本地筛选）。
-  const [pluginOnlyInstalled, setPluginOnlyInstalled] = useState(false);
-  const [pluginDetail, setPluginDetail] = useState(null);
+  // 插件安装走宿主的 pluginManager.installBundle(spec, {}) 严格双参（少传第二个会被
+  // wire 拒绝，见本文件 runUpgrade 的踩坑注释）；装完宿主进程不热载新包，必须重启 DSH
+  // 才生效——提示条 state 常驻（不写 localStorage，本次会话内不消失）。
   const [restartNotice, setRestartNotice] = useState('');
-  // T05/R9：插件市场更新提示。**状态名不能叫 updateHint**——那个名字已被本文件
-  // L3288 的 dsh-armory 自身版本更新提示占用。只按 reason 分支，不读 error 正文。
-  const [pluginUpdateHint, setPluginUpdateHint] = useState(null);
-  const pluginDetailRef = useRef(null);
-  useFocusTrap(pluginDetailRef, !!pluginDetail);
-  const loadPlugins = useCallback(async () => {
-    setPluginsLoading(true); setPluginsError('');
-    try {
-      const res = await call('wbPluginCatalog');
-      if (!res?.ok) throw new Error(res?.error || t('读取插件目录失败'));
-      setPlugins(res.plugins || []);
-    } catch (e) {
-      setPluginsError(String(e?.message || e));
-    } finally {
-      setPluginsLoading(false);
-    }
-  }, [call]);
-  // T05/R9：插件市场更新探测——**懒触发、只跑一次**（X4 边界：绝不常驻定时器）。
-  // 只在「已进过 plugin tab 且目录已加载」时探一次；reason 分支见下方提示条。
-  const checkPluginUpdate = useCallback(async () => {
-    try {
-      const res = await call('wbPluginUpdateCheck');
-      setPluginUpdateHint(res || null);
-    } catch (e) {
-      // 探测失败不打扰用户（辅助信息），保留 null 即不渲染提示条。
-      setPluginUpdateHint(null);
-    }
-  }, [call]);
   // T06/Awesome：DSH 社区插件市场（awesome-dsh-plugins）状态机与数据接入。
-  // pluginSource 持久化 localStorage（先例 UPDATE_HINT_STATE_KEY）；默认 awesome（用户拍板 2026-10-20：插件页初始显示 DSH 社区；显式切过来源的用户按其持久化值）。
-  // 来源切换控件在插件工具行（select 两态），写入 localStorage 持久化。
-  // 注意：必须在下方两个依赖数组含 pluginSource 的 effect 之前声明——依赖数组在渲染期求值，
-  // const 声明若在其后，渲染即抛 ReferenceError: Cannot access 'pluginSource' before initialization（TDZ）。
-  const [pluginSource, setPluginSource] = useState(() => {
-    try { return localStorage.getItem('dsh-armory.pluginSource') === 'codebuddy' ? 'codebuddy' : 'awesome'; } catch { return 'awesome'; }
-  });
-  const pluginUpdateChecked = useRef(false);
-  useEffect(() => {
-    if (tab === 'plugin' && pluginSource === 'codebuddy' && !plugins.length && !pluginsLoading) loadPlugins();
-  }, [tab, pluginSource, plugins.length, pluginsLoading, loadPlugins]);
-  useEffect(() => {
-    // 只在目录加载完成后探一次；pluginUpdateChecked 保证组件存续期内不重复。
-    if (tab !== 'plugin' || pluginSource !== 'codebuddy' || pluginsLoading || !plugins.length || pluginUpdateChecked.current) return;
-    pluginUpdateChecked.current = true;
-    checkPluginUpdate();
-  }, [tab, pluginSource, pluginsLoading, plugins.length, checkPluginUpdate]);
+  // 插件页只有这一个来源；首屏快照见下方 awesomeSnapshotRef。
   // 首屏秒开：首次挂载就把上次的快照铺上，用户进插件页立刻看到目录而不是一句「正在加载」。
   // 快照只在挂载时读一次（JSON.parse 一两 MB 不能每次 render 都干）；真实目录随后覆盖。
   const awesomeSnapshotRef = useRef(undefined);
@@ -8582,7 +10366,10 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
   const [awesomeSort, setAwesomeSort] = useState('stars');
   const [awesomePage, setAwesomePage] = useState(1);
   const [awesomeOnlyInstalled, setAwesomeOnlyInstalled] = useState(false);
-  const loadAwesomeCatalog = useCallback(async (refresh = false) => {
+  // 静默预取失败时用来判断「有没有快照可留」：有快照就不弹错误条。
+  const awesomeLenRef = useRef(awesomePlugins.length);
+  useEffect(() => { awesomeLenRef.current = awesomePlugins.length; }, [awesomePlugins.length]);
+  const loadAwesomeCatalog = useCallback(async (refresh = false, silent = false) => {
     setAwesomeLoading(true); setAwesomeError('');
     try {
       const res = await call('wbAwesomeCatalog', refresh ? { refresh: true } : {});
@@ -8592,10 +10379,17 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
       const marketplace = res.marketplace || 'awesome-dsh-plugins';
       const catalog = (res.plugins || []).map((item) => ({ ...item, marketplace }));
       setAwesomePlugins(catalog);
+      // 「最近动静」：只对比新增 / 移除 / 版本或核验状态变化。星数不进签名（每天波动属噪音）。
+      if (recordMarketSnapshot('awesome', catalog.map((item) => ({
+        key: item.name,
+        name: item.name,
+        sig: String(item.version || '') + '|' + String(item.verifiedAgainst || '') + '|' + String(item.status || ''),
+      })))) refreshPulse();
       // 顺手把这次的目录留成下次的首屏快照（写失败静默，不影响本次渲染）。
       writeAwesomeSnapshot({ plugins: catalog, marketplace, fetchedAt: res.fetchedAt });
     } catch (e) {
-      setAwesomeError(String(e?.message || e));
+      // 静默预取失败且已有快照 → 保留旧目录；没有快照才让错误条接管。
+      if (!silent || awesomeLenRef.current === 0) setAwesomeError(String(e?.message || e));
     } finally {
       setAwesomeLoading(false);
     }
@@ -8653,39 +10447,51 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
     }
     setReadmeView({ item, loading: false, ok: true, markdown: res.markdown || '', base: res.base || '', error: '', source: res.source || '', reason: res.reason || '', truncated: res.truncated === true });
   }, [call]);
-  // 自动加载改成「每次挂载只发一次」：旧条件是 `awesomeLoading || awesomePlugins.length` 就跳过，
-  // 一旦首屏已经有快照，真实目录就永远不会再拉——快照便成了死数据，必须去掉那个门槛。
+  // 目录预取：市场面板一挂载就在后台把 DSH 社区目录拉好。以前必须切到插件页才发请求，
+  // 用户看到的是「空白 → loading → 列表」；现在切过去通常已经就绪（另有 localStorage
+  // 快照垫底）。延迟一拍，避免和 MCP 首屏争带宽；只跑一次，失败由列表里的错误条 / 空态
+  // 提供手动重试。
   const awesomeAutoLoaded = useRef(false);
   useEffect(() => {
-    if (tab !== 'plugin' || pluginSource !== 'awesome' || awesomeAutoLoaded.current) return;
+    if (awesomeAutoLoaded.current) return;
+    const timer = setTimeout(() => {
+      if (awesomeAutoLoaded.current) return;
+      awesomeAutoLoaded.current = true;
+      loadAwesomeCatalog(false, true);
+    }, 400);
+    return () => clearTimeout(timer);
+  }, [loadAwesomeCatalog]);
+  // 用户已经在插件页时不等预取延迟：立即发（旧行为保留，预取只负责「还没切过来」）。
+  useEffect(() => {
+    if (tab !== 'plugin' || awesomeAutoLoaded.current) return;
     awesomeAutoLoaded.current = true;
-    loadAwesomeCatalog();
-  }, [tab, pluginSource, loadAwesomeCatalog]);
+    loadAwesomeCatalog(false, true);
+  }, [tab, loadAwesomeCatalog]);
+  // 专家目录预取（只为子页签徽标取条数）：与插件目录预取同一节奏，延迟一拍避免和
+  // MCP 首屏争带宽。loadExpertCatalogShared 带模块级 TTL 缓存，专家页挂载时复用
+  // 同一份，不会二连网络；组件卸载后回包只作废，不写状态。
+  useEffect(() => {
+    let alive = true;
+    const timer = setTimeout(() => {
+      loadExpertCatalogShared(call).then((data) => {
+        if (alive) setExpertTotal((data.experts || []).length || null);
+      }).catch(() => { /* 徽标读不到就先不显示 */ });
+    }, 400);
+    return () => { alive = false; clearTimeout(timer); };
+  }, [call]);
   useEffect(() => {
     // 目录加载完成后探一次；awesomeUpdateChecked 保证组件存续期内不重复；已有提示不再探。
-    if (tab !== 'plugin' || pluginSource !== 'awesome' || awesomeLoading || !awesomePlugins.length || awesomeError || awesomeUpdateHint) return;
+    if (tab !== 'plugin' || awesomeLoading || !awesomePlugins.length || awesomeError || awesomeUpdateHint) return;
     if (awesomeUpdateChecked.current) return;
     awesomeUpdateChecked.current = true;
     checkAwesomeUpdate();
-  }, [tab, pluginSource, awesomeLoading, awesomePlugins.length, awesomeError, awesomeUpdateHint, checkAwesomeUpdate]);
+  }, [tab, awesomeLoading, awesomePlugins.length, awesomeError, awesomeUpdateHint, checkAwesomeUpdate]);
   useEffect(() => { setAwesomePage(1); }, [awesomeQuery, awesomeCategory, awesomeTags, awesomeSort]);
-  // UNCLEAR#1 的取值策略：plugin.json 的 repository 是安装 spec 的唯一可推导来源——
-  //   1. git/https 的 GitHub 仓库 URL → `github:<owner>/<repo>#<ref>`（官方 installBundle
-  //      的 pnpm add 语义支持该 spec）；
-  //   2. 其余字符串（裸 npm 名、含版本号等）原样当作 spec 交给宿主；
-  //   3. 没有 repository → null = 不可推导 → UI 只展示、不渲染安装按钮（绝不猜名字）。
+  // DSH 社区条目的主安装路径是 npm 包名：installBundle 直接接受 `npm:<name>` 形态的
+  // spec。没有 npm 的条目在 UI 层已灰置（「暂不支持安装」），走不到这里。
   const pluginInstallSpec = (plugin) => {
-    // T05/R12：DSH 社区条目（awesome-dsh-plugins）的主安装路径是 npm 包名。
-    // installBundle 直接受 npm:<name> 形态的 spec；没有 npm 的社区条目在 UI 层灰置，走不到这里。
-    if (plugin?.npm) return `npm:${String(plugin.npm).trim()}`;
-    const repo = String(plugin?.repository || '').trim();
-    if (!repo) return null;
-    const gitHub = repo.match(/^https?:\/\/github\.com\/([^/]+)\/([^/#?]+)(?:[/#?]|\b)/i);
-    if (gitHub) {
-      const ref = (repo.split('#')[1] || '').trim();
-      return `github:${gitHub[1]}/${gitHub[2].replace(/\.git$/, '')}${ref ? '#' + ref : ''}`;
-    }
-    return repo;
+    const npm = String(plugin?.npm || '').trim();
+    return npm ? `npm:${npm}` : null;
   };
   const installPlugin = async (plugin) => {
     if (!pluginManager || typeof pluginManager[UPGRADE_METHOD] !== 'function') {
@@ -8693,7 +10499,7 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
       return;
     }
     const spec = pluginInstallSpec(plugin);
-    if (!spec) { setError(t('该插件未提供可推导的安装来源（repository），暂不能安装')); return; }
+    if (!spec) { setError(t('该条目未提供 npm 包名，暂不支持安装')); return; }
     setBusy(true); setBusyLabel(t('正在安装插件 {0}…', [plugin.name])); setError('');
     // 顶部浮层与组件 state 并行记账：面板被卸载（切标签 / 切窗口）后浮层仍在，用户不会误以为被取消。
     installToastStart(plugin.name);
@@ -8713,7 +10519,7 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
           key: plugin.name,
           name: plugin.name,
           version: plugin.version || '',
-          source: { kind: 'marketplace', marketplace: plugin.marketplace || 'codebuddy-plugins-official' },
+          source: { kind: 'marketplace', marketplace: plugin.marketplace || 'awesome-dsh-plugins' },
         });
         if (!rec?.ok) setNote(t('插件已安装，但安装状态登记失败：{0}', [rec?.error || t('未知错误')]));
       } catch (e) {
@@ -8722,7 +10528,6 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
       await loadInstallState();
       // 快照里若还有这条旧目录数据，标记已安装由 installedPluginKeys 负责，无需改动。
       setRestartNotice(t('插件 {0} 安装成功，需重启 DSH 宿主后生效。', [plugin.name]));
-      setPluginDetail(null);
       installToastFinish(plugin.name, 'ok');
     } catch (e) {
       setError(String(e?.message || e));
@@ -8731,13 +10536,6 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
       setBusy(false); setBusyLabel('');
     }
   };
-  const pluginQueryKey = pluginQuery.trim().toLowerCase();
-  const filteredPlugins = plugins.filter((item) => {
-    // T04/R8：只看已安装——插件账本 key 是 plugin.name。
-    if (pluginOnlyInstalled && !installedPluginKeys.has(String(item.name || ''))) return false;
-    if (!pluginQueryKey) return true;
-    return [item.name, item.description, item.author].filter(Boolean).join(' ').toLowerCase().includes(pluginQueryKey);
-  });
   // T06/Awesome：社区目录筛选 / 排序 / 分页（全量本地，不受分页影响；tags 多选为「或」语义）。
   const awesomeQueryKey = awesomeQuery.trim().toLowerCase();
   const filteredAwesome = awesomePlugins.filter((item) => {
@@ -8757,32 +10555,57 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
   const awesomePageCount = Math.max(1, Math.ceil(sortedAwesome.length / AWESOME_PAGE_SIZE));
   const safeAwesomePage = Math.min(awesomePage, awesomePageCount);
   const visibleAwesome = sortedAwesome.slice((safeAwesomePage - 1) * AWESOME_PAGE_SIZE, safeAwesomePage * AWESOME_PAGE_SIZE);
-  const filteredBuiltins = localizedBuiltins.filter((item) => {
-    if (builtinCategory !== 'all' && (item.category || 'other') !== builtinCategory) return false;
-    if (builtinOnlyReady && !builtinReady(item)) return false;
-    if (!builtinQueryKey) return true;
-    return [item.label, item.id, item.name, item.summary, item.vendor, item.access].filter(Boolean).join(' ').toLowerCase().includes(builtinQueryKey);
-  });
-  const installBuiltin = async (item) => {
-    setBusy(true); setBusyLabel(t('正在安装 {0}…', [item.label])); setError('');
-    try {
-      const res = await call('installBuiltins', { ids: [item.id] });
-      if (!res?.ok) throw new Error(res?.error || t('安装失败'));
-      setNote(t('{0}：{1}', [item.label, res.note || t('已安装')]));
-      await loadBuiltins();
-    } catch (e) {
-      setError(String(e?.message || e));
-    } finally {
-      setBusy(false); setBusyLabel('');
+  // 下载量只给「当前这一页」排队：一页 50 张 → 最多 5 个批量请求（宿主侧再缓存 7 天）。
+  // 放在这里（不是每张卡片里）是因为 hook 不能在 .map 里调，而页级批量已经足够省。
+  useNpmDownloads(call, visibleAwesome);
+
+  // 装备清单的「去市场」：只做定位，不替用户点安装。各市场搜索词互不相通，
+  // 所以按 kind / source 落到对应子页并写入该页的搜索框。
+  const locateLoadoutRow = async (row) => {
+    const name = String(row?.name || '').trim();
+    const source = String(row?.source || '');
+    setLoadoutOpen(false);
+    if (row?.kind === 'mcp') {
+      if (source.startsWith('connector:')) {
+        setTab('connector');
+        setConnectorQuery(name);
+        setConnectorOnlyReady(false);
+        setConnectorPage(1);
+        setNote(t('已定位到连接器市场：{0}', [name]));
+      } else {
+        // 非 connector 来源（手动配置或历史 builtin 导入）不在任何市场里：
+        // 复制名称让用户去 MCP 页自己加，绝不替用户写配置。
+        await copyText(name);
+        setNote(t('这是手动配置的 MCP，名称已复制；可到 MCP 页自行添加。'));
+      }
+      return;
     }
+    if (row?.kind === 'skill') {
+      setTab('skill');
+      setSkillPage(1);
+      setSkillKeywordInput(name);
+      setSkillKeyword(name);
+      setNote(t('已定位到技能市场：{0}', [name]));
+      return;
+    }
+    if (row?.kind === 'expert') {
+      seedExpertMarketQuery(name);
+      setExpertEpoch((value) => value + 1);
+      setTab('expert');
+      setNote(t('已定位到专家市场：{0}', [name]));
+      return;
+    }
+    setAwesomeQuery(name);
+    setTab('plugin');
+    setNote(t('已定位到插件市场：{0}', [name]));
   };
 
   const connectorSearch = h(WbSearchBox, {
-    value: connectorQuery, placeholder: t('搜索连接器（名称 / 说明 / ID）'), disabled: loading,
+    value: connectorQuery, placeholder: t('搜索连接器（名称 / 说明 / ID）'), busy: loading,
     onChange: (value) => { setConnectorQuery(value); setConnectorPage(1); },
   });
   const skillSearch = h(WbSearchBox, {
-    value: skillKeywordInput, placeholder: t('搜索 SkillHub 技能（19 万+）'), disabled: skillLoading,
+    value: skillKeywordInput, placeholder: t('搜索 SkillHub 技能（19 万+）'), busy: skillLoading,
     onChange: (value) => setSkillKeywordInput(value),
     // 回车跳过防抖立即生效（防抖本身也会触发，双保险但幂等）。
     onCommit: () => { setSkillPage(1); setSkillKeyword(skillKeywordInput); },
@@ -8796,39 +10619,43 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
   // 已安装状态只在本地知道，所以这层过滤只作用于本页——计数文案里写清楚，
   // 免得用户以为「只看已安装」能翻遍全库。
   const shownSkills = skillOnlyInstalled
-    ? skills.filter((skill) => installedSkills.has(skill.slug))
+    ? skills.filter((skill) => installedSkills.has(skillInstalledKey(skill)))
     : skills;
-  const installedOnPage = skills.filter((skill) => installedSkills.has(skill.slug)).length;
+  const installedOnPage = skills.filter((skill) => installedSkills.has(skillInstalledKey(skill))).length;
 
   // §6.1 子页签：原来用与顶栏 `.dsh-mcp-cat` 同款的胶囊按钮，两排长得一样，
   // 用户分不清「换整页」还是「换市场内部子页」。改成下划线式页签 + 面包屑，
-  // 视觉上与顶栏彻底分开；「内置 MCP」拉不到数据时（0）降级成灰字，不占页签位。
+  // 视觉上与顶栏彻底分开。面包屑并入页签行最右侧（不再独占一行），随当前子页更新。
   const MARKET_TABS = [
     { key: 'connector', label: t('连接器'), count: connectors.length || null },
-    { key: 'builtin', label: t('内置 MCP'), count: builtins.length || null },
-    { key: 'skill', label: t('技能'), count: null },
-    // T03/R5：codebuddy 插件市场子页签。count 在目录加载后才有（未载时灰字入口，同内置 MCP）。
-    { key: 'plugin', label: t('插件'), count: plugins.length || null },
-    { key: 'expert', label: t('专家'), count: null },
+    // 技能库 19 万+，徽标走 wbFormatCount 缩写（193k）；数字只在无关键词响应里更新，
+    // 搜索命中数不进来——与连接器 / 插件徽标同语义：市场规模，不随筛选变。
+    { key: 'skill', label: t('技能'), count: skillMarketTotal ? wbFormatCount(skillMarketTotal) : null },
+    // 插件市场子页签。count 在目录加载后才有（未载时灰字入口，同技能）。
+    { key: 'plugin', label: t('插件'), count: awesomePlugins.length || null },
+    // 专家徽标同款：挂载后延迟预取目录条数，读到才显示。
+    { key: 'expert', label: t('专家'), count: expertTotal },
   ];
   const marketTabLabel = (MARKET_TABS.find((row) => row.key === tab) || MARKET_TABS[0]).label;
   return h('div', { className: 'dsh-mcp-wb' },
-    h('div', { className: 'dsh-mcp-mk-crumb' },
-      h('span', { className: 'dsh-mcp-mk-crumb-root' }, t('市场')),
-      h('span', { className: 'dsh-mcp-mk-crumb-sep', 'aria-hidden': 'true' }, '/'),
-      h('b', null, marketTabLabel),
-    ),
     h('div', { className: 'dsh-mcp-mk-subtabs', role: 'tablist', 'aria-label': t('WorkBuddy 市场') },
-      MARKET_TABS.map((row) => (row.key === 'builtin' && !row.count
-        // 内置 MCP 目录首次进入才有数据，未加载时给一个可点的灰字入口而非空页签。
-        ? h('button', {
-            key: row.key, type: 'button', className: 'dsh-mcp-mk-subtabs-idle',
-            onClick: () => setTab(row.key), title: t('读取内置 MCP 目录'),
-          }, row.label)
-        : h('button', {
-            key: row.key, type: 'button', role: 'tab', 'aria-selected': tab === row.key,
-            className: 'dsh-mcp-mk-subtab', onClick: () => setTab(row.key),
-          }, row.label, row.count ? h('i', null, row.count) : null))),
+      MARKET_TABS.map((row) => h('button', {
+        key: row.key, type: 'button', role: 'tab', 'aria-selected': tab === row.key,
+        className: 'dsh-mcp-mk-subtab', onClick: () => setTab(row.key),
+      }, row.label, row.count ? h('i', null, row.count) : null)),
+      // 右侧：装备清单入口 + 面包屑（面包屑 aria-hidden：当前位置已由选中页签表达）。
+      h('div', { className: 'dsh-mcp-mk-topright' },
+        h('button', {
+          type: 'button', className: 'dsh-mcp-loadout-open',
+          title: t('导出本机配置，或导入朋友的清单做差异对比'),
+          onClick: () => setLoadoutOpen(true),
+        }, t('装备清单')),
+        h('div', { className: 'dsh-mcp-mk-crumb', 'aria-hidden': 'true' },
+          h('span', { className: 'dsh-mcp-mk-crumb-root' }, t('市场')),
+          h('span', { className: 'dsh-mcp-mk-crumb-sep' }, '/'),
+          h('b', null, marketTabLabel),
+        ),
+      ),
     ),
     // §6.5 免责声明：原来整段灰字常驻在页签下方，每次进市场都吃掉两行高度。
     // 收敛为一行摘要 + details 展开全文，默认折叠。
@@ -8838,11 +10665,19 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
         t('连接器来自 WorkBuddy 官方分发（static.workbuddy.cn）；技能来自 SkillHub 公开 API；专家来自 WorkBuddy 专家中心分发。') +
         t('第三方接口的字段可能随上游改版变化，安装前请在详情里核对传输类型与凭据要求。')),
     ),
+    // 「最近动静」：本机快照对比，只报真实的目录变化；没有变化就说没有。
+    h(MarketPulse, {
+      state: pulse,
+      onClear: () => { clearMarketPulse(); setPulse(emptyMarketPulse()); },
+      onJump: (meta) => {
+        if (meta.tab) setTab(meta.tab);
+      },
+    }),
     tab === 'connector'
       ? h('div', { className: 'dsh-mcp-wb-toolbar' },
           connectorSearch,
           h('label', { className: 'dsh-mcp-check', title: t('默认只显示可直接安装的条目；取消勾选可看到「仅展示」的不兼容条目') },
-            h('input', { type: 'checkbox', checked: connectorOnlyReady, disabled: loading, onChange: (e) => { setConnectorOnlyReady(e.target.checked); setConnectorPage(1); } }),
+            h('input', { type: 'checkbox', checked: connectorOnlyReady, onChange: (e) => { setConnectorOnlyReady(e.target.checked); setConnectorPage(1); } }),
             t('只看可直接安装')),
           // T04/R8：已安装筛选是全量本地筛选（跨页生效），不随分页变化。
           h('label', { className: 'dsh-mcp-check', title: t('在全量 {0} 条目录里筛出已安装的连接器（跨页生效，与技能侧「仅本页」不同）', [connectors.length]) },
@@ -8889,63 +10724,27 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
             : null,
         )
       : null,
-    tab === 'builtin'
+    tab === 'plugin'
         ? h('div', { className: 'dsh-mcp-wb-toolbar' },
-            h(WbSearchBox, {
-              value: builtinQuery, placeholder: t('搜索服务、用途或提供方…'),
-              onChange: (value) => setBuiltinQuery(value),
-            }),
-            h('label', { className: 'dsh-mcp-check' },
-              h('input', { type: 'checkbox', checked: builtinOnlyReady, onChange: (e) => setBuiltinOnlyReady(e.target.checked) }),
-              t('只要免密钥')),
-            h('select', {
-              className: 'dsh-mcp-input dsh-mcp-wb-sort', value: builtinCategory,
-              onChange: (e) => setBuiltinCategory(e.target.value),
-            }, h('option', { key: 'all', value: 'all' }, t('全部分类')),
-              builtinCategories.map((cat) => h('option', { key: cat.key, value: cat.key }, cat.label + t('（') + cat.count + t('）')))),
-            h('span', { className: 'dsh-mcp-builtin-count' }, t('显示 {0} / {1}', [filteredBuiltins.length, builtins.length])),
+            h(WbSearchBox, { value: awesomeQuery, placeholder: t('搜索插件（名称 / 描述 / 作者）'), onChange: (value) => setAwesomeQuery(value) }),
+            ...AWESOME_CATEGORIES.map((cat) => h('button', { key: cat.key, type: 'button', className: 'dsh-mcp-tag-chip' + (awesomeCategory === cat.key ? ' on' : ''), 'aria-pressed': awesomeCategory === cat.key, onClick: () => setAwesomeCategory(cat.key) }, cat.label)),
+            ...AWESOME_TAGS.map((tag) => h('button', { key: tag, type: 'button', className: 'dsh-mcp-tag-chip' + (awesomeTags.includes(tag) ? ' on' : ''), 'aria-pressed': awesomeTags.includes(tag), onClick: () => setAwesomeTags(awesomeTags.includes(tag) ? awesomeTags.filter((row) => row !== tag) : [...awesomeTags, tag]) }, tag)),
+            h('select', { className: 'dsh-mcp-wb-sort', value: awesomeSort, onChange: (e) => setAwesomeSort(e.target.value) }, AWESOME_SORTS.map((option) => h('option', { key: option.key, value: option.key }, option.label))),
+            h('label', { className: 'dsh-mcp-check', title: t('在全量 {0} 条插件里筛出已安装的（跨页生效）', [awesomePlugins.length]) }, h('input', { type: 'checkbox', checked: awesomeOnlyInstalled, onChange: (e) => setAwesomeOnlyInstalled(e.target.checked) }), t('只看已安装')),
+            h('span', { className: 'dsh-mcp-builtin-count' }, t('显示 {0} / {1}', [visibleAwesome.length, filteredAwesome.length])),
           )
-        : tab === 'plugin'
-          ? h('div', { className: 'dsh-mcp-wb-toolbar' },
-              h('select', { className: 'dsh-mcp-wb-sort', value: pluginSource, onChange: (e) => { const next = e.target.value === 'awesome' ? 'awesome' : 'codebuddy'; setPluginSource(next); try { localStorage.setItem('dsh-armory.pluginSource', next); } catch { /* localStorage 不可用时仅本会话生效 */ } } },
-                h('option', { value: 'codebuddy' }, t('CodeBuddy 官方')),
-                h('option', { value: 'awesome' }, t('DSH 社区')),
-              ),
-              ...(pluginSource === 'codebuddy' ? [
-                h(WbSearchBox, {
-                  value: pluginQuery, placeholder: t('搜索插件（名称 / 描述 / 作者）'),
-                  onChange: (value) => setPluginQuery(value),
-                }),
-                // T04/R8：插件的已安装筛选同样是全量本地筛选。
-                h('label', { className: 'dsh-mcp-check', title: t('在全量 {0} 条插件里筛出已安装的（跨页生效）', [plugins.length]) },
-                  h('input', { type: 'checkbox', checked: pluginOnlyInstalled, disabled: pluginsLoading, onChange: (e) => setPluginOnlyInstalled(e.target.checked) }),
-                  t('只看已安装')),
-                pluginOnlyInstalled
-                  ? h('span', { className: 'dsh-mcp-builtin-count' }, t('已安装 {0} / {1}', [installedPluginKeys.size, plugins.length]))
-                  : null,
-                h('span', { className: 'dsh-mcp-builtin-count' }, t('显示 {0} / {1}', [filteredPlugins.length, plugins.length])),
-              ] : []),
-              ...(pluginSource === 'awesome' ? [
-                h(WbSearchBox, { value: awesomeQuery, placeholder: t('搜索插件（名称 / 描述 / 作者）'), onChange: (value) => setAwesomeQuery(value) }),
-                ...AWESOME_CATEGORIES.map((cat) => h('button', { key: cat.key, type: 'button', className: 'dsh-mcp-tag-chip' + (awesomeCategory === cat.key ? ' on' : ''), 'aria-pressed': awesomeCategory === cat.key, onClick: () => setAwesomeCategory(cat.key) }, cat.label)),
-                ...AWESOME_TAGS.map((tag) => h('button', { key: tag, type: 'button', className: 'dsh-mcp-tag-chip' + (awesomeTags.includes(tag) ? ' on' : ''), 'aria-pressed': awesomeTags.includes(tag), onClick: () => setAwesomeTags(awesomeTags.includes(tag) ? awesomeTags.filter((row) => row !== tag) : [...awesomeTags, tag]) }, tag)),
-                h('select', { className: 'dsh-mcp-wb-sort', value: awesomeSort, onChange: (e) => setAwesomeSort(e.target.value) }, AWESOME_SORTS.map((option) => h('option', { key: option.key, value: option.key }, option.label))),
-                h('label', { className: 'dsh-mcp-check', title: t('在全量 {0} 条插件里筛出已安装的（跨页生效）', [awesomePlugins.length]) }, h('input', { type: 'checkbox', checked: awesomeOnlyInstalled, onChange: (e) => setAwesomeOnlyInstalled(e.target.checked) }), t('只看已安装')),
-                h('span', { className: 'dsh-mcp-builtin-count' }, t('显示 {0} / {1}', [visibleAwesome.length, filteredAwesome.length])),
-              ] : []),
-            )
         : tab === 'expert'
           ? null
           : tab === 'skill'
           ? h('div', { className: 'dsh-mcp-wb-toolbar' },
               skillSearch,
             h('select', {
-              className: 'dsh-mcp-input dsh-mcp-wb-sort', value: skillSort, disabled: skillLoading,
+              className: 'dsh-mcp-input dsh-mcp-wb-sort', value: skillSort,
               title: t('SkillHub 已不再提供全站下载量排序；这一项只在当前页内按下载量排序。'),
               onChange: (e) => { setSkillSort(e.target.value); setSkillPage(1); },
             }, WB_SKILLHUB_SORTS.map((option) => h('option', { key: option.key, value: option.key }, option.label))),
             h('label', { className: 'dsh-mcp-check', title: t('仅在本页 {0} 条里筛出已安装的（SkillHub 是远程分页，无法跨页筛选）', [skills.length]) },
-              h('input', { type: 'checkbox', checked: skillOnlyInstalled, disabled: skillLoading, onChange: (e) => setSkillOnlyInstalled(e.target.checked) }),
+              h('input', { type: 'checkbox', checked: skillOnlyInstalled, onChange: (e) => setSkillOnlyInstalled(e.target.checked) }),
               t('只看已安装')),
             skillOnlyInstalled
               ? h('span', { className: 'dsh-mcp-builtin-count' }, t('本页已安装 {0} / {1}', [installedOnPage, skills.length]))
@@ -8957,7 +10756,7 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
     busyLabel ? h('div', { className: 'dsh-mcp-wb-note busy', 'aria-live': 'polite' }, busyLabel) : null,
     error ? h('div', { className: 'dsh-mcp-wb-error', role: 'alert' }, error) : null,
     // 技能加载失败只落在这一行（带重试），不再借用整页 banner：一个上游接口挂了
-    // 不该让「连接器 / 内置 / 插件 / 专家」页签看起来都坏了。
+    // 不该让「连接器 / 技能 / 插件 / 专家」页签看起来都坏了。
     tab === 'skill' && skillError
       ? h('div', { className: 'dsh-mcp-wb-error', role: 'alert' }, skillError, ' ',
           h('button', {
@@ -9021,7 +10820,12 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
             // 完整原因仍留在 blockedReason，hover 卡片或角标都能看到。
             item.installable ? null : h('span', { className: 'dsh-mcp-mk-corner', title: item.blockedReason || t('不兼容') }, t('不兼容')),
             h('div', { className: 'dsh-mcp-card-top' },
-              h('div', null, h('div', { className: 'dsh-mcp-card-name' }, item.name)),
+              // 头像来自官方分发包 ZIP 的 icons/<id>（ConnectorAvatar 进视口才取），
+              // 布局与技能卡同款 person 行：头像 + 名字并排，徽标仍靠右。
+              h('div', { className: 'dsh-mcp-card-person' },
+                h(ConnectorAvatar, { call, connectorId: item.id, name: item.name, className: 'dsh-mcp-card-avatar' }),
+                h('div', null, h('div', { className: 'dsh-mcp-card-name' }, item.name)),
+              ),
               // T04/R8：已安装的条目优先显示「已安装」，不再提示可安装。
               installedConnectorKeys.has(String(item.id || ''))
                 ? h(Badge, { cls: 's-on' }, t('已安装'))
@@ -9059,94 +10863,33 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
     tab === 'connector' && connectorPageCount > 1
       ? h(Pager, { page: safeConnectorPage, pageCount: connectorPageCount, total: sortedConnectors.length, onPage: setConnectorPage })
       : null,
-    tab === 'builtin' && builtinError
-      ? h('div', { className: 'dsh-mcp-wb-error', role: 'alert' }, builtinError, ' ',
-          h('button', { type: 'button', className: 'dsh-mcp-btn', onClick: loadBuiltins, disabled: builtinsLoading }, t('重试')))
-      : null,
-    tab === 'builtin' && !builtinError && !filteredBuiltins.length
-      ? (builtinsLoading
-          ? h('div', { className: 'dsh-mcp-wb-empty' }, t('正在读取 MCP 目录…'))
-          // §1.4 空状态四件套。这里是最典型的「裸空白」：目录 0 条时原来只有一句
-          // 「没有匹配的服务」，用户既不知道是筛选造成的还是目录真的空，也不知道点哪。
-          // 主操作按成因分流——有筛选就清筛选（一次点击立刻有结果），没筛选才重读目录。
-          : h(EmptyState, {
-              icon: 'store',
-              title: builtins.length ? t('当前筛选下没有服务') : t('MCP 目录暂时是空的'),
-              hint: builtins.length
-                ? t('目录里有 {0} 个服务，都被关键词、分类或「只要免密钥」筛掉了。', [builtins.length])
-                : t('目录由宿主侧维护，可能还没同步下来；重读一次通常就好。'),
-              actions: builtins.length
-                ? [
-                    { label: t('清除全部筛选'), icon: 'x', onClick: () => { setBuiltinQuery(''); setBuiltinCategory('all'); setBuiltinOnlyReady(false); } },
-                    { label: t('重新读取目录'), icon: 'refresh', onClick: () => { loadBuiltins(); } },
-                  ]
-                : [{ label: t('重新读取目录'), icon: 'refresh', onClick: () => { loadBuiltins(); } }],
-            }))
-      : null,
-    tab === 'builtin' && filteredBuiltins.length
-      ? h('div', { className: 'dsh-mcp-wb-grid' },
-          filteredBuiltins.map((item) => {
-            const http = item.transport === 'streamable-http';
-            return h('div', { key: item.id, className: 'dsh-mcp-card wb' + (item.installed ? ' installed' : '') },
-              h('div', { className: 'dsh-mcp-card-top' },
-                h('div', null,
-                  h('div', { className: 'dsh-mcp-card-name' }, item.label),
-                  item.vendor ? h('div', { className: 'dsh-mcp-card-vendor' }, item.vendor) : null,
-                ),
-                item.installed ? h(Badge, { cls: 's-on' }, t('已配置')) : null,
-              ),
-              h('div', { className: 'dsh-mcp-card-summary' }, item.summary),
-              h('div', { className: 'dsh-mcp-card-tags' },
-                h(Badge, { cls: http ? 't-http' : 't-stdio' }, http ? 'HTTP' : 'stdio'),
-                item.categoryLabel ? h(Badge, null, item.categoryLabel) : null,
-                item.installed
-                  ? null
-                  : builtinNeedsKey(item)
-                    ? h(Badge, null, t('需密钥'))
-                    : builtinNeedsConfig(item)
-                      ? h(Badge, null, t('需连接信息'))
-                      : h(Badge, { cls: 's-off' }, t('免密钥')),
-                // §1.3 色语：缺参数是「还需注意」不是「已故障」，用橙不用红——
-                // 红色的名额留给真正的失败与破坏性操作，否则满屏红之后就没人在意红了。
-                builtinNeedsArgs(item) ? h(Badge, { cls: 's-warn' }, t('需填参数')) : null,
-                // OPT-24 · 2.3：auth 是「装完之后还要做什么」的关键信息——oauth 条目装完
-                // 并不等于能用，得去浏览器授权。none 不出徽章（「免密钥」已覆盖这层语义）。
-                item.auth && item.auth !== 'none' ? h(Badge, { cls: authBadgeCls(item.auth) }, authKindLabel(item.auth)) : null,
-              ),
-              h('div', { className: 'dsh-mcp-card-access' }, item.access),
-              // authNote 只在宿主给了才显示（oauth 类条目才有），说明授权流程怎么走。
-              item.auth && item.auth !== 'none' && item.authNote ? h('div', { className: 'dsh-mcp-card-note' }, item.authNote) : null,
-              builtinNeedsKey(item) || builtinNeedsConfig(item)
-                ? h('div', { className: 'dsh-mcp-card-vars' },
-                    builtinNeedsKey(item) ? h('span', null, t('密钥：') + item.envKeys.join(t('、'))) : null,
-                    builtinNeedsConfig(item) ? h('span', null, t('连接：') + item.configKeys.join(t('、'))) : null,
-                  )
-                : null,
-              h('div', { className: 'dsh-mcp-wb-card-actions' },
-                item.installed
-                  ? null
-                  : h('button', { type: 'button', className: 'dsh-mcp-btn primary', disabled: busy, onClick: () => installBuiltin(item) }, t('安装')),
-                item.homepage
-                  ? h('a', { className: 'dsh-mcp-btn', href: item.homepage, target: '_blank', rel: 'noreferrer', title: t('打开官方文档') }, t('文档'))
-                  : null,
-              ),
-            );
-          }),
-        )
-      : null,
     tab === 'skill' && shownSkills.length
       ? h('div', { className: 'dsh-mcp-wb-grid' },
           shownSkills.map((skill) => {
-            const installed = installedSkills.has(skill.slug);
+            const installed = installedSkills.has(skillInstalledKey(skill));
             return h('div', { key: skill.namespace + '/' + skill.slug, className: 'dsh-mcp-card wb' },
               h('div', { className: 'dsh-mcp-card-top' },
-                h('div', null,
-                  h('div', { className: 'dsh-mcp-card-name' }, skill.name),
-                  h('div', { className: 'dsh-mcp-card-vendor' }, skill.canonical || skill.namespace),
+                h('div', { className: 'dsh-mcp-card-person' },
+                  h(Avatar, {
+                    url: skill.iconUrl || githubAvatarUrl(skill.homepage),
+                    name: skill.ownerName || skill.namespace || skill.name,
+                    className: 'dsh-mcp-card-avatar',
+                  }),
+                  h('div', null,
+                    h('div', { className: 'dsh-mcp-card-name' }, skill.name),
+                    h('div', { className: 'dsh-mcp-card-vendor' }, skill.canonical || skill.namespace),
+                  ),
                 ),
                 installed ? h(Badge, { cls: 's-on' }, t('已安装')) : null,
               ),
               h('div', { className: 'dsh-mcp-card-summary' }, skill.description || skill.name),
+              h(PresenceLine, {
+                owner: skill.ownerName || skill.namespace,
+                avatar: skill.iconUrl || githubAvatarUrl(skill.homepage),
+                updatedAt: skill.updatedAt,
+                href: /^https?:\/\//i.test(String(skill.homepage || '')) ? skill.homepage : '',
+                className: 'dsh-mcp-presence-card',
+              }),
               h('div', { className: 'dsh-mcp-card-tags' },
                 h(Badge, null, `↓${wbFormatCount(skill.downloads)}`),
                 skill.installs ? h(Badge, null, t('装 {0}', [wbFormatCount(skill.installs)])) : null,
@@ -9168,135 +10911,118 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
     tab === 'skill' && skillPageCount > 1
       ? h(Pager, { page: skillPage, pageCount: skillPageCount, total: skillTotal, onPage: setSkillPage, disabled: skillLoading })
       : null,
-    // ── T03/R5：codebuddy 插件市场 ──
-    // 重启提示条：常驻本 tab 顶部（组件卸载即消失，不写 localStorage）——
-    // installBundle 装完包，宿主进程不热载，不重启就以为装失败了。
+    // ── 插件安装后的重启提示 ──
+    // 常驻本 tab 顶部（组件卸载即消失，不写 localStorage）——installBundle 装完包，
+    // 宿主进程不热载，不重启就以为装失败了。
     tab === 'plugin' && restartNotice
       ? h('div', { className: 'dsh-mcp-wb-note restart', role: 'status' },
           restartNotice,
           h('button', { type: 'button', className: 'dsh-mcp-btn', onClick: () => setRestartNotice('') }, t('知道了')),
         )
       : null,
-    // T05/R9：插件市场更新提示条。只按 reason 分支（设计文档：UI 只看 reason，不看 error）。
-    // no-source / probe-failed / up-to-date → 不提示；no-cache / update-available → 提示。
-    // probe-failed 不自动重试（X4），用户可手动点「重新探测」。
-    tab === 'plugin' && pluginSource === 'codebuddy' && pluginUpdateHint && (pluginUpdateHint.reason === 'update-available' || pluginUpdateHint.reason === 'no-cache')
-      ? h('div', { className: 'dsh-mcp-wb-note', role: 'status' },
-          pluginUpdateHint.reason === 'update-available'
-            ? t('插件市场有新版本可更新（本地缓存 {0}）。点「重新加载」可拉取最新目录。', [pluginUpdateHint.localEtag || t('未知错误')])
-            : t('本地还没有插件市场缓存，点「重新加载」可首次拉取目录。'),
-          h('button', {
-            type: 'button', className: 'dsh-mcp-btn', disabled: pluginsLoading,
-            onClick: async () => { setPluginUpdateHint(null); await loadPlugins(); },
-          }, t('重新加载')),
-          h('button', { type: 'button', className: 'dsh-mcp-btn', onClick: () => setPluginUpdateHint(null) }, t('知道了')),
-        )
-      : null,
-    tab === 'plugin' && pluginSource === 'codebuddy' && pluginUpdateHint && pluginUpdateHint.reason === 'probe-failed'
-      ? h('div', { className: 'dsh-mcp-wb-error', role: 'alert' },
-          t('插件市场更新探测失败（不影响已安装插件）。'),
-          h('button', { type: 'button', className: 'dsh-mcp-btn', disabled: pluginsLoading, onClick: () => { pluginUpdateChecked.current = false; checkPluginUpdate(); } }, t('重新探测')),
-        )
-      : null,
-    tab === 'plugin' && pluginSource === 'codebuddy' && pluginsError
-      ? h('div', { className: 'dsh-mcp-wb-error', role: 'alert' }, pluginsError, ' ',
-          h('button', { type: 'button', className: 'dsh-mcp-btn', onClick: loadPlugins, disabled: pluginsLoading }, t('重试')))
-      : null,
-    tab === 'plugin' && pluginSource === 'codebuddy' && pluginsLoading && !plugins.length
-      ? h('div', { className: 'dsh-mcp-wb-empty' }, t('正在读取插件目录…'))
-      : null,
-    tab === 'plugin' && pluginSource === 'codebuddy' && !pluginsError && !pluginsLoading && !plugins.length
-      ? h(EmptyState, {
-          icon: 'store',
-          title: t('插件目录暂时是空的'),
-          hint: t('目录来自 codebuddy 官方市场 ZIP 分发，可能还没同步下来；重读一次通常就好。'),
-          actions: [{ label: t('重新读取目录'), icon: 'refresh', onClick: loadPlugins }],
-        })
-      : null,
-    tab === 'plugin' && pluginSource === 'codebuddy' && plugins.length && !filteredPlugins.length
-      ? h(EmptyState, {
-          icon: 'store',
-          tight: true,
-          title: t('没有匹配的插件'),
-          hint: t('换个关键词试试，或清空搜索回到完整目录。'),
-          actions: [{ label: t('清空搜索'), icon: 'x', onClick: () => setPluginQuery('') }],
-        })
-      : null,
-    tab === 'plugin' && pluginSource === 'codebuddy' && filteredPlugins.length
-      ? h('div', { className: 'dsh-mcp-wb-grid' },
-          filteredPlugins.map((item) => {
-            const spec = pluginInstallSpec(item);
-            return h('div', { key: item.name, className: 'dsh-mcp-card wb' },
-              h('div', { className: 'dsh-mcp-card-top' },
-                h('div', null,
-                  h('div', { className: 'dsh-mcp-card-name' }, item.name),
-                  item.author ? h('div', { className: 'dsh-mcp-card-vendor' }, item.author) : null,
-                ),
-                // T04/R8：已安装徽章（账本 key 是 plugin.name）。
-                installedPluginKeys.has(String(item.name || ''))
-                  ? h(Badge, { cls: 's-on' }, t('已安装'))
-                  : null,
-                item.version ? h(Badge, null, 'v' + item.version) : null,
-              ),
-              h('div', { className: 'dsh-mcp-card-summary' }, item.description || item.name),
-              h('div', { className: 'dsh-mcp-card-tags' },
-                item.license ? h(Badge, null, item.license) : null,
-                // R6：dependencies 只展示（缺 = 无依赖不出徽章），绝不自动安装。
-                (item.dependencies || []).length ? h(Badge, { title: item.dependencies.map((d) => d.name).join(', ') }, t('依赖 {0}', [item.dependencies.length])) : null,
-              ),
-              h('div', { className: 'dsh-mcp-wb-card-actions' },
-                h('button', { type: 'button', className: 'dsh-mcp-btn', onClick: async () => {
-                  setPluginDetail({ ...item, loading: true });
-                  try {
-                    const res = await call('wbPluginDetail', { name: item.name });
-                    setPluginDetail(res?.ok ? { ...res.plugin, loading: false } : { ...item, loading: false, detailError: res?.error || t('读取详情失败') });
-                  } catch (e) {
-                    setPluginDetail({ ...item, loading: false, detailError: String(e?.message || e) });
-                  }
-                } }, t('详情')),
-                // UNCLEAR#1：repository 可推导才渲染安装按钮；不可推导 → 只展示。
-                spec
-                  ? h('button', { type: 'button', className: 'dsh-mcp-btn primary', disabled: busy || isInstallRunning(item.name), onClick: () => installPlugin(item) }, t('安装'))
-                  : h('span', { className: 'dsh-mcp-wb-blocked', title: t('该插件未提供可推导的安装来源（repository），暂不能安装') }, t('仅展示')),
-              ),
-            );
-          }),
-        )
-      : null,
     // ── T06/Awesome：DSH 社区（awesome-dsh-plugins）目录 ──
-    tab === 'plugin' && pluginSource === 'awesome' && awesomeStale ? h('div', { className: 'dsh-mcp-wb-note', role: 'status' }, t('目录缓存已过期（更新源暂时不可达，显示的是本地缓存）。'), h('button', { type: 'button', className: 'dsh-mcp-btn', disabled: awesomeLoading, onClick: () => { writeAwesomeProbeAt(0); awesomeUpdateChecked.current = false; loadAwesomeCatalog(true); } }, t('重新加载'))) : null,
-    tab === 'plugin' && pluginSource === 'awesome' && awesomeUpdateHint && (awesomeUpdateHint.reason === 'update-available' || awesomeUpdateHint.reason === 'no-cache') ? h('div', { className: 'dsh-mcp-wb-note', role: 'status' }, awesomeUpdateHint.reason === 'update-available' ? t('DSH 社区目录有新版本（本地缓存 {0}）。点「重新加载」可拉取最新目录。', [awesomeUpdateHint.localEtag || t('未知错误')]) : t('本地还没有 DSH 社区目录缓存，点「重新加载」可首次拉取目录。'), h('button', { type: 'button', className: 'dsh-mcp-btn', disabled: awesomeLoading, onClick: async () => { setAwesomeUpdateHint(null); writeAwesomeProbeAt(0); awesomeUpdateChecked.current = false; await loadAwesomeCatalog(true); } }, t('重新加载')), h('button', { type: 'button', className: 'dsh-mcp-btn', onClick: () => setAwesomeUpdateHint(null) }, t('知道了'))) : null,
+    tab === 'plugin' && awesomeStale ? h('div', { className: 'dsh-mcp-wb-note', role: 'status' }, t('目录缓存已过期（更新源暂时不可达，显示的是本地缓存）。'), h('button', { type: 'button', className: 'dsh-mcp-btn', disabled: awesomeLoading, onClick: () => { writeAwesomeProbeAt(0); awesomeUpdateChecked.current = false; loadAwesomeCatalog(true); } }, t('重新加载'))) : null,
+    tab === 'plugin' && awesomeUpdateHint && (awesomeUpdateHint.reason === 'update-available' || awesomeUpdateHint.reason === 'no-cache') ? h('div', { className: 'dsh-mcp-wb-note', role: 'status' }, awesomeUpdateHint.reason === 'update-available' ? t('DSH 社区目录有新版本（本地缓存 {0}）。点「重新加载」可拉取最新目录。', [awesomeUpdateHint.localEtag || t('未知错误')]) : t('本地还没有 DSH 社区目录缓存，点「重新加载」可首次拉取目录。'), h('button', { type: 'button', className: 'dsh-mcp-btn', disabled: awesomeLoading, onClick: async () => { setAwesomeUpdateHint(null); writeAwesomeProbeAt(0); awesomeUpdateChecked.current = false; await loadAwesomeCatalog(true); } }, t('重新加载')), h('button', { type: 'button', className: 'dsh-mcp-btn', onClick: () => setAwesomeUpdateHint(null) }, t('知道了'))) : null,
     
-    tab === 'plugin' && pluginSource === 'awesome' && awesomeError ? h('div', { className: 'dsh-mcp-wb-error', role: 'alert' }, awesomeError, h('button', { type: 'button', className: 'dsh-mcp-btn', disabled: awesomeLoading, onClick: () => loadAwesomeCatalog() }, t('重试'))) : null,
-    tab === 'plugin' && pluginSource === 'awesome' && awesomeLoading && !awesomePlugins.length ? h('div', { className: 'dsh-mcp-wb-empty' }, t('正在加载 DSH 社区目录…')) : null,
-    tab === 'plugin' && pluginSource === 'awesome' && !awesomeError && !awesomeLoading && !awesomePlugins.length ? h(EmptyState, { icon: 'store', title: t('DSH 社区目录暂时是空的'), hint: t('目录来自 awesome-dsh-plugins 社区清单（jsdelivr CDN 分发），拉取失败可重试。'), actions: [{ label: t('重新读取目录'), icon: 'refresh', onClick: () => loadAwesomeCatalog() }] }) : null,
-    tab === 'plugin' && pluginSource === 'awesome' && awesomePlugins.length && !visibleAwesome.length ? h(EmptyState, { tight: true, title: t('没有匹配的社区插件'), hint: t('换个关键词，或清空分类与标签筛选。'), actions: [{ label: t('清空筛选'), icon: 'x', onClick: () => { setAwesomeQuery(''); setAwesomeCategory('all'); setAwesomeTags([]); } }] }) : null,
-    tab === 'plugin' && pluginSource === 'awesome' && visibleAwesome.length ? h('div', { className: 'dsh-mcp-wb-grid' }, visibleAwesome.map((item) => h('div', { key: item.name, className: 'dsh-mcp-card wb dsh-mcp-card-clickable', role: 'button', tabIndex: 0, title: t('查看 README 介绍与插图'), onClick: () => loadAwesomeReadme(item), onKeyDown: (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); loadAwesomeReadme(item); } } },
-      h('div', { className: 'dsh-mcp-card-top' },
-        h('div', null,
-          h('div', { className: 'dsh-mcp-card-name' }, item.name),
-          item.repo ? h('div', { className: 'dsh-mcp-card-vendor', title: item.repo }, String(item.repo).replace(/^https?:\/\/github\.com\//i, '')) : null),
-        installedPluginKeys.has(String(item.name || '')) ? h(Badge, { cls: 's-on' }, t('已安装')) : null,
-        item.official ? h(Badge, { cls: 's-on' }, t('官方')) : null,
-        item.verifiedAgainst ? h(Badge, { title: item.lastVerified ? String(item.lastVerified) : undefined }, '✓ verified (dsh ' + item.verifiedAgainst + ')') : null),
-      h('div', { className: 'dsh-mcp-card-summary' }, item.description || item.name),
-      h('div', { className: 'dsh-mcp-card-tags' },
-        item.npm ? h(Badge, { title: item.npm }, 'npm') : null,
-        item.stars ? h(Badge, null, '★ ' + item.stars) : null,
-        item.category && item.category !== 'plugin' ? h(Badge, null, item.category) : null,
-        (item.tags || []).map((tag) => h('span', { key: tag, className: 'dsh-mcp-tag-chip on' }, tag))),
-      h('div', { className: 'dsh-mcp-wb-card-actions', onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation() },
-        item.npm ? (String(item.npm).startsWith('@deepseek-ai/') ? h('span', { className: 'dsh-mcp-wb-blocked', title: t('DSH 宿主官方组件随宿主本体分发，无法也不需要从市场安装') }, t('宿主组件')) : h('button', { type: 'button', className: 'dsh-mcp-btn primary', disabled: busy || isInstallRunning(item.name), onClick: () => installPlugin(item) }, t('安装'))) : h('span', { className: 'dsh-mcp-wb-blocked', title: t('该条目未提供 npm 包名，暂不支持安装') }, t('暂不支持安装')))))) : null,
-    tab === 'plugin' && pluginSource === 'awesome' && awesomePageCount > 1 ? h(Pager, { page: safeAwesomePage, pageCount: awesomePageCount, total: sortedAwesome.length, onPage: setAwesomePage }) : null,
+    tab === 'plugin' && awesomeError ? h('div', { className: 'dsh-mcp-wb-error', role: 'alert' }, awesomeError, h('button', { type: 'button', className: 'dsh-mcp-btn', disabled: awesomeLoading, onClick: () => loadAwesomeCatalog() }, t('重试'))) : null,
+    tab === 'plugin' && awesomeLoading && !awesomePlugins.length ? h('div', { className: 'dsh-mcp-wb-empty' }, t('正在加载 DSH 社区目录…')) : null,
+    tab === 'plugin' && !awesomeError && !awesomeLoading && !awesomePlugins.length ? h(EmptyState, { icon: 'store', title: t('DSH 社区目录暂时是空的'), hint: t('目录来自 awesome-dsh-plugins 社区清单（jsdelivr CDN 分发），拉取失败可重试。'), actions: [{ label: t('重新读取目录'), icon: 'refresh', onClick: () => loadAwesomeCatalog() }] }) : null,
+    tab === 'plugin' && awesomePlugins.length && !visibleAwesome.length ? h(EmptyState, { tight: true, title: t('没有匹配的社区插件'), hint: t('换个关键词，或清空分类与标签筛选。'), actions: [{ label: t('清空筛选'), icon: 'x', onClick: () => { setAwesomeQuery(''); setAwesomeCategory('all'); setAwesomeTags([]); } }] }) : null,
+    tab === 'plugin' && visibleAwesome.length ? h('div', { className: 'dsh-mcp-wb-grid' }, visibleAwesome.map((item) => {
+      const repoKey = parseGithubRepoKey(item.repo);
+      const repoLabel = item.repo ? String(item.repo).replace(/^https?:\/\/github\.com\//i, '') : (item.npm ? String(item.npm) : '');
+      const metaTitle = item.repo ? String(item.repo) : (item.npm ? String(item.npm) : '');
+      const verifiedLabel = item.verifiedAgainst ? t('已验证 · dsh {0}', [item.verifiedAgainst]) : '';
+      // 42.3% 的社区条目 npm 包名 ≠ 显示名，装的时候只能用包名，以前卡面上完全不显示。
+      // 它排第一，且是标签行里唯一可收缩的一枚（CSS .dsh-mcp-pchip.mono 是 flex:0 1 auto）：
+      // 放不下时它自己省略号截断，后面的分类/标签不会被挤成半截；完整包名进 title 兜底。
+      const npmPackage = item.npm && String(item.npm) !== String(item.name || '') ? String(item.npm) : '';
+      const chips = [];
+      if (npmPackage) chips.push(npmPackage);
+      if (item.category && item.category !== 'plugin' && !chips.includes(item.category)) chips.push(item.category);
+      for (const tag of item.tags || []) if (tag && !chips.includes(tag)) chips.push(tag);
+      const shownChips = chips.slice(0, 3);
+      const extraChips = chips.length - shownChips.length;
+      const stars = Number(item.stars) || 0;
+      const verifiedDate = item.lastVerified ? wbFormatDate(timestampOf(item.lastVerified)).slice(5) : '';
+      // 底栏三枚事实，对齐技能卡的「↓N ★N 日期」，但卡高一 px 都不长：
+      //   ↓ 近 30 天 npm 下载量——目录里没这字段，按包名去 npm 公开统计接口补；问不到
+      //     （下架 / 未被统计）就整枚不画，绝不显示 0 冒充「没人下载」。
+      //   ★ 仓库星数，目录自带。
+      //   核验 MM-DD 是**目录批次核验日期**，不是插件自身的更新时间（6430 条里 37.5%
+      //     同一批核验）；所以带「核验」二字与说明 title，宁可不写也不伪造「更新于」。
+      // 「dsh 版本」不再占这一行，退回右上角已验证徽标的 title（装不装看的是已验证）。
+      const downloads = npmDownloadsFor(item.npm);
+      const dateFact = verifiedDate ? t('核验 {0}', [verifiedDate]) : '';
+      const sealTip = verifiedLabel ? verifiedLabel + (verifiedDate ? ' · ' + t('核验 {0}', [verifiedDate]) : '') : '';
+      const installed = installedPluginKeys.has(String(item.name || ''));
+      const hostComponent = item.npm && String(item.npm).startsWith('@deepseek-ai/');
+      return h('div', { key: item.name, className: 'dsh-mcp-pcard', role: 'button', tabIndex: 0, title: t('查看 README 介绍与插图'), 'aria-label': t('查看 {0} 的 README', [item.name]), onClick: () => loadAwesomeReadme(item), onKeyDown: (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); loadAwesomeReadme(item); } } },
+      h('div', { className: 'dsh-mcp-phead' },
+        h('span', { className: 'dsh-mcp-pavatar', 'aria-hidden': true },
+          String(item.name || '?').slice(0, 1).toUpperCase() || '?',
+          repoKey ? h('img', {
+            src: githubAvatarUrl(repoKey), alt: '', loading: 'lazy', referrerPolicy: 'no-referrer',
+            // 头像加载失败就藏起图片（不删 React 管理的节点），露出底下的首字母，不留空白圆圈。
+            onError: (e) => { e.currentTarget.style.display = 'none'; },
+          }) : null),
+        h('div', { className: 'dsh-mcp-piden' },
+          h('h3', { className: 'dsh-mcp-pname', title: item.name }, item.name),
+          h('div', { className: 'dsh-mcp-pmeta' },
+            item.official ? h('span', { className: 'official' }, h('span', { className: 'odot', 'aria-hidden': true }), t('官方')) : null,
+            item.official && repoLabel ? h('span', { className: 'pdot', 'aria-hidden': true }, '·') : null,
+            repoLabel ? h('span', { className: 'dsh-mcp-prepo', title: metaTitle }, repoLabel) : null)),
+        verifiedLabel ? h('span', { className: 'dsh-mcp-pverified', role: 'img', 'aria-label': verifiedLabel, title: sealTip || verifiedLabel }, h(VerifiedSeal, { size: 15 })) : null),
+      h('div', { className: 'dsh-mcp-pdesc' }, item.description || item.name),
+      h('div', { className: 'dsh-mcp-pchips' },
+        shownChips.map((tag) => h('span', { key: tag, className: 'dsh-mcp-pchip' + (tag === npmPackage ? ' mono' : ''), title: tag === npmPackage ? npmPackage : undefined }, tag)),
+        extraChips > 0 ? h('span', { className: 'dsh-mcp-pchip more', title: chips.slice(3).join(', ') }, '+' + extraChips) : null),
+      h('div', { className: 'dsh-mcp-pfoot' },
+        h(PluginCardFacts, {
+          downloadsText: downloads && downloads > 0 ? wbFormatCount(downloads) : '',
+          downloadsTitle: t('npm 近 30 天下载量'),
+          starText: stars ? wbFormatCount(stars) : '',
+          starTitle: '★ ' + stars,
+          dateText: dateFact,
+          dateTitle: t('核验日期来自目录批次核验，不是插件自身的更新时间'),
+        }),
+        h('div', { className: 'dsh-mcp-wb-card-actions', onClick: (e) => e.stopPropagation(), onKeyDown: (e) => e.stopPropagation() },
+          item.npm
+            ? (hostComponent
+              ? h('span', { className: 'dsh-mcp-phost', title: t('DSH 宿主官方组件随宿主本体分发，无法也不需要从市场安装') }, h(Icon, { className: 'ico', d: ICONS.info, size: 11 }), t('宿主组件'))
+              : h('button', { type: 'button', className: 'dsh-mcp-pbtn' + (installed ? ' installed' : ''), disabled: busy || isInstallRunning(item.name), onClick: () => installPlugin(item) }, installed ? t('已安装') : t('安装')))
+            : h('span', { className: 'dsh-mcp-phost', title: t('该条目未提供 npm 包名，暂不支持安装') }, t('暂不支持安装')))));
+    })) : null,
+    tab === 'plugin' && awesomePageCount > 1 ? h(Pager, { page: safeAwesomePage, pageCount: awesomePageCount, total: sortedAwesome.length, onPage: setAwesomePage }) : null,
     // ── DSH 社区插件 README 预览（点卡片打开；插图来自 README 自身的相对/绝对地址）──
     readmeView
       ? h('div', { className: 'dsh-mcp-overlay', onClick: (e) => { if (e.target === e.currentTarget) closeReadme(); } },
           h('div', { ref: readmeNodeRef, className: 'dsh-mcp-modal dsh-mcp-wb-modal dsh-mcp-readme-modal', role: 'dialog', 'aria-modal': true, 'aria-label': t('{0} README 预览', [readmeView.item && readmeView.item.name ? readmeView.item.name : '']), tabIndex: -1, onKeyDown: (e) => { if (e.key === 'Escape') { e.stopPropagation(); closeReadme(); } } },
-            h('h3', null, readmeView.item && readmeView.item.name ? readmeView.item.name : ''),
+            h('div', { className: 'dsh-mcp-detail-person' },
+              h(Avatar, { url: githubAvatarUrl(readmeView.item?.repo, 88), name: readmeView.item?.name, className: 'dsh-mcp-detail-avatar' }),
+              h('div', null,
+                h('h3', null, readmeView.item && readmeView.item.name ? readmeView.item.name : ''),
+                readmeView.item && readmeView.item.repo
+                  ? h('div', { className: 'dsh-mcp-card-vendor', title: readmeView.item.repo }, String(readmeView.item.repo).replace(/^https?:\/\/github\.com\//i, ''))
+                  : null,
+              ),
+            ),
             h('div', { className: 'dsh-mcp-readme-meta' },
               readmeView.item && readmeView.item.repo ? h(Badge, { title: readmeView.item.repo }, String(readmeView.item.repo).replace(/^https?:\/\/github\.com\//i, '')) : null,
               readmeView.item && readmeView.item.npm ? h(Badge, { title: readmeView.item.npm }, 'npm') : null,
               readmeView.source ? h(Badge, null, readmeView.source === 'npm' ? 'npm registry' : 'GitHub') : null),
+            h(CommunityPresence, {
+              call,
+              repo: readmeView.item && readmeView.item.repo,
+              owner: readmeView.item ? parseGithubRepoKey(readmeView.item.repo).split('/')[0] : '',
+              compact: true,
+            }),
+            // README 可能很长：出口放在正文之前，打开即点得到。
+            readmeView.item ? h(FeedbackLinks, {
+              item: readmeView.item, kind: 'plugin',
+              repo: readmeView.item.repo, homepage: readmeView.item.homepage,
+              sourceLabel: readmeView.item.repo ? String(readmeView.item.repo).replace(/^https?:\/\/github\.com\//i, '') : '',
+            }) : null,
             readmeView.loading
               ? h('p', { className: 'dsh-mcp-wb-modal-note', role: 'status' }, t('正在读取 README…'))
               : readmeView.ok
@@ -9306,7 +11032,23 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
             h('div', { className: 'dsh-mcp-modal-actions' },
               h(Btn, { onClick: closeReadme, children: t('关闭') }),
               readmeView.item && readmeView.item.npm ? h(Btn, { primary: true, icon: 'plus', disabled: busy || isInstallRunning(readmeView.item.name), onClick: () => { const target = readmeView.item; closeReadme(); installPlugin(target); } }, t('安装')) : null,
-              h(Btn, { onClick: () => loadAwesomeReadme(readmeView.item, true), disabled: readmeView.loading, children: t('重新读取') }))))
+              h(Btn, { onClick: () => loadAwesomeReadme(readmeView.item, true), disabled: readmeView.loading, children: t('重新读取') })),
+            // README 可能很长：右下角常驻「跳到末尾」。sticky 让它不随正文滚走，又留在
+            // 弹层内部（焦点陷阱、Esc 与点遮罩关闭都不受影响）；外层不拦鼠标，只有按钮可点。
+            readmeView.ok
+              ? h('div', { className: 'dsh-mcp-readme-jump-wrap' },
+                  h('button', {
+                    type: 'button',
+                    className: 'dsh-mcp-readme-jump',
+                    title: t('滑动到 README 末尾'),
+                    'aria-label': t('滑动到 README 末尾'),
+                    onClick: () => {
+                      const node = readmeNodeRef.current;
+                      if (!node) return;
+                      node.scrollTo({ top: node.scrollHeight, behavior: 'smooth' });
+                    },
+                  }, h(Icon, { d: ICONS.down, size: 12 }), h('span', null, t('跳到末尾'))))
+              : null))
       : null,
     // ── T04/R7：令牌弹窗（连接器 mcp.json 里的 ${...} 占位符）──
     // 设计约束：只收集用户输入并原样透传；槽位来自目录条目的 tokenSlots，
@@ -9349,7 +11091,7 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
           );
         })()
       : null,
-    tab === 'expert' ? h(ExpertMarket, { call }) : null,
+    tab === 'expert' ? h(ExpertMarket, { call, key: 'expert-' + expertEpoch }) : null,
     // ── R8：OAuth 授权弹层（401 → 浏览器授权 → 自动重装）──
     authDialog
       ? h('div', { className: 'dsh-mcp-overlay', onClick: (e) => !busy && e.target === e.currentTarget && closeAuthDialog() },
@@ -9358,9 +11100,11 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
             h('p', { className: 'dsh-mcp-wb-modal-note', role: 'note' },
               authDialog.status === 'authorized'
                 ? t('{0}：授权成功，正在完成安装…', [authDialog.item?.name || authDialog.serverName])
-                : t('该连接器要求在浏览器里完成一次登录授权。授权页会尝试自动打开；授权完成后这里会自动继续，无需手动刷新。')),
+                : authDialog.mode === 'manual-token'
+                  ? t('该服务器没有提供标准 OAuth 授权发现，无法自动打开授权页。如果你已经从服务方拿到访问令牌，粘贴在下面即可安装。')
+                  : t('该连接器要求在浏览器里完成一次登录授权。授权页会尝试自动打开；授权完成后这里会自动继续，无需手动刷新。')),
             authDialog.error
-              ? h('p', { className: 'dsh-mcp-wb-modal-note', role: 'alert', style: 'color:var(--dsw-alias-state-warn-primary)' }, authDialog.error)
+              ? h('p', { className: 'dsh-mcp-wb-modal-note', role: 'alert', style: { color: 'var(--dsw-alias-state-warn-primary)' } }, authDialog.error)
               : null,
             authDialog.authorizeUrl
               ? h('label', { className: 'dsh-mcp-wb-tokenfield' },
@@ -9422,7 +11166,18 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
     connectorDetail
       ? h('div', { className: 'dsh-mcp-overlay', onClick: (e) => !busy && e.target === e.currentTarget && setConnectorDetail(null) },
           h('div', { ref: connectorDetailRef, className: 'dsh-mcp-modal dsh-mcp-wb-modal', role: 'dialog', 'aria-modal': true, 'aria-label': t('连接器详情'), tabIndex: -1, onKeyDown: (e) => { if (e.key === 'Escape' && !busy) { e.stopPropagation(); setConnectorDetail(null); } } },
-            h('h3', null, connectorDetail.name),
+            // 头像行与技能详情同款（detail-person）：图标 + 名称并排。
+            h('div', { className: 'dsh-mcp-detail-person' },
+              h(ConnectorAvatar, {
+                call, connectorId: connectorDetail.id, name: connectorDetail.name,
+                className: 'dsh-mcp-detail-avatar',
+              }),
+              h('div', null, h('h3', null, connectorDetail.name)),
+            ),
+            h(FeedbackLinks, {
+              item: connectorDetail, kind: 'connector',
+              sourceLabel: t('来源：WorkBuddy 官方分发'),
+            }),
             // T02/R3：详情正文同样 examples 优先，description 兜底。
             connectorDetail.displayBody || connectorDetail.description
               ? h('p', { className: 'dsh-mcp-wb-modal-desc' }, connectorDetail.displayBody || connectorDetail.description) : null,
@@ -9456,50 +11211,33 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
           ),
         )
       : null,
-    // ── T03/R5：插件详情弹层（repository/homepage/lspServers 全量透出；X7 lspServers 只展示）──
-    pluginDetail
-      ? h('div', { className: 'dsh-mcp-overlay', onClick: (e) => !busy && e.target === e.currentTarget && setPluginDetail(null) },
-          h('div', { ref: pluginDetailRef, className: 'dsh-mcp-modal dsh-mcp-wb-modal', role: 'dialog', 'aria-modal': true, 'aria-label': t('插件详情'), tabIndex: -1, onKeyDown: (e) => { if (e.key === 'Escape' && !busy) { e.stopPropagation(); setPluginDetail(null); } } },
-            h('h3', null, pluginDetail.name),
-            pluginDetail.description ? h('p', { className: 'dsh-mcp-wb-modal-desc' }, pluginDetail.description) : null,
-            pluginDetail.detailError ? h('p', { className: 'dsh-mcp-wb-error' }, pluginDetail.detailError) : null,
-            h('div', { className: 'dsh-mcp-card-tags' },
-              pluginDetail.version ? h(Badge, null, 'v' + pluginDetail.version) : null,
-              pluginDetail.author ? h(Badge, null, pluginDetail.author) : null,
-              pluginDetail.license ? h(Badge, null, pluginDetail.license) : null,
-            ),
-            (pluginDetail.dependencies || []).length
-              ? h('div', { className: 'dsh-mcp-wb-examples' },
-                  h('b', null, t('依赖')),
-                  h('ul', null, pluginDetail.dependencies.map((dep) => h('li', { key: dep.name }, dep.name + (dep.version ? t('（{0}）', [dep.version]) : '')))),
-                )
-              : null,
-            pluginDetail.lspServers
-              ? h('p', { className: 'dsh-mcp-wb-modal-note' },
-                  t('本插件声明了 {0} 个 LSP 服务，安装后由宿主按声明启动（此处仅展示）。', [Object.keys(pluginDetail.lspServers).length]))
-              : null,
-            pluginDetail.repository || pluginDetail.homepage
-              ? h('p', { className: 'dsh-mcp-wb-modal-note' },
-                  pluginDetail.repository ? t('来源：') + pluginDetail.repository + ' ' : '',
-                  pluginDetail.homepage ? t('主页：') + pluginDetail.homepage : '')
-              : null,
-            h('p', { className: 'dsh-mcp-wb-modal-note' },
-              t('安装 = 通过宿主 pluginManager 拉取并落盘；安装成功后需重启 DSH 宿主才会生效。')),
-            h('div', { className: 'dsh-mcp-modal-actions' },
-              h(Btn, { onClick: () => setPluginDetail(null), disabled: busy, children: t('关闭') }),
-              pluginInstallSpec(pluginDetail)
-                ? h(Btn, { primary: true, icon: 'plus', disabled: busy || pluginDetail.loading || isInstallRunning(pluginDetail.name), onClick: () => installPlugin(pluginDetail), children: busy || isInstallRunning(pluginDetail.name) ? t('安装中…') : t('安装') })
-                : h('span', { className: 'dsh-mcp-wb-blocked' }, t('该插件未提供可推导的安装来源（repository），暂不能安装')),
-            ),
-          ),
-        )
-      : null,
     // ── 技能详情弹层：安全报告 + 发布方 + 安装/卸载 ──
     skillDetail
       ? h('div', { className: 'dsh-mcp-overlay', onClick: (e) => !busy && e.target === e.currentTarget && setSkillDetail(null) },
           h('div', { ref: skillDetailRef, className: 'dsh-mcp-modal dsh-mcp-wb-modal', role: 'dialog', 'aria-modal': true, 'aria-label': t('技能详情'), tabIndex: -1, onKeyDown: (e) => { if (e.key === 'Escape' && !busy) { e.stopPropagation(); setSkillDetail(null); } } },
-            h('h3', null, skillDetail.name),
-            h('div', { className: 'dsh-mcp-card-vendor' }, skillDetail.canonical || skillDetail.namespace || ''),
+            h('div', { className: 'dsh-mcp-detail-person' },
+              h(Avatar, {
+                url: skillDetail.iconUrl || githubAvatarUrl(skillDetail.homepage, 88),
+                name: skillDetail.ownerName || skillDetail.publisher || skillDetail.namespace,
+                className: 'dsh-mcp-detail-avatar',
+              }),
+              h('div', null,
+                h('h3', null, skillDetail.name),
+                h('div', { className: 'dsh-mcp-card-vendor' }, skillDetail.canonical || skillDetail.namespace || ''),
+              ),
+            ),
+            h(CommunityPresence, {
+              call, repo: skillDetail.homepage || skillDetail.upstreamUrl,
+              owner: skillDetail.ownerName || skillDetail.publisher,
+              avatar: skillDetail.iconUrl,
+              updatedAt: skillDetail.updatedAt,
+            }),
+            h(FeedbackLinks, {
+              item: skillDetail, kind: 'skill',
+              repo: parseGithubRepoKey(skillDetail.homepage || skillDetail.upstreamUrl) ? (skillDetail.homepage || skillDetail.upstreamUrl) : '',
+              homepage: skillDetail.homepage || skillDetail.upstreamUrl,
+              sourceLabel: skillDetail.ownerName || skillDetail.publisher || t('SkillHub'),
+            }),
             skillDetail.loading
               ? h('p', { className: 'dsh-mcp-wb-modal-note' }, t('正在读取详情…'))
               : h('div', null,
@@ -9509,6 +11247,8 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
                     skillDetail.version ? h(Badge, null, 'v' + skillDetail.version) : null,
                     skillDetail.publisher ? h(Badge, null, skillDetail.publisher + (skillDetail.verifiedPublisher ? t('（已认证）') : '')) : null,
                     skillDetail.certifiedName ? h(Badge, { cls: 's-on' }, skillDetail.certifiedName) : null,
+                    skillDetail.createdAt ? h(Badge, null, t('加入时间 {0}', [wbFormatDate(skillDetail.createdAt)])) : null,
+                    skillDetail.updatedAt ? h(Badge, null, t('更新于 {0}', [relativeLabel(skillDetail.updatedAt)])) : null,
                     Array.isArray(skillDetail.security) ? skillDetail.security.map((status, index) => h(Badge, { key: index, cls: status === 'benign' ? 's-on' : '' }, t('安全: ') + status)) : null,
                   ),
                   skillDetail.changelog ? h('p', { className: 'dsh-mcp-wb-modal-note' }, t('最新版本说明：') + skillDetail.changelog) : null,
@@ -9517,13 +11257,21 @@ const WorkBuddyMarket = ({ call, pluginManager }) => {
                 ),
             h('div', { className: 'dsh-mcp-modal-actions' },
               h(Btn, { onClick: () => setSkillDetail(null), disabled: busy, children: t('关闭') }),
-              installedSkills.has(skillDetail.slug)
+              installedSkills.has(skillInstalledKey(skillDetail))
                 ? h(Btn, { danger: true, icon: 'trash', disabled: busy, onClick: () => uninstallSkill(skillDetail), children: t('卸载') })
                 : h(Btn, { primary: true, icon: 'plus', disabled: busy || skillDetail.loading, onClick: () => installSkill(skillDetail), children: busy ? t('安装中…') : t('安装') }),
             ),
           ),
         )
       : null,
+    // 装备清单：导出 / 导入对比。只读，不自动安装。
+    loadoutOpen
+      ? h(LoadoutModal, {
+          call,
+          onClose: () => setLoadoutOpen(false),
+          onLocate: locateLoadoutRow,
+        })
+      : null,
   );
 };
 
@@ -10123,7 +11871,7 @@ const McpBoardPage = (props) => {
       // '/' 聚焦搜索框：宿主会话页也把 '/' 当命令入口，所以这里必须避开输入态，
       // 并且只在事件目标不在可编辑元素内时才接管。
       if (e.key === '/' && !e.ctrlKey && !e.metaKey && !e.altKey && !isTyping(e.target)) {
-        const box = document.querySelector('.dsh-mcp-page .dsh-mcp-search input, .dsh-mcp-page .dsh-mcp-tools-search input, .dsh-mcp-page .dsh-mcp-wb-search input');
+        const box = document.querySelector('.dsh-mcp-page .dsh-mcp-search input, .dsh-mcp-page .dsh-mcp-tools-search input, .dsh-mcp-page .dsh-mcp-wb-search input, .dsh-mcp-page .dsh-mcp-skill-search input');
         if (box) { e.preventDefault(); box.focus(); box.select?.(); }
       }
     };
@@ -10133,38 +11881,43 @@ const McpBoardPage = (props) => {
 
   return h('div', { className: 'dsh-mcp-page' },
     h('div', { className: 'dsh-mcp-wrap' },
-      h('div', { className: 'dsh-mcp-cats', role: 'tablist', 'aria-label': t('看板分类'), ref: catsRef },
-        BOARD_CATEGORIES.map((cat) =>
-          h('button', {
-            key: cat.key,
-            type: 'button',
-            role: 'tab',
-            'aria-pressed': category === cat.key,
-            'aria-selected': category === cat.key,
-            className: 'dsh-mcp-cat',
-            onClick: () => setCategory(cat.key),
-            // §1.1 hover 摘要替代原来的 title 长文案：title 要等一秒、不可扫读、
-            // 移动端根本没有。摘要用同一份数据渲染成两三行事实，鼠标停住就能读。
-            onMouseEnter: (e) => showCatHint(cat.key, e),
-            onMouseLeave: hideCatHint,
-            onFocus: (e) => showCatHint(cat.key, e),
-            onBlur: hideCatHint,
-          },
-            h(Icon, { d: ICONS[cat.icon], size: 14 }),
-            cat.label,
-            cat.key === 'mcp' && mcpCount !== null ? h('span', { className: 'dsh-mcp-cat-count' }, mcpCount) : null,
-            cat.key === 'skill' && skillCount !== null ? h('span', { className: 'dsh-mcp-cat-count' }, skillCount) : null,
-            cat.key === 'tailor' && tailorReport && typeof tailorReport.deadMcpCount === 'number' ? h('span', { className: 'dsh-mcp-cat-count' }, tailorReport.deadMcpCount) : null,
-            cat.key === 'expert' && expertCount !== null ? h('span', { className: 'dsh-mcp-cat-count' }, expertCount) : null,
-            cat.key === 'wb' && mkCount !== null ? h('span', { className: 'dsh-mcp-cat-count' }, mkCount) : null,
-            // 异常红点：只在「这一页里有需要处理的东西」时出现，不参与布局也不改宽度。
-            // 裁缝页的死 MCP 用 warn（橙）——它只是白交税，不是错误；
-            // 若无死工具则完全不点，避免"每个标签都带点"导致红点失效。
-            cat.key === 'tailor' && tailorReport && typeof tailorReport.deadMcpCount === 'number' && tailorReport.deadMcpCount > 0
-              ? h('span', { className: 'dsh-mcp-cat-alert warn', 'aria-hidden': true })
-              : null,
-          )),
-        catHint ? h(CatHintPopover, { hint: catHint, category, counts: { mcp: mcpCount, skill: skillCount, expert: expertCount, tailor: tailorReport, wb: mkCount } }) : null,
+      // 分类栏与右端「点 Star」共行。star 刻意挂在 role=tablist **之外**：
+      // tablist 里只该有 tab，把非 tab 控件塞进去会让读屏器的 tab 计数出错。
+      h('div', { className: 'dsh-mcp-cats-row' },
+        h('div', { className: 'dsh-mcp-cats', role: 'tablist', 'aria-label': t('看板分类'), ref: catsRef },
+          BOARD_CATEGORIES.map((cat) =>
+            h('button', {
+              key: cat.key,
+              type: 'button',
+              role: 'tab',
+              'aria-pressed': category === cat.key,
+              'aria-selected': category === cat.key,
+              className: 'dsh-mcp-cat',
+              onClick: () => setCategory(cat.key),
+              // §1.1 hover 摘要替代原来的 title 长文案：title 要等一秒、不可扫读、
+              // 移动端根本没有。摘要用同一份数据渲染成两三行事实，鼠标停住就能读。
+              onMouseEnter: (e) => showCatHint(cat.key, e),
+              onMouseLeave: hideCatHint,
+              onFocus: (e) => showCatHint(cat.key, e),
+              onBlur: hideCatHint,
+            },
+              h(Icon, { d: ICONS[cat.icon], size: 14 }),
+              cat.label,
+              cat.key === 'mcp' && mcpCount !== null ? h('span', { className: 'dsh-mcp-cat-count' }, mcpCount) : null,
+              cat.key === 'skill' && skillCount !== null ? h('span', { className: 'dsh-mcp-cat-count' }, skillCount) : null,
+              cat.key === 'tailor' && tailorReport && typeof tailorReport.deadMcpCount === 'number' ? h('span', { className: 'dsh-mcp-cat-count' }, tailorReport.deadMcpCount) : null,
+              cat.key === 'expert' && expertCount !== null ? h('span', { className: 'dsh-mcp-cat-count' }, expertCount) : null,
+              cat.key === 'wb' && mkCount !== null ? h('span', { className: 'dsh-mcp-cat-count' }, mkCount) : null,
+              // 异常红点：只在「这一页里有需要处理的东西」时出现，不参与布局也不改宽度。
+              // 裁缝页的死 MCP 用 warn（橙）——它只是白交税，不是错误；
+              // 若无死工具则完全不点，避免"每个标签都带点"导致红点失效。
+              cat.key === 'tailor' && tailorReport && typeof tailorReport.deadMcpCount === 'number' && tailorReport.deadMcpCount > 0
+                ? h('span', { className: 'dsh-mcp-cat-alert warn', 'aria-hidden': true })
+                : null,
+            )),
+          catHint ? h(CatHintPopover, { hint: catHint, category, counts: { mcp: mcpCount, skill: skillCount, expert: expertCount, tailor: tailorReport, wb: mkCount } }) : null,
+        ),
+        h(RepoStarChip, { call }),
       ),
       // OPT-07：每个分类各自包一层错误边界。key 用分类名，切走再切回会重建边界，
       // 顺带让「重试」之外还有一条自然恢复路径。
@@ -10575,8 +12328,6 @@ const MCP_CONTRIBUTION = {
     // tools 收 payload 而不是裸 name：项目 MCP 必须带 wsPath 才能精确定位（两个项目可能同名）。
     // 声明成标量 name 时，网关会把传入对象当成 args 映射展开并报 unexpected "wsPath"。
     { id: 'dsh-armory#mcpManager/tools', service: 'mcpManager', namespace: 'mcpManager', method: 'tools', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('ToolsResult') },
-    { id: 'dsh-armory#mcpManager/builtins', service: 'mcpManager', namespace: 'mcpManager', method: 'builtins', invocation: { kind: 'direct' }, parameters: [], result: mcpCodec('BuiltinCatalogResult') },
-    { id: 'dsh-armory#mcpManager/installBuiltins', service: 'mcpManager', namespace: 'mcpManager', method: 'installBuiltins', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'BuiltinInstallPayload')], result: mcpCodec('BuiltinInstallResult') },
     { id: 'dsh-armory#mcpManager/add', service: 'mcpManager', namespace: 'mcpManager', method: 'add', invocation: { kind: 'direct' }, parameters: [mcpParam('spec', 'Spec')], result: mcpCodec('NoteResult') },
     { id: 'dsh-armory#mcpManager/update', service: 'mcpManager', namespace: 'mcpManager', method: 'update', invocation: { kind: 'direct' }, parameters: [mcpParam('spec', 'Spec')], result: mcpCodec('NoteResult') },
     { id: 'dsh-armory#mcpManager/removeServer', service: 'mcpManager', namespace: 'mcpManager', method: 'removeServer', invocation: { kind: 'direct' }, parameters: [mcpParam('name', 'String')], result: mcpCodec('NoteResult') },
@@ -10592,7 +12343,6 @@ const MCP_CONTRIBUTION = {
     { id: 'dsh-armory#mcpManager/updateWorkspaceServer', service: 'mcpManager', namespace: 'mcpManager', method: 'updateWorkspaceServer', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('NoteResult') },
     { id: 'dsh-armory#mcpManager/removeWorkspaceServer', service: 'mcpManager', namespace: 'mcpManager', method: 'removeWorkspaceServer', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('NoteResult') },
     { id: 'dsh-armory#mcpManager/setWorkspaceExclude', service: 'mcpManager', namespace: 'mcpManager', method: 'setWorkspaceExclude', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('NoteResult') },
-    { id: 'dsh-armory#mcpManager/installWorkspaceBuiltins', service: 'mcpManager', namespace: 'mcpManager', method: 'installWorkspaceBuiltins', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'BuiltinInstallPayload')], result: mcpCodec('BuiltinInstallResult') },
     { id: 'dsh-armory#mcpManager/previewWorkspaceImport', service: 'mcpManager', namespace: 'mcpManager', method: 'previewWorkspaceImport', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('ImportPreview') },
     { id: 'dsh-armory#mcpManager/importWorkspaceJson', service: 'mcpManager', namespace: 'mcpManager', method: 'importWorkspaceJson', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('ImportResult') },
     { id: 'dsh-armory#mcpManager/revealWorkspaceServer', service: 'mcpManager', namespace: 'mcpManager', method: 'revealWorkspaceServer', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('RevealResult') },
@@ -10621,6 +12371,8 @@ const MCP_CONTRIBUTION = {
     // 顶栏「市场」chip 常驻计数：只读磁盘缓存（零网络），无缓存返回 { total: null }。
     { id: 'dsh-armory#mcpManager/wbConnectorCachedCount', service: 'mcpManager', namespace: 'mcpManager', method: 'wbConnectorCachedCount', invocation: { kind: 'direct' }, parameters: [], result: mcpCodec('WbCachedCountResult') },
     { id: 'dsh-armory#mcpManager/wbConnectorPreview', service: 'mcpManager', namespace: 'mcpManager', method: 'wbConnectorPreview', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('WbPreviewResult') },
+    // 市场连接器卡片头像：payload {connectorId}，出 {ok, dataUrl}。与宿主 method、typert.js 三处同步。
+    { id: 'dsh-armory#mcpManager/wbConnectorIcon', service: 'mcpManager', namespace: 'mcpManager', method: 'wbConnectorIcon', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('WbIconResult') },
     { id: 'dsh-armory#mcpManager/wbConnectorInstall', service: 'mcpManager', namespace: 'mcpManager', method: 'wbConnectorInstall', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('NoteResult') },
     { id: 'dsh-armory#mcpManager/wbOAuthBegin', service: 'mcpManager', namespace: 'mcpManager', method: 'wbOAuthBegin', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('NoteResult') },
     { id: 'dsh-armory#mcpManager/wbOAuthPoll', service: 'mcpManager', namespace: 'mcpManager', method: 'wbOAuthPoll', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('NoteResult') },
@@ -10636,20 +12388,22 @@ const MCP_CONTRIBUTION = {
     // T03/R4：多市场注册表（读 / 增改）。与宿主 method、typert.js 三处必须同步。
     { id: 'dsh-armory#mcpManager/wbMarketRegistry', service: 'mcpManager', namespace: 'mcpManager', method: 'wbMarketRegistry', invocation: { kind: 'direct' }, parameters: [], result: mcpCodec('WbMarketRegistryResult') },
     { id: 'dsh-armory#mcpManager/wbMarketRegistryUpsert', service: 'mcpManager', namespace: 'mcpManager', method: 'wbMarketRegistryUpsert', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('WbMarketRegistryResult') },
-    // T03/R5：codebuddy 插件市场（列表 / 详情）。与宿主 method、typert.js 三处必须同步。
-    { id: 'dsh-armory#mcpManager/wbPluginCatalog', service: 'mcpManager', namespace: 'mcpManager', method: 'wbPluginCatalog', invocation: { kind: 'direct' }, parameters: [], result: mcpCodec('WbPluginCatalogResult') },
     // T04/R8：安装状态账本（读全量 / 登记 / 忘记）。与宿主 method、typert.js 三处必须同步。
     { id: 'dsh-armory#mcpManager/wbInstallState', service: 'mcpManager', namespace: 'mcpManager', method: 'wbInstallState', invocation: { kind: 'direct' }, parameters: [], result: mcpCodec('InstallStateResult') },
     { id: 'dsh-armory#mcpManager/wbInstallStateRecord', service: 'mcpManager', namespace: 'mcpManager', method: 'wbInstallStateRecord', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('NoteResult') },
     { id: 'dsh-armory#mcpManager/wbInstallStateForget', service: 'mcpManager', namespace: 'mcpManager', method: 'wbInstallStateForget', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('NoteResult') },
-    // T05/R9：插件市场更新探测（只读 ETag，绝不落新包）。与宿主 method、typert.js 三处必须同步。
-    { id: 'dsh-armory#mcpManager/wbPluginUpdateCheck', service: 'mcpManager', namespace: 'mcpManager', method: 'wbPluginUpdateCheck', invocation: { kind: 'direct' }, parameters: [], result: mcpCodec('WbUpdateHintResult') },
     // T06/Awesome：DSH 社区插件市场（awesome-dsh-plugins）。与宿主 method、typert.js 三处必须同步。
     { id: 'dsh-armory#mcpManager/wbAwesomeCatalog', service: 'mcpManager', namespace: 'mcpManager', method: 'wbAwesomeCatalog', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('AwesomeCatalogResult') },
     { id: 'dsh-armory#mcpManager/wbAwesomeDetail', service: 'mcpManager', namespace: 'mcpManager', method: 'wbAwesomeDetail', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('AwesomeDetailResult') },
   { id: 'dsh-armory#mcpManager/wbAwesomeReadme', service: 'mcpManager', namespace: 'mcpManager', method: 'wbAwesomeReadme', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('AwesomeReadmeResult') },
     { id: 'dsh-armory#mcpManager/wbAwesomeUpdateCheck', service: 'mcpManager', namespace: 'mcpManager', method: 'wbAwesomeUpdateCheck', invocation: { kind: 'direct' }, parameters: [], result: mcpCodec('WbUpdateHintResult') },
-    { id: 'dsh-armory#mcpManager/wbPluginDetail', service: 'mcpManager', namespace: 'mcpManager', method: 'wbPluginDetail', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('WbPluginDetailResult') },
+    // 社区元信息（仓库维护信号）：payload {repos, refresh}，返回 {repos:{repo:{...}}}。
+    { id: 'dsh-armory#mcpManager/wbRepoMeta', service: 'mcpManager', namespace: 'mcpManager', method: 'wbRepoMeta', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('WbRepoMetaResult') },
+    // npm 近 30 天下载量：payload {packages, refresh}，返回 {packages:{pkg:{ok,downloads,...}}}。
+    // 缺这一行 = 面板 call('wbNpmDownloads') 恒 404，卡片上那枚「↓」永远不出现。
+    { id: 'dsh-armory#mcpManager/wbNpmDownloads', service: 'mcpManager', namespace: 'mcpManager', method: 'wbNpmDownloads', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('WbNpmDownloadsResult') },
+    { id: 'dsh-armory#mcpManager/wbLoadoutExport', service: 'mcpManager', namespace: 'mcpManager', method: 'wbLoadoutExport', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('LoadoutResult') },
+    { id: 'dsh-armory#mcpManager/wbLoadoutDiff', service: 'mcpManager', namespace: 'mcpManager', method: 'wbLoadoutDiff', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('LoadoutDiffResult') },
     // ── WorkBuddy 专家直连：召唤预设 + 捆绑技能（同一命名空间同一信封）──
     { id: 'dsh-armory#mcpManager/wbExpertCatalog', service: 'mcpManager', namespace: 'mcpManager', method: 'wbExpertCatalog', invocation: { kind: 'direct' }, parameters: [], result: mcpCodec('WbExpertCatalogResult') },
     { id: 'dsh-armory#mcpManager/wbExpertDetail', service: 'mcpManager', namespace: 'mcpManager', method: 'wbExpertDetail', invocation: { kind: 'direct' }, parameters: [mcpParam('payload', 'ImportPayload')], result: mcpCodec('WbExpertDetailResult') },