dsh-data-cleaning-agent 0.8.7 → 0.8.9

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 本文件记录 `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
+- 按共享 DSH-UX-001 v1.1.0 企查查蓝方案调整自有界面，统一浅色/深色颜色令牌、紧凑分区、浅蓝表头和键盘焦点；不更改宿主原生输入框、模型及发送机制。
+- 入口、首页、会话头和工作台采用统一数据库线性图标；首页 LOGO 与名称同排。会话级可恢复 Bridge 不注册全局单例品牌槽位，离开首页恢复宿主标题、图标和预览标识。
+- 当前任务/任务历史使用下划线管理标签，五步流程为横向可滚动紧凑导航；快捷菜单仍在原生输入框外下方。
+- 向导与工作台按维度展示字段勾选网格，支持中文字段/维度/工具名称搜索，搜索不会丢失已选字段。维度全选/清空作用于完整维度，不受搜索过滤影响；128 字段与 Host 工作流不变。
+
+### Tests
+- 增补数据库图标、字段过滤、全局槽位隔离与真实 React/Chromium 同排排版、深浅色按钮、字段选择保持、回填发送和宿主图标恢复检查。具体边界见 `docs/QCC-BLUE-UI-ACCEPTANCE.md`。
+
 ## [0.8.7] - 2026-09-06
 
 ### Changed

package/README.en.md

@@ -2,7 +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.7** (stable release)
+> Current source version / 当前源码版本: **0.8.9** (stable release)
+
+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,7 +2,9 @@
 
 > 在 DeepSeek Harness 中清洗、补全、画像企业名单数据的智能体插件：本地 CSV/XLSX/JSON 引擎 + 可选企查查（Qichacha/QCC）MCP 企业数据补全，由企查查（Qichacha/QCC）团队发起并维护。
 >
-> 当前源码版本 / Current source version: **0.8.7**（正式版本）
+> 当前源码版本 / Current source version: **0.8.9**（正式版本）
+
+本版将右侧阶段菜单对齐招投标工作台：单行五个等宽分栏、上图标下短标题，选中项采用浅蓝底和蓝色底线；窄屏不换行、不横向溢出。保留企查查蓝界面、全部 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

@@ -32,7 +32,6 @@ window.__ModuleLoader__.load({
       IconArchiveOutline20,
       IconChecklistOutline14,
       IconCloseOutline16,
-      IconDataOutline16,
       IconDownloadOutline16,
       IconFullscreenOutline16,
       IconPaperclipOutline16,
@@ -55,6 +54,37 @@ window.__ModuleLoader__.load({
 
     const h = react.createElement;
 
+    // 同一数据库图形用于入口、业务首页和工作台；不注册 root/single 品牌槽位。
+    const DATABASE_PATH = 'M4 6c0-4 16-4 16 0s-16 4-16 0v12c0 4 16 4 16 0V6M4 12c0 4 16 4 16 0';
+    function DatabaseLogo({ size = 20 } = {}) {
+      return h('svg', { width: size, height: size, viewBox: '0 0 24 24', fill: 'none',
+        stroke: 'currentColor', strokeWidth: 1.7, strokeLinecap: 'round', strokeLinejoin: 'round',
+        'aria-hidden': true, focusable: false, className: 'dcAgentDatabaseLogo' },
+      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();
+      const [, label, fields, tool] = group;
+      if (!needle || `${label} ${tool || ''}`.toLowerCase().includes(needle)) return fields;
+      return fields.filter(([id, fieldLabel]) => `${id} ${fieldLabel}`.toLowerCase().includes(needle));
+    }
+
     /** 客户端所需服务：与 mcp-connector 对齐（槽位 + 会话/工作区/输入机）。 */
     const inject = ['slots', 'sessions', 'workspaces', 'conversation'];
 
@@ -62,6 +92,31 @@ window.__ModuleLoader__.load({
     const SIDEBAR_WORKSPACES_SELECTOR = '[data-slot="sidebar.workspaces"]';
     const TOP_MOUNT_SELECTOR = '[data-data-cleaning-top-mount="true"]';
     const stylesCss = `
