dsh-data-cleaning-agent 0.8.8 → 0.8.9

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 本文件记录 `dsh-data-cleaning-agent` 的版本变更。格式遵循 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.1.0/)，版本号遵循 [SemVer](https://semver.org/lang/zh-CN/)。
 
+## [0.8.9] - 2026-09-07
+
+### Changed
+- 按共享 DSH-UX-001 v1.1.2 对齐招投标工作台的阶段菜单：单行五个等宽分栏、上图标下短标题、分隔线及选中蓝色底线；取消数字前缀和横向滚动布局。说明与状态仅保留在内容区和工作台头部。
+- 窄屏缩小图标与字号，长标题在分栏内省略并保留完整可访问名称和悬停提示；阶段导航、质量体检子视图及 Host 工作流保持不变。
+
+### Tests
+- 增补五阶段图标/标题结构断言与隔离 Chromium 深浅色布局回归，覆盖 320px 窄屏、普通/展开工作台、长标题防溢出，以及切换阶段不修改 Host 任务。
+
 ## [0.8.8] - 2026-09-06
 
 ### Changed

package/README.en.md

@@ -2,9 +2,9 @@
 
 > A data cleaning & completion agent plugin for DeepSeek Harness: local CSV/XLSX/JSON engine plus optional Qichacha (QCC) MCP enterprise-data enrichment. Initiated and maintained by the Qichacha (QCC) team.
 >
-> Current source version / 当前源码版本: **0.8.8** (stable release)
+> Current source version / 当前源码版本: **0.8.9** (stable release)
 
-This release aligns the business UI with QCC blue: a database logo beside the home title, consistent entry/workbench icons, and searchable field groups retaining all 128 fields. Native DSH input and send behavior are preserved.
+This release aligns the workbench stage menu with the tender agent: five equal-width columns in one row, line icons above short labels, and a pale-blue selection with a blue underline. Narrow layouts stay within the panel. All 128 fields, existing workflows, and native DSH input and send behavior are preserved.
 
 [![CI](https://github.com/duhu2000/dsh-data-cleaning-agent/actions/workflows/ci.yml/badge.svg)](https://github.com/duhu2000/dsh-data-cleaning-agent/actions/workflows/ci.yml)
 [![npm](https://img.shields.io/npm/v/dsh-data-cleaning-agent)](https://www.npmjs.com/package/dsh-data-cleaning-agent)

package/README.md

@@ -2,9 +2,9 @@
 
 > 在 DeepSeek Harness 中清洗、补全、画像企业名单数据的智能体插件：本地 CSV/XLSX/JSON 引擎 + 可选企查查（Qichacha/QCC）MCP 企业数据补全，由企查查（Qichacha/QCC）团队发起并维护。
 >
-> 当前源码版本 / Current source version: **0.8.8**（正式版本）
+> 当前源码版本 / Current source version: **0.8.9**（正式版本）
 
-本版统一企查查蓝业务界面：数据库 LOGO 与首页名称同排，入口/工作台图标一致；字段支持按维度、名称或工具搜索，保留全部 128 个字段。仅调整本业务界面，不替换 DSH 原生输入和发送机制。
+本版将右侧阶段菜单对齐招投标工作台：单行五个等宽分栏、上图标下短标题，选中项采用浅蓝底和蓝色底线；窄屏不换行、不横向溢出。保留企查查蓝界面、全部 128 个字段和原有工作流，不替换 DSH 原生输入和发送机制。
 
 [![CI](https://github.com/duhu2000/dsh-data-cleaning-agent/actions/workflows/ci.yml/badge.svg)](https://github.com/duhu2000/dsh-data-cleaning-agent/actions/workflows/ci.yml)
 [![npm](https://img.shields.io/npm/v/dsh-data-cleaning-agent)](https://www.npmjs.com/package/dsh-data-cleaning-agent)

package/lib/client.js

@@ -63,6 +63,20 @@ window.__ModuleLoader__.load({
       h('path', { d: DATABASE_PATH }));
     }
 
+    // 阶段只展示线性图标和短标题；说明、状态与操作保留在内容区。
+    const STAGE_ICON_PATHS = {
+      upload: 'M12 16V3m-4 4 4-4 4 4M4 14v6h16v-6',
+      check: 'M9 6h11M9 12h11M9 18h11M3 6l1 1 2-2M3 12l1 1 2-2M3 18l1 1 2-2',
+      search: 'M16 16l5 5M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0',
+      database: DATABASE_PATH,
+      table: 'M4 3h16v18H4zM4 8h16M4 13h16M4 17h16M10 8v13',
+    };
+    function StageIcon({ kind }) {
+      return h('svg', { width: 20, height: 20, viewBox: '0 0 24 24', fill: 'none',
+        stroke: 'currentColor', strokeWidth: 1.7, strokeLinecap: 'round', strokeLinejoin: 'round',
+        'aria-hidden': true, focusable: false }, h('path', { d: STAGE_ICON_PATHS[kind] }));
+    }
+
     // 搜索仅改变可见字段，绝不清除已选字段或改变 Host 的字段目录。
     function visibleCatalogFields(group, query) {
       const needle = String(query || '').trim().toLowerCase();
@@ -525,32 +539,65 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
 
 .dcAgentStepper {
   display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 8px;
-  padding: 12px 18px;
+  grid-template-columns: repeat(var(--dc-stage-count, 5), minmax(0, 1fr));
+  min-width: 0;
   border-bottom: 1px solid var(--dc-border);
-  background: var(--dc-page);
+  background: var(--dc-surface);
 }
 
 .dcAgentStep {
+  position: relative;
+  min-width: 0;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: 6px;
-  padding: 9px 6px;
-  border: 1px solid var(--dc-border);
-  border-radius: 6px;
+  gap: 8px;
+  padding: 12px 4px;
+  border: 0;
+  border-right: 1px solid var(--dc-border);
+  border-radius: 0;
   background: transparent;
   color: var(--dc-muted);
   font-size: 12px;
+  font-weight: 600;
   cursor: pointer;
-  white-space: nowrap;
 }
+.dcAgentStep:last-child { border-right: 0; }
+.dcAgentStep:hover { background: var(--dc-page); }
 .dcAgentStep.is-active {
   color: var(--dc-action);
-  border-color: var(--dc-action);
   background: var(--dc-selected);
 }
+.dcAgentStep.is-active::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 8px;
+  right: 8px;
+  height: 3px;
+  border-radius: 3px 3px 0 0;
+  background: var(--dc-action);
+}
+.dcAgentStepIcon {
+  display: grid;
+  place-items: center;
+  width: 30px;
+  height: 30px;
+  flex: none;
+  border: 1px solid var(--dc-border);
+  border-radius: 8px;
+}
+.dcAgentStepIcon svg { display: block; }
+.dcAgentStepLabel {
+  display: block;
+  width: 100%;
+  min-width: 0;
+  line-height: 18px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
 
 .dcAgentWbBody {
   flex: 1 1 auto;
@@ -818,7 +865,6 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
 @media (max-width: 760px) {
   .dcAgentWorkbench, .dcAgentWorkbench.is-expanded { width: 100vw; max-width: none; min-width: 0; border-radius: 0; }
   .dcAgentOverlay { background: rgba(8, 10, 14, 0.22); pointer-events: auto; }
-  .dcAgentStepper { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .dcAgentQccBadge, .dcAgentJobsPill { display: none; }
   .dcAgentCandidate { grid-template-columns: 1fr; }
   .dcAgentCapabilities { justify-content: flex-start; padding-inline: 12px; }
@@ -834,15 +880,17 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   .dcAgentWorkbench { width: 420px; max-width: 48vw; min-width: 360px; }
   .dcAgentQccBadge, .dcAgentJobsPill { display: none; }
 }
+@media (max-width: 360px) {
+  .dcAgentStep { font-size: 11px; padding: 10px 3px; gap: 6px; }
+  .dcAgentStepIcon { width: 26px; height: 26px; }
+  .dcAgentStepIcon svg { width: 18px; height: 18px; }
+}
 /* Distinct levels: management tabs → compact task steps → working content. */
 .dcAgentWorkbench, .dcAgentPromptPanel { font-size: 14px; line-height: 1.5; }
 .dcAgentWbHeader, .dcAgentManagement, .dcAgentStepper { flex: none; }
 .dcAgentManagement { display: flex; gap: 24px; padding: 0 18px; border-bottom: 1px solid var(--dc-border); }
 .dcAgentManagement .dcAgentButton { border: 0; border-bottom: 3px solid transparent; border-radius: 0; padding: 10px 0; background: transparent; }
 .dcAgentManagement .dcAgentButton[aria-pressed="true"] { border-bottom-color: var(--dc-action); color: var(--dc-action); font-weight: 600; }
-.dcAgentStepper { display: flex; overflow-x: auto; gap: 4px; padding: 10px 12px; }
-.dcAgentStep { flex: 0 0 auto; border-color: transparent; padding: 7px 8px; }
-.dcAgentStep.is-active { border-color: transparent; }
 .dcAgentCapability { border-radius: 8px; }
 .dcAgentWbBody { min-height: 0; }
 .dcAgentTable th { background: var(--dc-table-head); color: var(--dc-text); }
@@ -913,11 +961,11 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
     }
 
     const STEPS = [
-      { key: 'upload', label: '导入与核验', icon: '1' },
-      { key: 'rules', label: '规则与体检', icon: '2' },
-      { key: 'match', label: '主体匹配', icon: '3' },
-      { key: 'enrich', label: '字段补全', icon: '4' },
-      { key: 'download', label: '结果下载', icon: '5' },
+      { key: 'upload', label: '导入与核验', icon: 'upload' },
+      { key: 'rules', label: '规则与体检', icon: 'check' },
+      { key: 'match', label: '主体匹配', icon: 'search' },
+      { key: 'enrich', label: '字段补全', icon: 'database' },
+      { key: 'download', label: '结果下载', icon: 'table' },
     ];
 
     const CAPABILITIES = [
@@ -3977,15 +4025,18 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
             h('button', { type: 'button', className: 'dcAgentButton', 'aria-pressed': step === 'history',
               onClick: () => actions.setStep('history') }, '任务历史'),
           ),
-          step !== 'history' ? h('nav', { className: 'dcAgentStepper', 'aria-label': '清洗流程' },
+          step !== 'history' ? h('nav', { className: 'dcAgentStepper', 'aria-label': '清洗流程',
+            style: { '--dc-stage-count': STEPS.length } },
             STEPS.map((st) => h('button', {
               key: st.key,
               type: 'button',
               className: `dcAgentStep${(step === 'profile' ? 'rules' : step) === st.key ? ' is-active' : ''}`,
               'aria-label': st.label,
+              title: st.label,
               'aria-current': (step === 'profile' ? 'rules' : step) === st.key ? 'step' : undefined,
               onClick: () => actions.setStep(st.key),
-            }, `${st.icon} ${st.label}`)),
+            }, h('span', { className: 'dcAgentStepIcon' }, h(StageIcon, { kind: st.icon })),
+            h('span', { className: 'dcAgentStepLabel' }, st.label))),
           ) : null,
           h('div', { className: 'dcAgentWbBody' },
             error ? h('div', { className: 'dcAgentError', role: 'alert' }, error) : null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-data-cleaning-agent",
-  "version": "0.8.8",
+  "version": "0.8.9",
   "description": "Clean, complete, and profile enterprise name lists in DeepSeek Harness — a data cleaning & completion agent plugin with local CSV/XLSX/JSON engine and optional Qichacha (QCC) MCP enrichment. Maintained by Qichacha/QCC.",
   "type": "module",
   "main": "lib/index.js",