dsh-mcp-connector 0.2.14 → 0.2.16

package/CHANGELOG.md

@@ -4,6 +4,28 @@
 
 ## [Unreleased]
 
+## [0.2.16] - 2026-08-24
+
+### Changed
+
+- 市场分类栏移入固定 Header 第二行，不再悬浮覆盖滚动中的卡片；切换到“已安装”时自动隐藏并收回空间。
+- 移除市场正文中的冗余连接器数量与操作提示，把市场/已安装总数改为页签内的轻量徽标。
+
+### Verification
+
+- 插件 88 项自动测试、lint 与 npm 发布文件白名单/敏感内容扫描通过。
+- 使用 UI harness 验证桌面分类标签无横向溢出；滚动后 Header 与分类栏坐标保持不变，分类点击与已安装页签切换正常。
+
+## [0.2.15] - 2026-08-24
+
+### Fixed
+
+- 未连接且目录没有工具快照的卡片详情不再误报“当前连接异常”；现在保持未连接状态，并提示连接后读取服务端工具清单。
+
+### Verification
+
+- 新增详情状态回归，插件自动测试增至 87 项；使用本机 DSH 对 Seedream 未配置详情进行实机验收。
+
 ## [0.2.14] - 2026-08-24
 
 ### Added

package/README.en.md