+/* QCC-blue candidate tokens from shared DSH-UX-001; never theme the global shell. */
+:where(.dcAgentTopMount, .dcAgentLauncher, .dcAgentExperience, .dcAgentCapabilityMount,
+ .dcAgentOverlay, .dcAgentPromptLayer, .dcAgentPromptBackdrop, .dcAgentHeaderAction,
+ .dcAgentToolCard, [data-dc-agent-hero-row="true"]) {
+  --dc-action: light-dark(#0875d1, #82c3ff);
+  --dc-hover: light-dark(#0666b7, #acd7ff);
+  --dc-on-action: light-dark(#fff, #101820);
+  --dc-selected: light-dark(#e6f4ff, #173449);
+  --dc-surface: light-dark(#fff, #18232e);
+  --dc-page: light-dark(#f6f8fa, #101820);
+  --dc-table-head: light-dark(#f2f9fc, #172c3b);
+  --dc-text: light-dark(#202c3b, #e7eef6);
+  --dc-muted: light-dark(#626f80, #a2b1c2);
+  --dc-border: light-dark(#dce4ec, #344657);
+  --dc-success: light-dark(#12805c, #78d8b3);
+  --dc-success-bg: light-dark(#edf8f2, #193a30);
+  --dc-review: light-dark(#946000, #f3c66c);
+  accent-color: var(--dc-action);
+}
+.dcAgentLauncherContent { display: inline-flex; align-items: center; gap: 8px; }
+.dcAgentDatabaseLogo { display: block; flex: none; color: var(--dc-action); }
+[data-dc-agent-hero-row="true"] { display: flex; align-items: center; justify-content: center; gap: 12px; }
+[data-dc-agent-hero-title="true"] { min-width: 0; font-size: 28px; line-height: 1.3; color: var(--dc-text); }
+.dcAgentHeroLogo { width: 48px; height: 48px; border-radius: 12px; background: var(--dc-selected); color: var(--dc-action); display: grid; place-items: center; flex: none; }
+
 .dcAgentTopMount {
   flex: none;
   min-width: 0;
@@ -118,10 +173,10 @@ window.__ModuleLoader__.load({
   max-width: calc(100vw - 420px);
   min-width: 360px;
   height: 100vh;
-  border: 1px solid light-dark(#d5dae4, #2a3038);
+  border: 1px solid var(--dc-border);
   border-radius: 12px 0 0 12px;
-  background: light-dark(#ffffff, #161b23);
-  color: light-dark(#172033, #edf2fa);
+  background: var(--dc-surface);
+  color: var(--dc-text);
   box-shadow: light-dark(-10px 0 32px rgba(33, 55, 88, .12), -12px 0 40px rgba(0, 0, 0, .32));
   overflow: hidden;
   pointer-events: auto;
@@ -130,7 +185,7 @@ window.__ModuleLoader__.load({
 
 .dcAgentCapabilities {
   display: flex;
-  justify-content: center;
+  justify-content: safe center;
   align-items: center;
   gap: 8px;
   width: 100%;
@@ -154,10 +209,10 @@ window.__ModuleLoader__.load({
   padding: 7px 12px;
   flex-direction: column;
   justify-content: center;
-  border: 1px solid light-dark(#e4e8f0, #303947);
+  border: 1px solid var(--dc-border);
   border-radius: 12px;
-  background: light-dark(rgba(255,255,255,.86), rgba(22,27,35,.86));
-  color: light-dark(#5d687a, #aab5c7);
+  background: var(--dc-surface);
+  color: var(--dc-muted);
   font: inherit;
   font-size: 12px;
   cursor: pointer;
@@ -165,9 +220,9 @@ window.__ModuleLoader__.load({
 .dcAgentCapability:hover,
 .dcAgentCapability:focus-visible,
 .dcAgentCapability.is-active {
-  border-color: light-dark(#c9d9f8, #365681);
-  background: light-dark(#edf4ff, #172841);
-  color: light-dark(#1556cf, #8cb3ff);
+  border-color: var(--dc-border);
+  background: var(--dc-selected);
+  color: var(--dc-action);
 }
 .dcAgentCapability svg { flex: 0 0 auto; }
 
@@ -178,7 +233,7 @@ window.__ModuleLoader__.load({
   box-sizing: border-box;
 }
 .dcAgentCapabilityMount { width: 100%; padding: 8px 0; flex: none; }
-.dcAgentHomeSummary { margin: 0 20px 8px; text-align: center; color: light-dark(#697386, #aab5c7); font-size: 13px; line-height: 20px; }
+.dcAgentHomeSummary { margin: 0 20px 8px; text-align: center; color: var(--dc-muted); font-size: 13px; line-height: 20px; }
 .dcAgentPromptBackdrop { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; padding: 16px; box-sizing: border-box; background: rgba(8, 15, 28, .36); pointer-events: auto; }
 body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
 
@@ -199,10 +254,10 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   left: 16px;
   min-height: 28px;
   padding: 3px 10px;
-  border: 1px solid light-dark(#c9d9f8, #365681);
+  border: 1px solid var(--dc-border);
   border-radius: 999px;
-  background: light-dark(#edf4ff, #172841);
-  color: light-dark(#1556cf, #8cb3ff);
+  background: var(--dc-selected);
+  color: var(--dc-action);
   font: inherit;
   font-size: 12px;
   cursor: pointer;
@@ -217,16 +272,16 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   box-sizing: border-box;
   overflow: hidden;
   padding: 16px;
-  border: 1px solid light-dark(#d5dae4, #303947);
-  border-radius: 16px;
-  background: light-dark(#ffffff, #161b23);
-  color: light-dark(#172033, #edf2fa);
+  border: 1px solid var(--dc-border);
+  border-radius: 12px;
+  background: var(--dc-surface);
+  color: var(--dc-text);
   box-shadow: light-dark(0 18px 48px rgba(33,55,88,.20), 0 20px 54px rgba(0,0,0,.40));
   pointer-events: auto;
 }
 .dcAgentPromptBody { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 0 2px; }
 .dcAgentPromptHead, .dcAgentPromptActions { flex: none; }
-.dcAgentPromptActions { border-top: 1px solid light-dark(#e4e8f0, #303947); padding-top: 12px; }
+.dcAgentPromptActions { border-top: 1px solid var(--dc-border); padding-top: 12px; }
 .dcAgentPromptHead {
   display: flex;
   align-items: flex-start;
@@ -235,7 +290,7 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   margin-bottom: 12px;
 }
 .dcAgentPromptHead h3 { margin: 0; font-size: 16px; line-height: 22px; }
-.dcAgentPromptHead p { margin: 3px 0 0; color: light-dark(#697386, #aab5c7); font-size: 11px; line-height: 17px; }
+.dcAgentPromptHead p { margin: 3px 0 0; color: var(--dc-muted); font-size: 12px; line-height: 17px; }
 .dcAgentPromptClose {
   width: 28px;
   height: 28px;
@@ -246,7 +301,7 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   color: inherit;
   cursor: pointer;
 }
-.dcAgentPromptClose:hover { background: light-dark(#f1f4f8, #222a36); }
+.dcAgentPromptClose:hover { background: var(--dc-page); }
 .dcAgentPromptTabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
 .dcAgentPromptTab,
 .dcAgentPromptChoice {
@@ -255,8 +310,8 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   gap: 5px;
   min-height: 32px;
   padding: 5px 10px;
-  border: 1px solid light-dark(#d9dee8, #394352);
-  border-radius: 9px;
+  border: 1px solid var(--dc-border);
+  border-radius: 6px;
   background: transparent;
   color: inherit;
   font: inherit;
@@ -265,9 +320,9 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
 }
 .dcAgentPromptTab.is-active,
 .dcAgentPromptChoice.is-selected {
-  border-color: light-dark(#2869e6, #6d9eff);
-  background: light-dark(#edf4ff, #172841);
-  color: light-dark(#1556cf, #8cb3ff);
+  border-color: var(--dc-action);
+  background: var(--dc-selected);
+  color: var(--dc-action);
 }
 .dcAgentPromptField { display: grid; gap: 6px; margin: 10px 0; }
 .dcAgentPromptField > span { font-size: 12px; font-weight: 600; }
@@ -277,9 +332,9 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   min-height: 104px;
   resize: vertical;
   padding: 10px 12px;
-  border: 1px solid light-dark(#d9dee8, #394352);
-  border-radius: 10px;
-  background: light-dark(#fbfcfe, #11171f);
+  border: 1px solid var(--dc-border);
+  border-radius: 8px;
+  background: var(--dc-page);
   color: inherit;
   font: inherit;
   font-size: 12px;
@@ -291,8 +346,8 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   gap: 10px;
   padding: 12px;
   border: 1px dashed light-dark(#b9c5d8, #43516a);
-  border-radius: 10px;
-  color: light-dark(#59677c, #b1bdd0);
+  border-radius: 8px;
+  color: var(--dc-muted);
   font-size: 12px;
 }
 .dcAgentPromptFile input { max-width: 100%; }
@@ -302,17 +357,17 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   padding: 12px;
   border: 1px dashed light-dark(#b9c5d8, #43516a);
   border-radius: 12px;
-  background: light-dark(#fbfcfe, #11171f);
+  background: var(--dc-page);
   outline: none;
 }
 .dcAgentPromptImageDrop.is-active {
-  border-color: #2869e6;
-  background: light-dark(#edf4ff, #172841);
+  border-color: var(--dc-action);
+  background: var(--dc-selected);
 }
 .dcAgentPromptImageDrop > p {
   margin: 0;
-  color: light-dark(#697386, #aab5c7);
-  font-size: 11px;
+  color: var(--dc-muted);
+  font-size: 12px;
   line-height: 17px;
 }
 .dcAgentPromptImagePreview {
@@ -327,25 +382,25 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   flex: 0 0 auto;
   overflow: hidden;
   padding: 0;
-  border: 1px solid light-dark(#d9dee8, #394352);
-  border-radius: 10px;
-  background: light-dark(#f3f6fa, #202733);
+  border: 1px solid var(--dc-border);
+  border-radius: 8px;
+  background: var(--dc-page);
   cursor: zoom-in;
 }
 .dcAgentPromptImageThumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
 .dcAgentPromptImageMeta { min-width: 0; flex: 1 1 auto; }
 .dcAgentPromptImageMeta b,
 .dcAgentPromptImageMeta small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.dcAgentPromptImageMeta small { margin-top: 3px; color: light-dark(#697386, #aab5c7); }
+.dcAgentPromptImageMeta small { margin-top: 3px; color: var(--dc-muted); }
 .dcAgentPromptImageRemove {
   flex: 0 0 auto;
   padding: 5px 9px;
-  border: 1px solid light-dark(#d9dee8, #394352);
+  border: 1px solid var(--dc-border);
   border-radius: 8px;
   background: transparent;
   color: inherit;
   font: inherit;
-  font-size: 11px;
+  font-size: 12px;
   cursor: pointer;
 }
 .dcAgentImageLightbox {
@@ -376,25 +431,25 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   margin: 10px 0 0;
   padding: 8px 10px;
   border-radius: 8px;
-  background: light-dark(#f6f8fb, #1c2330);
-  color: light-dark(#697386, #aab5c7);
-  font-size: 11px;
+  background: var(--dc-page);
+  color: var(--dc-muted);
+  font-size: 12px;
   line-height: 17px;
 }
-.dcAgentPromptError { margin: 8px 0 0; color: light-dark(#b42318, #ff8d86); font-size: 11px; }
+.dcAgentPromptError { margin: 8px 0 0; color: light-dark(#b42318, #ff8d86); font-size: 12px; }
 .dcAgentPromptActions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
 .dcAgentPromptAction {
   min-height: 34px;
   padding: 6px 13px;
-  border: 1px solid light-dark(#d9dee8, #394352);
-  border-radius: 9px;
+  border: 1px solid var(--dc-border);
+  border-radius: 6px;
   background: transparent;
   color: inherit;
   font: inherit;
   font-size: 12px;
   cursor: pointer;
 }
-.dcAgentPromptAction.is-primary { border-color: #2869e6; background: #2869e6; color: white; }
+.dcAgentPromptAction.is-primary { border-color: var(--dc-action); background: var(--dc-action); color: var(--dc-on-action); }
 .dcAgentPromptAction:disabled { opacity: .5; cursor: default; }
 
 .dcAgentHeaderAction {
@@ -403,9 +458,9 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   gap: 6px;
   min-height: 30px;
   padding: 4px 9px;
-  border: 1px solid light-dark(#d9dee8, #394352);
+  border: 1px solid var(--dc-border);
   border-radius: 8px;
-  background: light-dark(#ffffff, #191f28);
+  background: var(--dc-surface);
   color: inherit;
   font: inherit;
   font-size: 12px;
@@ -413,8 +468,8 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
 }
 .dcAgentHeaderAction:hover,
 .dcAgentHeaderAction:focus-visible {
-  border-color: light-dark(#2869e6, #6d9eff);
-  color: light-dark(#1556cf, #8cb3ff);
+  border-color: var(--dc-action);
+  color: var(--dc-action);
 }
 
 .dcAgentWbHeader {
@@ -422,7 +477,7 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   align-items: center;
   gap: 8px;
   padding: 12px 14px;
-  border-bottom: 1px solid light-dark(#e4e8f0, #303947);
+  border-bottom: 1px solid var(--dc-border);
 }
 
 .dcAgentWbTitle {
@@ -439,15 +494,15 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   display: grid;
   place-items: center;
   flex: 0 0 auto;
-  border-radius: 11px;
+  border-radius: 8px;
   font-size: 18px;
-  background: light-dark(#edf4ff, #172841);
+  background: var(--dc-selected);
 }
 
 .dcAgentWbTitle b,
 .dcAgentWbTitle small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .dcAgentWbTitle b { display: block; font-size: 15px; }
-.dcAgentWbTitle small { display: block; max-width: 190px; color: light-dark(#697386, #aab5c7); font-size: 11px; }
+.dcAgentWbTitle small { display: block; max-width: 190px; color: var(--dc-muted); font-size: 12px; }
 
 .dcAgentWbActions {
   display: flex;
@@ -460,10 +515,10 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
 .dcAgentQccBadge {
   flex: 0 0 auto;
   padding: 4px 10px;
-  border: 1px solid light-dark(#e4e8f0, #303947);
+  border: 1px solid var(--dc-border);
   border-radius: 999px;
-  color: light-dark(#697386, #aab5c7);
-  font-size: 11px;
+  color: var(--dc-muted);
+  font-size: 12px;
   white-space: nowrap;
 }
 
@@ -473,42 +528,75 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   height: 30px;
   display: grid;
   place-items: center;
-  border: 1px solid light-dark(#e4e8f0, #303947);
+  border: 1px solid var(--dc-border);
   border-radius: 8px;
   background: transparent;
   color: inherit;
   font-size: 15px;
   cursor: pointer;
 }
-.dcAgentWbClose:hover, .dcAgentWbClose:focus-visible { background: light-dark(#f6f8fb, #202733); }
+.dcAgentWbClose:hover, .dcAgentWbClose:focus-visible { background: var(--dc-page); }
 
 .dcAgentStepper {
   display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
-  gap: 8px;
-  padding: 12px 18px;
-  border-bottom: 1px solid light-dark(#e4e8f0, #303947);
-  background: light-dark(#fbfcfe, #12171e);
+  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-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 light-dark(#e4e8f0, #303947);
-  border-radius: 9px;
+  gap: 8px;
+  padding: 12px 4px;
+  border: 0;
+  border-right: 1px solid var(--dc-border);
+  border-radius: 0;
   background: transparent;
-  color: light-dark(#697386, #aab5c7);
+  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: light-dark(#1556cf, #8cb3ff);
-  border-color: light-dark(#2869e6, #6d9eff);
-  background: light-dark(#edf4ff, #172841);
+  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 {
@@ -518,16 +606,16 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
 }
 
 .dcAgentPane { display: flex; flex-direction: column; gap: 14px; }
-.dcAgentHint { margin: 0; color: light-dark(#697386, #aab5c7); font-size: 13px; line-height: 1.6; }
+.dcAgentHint { margin: 0; color: var(--dc-muted); font-size: 13px; line-height: 1.6; }
 
 .dcAgentTextarea {
   width: 100%;
   box-sizing: border-box;
   min-height: 132px;
   padding: 12px;
-  border: 1px solid light-dark(#cfd6e2, #485364);
-  border-radius: 10px;
-  background: light-dark(#ffffff, #191f28);
+  border: 1px solid var(--dc-border);
+  border-radius: 8px;
+  background: var(--dc-surface);
   color: inherit;
   font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
   font-size: 12px;
@@ -540,29 +628,29 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   box-sizing: border-box;
   min-width: 0;
   padding: 8px 12px;
-  border: 1px solid light-dark(#cfd6e2, #485364);
-  border-radius: 9px;
+  border: 1px solid var(--dc-border);
+  border-radius: 6px;
   font-size: 12px;
-  background: light-dark(#ffffff, #191f28);
+  background: var(--dc-surface);
   color: inherit;
 }
 
 .dcAgentButton {
   padding: 9px 16px;
-  border: 1px solid light-dark(#cfd6e2, #485364);
-  border-radius: 9px;
-  background: light-dark(#ffffff, #191f28);
+  border: 1px solid var(--dc-border);
+  border-radius: 6px;
+  background: var(--dc-surface);
   color: inherit;
   font-size: 13px;
   cursor: pointer;
 }
-.dcAgentButton:hover, .dcAgentButton:focus-visible { border-color: light-dark(#2869e6, #6d9eff); }
+.dcAgentButton:hover, .dcAgentButton:focus-visible { border-color: var(--dc-action); }
 .dcAgentButton.is-primary {
   border-color: transparent;
-  color: #ffffff;
-  background: light-dark(#2869e6, #3d7bf0);
+  color: var(--dc-on-action);
+  background: var(--dc-action);
 }
-.dcAgentButton.is-primary:hover, .dcAgentButton.is-primary:focus-visible { background: light-dark(#1556cf, #6d9eff); }
+.dcAgentButton.is-primary:hover, .dcAgentButton.is-primary:focus-visible { background: var(--dc-hover); }
 .dcAgentButton:disabled { opacity: 0.5; cursor: not-allowed; }
 
 .dcAgentGrid {
@@ -573,14 +661,14 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
 
 .dcAgentCard {
   padding: 12px 14px;
-  border: 1px solid light-dark(#e4e8f0, #303947);
-  border-radius: 11px;
-  background: light-dark(#fbfcfe, #191f28);
+  border: 1px solid var(--dc-border);
+  border-radius: 8px;
+  background: var(--dc-page);
 }
-.dcAgentCard span { display: block; color: light-dark(#697386, #aab5c7); font-size: 11px; }
+.dcAgentCard span { display: block; color: var(--dc-muted); font-size: 12px; }
 .dcAgentCard b { display: block; margin-top: 3px; font-size: 18px; }
-.dcAgentCard b.is-good { color: light-dark(#118a5b, #56d39b); }
-.dcAgentCard b.is-warn { color: light-dark(#c17412, #f4b85d); }
+.dcAgentCard b.is-good { color: var(--dc-success); }
+.dcAgentCard b.is-warn { color: var(--dc-review); }
 .dcAgentCard b.is-bad { color: light-dark(#d2454f, #ff838b); }
 
 .dcAgentTable {
@@ -591,9 +679,9 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
 .dcAgentTable th, .dcAgentTable td {
   padding: 7px 9px;
   text-align: left;
-  border-bottom: 1px solid light-dark(#eef1f6, #242b36);
+  border-bottom: 1px solid var(--dc-border);
 }
-.dcAgentTable th { color: light-dark(#697386, #aab5c7); font-weight: 600; }
+.dcAgentTable th { color: var(--dc-muted); font-weight: 600; }
 .dcAgentTable td.num { font-variant-numeric: tabular-nums; }
 .dcAgentTableWrap { max-width: 100%; overflow-x: auto; }
 .dcAgentTableWrap .dcAgentTable { min-width: 720px; table-layout: auto; }
@@ -605,7 +693,7 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
 .dcAgentError {
   padding: 10px 12px;
   border: 1px solid light-dark(#ffd6d8, #5b2f33);
-  border-radius: 9px;
+  border-radius: 6px;
   background: light-dark(#fff0f0, #351d21);
   color: light-dark(#d2454f, #ff838b);
   font-size: 12px;
@@ -614,22 +702,22 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
 .dcAgentChips { display: flex; flex-wrap: wrap; gap: 6px; }
 .dcAgentChip {
   padding: 4px 10px;
-  border: 1px solid light-dark(#e4e8f0, #303947);
+  border: 1px solid var(--dc-border);
   border-radius: 999px;
-  font-size: 11px;
-  color: light-dark(#697386, #aab5c7);
+  font-size: 12px;
+  color: var(--dc-muted);
 }
 .dcAgentChip.is-selected {
-  color: light-dark(#1556cf, #8cb3ff);
-  border-color: light-dark(#2869e6, #6d9eff);
-  background: light-dark(#edf4ff, #172841);
+  color: var(--dc-action);
+  border-color: var(--dc-action);
+  background: var(--dc-selected);
 }
 .dcAgentCheck { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; }
 .dcAgentSection {
   padding: 14px;
-  border: 1px solid light-dark(#e4e8f0, #303947);
-  border-radius: 11px;
-  background: light-dark(#fbfcfe, #191f28);
+  border: 1px solid var(--dc-border);
+  border-radius: 8px;
+  background: var(--dc-page);
 }
 .dcAgentSection h3 { margin: 0 0 8px; font-size: 13px; }
 .dcAgentCandidate {
@@ -638,32 +726,32 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   gap: 10px;
   align-items: center;
   padding: 10px 0;
-  border-bottom: 1px solid light-dark(#eef1f6, #242b36);
+  border-bottom: 1px solid var(--dc-border);
 }
 .dcAgentCandidate:last-child { border-bottom: 0; }
-.dcAgentCandidate small { color: light-dark(#697386, #aab5c7); }
+.dcAgentCandidate small { color: var(--dc-muted); }
 .dcAgentProgress { height: 8px; overflow: hidden; border-radius: 99px; background: light-dark(#e8edf5, #293240); }
-.dcAgentProgress > span { display: block; height: 100%; background: #2869e6; }
+.dcAgentProgress > span { display: block; height: 100%; background: var(--dc-action); }
 
 /* M3 · overlay 头部 jobs 状态 pill（轮询 /mvp/jobs，不接计费遥测）。 */
 .dcAgentJobsPill {
   flex: 0 0 auto;
   padding: 4px 10px;
-  border: 1px solid light-dark(#e4e8f0, #303947);
+  border: 1px solid var(--dc-border);
   border-radius: 999px;
-  font-size: 11px;
+  font-size: 12px;
   white-space: nowrap;
-  color: light-dark(#697386, #aab5c7);
+  color: var(--dc-muted);
 }
 .dcAgentJobsPill[data-state='running'] {
-  color: light-dark(#1556cf, #8cb3ff);
-  border-color: light-dark(#2869e6, #6d9eff);
-  background: light-dark(#edf4ff, #172841);
+  color: var(--dc-action);
+  border-color: var(--dc-action);
+  background: var(--dc-selected);
 }
 .dcAgentJobsPill[data-state='completed'] {
-  color: light-dark(#118a5b, #56d39b);
-  border-color: light-dark(#118a5b, #2f7d5e);
-  background: light-dark(#eefaf3, #12261d);
+  color: var(--dc-success);
+  border-color: var(--dc-success);
+  background: var(--dc-success-bg);
 }
 .dcAgentJobsPill[data-state='failed'] {
   color: light-dark(#d2454f, #ff838b);
@@ -677,9 +765,9 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   flex-direction: column;
   gap: 8px;
   padding: 12px 14px;
-  border: 1px solid light-dark(#e4e8f0, #303947);
-  border-radius: 11px;
-  background: light-dark(#fbfcfe, #191f28);
+  border: 1px solid var(--dc-border);
+  border-radius: 8px;
+  background: var(--dc-page);
   margin: 4px 0;
 }
 .dcAgentToolCardHead {
@@ -699,34 +787,34 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   flex: 0 0 auto;
   padding: 1px 8px;
   border-radius: 999px;
-  font-size: 11px;
-  color: light-dark(#697386, #aab5c7);
-  border: 1px solid light-dark(#e4e8f0, #303947);
+  font-size: 12px;
+  color: var(--dc-muted);
+  border: 1px solid var(--dc-border);
 }
-.dcAgentToolCardState.is-ok { color: light-dark(#118a5b, #56d39b); }
+.dcAgentToolCardState.is-ok { color: var(--dc-success); }
 .dcAgentToolCardState.is-error { color: light-dark(#d2454f, #ff838b); }
-.dcAgentToolCardState.is-running { color: light-dark(#1556cf, #8cb3ff); }
-.dcAgentToolCardState.is-stopped { color: light-dark(#697386, #aab5c7); }
+.dcAgentToolCardState.is-running { color: var(--dc-action); }
+.dcAgentToolCardState.is-stopped { color: var(--dc-muted); }
 .dcAgentToolCardBody {
   margin: 0;
   white-space: pre-wrap;
   word-break: break-word;
   font-size: 12px;
   line-height: 1.6;
-  color: light-dark(#33415a, #c9d4e5);
+  color: var(--dc-text);
 }
-.dcAgentHistoryTask { border: 1px solid light-dark(#dce4f1, #344052); border-radius: 9px; background: light-dark(#fff, #1b222e); color: inherit; font: inherit; cursor: pointer; }
+.dcAgentHistoryTask { border: 1px solid var(--dc-border); border-radius: 6px; background: var(--dc-surface); color: inherit; font: inherit; cursor: pointer; }
 .dcAgentWizardNav { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-bottom: 12px; }
-.dcAgentWizardStep { display: flex; align-items: center; gap: 6px; padding: 7px; border: 1px solid light-dark(#d9dee8, #394352); border-radius: 9px; background: transparent; color: inherit; font: inherit; font-size: 11px; cursor: pointer; }
-.dcAgentWizardStep b { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: light-dark(#eef1f6, #252e3b); color: light-dark(#607088, #b9c6da); }
-.dcAgentWizardStep.is-active { border-color: #2869e6; background: light-dark(#edf4ff, #172841); color: light-dark(#1556cf, #8cb3ff); }
-.dcAgentWizardStep.is-active b { background: #2869e6; color: white; }
+.dcAgentWizardStep { display: flex; align-items: center; gap: 6px; padding: 7px; border: 1px solid var(--dc-border); border-radius: 6px; background: transparent; color: inherit; font: inherit; font-size: 12px; cursor: pointer; }
+.dcAgentWizardStep b { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--dc-border); color: var(--dc-muted); }
+.dcAgentWizardStep.is-active { border-color: var(--dc-action); background: var(--dc-selected); color: var(--dc-action); }
+.dcAgentWizardStep.is-active b { background: var(--dc-action); color: var(--dc-on-action); }
 .dcAgentWizardPane { min-height: 230px; }
 .dcAgentWizardPane h4 { margin: 0 0 3px; font-size: 14px; }
-.dcAgentWizardPane > p { margin: 0 0 12px; color: light-dark(#697386, #aab5c7); font-size: 11px; line-height: 17px; }
+.dcAgentWizardPane > p { margin: 0 0 12px; color: var(--dc-muted); font-size: 12px; line-height: 17px; }
 .dcAgentPromptRules { display: grid; gap: 8px; margin-top: 14px; }
 .dcAgentPromptRules label { font-size: 12px; }
-.dcAgentPromptPreview { max-height: 260px; overflow: auto; margin: 10px 0 0; padding: 12px; border-radius: 10px; background: light-dark(#f6f8fb, #11171f); white-space: pre-wrap; word-break: break-word; font: inherit; font-size: 11px; line-height: 18px; }
+.dcAgentPromptPreview { max-height: 260px; overflow: auto; margin: 10px 0 0; padding: 12px; border-radius: 8px; background: var(--dc-page); white-space: pre-wrap; word-break: break-word; font: inherit; font-size: 12px; line-height: 18px; }
 .dcAgentFormField { display: grid; gap: 6px; font-size: 12px; font-weight: 600; }
 .dcAgentMappingRow { display: grid; grid-template-columns: minmax(0, 1fr) 24px minmax(180px, 1fr); align-items: center; gap: 8px; margin-top: 7px; font-size: 12px; }
 .dcAgentMappingRow > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@@ -742,13 +830,13 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
   border: 0;
   border-radius: 6px;
   background: transparent;
-  color: light-dark(#2869e6, #8cb3ff);
+  color: var(--dc-action);
   font: inherit;
-  font-size: 11px;
+  font-size: 12px;
   cursor: pointer;
 }
-.dcAgentFieldAction:hover, .dcAgentFieldAction:focus-visible { background: light-dark(#edf4ff, #172841); }
-.dcAgentPreviewTable { margin-top: 12px; overflow: auto; border: 1px solid light-dark(#e4e8f0, #303947); border-radius: 10px; }
+.dcAgentFieldAction:hover, .dcAgentFieldAction:focus-visible { background: var(--dc-selected); }
+.dcAgentPreviewTable { margin-top: 12px; overflow: auto; border: 1px solid var(--dc-border); border-radius: 8px; }
 .dcAgentHistoryTask { display: block; width: 100%; padding: 10px; text-align: left; }
 .dcAgentHistoryTask h3 { margin: 0; font-size: 12px; }
 /*
@@ -777,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; }
@@ -793,6 +880,40 @@ 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; }
+.dcAgentCapability { border-radius: 8px; }
+.dcAgentWbBody { min-height: 0; }
+.dcAgentTable th { background: var(--dc-table-head); color: var(--dc-text); }
+.dcAgentTable th, .dcAgentTable td { height: 44px; box-sizing: border-box; font-size: 13px; }
+.dcAgentTable tbody tr:hover { background: var(--dc-selected); }
+.dcAgentSection, .dcAgentCard { background: var(--dc-surface); }
+.dcAgentFieldGroup { background: var(--dc-page); padding: 12px; border-radius: 8px; }
+.dcAgentPromptFieldGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; margin-top: 10px; }
+.dcAgentPromptFieldGrid .dcAgentPromptChoice { border: 0; border-radius: 4px; min-width: 0; align-items: flex-start; font-size: 13px; }
+.dcAgentFieldGroup .dcAgentChips { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
+.dcAgentFieldGroup .dcAgentChip { border-radius: 4px; }
+.dcAgentPromptText, .dcAgentTextarea, .dcAgentField { font-size: 14px; }
+.dcAgentPromptTrigger { border-radius: 6px; }
+.dcAgentPromptAction.is-primary:hover:not(:disabled) { background: var(--dc-hover); }
+:is(.dcAgentWorkbench, .dcAgentPromptPanel, .dcAgentCapabilities, .dcAgentPromptLayer) :is(button, input, select, textarea, summary):focus-visible,
+.dcAgentLauncher:focus-visible { outline: 2px solid var(--dc-action); outline-offset: 2px; }
+@media (max-width: 760px) {
+  [data-dc-agent-hero-title="true"] { font-size: 20px; }
+  .dcAgentHeroLogo { width: 40px; height: 40px; border-radius: 8px; }
+  .dcAgentPromptText, .dcAgentTextarea, .dcAgentField { font-size: 16px; }
+  .dcAgentPromptFieldGrid { grid-template-columns: 1fr; }
+}
+
 `;
 
     /** 安装入口、会话能力按钮与右侧工作台样式。 */
@@ -840,18 +961,18 @@ 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 = [
       { key: 'upload', label: '导入名单', icon: IconPaperclipOutline16, fallback: '＋' },
       { key: 'profile', label: '质量体检', icon: IconChecklistOutline14, fallback: '✓' },
       { key: 'match', label: '匹配核验', icon: IconSearchOutline16, fallback: '⌕' },
-      { key: 'enrich', label: '字段补全', icon: IconDataOutline16, fallback: '▦' },
+      { key: 'enrich', label: '字段补全', icon: DatabaseLogo, fallback: '▦' },
       { key: 'history', label: '任务历史', icon: IconArchiveOutline20, fallback: '◷' },
     ];
 
@@ -1735,7 +1856,7 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
             console.error('[dc-agent] open failed:', error);
           }
         },
-        children: wide ? '🧹 数据清洗补全' : '🧹',
+        children: h('span', { className: 'dcAgentLauncherContent' }, h(DatabaseLogo), wide ? h('span', null, '数据清洗补全') : null),
       });
       if (!topMount || typeof reactDom.createPortal !== 'function') return launcher;
       return reactDom.createPortal(h('div', {
@@ -1889,6 +2010,9 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
       if (!hero) return () => {};
       const changedTitles = new Map();
       const changedBadges = new Map();
+      const changedMarks = new Map();
+      const changedRows = new Map();
+      const ownedLogos = new Map();
       const hiddenForeignDocks = new Map();
       const composerStack = marker?.parentElement?.parentElement;
       // 单一会话所有权由入口的 enabled 参数（useCleaningSession(sessionId) && composerPhase==='blank'）
@@ -1910,6 +2034,29 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
           if (!changedTitles.has(title)) changedTitles.set(title, title.textContent ?? '');
           title.dataset.dcAgentHeroTitle = 'true';
           if (title.textContent !== '数据清洗补全智能体') { title.textContent = '数据清洗补全智能体'; mutated = true; }
+          // 只适配本会话已确认的 DSH headline；未知宿主结构保留原状。
+          const row = title.parentElement;
+          const nativeMark = row?.querySelector?.('[class*="fishHitbox"]');
+          if (nativeMark && typeof document.createElementNS === 'function') {
+            if (!changedRows.has(row)) changedRows.set(row, row.getAttribute('data-dc-agent-hero-row'));
+            row.setAttribute('data-dc-agent-hero-row', 'true');
+            if (!changedMarks.has(nativeMark)) changedMarks.set(nativeMark, nativeMark.style.display);
+            nativeMark.style.display = 'none';
+            if (!ownedLogos.get(row)?.isConnected) {
+              const logo = document.createElement('span');
+              logo.className = 'dcAgentHeroLogo';
+              logo.setAttribute('aria-hidden', 'true');
+              const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+              for (const [name, value] of Object.entries({ viewBox: '0 0 24 24', width: '26', height: '26', fill: 'none', stroke: 'currentColor', 'stroke-width': '1.7', 'stroke-linecap': 'round', 'stroke-linejoin': 'round', focusable: 'false' })) svg.setAttribute(name, value);
+              const path = document.createElementNS('http://www.w3.org/2000/svg', 'path');
+              path.setAttribute('d', DATABASE_PATH);
+              svg.appendChild(path);
+              logo.appendChild(svg);
+              row.insertBefore(logo, title);
+              ownedLogos.set(row, logo);
+              mutated = true;
+            }
+          }
         }
         if (badge) {
           if (!changedBadges.has(badge)) changedBadges.set(badge, badge.style?.display ?? '');
@@ -1947,6 +2094,12 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
       observer?.observe?.(hero, { childList: true, subtree: true });
       return () => {
         observer?.disconnect?.();
+        for (const logo of ownedLogos.values()) logo.remove();
+        for (const [mark, originalDisplay] of changedMarks) mark.style.display = originalDisplay;
+        for (const [row, originalValue] of changedRows) {
+          if (originalValue === null) row.removeAttribute('data-dc-agent-hero-row');
+          else row.setAttribute('data-dc-agent-hero-row', originalValue);
+        }
         for (const [title, originalText] of changedTitles) {
           if (title.textContent === '数据清洗补全智能体') title.textContent = originalText;
           delete title.dataset.dcAgentHeroTitle;
@@ -2064,6 +2217,7 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
       const [imageLightbox, setImageLightbox] = react.useState(false);
       const [cleaningKeys, setCleaningKeys] = react.useState(DEFAULT_CLEANING_KEYS);
       const [enrichmentKeys, setEnrichmentKeys] = react.useState(DEFAULT_ENRICHMENT_KEYS);
+      const [fieldQuery, setFieldQuery] = react.useState('');
       const [anchorKeys, setAnchorKeys] = react.useState(['company_name', 'credit_no']);
       const [matchRules, setPromptMatchRules] = react.useState({
         normalizeNames: true,
@@ -2501,18 +2655,27 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
               h('b', null, '清洗目标'),
               h('div', { className: 'dcAgentPromptChoices' }, choice(CLEANING_OPTIONS, cleaningKeys, setCleaningKeys)),
             ),
-            FIELD_GROUPS.map(([groupId, label, fields, sourceTool]) => h('div', { className: 'dcAgentPromptGroup', key: groupId },
+            h('label', { className: 'dcAgentPromptField' },
+              h('span', null, `查找补全字段 · 已选 ${enrichmentKeys.length}`),
+              h('input', { type: 'search', className: 'dcAgentField', value: fieldQuery, 'aria-label': '查找补全字段',
+                placeholder: '搜索维度、字段或工具名称', onChange: (event) => setFieldQuery(event.target.value) })),
+            !FIELD_GROUPS.some((group) => visibleCatalogFields(group, fieldQuery).length) ? h('p', { className: 'dcAgentHint', role: 'status' }, '没有匹配的字段；已选字段保持不变。') : null,
+            FIELD_GROUPS.filter((group) => visibleCatalogFields(group, fieldQuery).length).map(([groupId, label, fields, sourceTool]) => h('div', { className: 'dcAgentPromptGroup dcAgentFieldGroup', key: groupId },
               h('div', { className: 'dcAgentFieldGroupHead' },
                 h('div', null,
                   h('b', null, `${label} · ${fields.filter(([id]) => enrichmentKeys.includes(id)).length}/${fields.length}`),
                   sourceTool ? h('small', { className: 'dcAgentHint' }, `来源：${sourceTool}`) : null,
                 ),
                 h('div', { className: 'dcAgentFieldGroupActions' },
-                  h('button', { type: 'button', className: 'dcAgentFieldAction', onClick: () => setPromptFieldGroup(fields, true) }, '全选'),
-                  h('button', { type: 'button', className: 'dcAgentFieldAction', onClick: () => setPromptFieldGroup(fields, false) }, '清空'),
+                  h('button', { type: 'button', className: 'dcAgentFieldAction', title: '选中本维度全部字段，不受搜索过滤影响', onClick: () => setPromptFieldGroup(fields, true) }, '全选'),
+                  h('button', { type: 'button', className: 'dcAgentFieldAction', title: '清空本维度全部字段，不受搜索过滤影响', onClick: () => setPromptFieldGroup(fields, false) }, '清空'),
                 ),
               ),
-              h('div', { className: 'dcAgentPromptChoices' }, choice(fields, enrichmentKeys, setEnrichmentKeys)),
+              h('div', { className: 'dcAgentPromptFieldGrid' }, visibleCatalogFields([groupId, label, fields, sourceTool], fieldQuery).map(([id, fieldLabel]) => h('label', {
+                key: id, className: `dcAgentPromptChoice${enrichmentKeys.includes(id) ? ' is-selected' : ''}`,
+              }, h('input', { type: 'checkbox', checked: enrichmentKeys.includes(id),
+                onChange: (event) => setEnrichmentKeys((current) => event.target.checked ? [...new Set([...current, id])] : current.filter((key) => key !== id)),
+              }), fieldLabel))),
             )),
           ) : null,
           wizardStep === 4 ? h('div', { className: 'dcAgentWizardPane' },
@@ -2553,9 +2716,7 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
         title: '打开数据清洗补全工作台',
         onClick: () => requestWorkbenchOpen(null, sessionId),
       },
-        typeof IconDataOutline16 === 'function'
-          ? h(IconDataOutline16, { size: 16, 'aria-hidden': 'true' })
-          : h('span', { 'aria-hidden': 'true' }, '▦'),
+        h(DatabaseLogo, { size: 16 }),
         h('span', null, '清洗补全工作台'),
       );
     }
@@ -2830,6 +2991,7 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
       const paidConfirmed = useStore((state) => state.paidConfirmed);
       const jobs = useStore((state) => state.jobs);
       const activeSessionId = useStore((state) => state.activeSessionId);
+      const [fieldQuery, setFieldQuery] = react.useState('');
 
       react.useEffect(() => {
         rootWorkbenchActions = actions;
@@ -3576,18 +3738,22 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
               h('span', { className: 'dcAgentChip' }, '第一批 40'),
               h('span', { className: 'dcAgentChip' }, '第二批 58'),
             ),
-            uiFieldGroups.map(([groupId, label, fields, sourceTool]) => h('div', { key: groupId, className: 'dcAgentFieldGroup' },
+            h('label', { className: 'dcAgentPromptField' }, h('span', null, '查找补全字段'),
+              h('input', { type: 'search', className: 'dcAgentField', value: fieldQuery, 'aria-label': '查找补全字段',
+                placeholder: '搜索维度、字段或工具名称', onChange: (event) => setFieldQuery(event.target.value) })),
+            !uiFieldGroups.some((group) => visibleCatalogFields(group, fieldQuery).length) ? h('p', { className: 'dcAgentHint', role: 'status' }, '没有匹配的字段；已选字段保持不变。') : null,
+            uiFieldGroups.filter((group) => visibleCatalogFields(group, fieldQuery).length).map(([groupId, label, fields, sourceTool]) => h('div', { key: groupId, className: 'dcAgentFieldGroup' },
               h('div', { className: 'dcAgentFieldGroupHead' },
                 h('div', null,
                   h('b', null, `${label} · ${fields.filter(([id]) => fieldSelection.includes(id)).length}/${fields.length}`),
                   sourceTool ? h('small', { className: 'dcAgentHint' }, `来源：${sourceTool}`) : null,
                 ),
                 h('div', { className: 'dcAgentFieldGroupActions' },
-                  h('button', { type: 'button', className: 'dcAgentFieldAction', onClick: () => setWorkbenchFieldGroup(fields, true) }, '全选'),
-                  h('button', { type: 'button', className: 'dcAgentFieldAction', onClick: () => setWorkbenchFieldGroup(fields, false) }, '清空'),
+                  h('button', { type: 'button', className: 'dcAgentFieldAction', title: '选中本维度全部字段，不受搜索过滤影响', onClick: () => setWorkbenchFieldGroup(fields, true) }, '全选'),
+                  h('button', { type: 'button', className: 'dcAgentFieldAction', title: '清空本维度全部字段，不受搜索过滤影响', onClick: () => setWorkbenchFieldGroup(fields, false) }, '清空'),
                 ),
               ),
-              h('div', { className: 'dcAgentChips' }, fields.map(([key, fieldLabel]) => h('label', { key, className: `dcAgentChip${fieldSelection.includes(key) ? ' is-selected' : ''}` },
+              h('div', { className: 'dcAgentChips' }, visibleCatalogFields([groupId, label, fields, sourceTool], fieldQuery).map(([key, fieldLabel]) => h('label', { key, className: `dcAgentChip${fieldSelection.includes(key) ? ' is-selected' : ''}` },
                 h('input', { type: 'checkbox', checked: fieldSelection.includes(key), onChange: () => actions.toggleField(key) }), ` ${fieldLabel}`,
               ))),
             )),
@@ -3823,7 +3989,7 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
         },
           h('header', { className: 'dcAgentWbHeader' },
             h('div', { className: 'dcAgentWbTitle' },
-              h('span', { className: 'dcAgentWbIcon', 'aria-hidden': 'true' }, '🧹'),
+              h('span', { className: 'dcAgentWbIcon', 'aria-hidden': 'true' }, h(DatabaseLogo, { size: 22 })),
               h('div', null,
                 h('b', null, '数据清洗补全'),
                 h('small', null, cachedTask ? `${WORKFLOW_STATE_LABELS[cachedTask.state] || cachedTask.state} · ${cachedTask.id.slice(0, 18)}` : '正在创建 Host taskId…'),
@@ -3853,21 +4019,24 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
               }, '✕'),
             ),
           ),
-          h('nav', { className: 'dcAgentRow', style: { padding: '10px 16px' }, 'aria-label': '工作台管理' },
+          h('nav', { className: 'dcAgentManagement', 'aria-label': '工作台管理' },
             h('button', { type: 'button', className: 'dcAgentButton', 'aria-pressed': step !== 'history',
               onClick: () => actions.setStep(cachedTask?.stage || 'upload') }, '当前任务'),
             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,
@@ -3984,6 +4153,8 @@ body:has(.dcAgentPromptBackdrop) { overflow: hidden; }
     exports.inject = inject;
     // 测试用纯函数，不构成 Host / DSH 稳定 API。
     exports.__testing = {
+      DatabaseLogo,
+      visibleCatalogFields,
       installCapabilityMount,
       PromptDialog,
       ProductHome,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-data-cleaning-agent",
-  "version": "0.8.7",
+  "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",