dsh-mcp-connector 0.2.13 → 0.2.14

package/CHANGELOG.md

@@ -4,6 +4,24 @@
 
 ## [Unreleased]
 
+## [0.2.14] - 2026-08-24
+
+### Added
+
+- 默认“全部”市场改为“推荐 + 9 类业务分类”的章节式浏览，每章默认展示 4 张卡片并支持就地“查看全部 / 收起”。
+- 独立 Registry 新增由 Ace Data Cloud 托管的 Seedream 图片生成连接器，补齐“设计创意”分类；卡片明确第三方服务商、Bearer Token 与潜在计费边界。
+
+### Changed
+
+- 分类栏固定在市场滚动区域顶部；桌面端全部标签单行显示且不再出现横向滚动条，窄屏改为自动换行。
+- 推荐位严格收敛为 4 张企查查卡片、北大法宝和 Wind，共 6 张；其他第三方连接器仍按业务分类展示。
+- “企查查·法律数据”迁入“法律合规”，“企查查·文档报告”迁入“效率工具”并保持该分类首位。
+
+### Verification
+
+- 插件 86 项自动测试通过；Registry 10 项测试、10 条连接器构建和 schema/密钥审计通过。
+- Seedream Hosted MCP 公网无凭据探针通过：端点可达并识别 MCP，正确返回 HTTP 401 鉴权挑战；未使用用户 Token，也未执行计费工具。
+
 ## [0.2.13] - 2026-08-24
 
 ### Added

package/README.en.md

@@ -15,7 +15,7 @@ Browse and install MCP connectors from different providers in DeepSeek Harness D
 ## Features
 
 - A primary sidebar entry below New Conversation and above workspaces/conversations, with a public footer-slot fallback for incompatible DSH DOM versions.
-- Searchable Marketplace and Installed views, featured and nine-category filters, catalog refresh, and active health checks that distinguish Configured, Connected, Reauthorization Required, Partially Unavailable, and Connection Error states.
+- Searchable Marketplace and Installed views; the default Marketplace groups cards into Featured plus nine business-category sections, previews four cards per section, keeps the category bar visible while scrolling, and shows every card when a single category is selected.
 - OAuth 2.0 Authorization Code with PKCE, API key/Bearer/unauthenticated HTTP configuration, stdio local-process configuration, and `mcpServers` JSON import.
 - Installation from a credential-free connector descriptor URL.
 - Credential and MCP initialize validation before API-key connectors are saved as installed.
@@ -26,7 +26,7 @@ Browse and install MCP connectors from different providers in DeepSeek Harness D
 - A standalone remote Registry, allowing new marketplace cards to appear after refresh without publishing a new npm version.
 - Explicit, non-destructive migration of authorization from the two earlier Qichacha OAuth plugins.
 
-The first four bundled cards are Qichacha connectors, followed by PKULaw and Wind. After a remote Registry refresh, Yingmi, QVeris, Bazhuayu Cloud Collection, GitHub, Cloudflare, Notion, and Tavily are also available, for 13 published marketplace cards after deduplication. Bazhuayu is the first third-party example to exercise the complete OAuth 2.1 + PKCE dynamic-registration flow; the architecture remains provider-neutral.
+The first four bundled cards are Qichacha connectors, followed by PKULaw and Wind. After a remote Registry refresh, Yingmi, QVeris, Bazhuayu Cloud Collection, GitHub, Cloudflare, Notion, Tavily, and the Ace Data Cloud-hosted Seedream connector are also available, for 14 published marketplace cards after deduplication. Recommendations are limited to the four Qichacha cards, PKULaw, and Wind; all other connectors remain discoverable in their business categories.
 
 ## Interface and demo
 
@@ -101,7 +101,7 @@ npm run dev:ui
 
 `npm run check` performs syntax checks, automated tests, and an npm package allowlist/sensitive-content audit. `npm run market:check` tracks the external DSH marketplace PR and live directory. Tags matching `v*` trigger GitHub Actions; the tag must match `package.json`. npm releases use Trusted Publishing through GitHub OIDC and do not require a long-lived `NPM_TOKEN`.
 