@@ -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.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).
+The current public version is [`dsh-mcp-connector@0.2.16`](https://www.npmjs.com/package/dsh-mcp-connector), with [GitHub Release v0.2.16](https://github.com/duhu2000/dsh-mcp-connector/releases/tag/v0.2.16).
 
 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

@@ -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.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)。
+当前公开版本为 [`dsh-mcp-connector@0.2.16`](https://www.npmjs.com/package/dsh-mcp-connector)，对应 [GitHub Release v0.2.16](https://github.com/duhu2000/dsh-mcp-connector/releases/tag/v0.2.16)。
 
 版本能力与变更记录见 [CHANGELOG.md](CHANGELOG.md)。
 Desktop 发版回归见 [docs/DESKTOP-E2E.md](docs/DESKTOP-E2E.md)。

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-mcp-connector",
-  "version": "0.2.14",
+  "version": "0.2.16",
   "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

@@ -61,7 +61,7 @@
 
   /* Header */
   header {
-    display: flex; align-items: center; gap: 12px;
+    display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
     padding: 16px 24px; border-bottom: 1px solid var(--line);
     background: var(--card); position: sticky; top: 0; z-index: 5;
     flex-shrink: 0;
@@ -70,12 +70,20 @@
   header .logo .puzzle { font-size: 22px; }
   .tabs { display: flex; gap: 0; background: var(--bg); padding: 3px; border-radius: 10px; }
   .tabs button {
+    display: inline-flex; align-items: center; gap: 5px;
     border: 0; background: transparent; color: var(--text-2);
     padding: 6px 16px; border-radius: 8px; cursor: pointer; font-size: 13px; font-weight: 500;
     transition: all .15s;
   }
   .tabs button:hover { color: var(--text); }
   .tabs button.active { background: var(--card); color: var(--accent); box-shadow: var(--shadow); font-weight: 600; }
+  .tab-count {
+    min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px;
+    display: inline-flex; align-items: center; justify-content: center;
+    background: var(--line); color: var(--text-2); font-size: 10px; line-height: 1;
+  }
+  .tabs button.active .tab-count { background: var(--accent-light); color: var(--accent); }
+  .tab-count:empty { display: none; }
   .header-spacer { flex: 1; }
   .search-box {
     display: flex; align-items: center; gap: 8px;
@@ -104,13 +112,8 @@
   .stats { display: flex; align-items: center; gap: 16px; margin-bottom: 20px; }
   .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: -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);
-  }
+  .market-nav { flex: 0 0 100%; min-width: 0; order: 4; }
+  .market-filters { position: static; display: flex; align-items: center; }
   .filter-chips { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
   .filter-chip {
     border: 1px solid var(--line); background: var(--bg); color: var(--text-2);
@@ -365,7 +368,7 @@
   .inline-error.show { display: block; }
 
   @media (max-width: 620px) {
-    header { padding: 12px; flex-wrap: wrap; }
+    header { padding: 12px; }
     .header-spacer { display: none; }
     .search-box { order: 3; width: 100%; }
     main { padding: 14px; }
@@ -388,8 +391,8 @@
 <div class="app">
   <header>
     <div class="tabs" id="tabs">
-      <button data-view="market" class="active">市场</button>
-      <button data-view="installed">已安装</button>
+      <button data-view="market" class="active">市场 <span class="tab-count" id="market-tab-count"></span></button>
+      <button data-view="installed">已安装 <span class="tab-count" id="installed-tab-count"></span></button>
     </div>
     <div class="header-spacer"></div>
     <div class="search-box">
@@ -398,6 +401,7 @@
     </div>
     <button class="icon-btn primary" id="add-connection" type="button">＋ 添加连接</button>
     <button class="icon-btn" id="refresh">刷新</button>
+    <div class="market-nav" id="market-nav" aria-label="市场分类导航"></div>
   </header>
   <main id="main"></main>
 
@@ -742,6 +746,18 @@
     return `<div class="market-filters" role="group" aria-label="市场分类"><div class="filter-chips category-chips" role="group" aria-label="按分类筛选">${categoryChips}</div></div>`;
   }
 
+  function syncMarketNav() {
+    const nav = $('#market-nav');
+    nav.hidden = view !== 'market';
+    nav.innerHTML = view === 'market' ? marketFilterHtml() : '';
+  }
+
+  function setTabCount(tab, count) {
+    const node = $(`#${tab}-tab-count`);
+    node.textContent = Number.isFinite(count) ? String(count) : '';
+    node.setAttribute('aria-label', Number.isFinite(count) ? `${count} 个` : '');
+  }
+
   function marketSectionHtml(value, label, items) {
     if (!items.length) return '';
     const expanded = expandedMarketSections.has(value);
@@ -767,23 +783,23 @@
 
   async function loadMarket({ checkHealth = true, preserveScroll = false } = {}) {
     const previousScrollTop = preserveScroll ? main.scrollTop : 0;
+    syncMarketNav();
     main.innerHTML = '<div class="empty">加载中…</div>';
-    const r = await call('catalog', {});
+    const [r, status] = await Promise.all([call('catalog', {}), call('status', {})]);
+    if (status.ok) setTabCount('installed', (status.detail?.items ?? []).length);
     if (!r.ok) { main.innerHTML = `<div class="empty">${esc(r.message)}</div>`; return; }
     const items = r.detail?.items ?? [];
+    setTabCount('market', items.length);
     if (!items.length) { main.innerHTML = '<div class="empty">暂无已上架的连接器</div>'; return; }
     marketItems = {};
     items.forEach((d) => { marketItems[d.id] = d; });
     const filtered = items.filter(matchesMarketFilters);
-    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 = !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}`;
+    main.innerHTML = resultHtml;
     if (preserveScroll) main.scrollTop = previousScrollTop;
     if (checkHealth && !initialHealthCheckStarted && items.some((item) => item.connected?.length > 0)) {
       initialHealthCheckStarted = true;
@@ -831,10 +847,12 @@
   }
 
   async function loadInstalled() {
+    syncMarketNav();
     main.innerHTML = '<div class="empty">加载中…</div>';
     const [r, migration] = await Promise.all([call('status', {}), call('migrationPreview', { scanStored: false })]);
     if (!r.ok) { main.innerHTML = `<div class="empty">${esc(r.message)}</div>`; return; }
     const items = r.detail?.items ?? [];
+    setTabCount('installed', items.length);
     const pendingMigration = migration.ok ? migration.detail?.pendingCount || 0 : 0;
     const migrationHtml = pendingMigration > 0 ? `<div class="migration-banner"><div class="copy"><strong>发现旧企查查 MCP 授权</strong>可安全复制 ${pendingMigration} 组授权到 MCP连接器；不会删除旧插件或原凭据。</div><button class="btn" type="button" onclick="window.__mcp.migrateLegacy()">迁移</button></div>` : '';
     if (!items.length) { main.innerHTML = `${migrationHtml}<div class="stats"><span class="count">可从旧企查查 OAuth 插件复制已有授权</span><button class="btn ghost" type="button" onclick="window.__mcp.scanLegacy()">检测旧插件</button></div><div class="empty">还没有连接任何 MCP · 到「市场」里连接一个吧</div>`; return; }
@@ -1169,6 +1187,12 @@
       $('#detail-try-btn').textContent = detailNeedsReconfigure
         ? d.authMode === 'oauth2-pkce' && detailFailureState === 'reauth' ? '🔐 重新授权' : needsCredential && detailFailureState === 'reauth' ? t('reconfigureCredential') : '🔄 重新检查'
         : d.connected?.length > 0 ? t('try') : needsCredential ? t('configureConnect') : t('connectTry');
+      if (!d.connected?.length && !d.toolsSnapshot?.length) {
+        $('#tools-summary').textContent = '连接后查看工具';
+        $('#detail-tools').innerHTML = '<div class="tools-empty">连接后可读取服务端工具清单</div>';
+        renderPromptPage();
+        return;
+      }
       const toolsResult = await call('toolsList', { connectorId });
       if (loadId !== detailLoadId || !$('#detail-overlay').classList.contains('active')) return;
       if (!toolsResult.ok) {
@@ -1329,16 +1353,18 @@
   function refresh() { return view === 'market' ? loadMarket() : loadInstalled(); }
   function syncTabs() {
     document.querySelectorAll('#tabs button').forEach((button) => button.classList.toggle('active', button.dataset.view === view));
+    syncMarketNav();
   }
 
   $('#add-connection').addEventListener('click', () => openAddConnection('json'));
-  main.addEventListener('click', (event) => {
+  $('#market-nav').addEventListener('click', (event) => {
     const categoryFilter = event.target.closest('[data-category-filter]');
     if (categoryFilter) {
       marketCategory = categoryFilter.dataset.categoryFilter || '';
       loadMarket({ checkHealth: false });
-      return;
     }
+  });
+  main.addEventListener('click', (event) => {
     const sectionToggle = event.target.closest('[data-section-toggle]');
     if (sectionToggle) {
       const section = sectionToggle.dataset.sectionToggle;