-The current public version is [`dsh-mcp-connector@0.2.13`](https://www.npmjs.com/package/dsh-mcp-connector), with [GitHub Release v0.2.13](https://github.com/duhu2000/dsh-mcp-connector/releases/tag/v0.2.13).
+The current public version is [`dsh-mcp-connector@0.2.14`](https://www.npmjs.com/package/dsh-mcp-connector), with [GitHub Release v0.2.14](https://github.com/duhu2000/dsh-mcp-connector/releases/tag/v0.2.14).
 
 See [CHANGELOG.md](CHANGELOG.md) for version history and [docs/DESKTOP-E2E.md](docs/DESKTOP-E2E.md) for the Desktop release checklist.
 

package/README.md

@@ -15,7 +15,7 @@
 ## 功能
 
 - 左侧主导航入口：目标位置为“新会话”下方、“工作区/会话列表”上方；若 DSH DOM 结构不兼容，自动回退到底部公开插槽。
-- 图形化市场：市场/已安装、推荐与 9 类业务分类、全文搜索、刷新与主动健康检查；区分“已配置”、“已连接”、“需重新授权”、“部分异常”和“连接异常”。
+- 图形化市场：默认“全部”按推荐与 9 类业务分类分章节展示，每章先展示 4 张并可展开；分类栏固定可见，单分类页展示全部卡片。
 - 图形化添加：手动 HTTP/stdio、`mcpServers` JSON、连接器描述 URL 三种入口，失败时保留表单并给出修复建议。
 - 连接器详情：精选 Prompt 优先展示，点击可带入 DSH 新会话；工具按 Server 分组，支持描述、搜索和独立滚动。
 - Prompt 模板：使用 `{{company}}` 等变量，发送前填写真实查询主体。
@@ -28,7 +28,7 @@
 - 平滑迁移：显式扫描并复制两个旧企查查 OAuth 插件授权；不删除原插件或原凭据。
 - 对话工具：`mcp_connector_catalog`、`connect`、`configure`、`import_json`、`install_from_url`、`status`、`health_check`、`set_enabled`、`disconnect`、`refresh_catalog`、`publish`、`tools_list`。
 
-随包目录前 4 张为企查查连接器，另含“北大法宝·法律检索”和“Wind·股票数据”。远程 Registry 刷新后还会加入“盈米·基金投顾”、“QVerisMCP”、“八爪鱼·云采集”、GitHub、Cloudflare、Notion 和 Tavily，合并去重后当前共 13 张已发布市场卡片；其中八爪鱼是首个完整跑通标准 OAuth 2.1 + PKCE 动态注册链路的第三方示例，插件架构不限定厂商。
+随包目录前 4 张为企查查连接器，另含“北大法宝·法律检索”和“Wind·股票数据”。远程 Registry 刷新后还会加入“盈米·基金投顾”、“QVerisMCP”、“八爪鱼·云采集”、GitHub、Cloudflare、Notion、Tavily 和由 Ace Data Cloud 托管的 Seedream，合并去重后当前共 14 张已发布市场卡片。推荐位严格保留 4 张企查查卡片、北大法宝和 Wind；其他连接器按业务分类展示。
 
 ## 界面与演示
 
@@ -96,7 +96,7 @@ npm run dev:ui
 
 `check` 执行语法检查、自动测试和 npm 发布包白名单校验；`market:check` 检查外部 DSH 市场 PR 与线上目录；`dev:ui` 启动不含真实凭据的本地 mock 市场。CI 使用 `--legacy-peer-deps` 安装显式测试依赖，DSH 运行期 peer 仍由 Host 提供。`v*` Tag 会触发 GitHub Actions；Tag 必须与 `package.json` 版本一致。Release 通过 npm Trusted Publishing (GitHub OIDC) 发布，不依赖长期 `NPM_TOKEN`。
 
-当前公开版本为 [`dsh-mcp-connector@0.2.13`](https://www.npmjs.com/package/dsh-mcp-connector)，对应 [GitHub Release v0.2.13](https://github.com/duhu2000/dsh-mcp-connector/releases/tag/v0.2.13)。
+当前公开版本为 [`dsh-mcp-connector@0.2.14`](https://www.npmjs.com/package/dsh-mcp-connector)，对应 [GitHub Release v0.2.14](https://github.com/duhu2000/dsh-mcp-connector/releases/tag/v0.2.14)。
 
 版本能力与变更记录见 [CHANGELOG.md](CHANGELOG.md)。
 Desktop 发版回归见 [docs/DESKTOP-E2E.md](docs/DESKTOP-E2E.md)。

package/catalog/catalog.json

@@ -67,7 +67,7 @@
       "name": "企查查·法律数据",
       "vendor": "企查查 Qichacha",
       "icon": "/mcp-connector/ui/assets/qcc-logo.svg",
-      "category": "企业数据",
+      "category": "法律合规",
       "summary": "法规条文 / 司法案例检索与核验",
       "description": "法律法规逐字条文、指导性/公报/典型案例检索、案号引用核验，面向法律意见书与类案检索场景。",
       "tags": ["法律", "法规", "案例", "核验"],
@@ -134,7 +134,7 @@
       "name": "企查查·文档报告",
       "vendor": "企查查 Qichacha",
       "icon": "/mcp-connector/ui/assets/qcc-logo.svg",
-      "category": "企业数据",
+      "category": "效率工具",
       "summary": "企业报告生成 / 文档分析",
       "description": "基于企业数据自动生成分析报告、尽职调查文档，支持文档结构化解析与内容提取。",
       "tags": ["文档", "报告", "分析"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-mcp-connector",
-  "version": "0.2.13",
+  "version": "0.2.14",
   "description": "General-purpose MCP connector, connection manager, plugin extension, and integration marketplace for DeepSeek Harness, initiated and maintained by Qichacha/QCC.",
   "type": "module",
   "main": "lib/index.js",

package/ui/index.html

@@ -105,9 +105,11 @@
   .stats .count { font-size: 13px; color: var(--text-2); }
   .stats .count strong { color: var(--text); font-weight: 600; }
   .market-filters {
+    position: sticky; top: 0; z-index: 4;
     display: flex; align-items: center;
-    margin-bottom: 14px; padding: 10px 12px;
+    margin: -8px 0 14px; padding: 10px 12px;
     background: var(--card); border: 1px solid var(--line); border-radius: 10px;
+    box-shadow: 0 8px 14px color-mix(in srgb, var(--bg) 88%, transparent);
   }
   .filter-chips { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
   .filter-chip {
@@ -116,8 +118,17 @@
   }
   .filter-chip:hover { border-color: var(--accent); color: var(--accent); }
   .filter-chip.active { border-color: var(--accent); background: var(--accent-light); color: var(--accent); font-weight: 600; }
-  .category-chips { width: 100%; display: flex; gap: 6px; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; -webkit-overflow-scrolling: touch; scrollbar-width: thin; }
-  .category-chip { flex-shrink: 0; }
+  .category-chips { width: 100%; display: flex; gap: 5px; flex-wrap: nowrap; overflow: visible; }
+  .category-chip { flex: 0 0 auto; padding-inline: 9px; }
+
+  /* Grouped marketplace */
+  .market-section { margin-bottom: 26px; }
+  .market-section:last-child { margin-bottom: 0; }
+  .market-section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
+  .market-section-title { display: flex; align-items: baseline; gap: 8px; margin: 0; font-size: 14px; font-weight: 650; }
+  .market-section-count { color: var(--muted); font-size: 11px; font-weight: 400; }
+  .market-section-toggle { border: 0; background: transparent; color: var(--text-2); cursor: pointer; font: inherit; font-size: 12px; padding: 4px 0; }
+  .market-section-toggle:hover { color: var(--accent); }
 
   /* Grid - TraeWork 风格：3 列 */
   .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 12px; }
@@ -363,6 +374,7 @@
     .card .actions { width: 100%; justify-content: flex-end; }
     .form-row { grid-template-columns: 1fr; gap: 0; }
     .market-filters { align-items: stretch; }
+    .category-chips { flex-wrap: wrap; }
   }
 
   /* Scrollbar */
@@ -479,7 +491,8 @@
   let detailFailureState = '';
   let toolRenderLimit = 50;
   let detailLoadId = 0;
-  let catalogRenderLimit = 60;
+  const MARKET_SECTION_PREVIEW_LIMIT = 4;
+  const expandedMarketSections = new Set();
   let lastModalFocus = null;
   let pendingPrompt = null;
   const PROMPT_REQUEST_TYPE = 'mcp-connector:start-session';
@@ -729,7 +742,31 @@
     return `<div class="market-filters" role="group" aria-label="市场分类"><div class="filter-chips category-chips" role="group" aria-label="按分类筛选">${categoryChips}</div></div>`;
   }
 
-  async function loadMarket({ checkHealth = true } = {}) {
+  function marketSectionHtml(value, label, items) {
+    if (!items.length) return '';
+    const expanded = expandedMarketSections.has(value);
+    const visible = expanded ? items : items.slice(0, MARKET_SECTION_PREVIEW_LIMIT);
+    const toggle = items.length > MARKET_SECTION_PREVIEW_LIMIT
+      ? `<button class="market-section-toggle" type="button" data-section-toggle="${esc(value)}" aria-expanded="${expanded ? 'true' : 'false'}">${expanded ? '收起' : `查看全部 ${items.length} 个`}</button>`
+      : '';
+    return `<section class="market-section" data-market-section="${esc(value)}"><div class="market-section-head"><h2 class="market-section-title">${esc(label)}<span class="market-section-count">${items.length} 个</span></h2>${toggle}</div><div class="grid">${visible.map(cardHtml).join('')}</div></section>`;
+  }
+
+  function groupedMarketHtml(items) {
+    const searchable = items.filter(matchesSearch);
+    const sections = [
+      { value: 'recommended', label: '推荐', items: searchable.filter((item) => item.featured) },
+      ...CATEGORIES.filter((category) => category.value && category.value !== 'recommended').map((category) => ({
+        ...category,
+        items: searchable.filter((item) => normalizeCategory(item.category) === category.value),
+      })),
+    ];
+    return sections.map((section) => marketSectionHtml(section.value, section.label, section.items)).join('')
+      || '<div class="empty">没有匹配当前搜索条件的连接器</div>';
+  }
+
+  async function loadMarket({ checkHealth = true, preserveScroll = false } = {}) {
+    const previousScrollTop = preserveScroll ? main.scrollTop : 0;
     main.innerHTML = '<div class="empty">加载中…</div>';
     const r = await call('catalog', {});
     if (!r.ok) { main.innerHTML = `<div class="empty">${esc(r.message)}</div>`; return; }
@@ -738,14 +775,16 @@
     marketItems = {};
     items.forEach((d) => { marketItems[d.id] = d; });
     const filtered = items.filter(matchesMarketFilters);
-    const count = filtered.length;
-    const visible = filtered.slice(0, catalogRenderLimit);
+    const count = marketCategory ? filtered.length : items.filter(matchesSearch).length;
     const categoryLabel = CATEGORIES.find((cat) => cat.value === marketCategory)?.label;
     const filterSummary = marketCategory ? ` · 分类「${esc(categoryLabel)}」` : '';
-    const resultHtml = visible.length > 0
-      ? `<div class="grid">${visible.map(cardHtml).join('')}</div>${visible.length < count ? `<button class="tools-more" id="catalog-more" type="button">再显示 ${Math.min(60, count - visible.length)} 个（剩余 ${count - visible.length}）</button>` : ''}`
-      : '<div class="empty">没有匹配当前筛选条件的连接器</div>';
+    const resultHtml = !marketCategory
+      ? groupedMarketHtml(items)
+      : filtered.length > 0
+        ? `<div class="grid">${filtered.map(cardHtml).join('')}</div>`
+        : '<div class="empty">没有匹配当前筛选条件的连接器</div>';
     main.innerHTML = `${marketFilterHtml()}<div class="stats"><span class="count">共 <strong>${count}</strong> 个连接器${searchQuery ? ` · 搜索「${esc(searchQuery)}」` : ''}${filterSummary} · 点击卡片查看能力，点击「连接」完成授权</span></div>${resultHtml}`;
+    if (preserveScroll) main.scrollTop = previousScrollTop;
     if (checkHealth && !initialHealthCheckStarted && items.some((item) => item.connected?.length > 0)) {
       initialHealthCheckStarted = true;
       call('healthCheck', {}).then(() => {
@@ -1297,13 +1336,15 @@
     const categoryFilter = event.target.closest('[data-category-filter]');
     if (categoryFilter) {
       marketCategory = categoryFilter.dataset.categoryFilter || '';
-      catalogRenderLimit = 60;
       loadMarket({ checkHealth: false });
       return;
     }
-    if (event.target.closest('#catalog-more')) {
-      catalogRenderLimit += 60;
-      loadMarket({ checkHealth: false });
+    const sectionToggle = event.target.closest('[data-section-toggle]');
+    if (sectionToggle) {
+      const section = sectionToggle.dataset.sectionToggle;
+      if (expandedMarketSections.has(section)) expandedMarketSections.delete(section);
+      else expandedMarketSections.add(section);
+      loadMarket({ checkHealth: false, preserveScroll: true });
     }
   });
   $('#refresh').addEventListener('click', async () => {
@@ -1326,7 +1367,7 @@
 
   searchInput.addEventListener('input', (e) => {
     searchQuery = e.target.value.trim();
-    catalogRenderLimit = 60;
+    expandedMarketSections.clear();
     refresh();
   });